@font-face{font-family:Manrope;src:url('/fonts/manrope-700.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:Manrope;src:url('/fonts/manrope-800.ttf') format('truetype');font-weight:800;font-display:swap}
html[data-theme=dark]{--blue:#f36ba7;--blue-deep:#ffacd0;--red:#f36ba7;--peri:#b87997;--ink:#faf7f9;--paper:#19191b;--card:#252126;--line:#494047;--dim:#c2b8bf;--field:#201b20;--tint:#392730;--on-accent:#24141d;--error:#ffb3b3}
html[data-theme=light]{--blue:#b92362;--blue-deep:#91224f;--red:#c9246b;--peri:#b87997;--ink:#191719;--paper:#faf9f8;--card:#fff;--line:#ded7dc;--dim:#696269;--field:#fff;--tint:#fbe8f1;--on-accent:#fff;--error:#b3261e}
html,body,*{scrollbar-width:thin}html::-webkit-scrollbar,body::-webkit-scrollbar,*::-webkit-scrollbar{display:block;width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--line)}
body{background:var(--paper);color:var(--ink)}.airmail{height:5px;background:var(--red)}
.mts-wordmark{display:block;font:800 48px/1 Manrope,sans-serif;letter-spacing:-.065em;color:var(--ink);white-space:nowrap}.mts-wordmark>span{color:var(--red)}.brand{text-decoration:none}.foot-inner>.mts-wordmark{font-size:36px}
.top{background:var(--paper);padding-top:23px;padding-bottom:23px}.mainnav a{font-size:13px;font-weight:400}.login{font-size:12px;border-width:1px;border-color:var(--line);color:var(--ink)}.login:hover{background:var(--tint);color:var(--blue-deep)}
.theme-toggle{display:grid;place-items:center;width:37px;height:37px;border:1px solid var(--line);border-radius:50%;color:var(--ink);background:none;flex:none;cursor:pointer}.theme-toggle svg{width:18px;height:18px}.theme-toggle:hover{background:var(--tint)}
h1,h2,h3,.bsec>h2,.bbig,.ordnum,.pblockhead{font-family:Manrope,'Public Sans',sans-serif;letter-spacing:-.035em;text-shadow:none;animation:none}.pagehead h1{font-size:46px;line-height:1.12}.pagehead{background:var(--paper)}.pagehead p{color:var(--dim)}
.btn.punch,.bstep,.bsec>h2 .bstep{background:var(--red);border-color:var(--red);color:var(--on-accent)}.btn.ghost{background:transparent;color:var(--blue-deep);border-color:var(--line)}
input,select,textarea{background:var(--field);color:var(--ink);border-color:var(--line);accent-color:var(--red)}input::placeholder,textarea::placeholder{color:var(--dim)}
.bsec,.bcard,.staffcard,.ordcard,.quoteform,.savelink{background:var(--card);border-color:var(--line);box-shadow:none}.bcard{border-top-color:var(--red)}
.pick,.chip,.tile,.classopt,.dropzone,.addon,.info-box,.noticebox,.mobiletotal,.routehead,.routes{background:var(--card);border-color:var(--line);color:var(--ink)}
.pick.on,.chip.on,.tile.on,.classopt.on,.pick:hover,.chip:hover,.tile:hover{background:var(--tint);border-color:var(--red);color:var(--ink)}
.pick b,.tile b,.classopt b,.grouplab,.picon.blue,.picon.red{color:var(--blue-deep)}.pick span,.pick em{color:var(--dim)}
.dropzone.hot,.dropzone:hover{background:var(--tint)}.bsec>.bsub,.hint,.pempty,#bStatus{color:var(--dim)}.hint.err,.err,#bOrderStatus.err{color:var(--error)}
.ptab.on{color:var(--blue-deep);border-color:var(--red)}.bprice dl{color:var(--ink)}.ptab:focus-visible,.theme-toggle:focus-visible{outline:2px solid var(--red);outline-offset:3px}
footer,.foot-inner{background:var(--paper);color:var(--dim);border-color:var(--line)}.foot-links a{color:var(--ink)}
@media(max-width:760px){.top{padding:20px 22px;gap:20px}.mts-wordmark{font-size:43px}.theme-toggle{width:31px;height:31px}.pagehead h1{font-size:35px}.bsec>h2{font-size:20px}.logins{flex-wrap:wrap}.mainnav{flex-wrap:wrap;gap:16px}}

.staff-page .staffwrap{width:100%;max-width:480px;margin:clamp(28px,6vh,64px) auto 64px;padding:0 20px}
.staff-page .staffcard{padding:30px;min-width:0}
.staff-page .staffcard h1{font-size:30px;line-height:1.2;margin:0 0 12px}
.staff-page .staffcard form{padding:0;margin:24px 0 20px;gap:18px}
.staff-page .staffcard label{gap:8px}
.staff-page .staffcard input{width:100%;min-width:0;min-height:46px;font-size:16px}
.staff-page .staffcard .btn{min-height:44px;box-shadow:none;transform:none}
.staff-page .staffcard .btn.punch:hover{background:var(--blue-deep);border-color:var(--blue-deep);box-shadow:none;transform:none}
.staff-page .staffcard .btn:disabled{opacity:.6;cursor:wait;transform:none}
.staff-page .staffcard .hint{font-size:14px;line-height:1.6;overflow-wrap:anywhere}
.staff-page [role=status]{margin:0;line-height:1.5}
.staff-page [role=status]:empty{display:none}
.staff-page .staff-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:24px}
.staff-page .pendrow{flex-wrap:wrap;gap:10px}
.staff-page .pendrow span{flex-basis:100%;overflow-wrap:anywhere}
.staff-page :is(a,button):focus-visible{outline:2px solid var(--red);outline-offset:4px}
@media(max-width:760px){
  .staff-page .top{padding:16px 20px;gap:16px;align-items:center;flex-wrap:wrap}
  .staff-page .brand{margin-right:auto}
  .staff-page .mainnav{order:0;flex:0 1 auto;padding:0;gap:16px}
  .staff-page .mainnav a{display:flex;align-items:center;min-height:44px;font-size:14px}
  .staff-page .theme-toggle{width:44px;height:44px}
  .staff-page .staffcard{padding:24px 20px}
  .staff-page .staffcard h1{font-size:27px}
  .staff-page .staffcard .btn{width:100%;justify-self:stretch}
  .staff-page .staffwrap{padding:0 16px;margin-top:24px}
}