:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#252028;background:#f7f5f4;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer}button:focus-visible{outline:3px solid #ae6073;outline-offset:2px}.app{min-height:100vh;display:grid;grid-template-columns:224px minmax(0,1fr)}.sidebar{background:#211b22;color:#fff;display:flex;flex-direction:column;padding:27px 14px 20px;min-height:100vh}.brand{display:flex;align-items:baseline;gap:10px;padding:0 16px 48px}.brand-mark{font-size:27px;font-weight:900;letter-spacing:-2px}.brand-mark span,.mobile-brand span{color:#e77a8c}.brand-sub{font-size:10px;letter-spacing:2.4px;color:#bcb1bc;font-weight:800}.side-label{padding:0 16px 14px;font-size:10px;font-weight:800;letter-spacing:1.5px;color:#847b85}.side-link{width:100%;display:flex;align-items:center;gap:14px;border:0;background:transparent;color:#b7aeb8;padding:13px 14px;text-align:left;border-radius:10px;font-weight:650;font-size:14px;margin-bottom:5px}.side-link:hover,.side-link.active{background:#352b34;color:#fff}.side-icon{font-size:18px;width:20px;text-align:center;color:#d49ca8}.side-count{margin-left:auto;border-radius:20px;background:#e97889;color:#211b22;padding:1px 7px;font-size:11px}.side-foot{margin-top:auto;border-top:1px solid #443941;padding:19px 11px 2px;display:flex;align-items:center;gap:10px}.avatar{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#e6c3cc;color:#6c3f4b;font-weight:800}.side-foot strong,.side-foot small{display:block}.side-foot strong{font-size:13px}.side-foot small{font-size:11px;color:#ada2ad;margin-top:2px}.main{min-width:0}.topbar{height:66px;background:#fff;border-bottom:1px solid #e8e3e4;display:flex;align-items:center;justify-content:space-between;padding:0 38px}.breadcrumb{font-size:12px;color:#9a9198}.breadcrumb span{padding:0 10px;color:#d1c8ce}.breadcrumb strong{color:#3d343e}.top-actions{display:flex;gap:18px;align-items:center}.demo-pill{display:flex;gap:7px;align-items:center;background:#f6f1e9;color:#7a6449;border-radius:50px;padding:7px 11px;font-size:11px;font-weight:800}.demo-pill i{width:7px;height:7px;border-radius:50%;background:#d19b5c}.top-avatar{width:31px;height:31px;font-size:12px}.mobile-brand{display:none}.content{max-width:1480px;margin:auto;padding:35px 38px 70px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:25px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:900;color:#bb7180;margin-bottom:8px}.page-heading h1{font-size:31px;letter-spacing:-1.2px;margin:0 0 5px;line-height:1.1}.page-heading p{font-size:13px;color:#8a8088;margin:0}.primary{border:0;border-radius:10px;background:#242027;color:#fff;font-weight:750;font-size:13px;padding:13px 17px;box-shadow:0 5px 12px #241d2320}.primary:hover{background:#493541}.primary span{margin-left:17px;font-size:17px}.demo-note{display:flex;gap:13px;align-items:center;background:#f2ebdf;border:1px solid #eadfcd;border-radius:11px;color:#7c6243;padding:13px 16px;margin-bottom:22px}.demo-note>span{font-size:18px}.demo-note strong,.demo-note small{display:block}.demo-note strong{font-size:12px}.demo-note small{font-size:11px;margin-top:2px;line-height:1.4}.layout{display:grid;grid-template-columns:minmax(310px,440px) minmax(0,1fr);gap:20px;align-items:start}.queue-panel,.detail-panel{background:#fff;border:1px solid #eae5e7;border-radius:16px;box-shadow:0 8px 25px #3b243408;overflow:hidden}.section-head{display:flex;align-items:center;justify-content:space-between;padding:20px 22px 16px}.section-head h2{font-size:17px;letter-spacing:-.4px;margin:0 0 3px}.section-head span{color:#9a9198;font-size:11px}.sort-label{background:none;border:0;color:#a46e7b;font-weight:750;font-size:11px}.filters{display:flex;gap:4px;overflow:auto;padding:0 16px 13px;scrollbar-width:none}.filters::-webkit-scrollbar{display:none}.filter{border:0;background:none;color:#8b8189;border-radius:8px;padding:8px 9px;white-space:nowrap;font-size:11px;font-weight:750}.filter span{color:#aaa0a8;padding-left:2px}.filter.active{background:#f6e7eb;color:#9d485f}.filter.active span{color:#9d485f}.order-list{border-top:1px solid #eee9ea;max-height:650px;overflow:auto}.order-card{display:block;width:100%;border:0;border-bottom:1px solid #eee9ea;background:#fff;text-align:left;padding:18px 20px 17px;position:relative}.order-card:hover{background:#faf7f8}.order-card.selected{background:#fcf7f8}.order-card.selected:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#ce6178}.order-line{display:flex;align-items:center;gap:7px}.order-number{font-size:15px;font-weight:850;letter-spacing:-.2px}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 7px;border-radius:5px;text-transform:uppercase;font-size:9px;letter-spacing:.6px;font-weight:900}.badge.express{background:#fce8e6;color:#cf5345}.badge.issue{background:#fff1d9;color:#ad6d1d}.badge.mine{background:#e7f2ed;color:#358266}.order-time{font-size:11px;color:#a79da4;margin-left:auto}.order-sub{font-size:11px;color:#888089;margin-top:7px}.order-sub strong{color:#4c414a}.order-preview{font-size:11px;color:#826f78;margin-top:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-preview.important{color:#ad596c}.order-foot{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.order-thumbs{display:flex;padding-left:5px}.order-thumbs img{width:32px;height:38px;object-fit:cover;border-radius:5px;margin-left:-5px;border:2px solid white;background:#eee}.order-foot>span{color:#a59aa2;font-size:10px}.empty{padding:35px 20px;color:#9b9099;text-align:center;font-size:13px}.detail-inner{padding:24px 27px}.detail-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.detail-overline{font-size:10px;color:#a89ba4;letter-spacing:1.4px;font-weight:850}.detail-title{font-size:25px;margin:4px 0 0;letter-spacing:-.9px}.detail-badges{display:flex;gap:6px;flex-wrap:wrap;margin-top:11px}.detail-meta{color:#968a93;font-size:11px;line-height:1.6;text-align:right}.progress-wrap{margin:24px 0 17px}.progress-line{display:flex;justify-content:space-between;font-size:11px;color:#837781;margin-bottom:7px}.progress-line strong{color:#453843}.progress{height:7px;background:#f0eaec;border-radius:10px;overflow:hidden}.progress>div{height:100%;background:#aa6075;transition:width .2s}.comment-box{display:flex;gap:12px;background:#fff6e9;border:1px solid #f4e3c8;border-radius:10px;padding:14px;margin:20px 0}.comment-icon{font-size:17px;color:#b98230}.comment-box strong{display:block;font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#9c6a29}.comment-box p{font-size:13px;line-height:1.5;margin:5px 0 0;color:#5d4a37}.comment-box .hint{display:block;font-size:10px;margin-top:8px;color:#a77c47}.no-comment{background:#f7f4f5;border:1px solid #eee9eb;color:#91858f}.no-comment strong{color:#827681}.no-comment p{color:#827681}.items-head{display:flex;justify-content:space-between;align-items:center;margin-top:15px;padding-bottom:10px;border-bottom:1px solid #eee9eb}.items-head h3{font-size:14px;margin:0}.items-head span{font-size:11px;color:#958b94}.item{display:flex;gap:14px;padding:15px 0;border-bottom:1px solid #f0eced;align-items:center}.item img{width:69px;height:86px;object-fit:cover;border-radius:7px;background:#eee}.item-info{flex:1;min-width:0}.item-name{font-size:13px;font-weight:750;line-height:1.3;margin:0 0 6px}.item-variant{font-size:11px;color:#6e616b;margin:0 0 5px}.item-sku{font-size:10px;color:#a69ba3;margin:0}.item-tags{display:flex;gap:5px;margin-top:8px}.mini-tag{font-size:9px;padding:3px 6px;border-radius:4px;background:#f4f0f1;color:#756a72;font-weight:800}.mini-tag.preorder{background:#fff0ea;color:#bb6547}.check-item{width:28px;height:28px;flex:none;border:1.5px solid #cfc4cb;background:#fff;border-radius:8px;color:#fff;font-size:18px;display:grid;place-items:center}.check-item:disabled{opacity:.5;cursor:not-allowed}.check-item.done{background:#478a68;border-color:#478a68}.item.picked .item-name{color:#897e86;text-decoration:line-through}.actions{display:flex;gap:9px;margin-top:24px}.actions button{flex:1;padding:12px 10px;border-radius:9px;font-weight:750;font-size:12px}.outline{background:#fff;border:1px solid #ded6db;color:#594b55}.outline:hover{background:#faf6f8}.dark{background:#242027;border:1px solid #242027;color:#fff}.dark:hover{background:#493541}.dark:disabled{background:#c8c0c5;border-color:#c8c0c5;cursor:not-allowed}.danger{color:#ad5367;border-color:#e8cbd3}.status-note{font-size:10px;color:#a89da5;text-align:center;margin-top:10px}.detail-empty{padding:55px 30px;text-align:center;color:#8b8088}.detail-empty .empty-art{font-size:40px;margin-bottom:9px}.detail-empty h3{font-size:16px;color:#383039;margin:0 0 5px}.detail-empty p{font-size:12px;line-height:1.5}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);background:#27212a;color:#fff;padding:12px 17px;border-radius:9px;font-size:12px;font-weight:700;box-shadow:0 10px 25px #0003;opacity:0;pointer-events:none;transition:.2s;z-index:20;max-width:90vw}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:1050px){.app{grid-template-columns:70px minmax(0,1fr)}.sidebar{padding:22px 9px}.brand{padding:0 0 42px;justify-content:center}.brand-mark{font-size:18px}.brand-sub,.side-label,.side-link span:not(.side-icon),.side-foot div{display:none}.side-link{justify-content:center;padding:13px}.side-foot{justify-content:center;padding:19px 0}.content{padding:28px 23px}.topbar{padding:0 23px}.layout{grid-template-columns:minmax(270px,390px) minmax(0,1fr)}}@media(max-width:760px){.app{display:block}.sidebar{display:none}.topbar{height:58px;padding:0 18px}.breadcrumb{display:none}.mobile-brand{display:block;font-size:19px;font-weight:900;letter-spacing:-1.4px}.mobile-brand small{font-size:9px;letter-spacing:1px;margin-left:6px;color:#7e717b}.demo-pill{font-size:10px}.top-avatar{display:none}.content{padding:23px 16px 70px}.page-heading{display:block;margin-bottom:17px}.page-heading h1{font-size:27px}.page-heading p{line-height:1.5;margin-top:6px}.next-top{width:100%;margin-top:18px}.demo-note{margin-bottom:16px}.layout{display:flex;flex-direction:column;gap:15px}.queue-panel,.detail-panel{width:100%}.order-list{max-height:none}.detail-inner{padding:20px 17px}.detail-title{font-size:23px}.detail-meta{font-size:10px}.item img{width:62px;height:79px}}@media(max-width:390px){.order-card{padding:15px 14px}.order-time{font-size:10px}.filter{padding:8px 7px}.detail-meta{max-width:95px}}
.demo-note>div{flex:1}.reset-demo{border:1px solid #d9c8ab;background:#fffaf1;color:#7c6243;border-radius:7px;padding:7px 9px;font-size:10px;font-weight:800;white-space:nowrap}.reset-demo:hover{background:#fff}@media(max-width:600px){.demo-note{flex-wrap:wrap}.demo-note>div{flex:1 1 calc(100% - 40px)}.reset-demo{margin-left:31px}}
.mobile-back{display:none}
@media(max-width:760px){
  .topbar{position:sticky;top:0;z-index:10}
  .app:not(.show-detail) .detail-panel{display:none}
  .app.show-detail .page-heading,.app.show-detail .demo-note,.app.show-detail .queue-panel{display:none}
  .app.show-detail .content{padding:0}
  .app.show-detail .layout{display:block}
  .app.show-detail .detail-panel{border:0;border-radius:0;box-shadow:none;min-height:calc(100vh - 58px)}
  .app.show-detail .detail-inner{padding:15px 16px 140px}
  .mobile-back{display:flex;align-items:center;min-height:44px;padding:0 0 10px;border:0;background:none;color:#98536a;font-size:13px;font-weight:800}
  .detail-title{font-size:26px}
  .detail-badges{margin-top:12px}
  .badge{font-size:10px;padding:6px 8px}
  .comment-box{margin:19px 0;padding:15px}
  .comment-box p{font-size:14px}
  .item{gap:13px;padding:18px 0}
  .item img{width:88px;height:110px}
  .item-name{font-size:14px}
  .item-variant{font-size:12px}
  .item-sku{font-size:11px;overflow-wrap:anywhere}
  .check-item{width:48px;height:48px;border-radius:12px;font-size:23px}
  .actions{position:fixed;left:0;right:0;bottom:0;z-index:12;margin:0;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #eee7eb;box-shadow:0 -8px 20px #2f1c2b12}
  .actions button{min-height:52px;font-size:13px}
  .toast{bottom:calc(82px + env(safe-area-inset-bottom))}
  .filter{min-height:40px}
  .next-top{min-height:52px}
  .order-card{min-height:128px}
}
/* One focused screen at a time on every viewport. */
.app.show-detail{grid-template-columns:minmax(0,1fr)}
.app.show-detail .sidebar,.app.show-detail .page-heading,.app.show-detail .demo-note,.app.show-detail .queue-panel,.app:not(.show-detail) .detail-panel{display:none}
.layout{display:block;max-width:980px;margin:0 auto}
.app.show-detail .layout{max-width:850px}
.queue-panel,.detail-panel{width:100%}
.order-list{max-height:none}
.queue-group{display:flex;align-items:center;gap:8px;padding:13px 21px;background:#f7f5f5;border-top:1px solid #ece6e9;border-bottom:1px solid #ece6e9;color:#756a74;font-size:11px;font-weight:900;letter-spacing:.8px;text-transform:uppercase}
.queue-group.priority{background:#fff2ef;color:#b4564d}
.queue-group strong{margin-left:auto;background:#fff;border-radius:20px;padding:2px 7px;font-size:10px}
.detail-nav{display:flex;justify-content:space-between;gap:12px;align-items:center;padding-bottom:20px;margin-bottom:21px;border-bottom:1px solid #eee9eb}
.back-queue,.next-detail{min-height:44px;padding:9px 13px;border-radius:8px;font-size:12px;font-weight:800}
.back-queue{border:1px solid #e7dbe1;background:#fff;color:#92556a}
.back-queue:hover{background:#fbf5f7}
.next-detail{border:1px solid #282129;background:#282129;color:#fff}
.next-detail:hover{background:#493541}
@media(max-width:760px){
  .app.show-detail .layout{max-width:none}
  .app.show-detail .content{padding:0}
  .app.show-detail .detail-inner{padding:15px 16px 140px}
  .detail-nav{gap:8px;margin-bottom:17px;padding-bottom:15px}
  .detail-nav button{flex:1;min-height:48px;padding:9px 7px;font-size:11px}
  .queue-group{padding:13px 16px}
  .app:not(.show-detail) .queue-panel{display:block}
}
.badge.note{background:#edf0fa;color:#596a98}
.badge.collected{background:#e1f3e8;color:#317653}
.order-card-main{display:block;width:100%;padding:0;border:0;background:transparent;text-align:left;color:inherit}
.order-card-actions{margin-top:13px;padding-top:11px;border-top:1px solid #f0eaed}
.archive-order{width:100%;min-height:42px;border:1px solid #d9cfd5;border-radius:8px;background:#fff;color:#685761;font-size:11px;font-weight:800}
.archive-order:hover{background:#f8f4f6}
.warehouse-comments{margin:18px 0 22px;padding:15px;border:1px solid #e9e2e7;border-radius:10px;background:#fbf9fa}
.warehouse-comments-head{display:flex;justify-content:space-between;gap:12px;align-items:center}
.warehouse-comments-head strong{font-size:12px;color:#443640}
.warehouse-comments-head span{font-size:10px;color:#9b8d97}
.no-warehouse-notes{margin:10px 0 0;color:#9b8d97;font-size:12px}
.warehouse-note{margin-top:12px;padding:10px 12px;background:#fff;border:1px solid #eae4e8;border-radius:8px}
.warehouse-note span{color:#a3969f;font-size:10px}
.warehouse-note p{font-size:13px;line-height:1.5;margin:4px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}
.comment-editor{margin-top:13px}
.comment-editor label{display:block;margin-bottom:7px;font-size:12px;font-weight:800;color:#51414d}
.comment-editor textarea{display:block;width:100%;min-height:96px;padding:11px;border:1px solid #d7cad2;border-radius:8px;resize:vertical;font:inherit;font-size:14px;line-height:1.5;background:#fff;color:#252028}
.comment-editor textarea:focus{outline:2px solid #b66e82;outline-offset:1px}
.comment-prompt{font-size:12px;line-height:1.4;color:#b34f56;margin:7px 0}
.comment-editor-actions{display:flex;gap:8px;margin-top:10px}
.comment-editor-actions button{min-height:43px;padding:8px 12px;border-radius:8px;font-size:12px;font-weight:800}
@media(max-width:760px){
  .warehouse-comments{padding:15px;margin:18px 0 22px}
  .comment-editor-actions button{flex:1;min-height:48px}
}
[hidden]{display:none!important}
.profile-switch{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:800;color:#7c7079}
.order-line{flex-wrap:wrap}
.profile-switch select{min-height:38px;max-width:180px;padding:6px 9px;border:1px solid #e4dce1;border-radius:8px;background:#fff;color:#3f343e;font:inherit;font-size:12px}
.dashboard-panel{display:none;max-width:980px;margin:0 auto}
.app.show-dashboard .queue-panel,.app.show-dashboard .detail-panel{display:none}
.app.show-dashboard .dashboard-panel{display:block}
.app.show-detail .dashboard-panel{display:none}
.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}
.stat-card{background:#fff;border:1px solid #eae5e7;border-radius:14px;padding:20px;box-shadow:0 8px 25px #3b243408}
.stat-card span{display:block;color:#81757f;font-size:12px;min-height:30px}
.stat-card strong{display:block;color:#332832;font-size:28px;margin-top:10px}
.team-stats{background:#fff;border:1px solid #eae5e7;border-radius:14px;overflow:hidden}
.team-stats h2{font-size:17px;margin:0;padding:20px;border-bottom:1px solid #eee8ec}
.team-row{display:grid;grid-template-columns:minmax(140px,1.5fr) repeat(4,minmax(70px,1fr));align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid #f0eaed}
.team-row:last-child{border-bottom:0}
.team-name{display:flex;align-items:center;gap:10px}
.team-name strong{font-size:13px}
.team-row>div:not(.team-name) strong,.team-row>div:not(.team-name) span{display:block}
.team-row>div:not(.team-name) strong{font-size:19px;color:#42343e}
.team-row>div:not(.team-name) span{font-size:10px;color:#968b94;margin-top:3px}
.dashboard-hint{font-size:11px;color:#9b8e98;margin:13px 2px}
.priority-note{background:#fff0ed;border-color:#f0d3cb}
.priority-note strong,.priority-note .comment-icon{color:#bc564d}
.assignment{margin:19px 0;padding:15px;background:#f6f2f4;border:1px solid #e7dfe3;border-radius:10px}
.assignment label{display:block;font-size:12px;font-weight:850;margin-bottom:9px}
.assignment>div{display:flex;gap:9px}
.assignment select{flex:1;min-width:0;min-height:46px;padding:8px 10px;border:1px solid #d8cdd3;border-radius:8px;background:#fff;font:inherit;font-size:13px}
.assignment button{min-width:105px;padding:9px 13px;border-radius:8px;font-size:12px;font-weight:800}
.detail-inner{display:flex;flex-direction:column;min-height:calc(100vh - 66px);padding-bottom:125px}
.app.show-detail .detail-panel{overflow:visible}
.items-list{width:100%;min-width:0}
.item{display:grid;grid-template-columns:88px minmax(0,1fr) 48px;gap:14px;min-width:0;align-items:center}
.item img{display:block;width:88px;height:110px;max-width:100%;min-width:0;object-fit:cover;flex:none}
.item-info{min-width:0;overflow-wrap:anywhere}
.item-name,.item-variant,.item-sku{overflow-wrap:anywhere}
.check-item{width:48px;height:48px;min-width:48px;justify-self:end;font-size:23px;border-radius:12px}
.action-dock{position:sticky;bottom:0;z-index:12;margin-top:auto;padding:12px 0 10px;background:#fff;border-top:1px solid #eee7eb;box-shadow:0 -8px 20px #2f1c2b0b}
.action-dock .actions{position:static;display:flex;gap:10px;margin:0;padding:0;background:transparent;border:0;box-shadow:none}
.action-dock .actions button{min-height:52px;min-width:0;line-height:1.25;white-space:normal}
.action-dock .assignment{margin:0;padding:0;background:transparent;border:0}
.action-dock .status-note{margin-top:8px;line-height:1.35}
@media(max-width:760px){
  .topbar{gap:10px}
  .top-actions{gap:7px}
  .profile-switch{font-size:0;gap:0}
  .profile-switch select{max-width:160px;min-height:38px;font-size:11px}
  .demo-pill{display:none}
  .app.show-detail .detail-inner{min-height:calc(100dvh - 58px);padding-bottom:145px}
  .item{grid-template-columns:88px minmax(0,1fr) 48px;gap:12px;padding:16px 0}
  .item img{width:88px;height:110px}
  .action-dock{position:fixed;left:0;right:0;bottom:0;padding:11px 16px calc(10px + env(safe-area-inset-bottom));box-shadow:0 -8px 20px #2f1c2b12}
  .action-dock .actions button{min-height:52px;font-size:13px}
  .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .stat-card{padding:15px}
  .stat-card strong{font-size:24px}
  .team-row{grid-template-columns:minmax(100px,1fr) repeat(2,minmax(55px,.6fr));gap:8px;padding:14px}
  .team-row>div:nth-child(4),.team-row>div:nth-child(5){display:none}
}
@media(max-width:390px){
  .mobile-brand{font-size:17px}
  .mobile-brand small{font-size:8px;margin-left:3px}
  .profile-switch select{max-width:140px}
  .item{grid-template-columns:72px minmax(0,1fr) 44px;gap:9px}
  .item img{width:72px;height:91px}
  .check-item{width:44px;height:44px;min-width:44px}
  .item-name{font-size:13px}
  .action-dock .actions button{font-size:12px}
}
.menu-toggle,.mobile-menu,.mobile-menu-backdrop{display:none}
.mobile-menu-backdrop{position:fixed;inset:0;background:#211b2299;z-index:30}
.mobile-menu{position:fixed;top:0;left:0;bottom:0;width:min(310px,84vw);padding:18px;background:#211b22;color:#fff;z-index:31;box-shadow:12px 0 30px #0003}
.mobile-menu-head{display:flex;align-items:center;justify-content:space-between;padding:4px 2px 20px;margin-bottom:12px;border-bottom:1px solid #4a3c47;font-size:17px}
.mobile-menu-head button{width:42px;height:42px;border:0;border-radius:8px;background:#382d37;color:#fff;font-size:28px;line-height:1}
.mobile-menu>button{display:flex;align-items:center;gap:13px;width:100%;min-height:50px;margin:4px 0;padding:12px 14px;border:0;border-radius:9px;background:transparent;color:#c8bdc8;text-align:left;font-size:18px}
.mobile-menu>button span{font-size:14px;font-weight:750}
.mobile-menu>button.active,.mobile-menu>button:hover{background:#3b303b;color:#fff}
@media(max-width:760px){
  body.menu-open{overflow:hidden}
  .menu-toggle{display:flex;flex:none;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:42px;height:42px;padding:0;border:1px solid #e9e0e5;border-radius:9px;background:#fff}
  .menu-toggle span{display:block;width:18px;height:2px;border-radius:2px;background:#493842}
  .mobile-menu:not([hidden]),.mobile-menu-backdrop:not([hidden]){display:block}
  .topbar{justify-content:flex-start;padding:0 12px;gap:10px}
  .top-actions{margin-left:auto}
}
@media(max-width:390px){
  .topbar{gap:6px;padding:0 9px}
  .menu-toggle{width:38px;height:38px}
  .profile-switch select{max-width:126px}
}
.date-filter{margin-bottom:17px;padding:17px 20px;background:#fff;border:1px solid #eae5e7;border-radius:14px;box-shadow:0 8px 25px #3b243408}
.date-filter>strong{display:block;font-size:14px;margin-bottom:11px}
.date-fields{display:grid;grid-template-columns:repeat(2,minmax(0,220px));gap:12px}
.date-fields label{display:block;min-width:0;font-size:11px;font-weight:800;color:#776a75}
.date-fields input{display:block;width:100%;min-width:0;min-height:44px;margin-top:5px;padding:8px 10px;border:1px solid #dcd2d8;border-radius:8px;background:#fff;color:#342a32;font:inherit;font-size:13px}
.date-error{margin:10px 0 0;color:#b24d57;font-size:12px}
.stat-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.team-row{grid-template-columns:minmax(120px,1.4fr) repeat(5,minmax(75px,1fr))}
@media(max-width:760px){
  .date-filter{padding:15px}
  .date-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .stat-card:last-child{grid-column:1/-1}
  .team-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:14px}
  .team-name{grid-column:1/-1;padding-bottom:5px}
  .team-row>div.team-metric{display:block;padding:11px;background:#f8f5f7;border-radius:8px}
  .team-row>div.team-metric:last-child{grid-column:1/-1}
}
.overall-stats{margin-bottom:18px;background:#fff;border:1px solid #eae5e7;border-radius:14px;overflow:hidden;box-shadow:0 8px 25px #3b243408}
.overall-stats h2{margin:0;padding:17px 20px;font-size:16px;border-bottom:1px solid #eee8ec}
.overall-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.overall-grid>div{min-width:0;padding:17px 20px;border-right:1px solid #f0eaed;border-bottom:1px solid #f0eaed}
.overall-grid>div:nth-child(4n){border-right:0}
.overall-grid>div:nth-last-child(-n+3){border-bottom:0}
.overall-grid span{display:block;color:#847883;font-size:11px;line-height:1.3}
.overall-grid strong{display:block;margin-top:7px;color:#322731;font-size:24px;line-height:1.1}
.team-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eee8ec}
.team-stats .team-heading h2{padding:17px 20px;border:0}
.team-heading>span{display:none;padding-right:16px;color:#9a8e98;font-size:10px}
.team-table-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.team-table{width:100%;min-width:650px;border-collapse:collapse;text-align:right;font-size:12px}
.team-table th,.team-table td{padding:14px 15px;border-bottom:1px solid #f0eaed;white-space:nowrap}
.team-table thead th{background:#f8f5f7;color:#7d6e79;font-size:11px;font-weight:800}
.team-table th:first-child,.team-table td:first-child{text-align:left}
.team-table tbody th{font-weight:800;color:#42343e}
.team-table tbody tr:last-child th,.team-table tbody tr:last-child td{border-bottom:0}
.table-person{display:inline-flex;align-items:center;gap:9px}
.table-person .avatar{width:27px;height:27px;font-size:11px}
@media(max-width:760px){
  .overall-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .overall-grid>div{padding:14px 15px}
  .overall-grid>div:nth-child(4n){border-right:1px solid #f0eaed}
  .overall-grid>div:nth-child(2n){border-right:0}
  .overall-grid>div:nth-last-child(-n+3){border-bottom:1px solid #f0eaed}
  .overall-grid>div:last-child{border-bottom:0;grid-column:1/-1}
  .overall-grid strong{font-size:22px}
  .team-heading>span{display:block}
  .team-table th:first-child{position:sticky;left:0;z-index:1;background:#fff}
  .team-table thead th:first-child{z-index:2;background:#f8f5f7}
}
.login-screen{min-height:100dvh;display:grid;place-items:center;padding:22px;background:#211b22}
.login-card{width:min(100%,420px);padding:32px;background:#fff;border-radius:18px;box-shadow:0 22px 55px #0003}
.login-brand{font-size:27px;font-weight:900;letter-spacing:-2px;color:#211b22}
.login-brand span{color:#e77a8c}
.login-brand small{font-size:10px;letter-spacing:2px;color:#8b7e88;margin-left:8px}
.login-card h1{font-size:25px;margin:28px 0 5px}
.login-card p{font-size:13px;color:#827580;margin:0 0 24px}
.login-card label,.user-admin label{display:block;font-size:12px;font-weight:800;color:#5b4c57;margin-bottom:15px}
.login-card input,.user-admin input{display:block;width:100%;min-height:48px;margin-top:7px;padding:10px 12px;border:1px solid #dcd1d8;border-radius:9px;background:#fff;color:#252028;font:inherit;font-size:15px}
.login-card>button{width:100%;min-height:50px;border-radius:9px;font-weight:800}
.login-error{min-height:20px;margin-top:12px;font-size:12px;color:#b34755}
.top-name{font-size:12px;color:#514450}
.logout{border:1px solid #e9dfe5;background:#fff;color:#6f5b68;border-radius:8px;padding:8px 10px;font-size:11px;font-weight:800}
.sync-note{display:flex;gap:13px;align-items:center;background:#f2ebdf;border:1px solid #eadfcd;border-radius:11px;color:#7c6243;padding:13px 16px;margin-bottom:22px}
.sync-note>span{font-size:18px}.sync-note>div{flex:1;min-width:0}.sync-note strong,.sync-note small{display:block}.sync-note strong{font-size:12px}.sync-note small{font-size:11px;margin-top:2px;line-height:1.4;overflow-wrap:anywhere}
.sync-note button{margin:0}
.image-placeholder{display:grid;place-items:center;width:88px;height:110px;border-radius:7px;background:#f2eef0;color:#a29aa0;font-size:28px;flex:none}
.order-thumbs .image-placeholder{width:31px;height:39px;font-size:12px;border:2px solid #fff;border-radius:4px}
.app.show-detail .sync-note{display:none}
.app.show-dashboard #usersPanel{display:none}
.app.show-users .queue-panel,.app.show-users .detail-panel,.app.show-users .dashboard-panel#dashboardPanel{display:none}
.app.show-users #usersPanel{display:block}
.user-admin{margin-bottom:18px}
.user-admin form{padding:20px;max-width:460px}
.user-admin form button{width:100%;min-height:48px;border-radius:8px;font-weight:800}
.user-admin ul{list-style:none;margin:0;padding:0}.user-admin li{display:flex;justify-content:space-between;gap:10px;padding:14px 20px;border-bottom:1px solid #f0eaed;font-size:12px}.user-admin li:last-child{border:0}.user-admin li span{color:#8b7e87}
@media(max-width:760px){.top-name{font-size:11px;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout{display:none}.sync-note{flex-wrap:wrap}.sync-note button{margin-left:31px}.image-placeholder{width:88px;height:110px}.user-admin li{display:block}.user-admin li span{display:block;margin-top:4px}}
@media(max-width:390px){.image-placeholder{width:72px;height:91px}.top-name{max-width:70px}}