:root{--bg-page:#0a1f14;--bg-page-elevated:#0f2a1c;--text-page:#e8f0ec;--text-muted:#9cb8a8;--border-subtle:#b4dcc838;--top-pill-height:42px;--page-max-width:min(1520px, calc(100vw - 76px))}body{color:var(--text-page);background:var(--bg-page);min-height:100vh;margin:0;font-family:Inter,Segoe UI,Roboto,sans-serif}#app{background:var(--bg-page);min-height:100vh}.app-with-nav,.app-login-wrap{box-sizing:border-box;padding-top:calc(36px + env(safe-area-inset-top,0px));padding-left:38px;padding-right:38px}.app-with-nav{max-width:var(--page-max-width);margin:0 auto}.app-with-nav .page{max-width:none;margin-left:0;margin-right:0;padding:8px 0 28px}.app-with-nav .page.page--home{padding-top:8px;padding-bottom:32px}.app-with-nav .page.page--orders{padding-top:12px}.app-with-nav .page.schedule-page,.app-with-nav .page.payroll-page{box-sizing:border-box;width:100%;max-width:min(1080px,100vw - 100px);margin-left:auto;margin-right:auto;padding-left:clamp(30px,3.5vw,46px);padding-right:clamp(30px,3.5vw,46px)}.page{max-width:var(--page-max-width);margin:0 auto;padding:56px 20px}.page--home{padding-top:8px;padding-bottom:32px}.page--home .order-list{gap:8px}.page--catalog{padding-top:16px}.page--catalog__title{color:var(--text-page);margin:0 0 8px;font-size:1.35rem}.page--catalog__lead{margin:0 0 24px;line-height:1.45}.catalog-links{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.catalog-links__a{background:var(--bg-page-elevated);border:1px solid var(--border-subtle);color:var(--text-page);border-radius:12px;padding:14px 18px;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s;display:block}.catalog-links__a:hover{background:#22c55e1a;border-color:#4ade8059}.catalog-links__a.router-link-active{color:#bbf7d0;background:#22c55e1f;border-color:#4ade80}.auth-page{max-width:420px}.auth-page h1{color:var(--text-page);margin:0 0 16px}.card{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;box-shadow:0 2px 10px #0f172a0f}.card .field input{color:#0f172a;background:#fff}.nav-top2{flex-direction:column;gap:10px;margin-bottom:8px;display:flex}.nav-top2__row{align-items:center;gap:12px;width:100%;min-width:0;display:flex}.nav-top2__row--top{flex-wrap:wrap;justify-content:space-between}.nav-top2__row--revenue{justify-content:center}.nav-top2__left,.nav-top2__right{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;display:flex}.nav-top2__right{justify-content:flex-end}.nav-date{color:var(--text-page);font-variant-numeric:tabular-nums;white-space:nowrap;background:var(--bg-page-elevated);border:1px solid var(--border-subtle);min-height:var(--top-pill-height);box-sizing:border-box;cursor:pointer;border-radius:8px;align-items:center;padding:8px 12px;font-weight:700;text-decoration:none;transition:border-color .12s,background .12s,color .12s;display:inline-flex}.nav-date:hover{border-color:#4ade8073}.nav-date.router-link-active{color:#bbf7d0;background:#22c55e1f;border-color:#4ade80}.nav-top2__center{display:contents}.schedule-link{color:var(--text-page);background:var(--bg-page-elevated);border:1px solid var(--border-subtle);white-space:nowrap;min-height:var(--top-pill-height);box-sizing:border-box;border-radius:8px;align-items:center;padding:8px 14px;font-size:.95rem;text-decoration:none;display:inline-flex}.schedule-link.router-link-active{color:#bbf7d0;background:#22c55e1f;border-color:#4ade80}.settings-link{color:var(--text-page);background:var(--bg-page-elevated);border:1px solid var(--border-subtle);white-space:nowrap;min-height:var(--top-pill-height);box-sizing:border-box;border-radius:8px;align-items:center;padding:8px 10px;font-size:.95rem;line-height:1;text-decoration:none;display:inline-flex}.settings-link.router-link-active{color:#bbf7d0;background:#22c55e1f;border-color:#4ade80}.nav-export-slot{min-height:var(--top-pill-height);align-items:center;display:inline-flex}.home-export-btn{color:var(--text-page);background:var(--bg-page-elevated);border:1px solid var(--border-subtle);cursor:pointer;min-height:var(--top-pill-height);box-sizing:border-box;border-radius:8px;justify-content:center;align-items:center;padding:8px 12px;font-size:1.1rem;line-height:1;display:inline-flex}.home-export-btn:hover:not(:disabled){border-color:#94a3b8}.home-export-btn:disabled{opacity:.45;cursor:not-allowed}.nav-revenue{color:var(--text-muted);white-space:nowrap;background:var(--bg-page-elevated);border:1px solid var(--border-subtle);min-height:var(--top-pill-height);box-sizing:border-box;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;max-width:520px;margin:0;padding:8px 10px;font-size:.95rem;display:inline-flex}.nav-revenue--center{text-align:center}.nav-revenue--hidden{visibility:hidden}.nav-revenue__label{color:var(--text-muted)}.nav-revenue__value{color:#bbf7d0;font-variant-numeric:tabular-nums;text-align:right;font-weight:700;display:inline-block}.nav-user{background:var(--bg-page-elevated);border:1px solid var(--border-subtle);min-width:0;height:var(--top-pill-height);box-sizing:border-box;white-space:nowrap;border-radius:10px;align-items:center;gap:8px;padding:0 10px;display:flex}.nav-user__who{color:var(--text-page);text-overflow:ellipsis;white-space:nowrap;max-width:320px;font-weight:700;line-height:1;overflow:hidden}.nav-user__logout{align-items:center;height:30px;padding:0 10px;line-height:1;display:inline-flex}.nav__home-slot:empty{display:none}.nav__home-slot:not(:empty){margin-left:auto}.nav__home-slot--row:not(:empty){width:100%;margin-left:0}.form{gap:12px;display:grid}.field{gap:6px;display:grid}.field input{font:inherit;border:1px solid #cbd5e1;border-radius:8px;padding:10px 12px}button{color:#fff;font:inherit;cursor:pointer;background:#2563eb;border:1px solid #2563eb;border-radius:8px;padding:10px 14px}button:disabled{opacity:.7;cursor:default}.error{color:#fecaca;margin:0}.muted{color:var(--text-muted)}.page-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;display:flex}.page-head h1{color:var(--text-page);margin:0;font-size:1.5rem}.btn-secondary{border:1px solid var(--border-subtle);background:var(--bg-page-elevated);color:var(--text-page)}.btn-danger{color:#fff;background:#ef4444;border:1px solid #ef4444}.btn-success{color:#fff;background:#22c55e;border:1px solid #16a34a}.btn-success:hover{filter:brightness(1.05)}.order-list{flex-direction:column;gap:16px;display:flex}.order-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:14px 16px;box-shadow:0 2px 10px #0f172a0f}.order-card--stage-new{background:#ffddeb}.order-card--stage-assembly{background:#dff0ff}.order-card--stage-agreement{background:#f3e8ff}.order-card--stage-delivery{background:#fff4c2}.order-card--stage-waiting_pickup{background:#e9f7ff}.order-card--stage-done{background:#c9f3d9}.order-card--short-list{padding:10px 12px}.order-card--short-list .order-card__head{margin-bottom:8px}.order-card--short-list .order-card__short-wrap{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px 14px;display:flex}.order-card--short-list .order-card__short-main{flex:200px;min-width:0}.order-card--short-list .order-card__short-address{color:#0f172a;margin:0 0 4px;font-size:.95rem;font-weight:600;line-height:1.35}.order-card--short-list .order-card__short-line{color:#475569;margin:0;font-size:.8rem;line-height:1.35}.order-card--short-list .order-card__short-dot{margin:0 .2em}.order-card--short-list .order-card__short-actions{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:6px;display:flex}.order-card--short-list .order-card__short-actions button{white-space:nowrap;padding:6px 10px;font-size:.8rem}.order-card--compact{border-radius:9px;padding:8px 10px}.order-card--compact .order-card__photo{border-radius:8px;margin:-2px -2px 8px}.order-card--compact .order-card__photo img{max-height:100px}.order-card--compact .order-card__layout{grid-template-columns:1fr 1fr 168px minmax(118px,max-content)}.order-card--compact .order-card__layout--no-actions{grid-template-columns:1fr 1fr 168px}.order-card--compact .order-card__photo-box{min-height:120px}.order-card--compact .order-card__photo-box img{max-height:88px}.order-card--compact .order-card__head{margin-bottom:8px}.order-card--compact .order-card__id{font-size:.9rem}.order-card--compact .badge{padding:2px 8px;font-size:.75rem}.order-card--compact .order-card__meta{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:4px 10px}.order-card--compact .order-card__meta dt{font-size:.65rem}.order-card--compact .order-card__meta dd{font-size:.8rem;line-height:1.25}.order-card--compact .order-card__column--actions{padding:6px 8px}.order-card--compact .order-card__actions--side{gap:5px}.order-card--compact .order-card__actions--side button{padding:5px 8px;font-size:.8rem}.order-card__photo{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;margin:-4px -4px 12px;overflow:hidden}.order-card__photo img{object-fit:cover;width:100%;max-height:200px;display:block}.order-card__head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.order-card__id{color:#0f172a;font-weight:600}.badge{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;padding:4px 10px;font-size:.85rem}.order-card--stage-assembly .badge{color:#7c2d12;background:#ef4444;border-color:#b91c1c}.order-card__meta{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px 16px;margin:0;display:grid}.order-card__layout{border:1px solid #e2e8f0;border-radius:10px;grid-template-columns:1fr 1fr 200px minmax(132px,max-content);gap:0;display:grid;overflow:hidden}.order-card__layout--no-actions{grid-template-columns:1fr 1fr 200px}.order-card__meta--left,.order-card__meta--right{grid-template-columns:1fr;gap:8px;margin:0;padding:10px 12px;display:grid}.order-card__column--mid{border-right:1px solid #111827;flex-direction:column;min-height:0;display:flex}.order-card__meta--right-top,.order-card__meta--right-bottom{border-top:1px solid #e5e7eb;grid-template-columns:1fr;gap:8px;margin:0;padding:10px 12px;display:grid}.order-card__meta--left{border-right:1px solid #111827}.order-card__column--actions{background:#ffffff59;border-left:1px solid #111827;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:8px;min-width:0;padding:10px 12px;display:flex}.order-card__actions--side{background:0 0;border:none;flex-flow:column;align-items:stretch;gap:6px;margin:0;padding:0;display:flex}.order-card__actions--side button{text-align:center;width:100%}.order-card__photo-side{background:#f8fafc;justify-content:center;align-items:stretch;padding:8px;display:flex}.order-card__photos{grid-template-columns:1fr;gap:8px;width:100%;display:grid}button.order-card__photo-box{cursor:zoom-in;background:0 0;border:none;padding:0}button.order-card__photo-box:disabled{cursor:default;opacity:.75}.order-card__photo-box{background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:100%;min-height:160px;display:flex;overflow:hidden}.order-card__photo-box img{object-fit:cover;width:100%;height:100%;max-height:200px;display:block}.order-card__photo-placeholder{color:#94a3b8;font-size:.9rem}.order-card__footnote{color:#64748b;margin-top:8px;font-size:.78rem}.order-card__meta dt{color:#64748b;margin:0;font-size:.75rem}.order-card__meta dd{color:#0f172a;margin:0}.order-card__actions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.order-card .order-card__actions--side{margin-top:0}.modal-backdrop{z-index:50;background:#05140cb8;justify-content:center;align-items:flex-start;padding:24px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:min(560px,100%);box-shadow:0 20px 50px #0f172a26}.modal__head{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.modal__head h2{color:#0f172a;margin:0;font-size:1.15rem}.btn-icon{color:#64748b;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:1.5rem;line-height:1}.modal__form{padding:16px 18px 20px}.modal__form fieldset{border:none;margin:0 0 14px;padding:0}.modal__footer{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.grid{gap:10px;display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}@media (width<=640px){.grid-2{grid-template-columns:1fr}}.field select,.field textarea,.field input:not([type=checkbox]):not([type=radio]){font:inherit;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:10px 12px}.modal .field select,.modal .field textarea,.modal .field input:not([type=checkbox]):not([type=radio]){color:#0f172a;background:#fff}.field span{color:#475569;font-size:.85rem}.modal .field span{color:#475569}.settings-view__title{margin-bottom:4px}.settings-view__shell{max-width:720px}.settings-view__intro{max-width:52rem;margin:0 0 16px;font-size:.88rem;line-height:1.45}.settings-view__empty{margin:12px 0 0}.settings-entry-routes{background:var(--bg-page-elevated);border:1px solid var(--border-subtle);border-radius:12px;max-width:52rem;margin-bottom:28px;padding:16px 18px}.settings-entry-routes__title{margin:0 0 8px;font-size:1.25rem}.settings-entry-routes__intro{margin:0 0 14px;font-size:.88rem;line-height:1.45}.settings-entry-routes__grid{flex-direction:column;gap:12px;display:flex}.settings-entry-routes__row{flex-wrap:wrap;align-items:center;gap:10px 16px;display:flex}.settings-entry-routes__label{color:var(--text-page);flex:0 0 8rem;font-size:.9rem;font-weight:600}.settings-entry-routes__select{border:1px solid var(--border-subtle);background:var(--bg-page);min-width:12rem;max-width:100%;color:var(--text-page);font:inherit;border-radius:8px;flex:12rem;padding:8px 10px}.settings-district-rates{background:var(--bg-page-elevated);border:1px solid var(--border-subtle);border-radius:12px;max-width:52rem;margin-bottom:28px;padding:16px 18px}.settings-district-rates__title{margin:0 0 8px;font-size:1.25rem}.settings-district-rates__intro{margin:0 0 14px;font-size:.88rem;line-height:1.45}.settings-district-rates__grid{grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:10px 14px;max-height:420px;margin-bottom:14px;padding-right:4px;display:grid;overflow-y:auto}.settings-district-rates__row{flex-direction:column;gap:4px;display:flex}.settings-district-rates__label{color:var(--text-muted);font-size:.78rem;line-height:1.3}.settings-district-rates__input{border:1px solid var(--border-subtle);background:var(--bg-page);width:100%;color:var(--text-page);font:inherit;font-variant-numeric:tabular-nums;border-radius:8px;padding:8px 10px}.settings-district-rates__actions{flex-wrap:wrap;gap:8px;display:flex}.settings-user-list{flex-direction:column;gap:16px;margin:0;padding:0;list-style:none;display:flex}.settings-user-card{background:var(--bg-page-elevated);border:1px solid var(--border-subtle);color:var(--text-page);border-radius:12px;padding:16px 18px}.settings-user-card__top{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px 16px;margin-bottom:14px;padding-bottom:12px;display:flex}.settings-user-card__email{word-break:break-word;font-size:1rem;font-weight:600}.settings-user-card__role-label{flex-direction:column;gap:4px;min-width:12rem;display:flex}.settings-user-card__role-text{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:.72rem}.settings-user-card__role-select{border:1px solid var(--border-subtle);background:var(--bg-page);color:var(--text-page);font:inherit;cursor:pointer;border-radius:8px;padding:8px 10px}.settings-user-card__store{flex-wrap:wrap;align-items:center;gap:10px 14px;margin-bottom:16px;display:flex}.settings-user-card__store-select{flex:1;min-width:12rem;max-width:28rem}.settings-user-card__vk{flex-wrap:wrap;align-items:center;gap:10px 14px;margin-bottom:16px;display:flex}.settings-user-card__vk-input{flex:1;width:auto;min-width:10rem;max-width:22rem}.settings-user-card__exit{flex-wrap:wrap;align-items:center;gap:10px 14px;margin-bottom:16px;display:flex}.settings-user-card__exit-label{color:var(--text-muted);font-size:.88rem}.settings-user-card__exit-input{border:1px solid var(--border-subtle);background:var(--bg-page);width:7.5rem;color:var(--text-page);font:inherit;border-radius:8px;padding:8px 10px}.settings-user-card__exit-input--narrow{width:5.5rem}.settings-user-card__percents{flex-direction:column;gap:10px;margin-bottom:16px;display:flex}.settings-user-card__percent-row{flex-wrap:wrap;align-items:center;gap:10px 14px;display:flex}.settings-user-card__sections{gap:14px;display:grid}@media (width>=560px){.settings-user-card__sections{grid-template-columns:1fr 1fr;gap:16px}}.settings-user-card__fieldset{border:1px solid #b4dcc82e;border-radius:10px;min-width:0;margin:0;padding:12px 14px}.settings-user-card__legend{color:var(--text-page);padding:0 6px;font-size:.8rem;font-weight:600}.settings-user-card__checks{flex-direction:column;gap:8px;margin-top:8px;display:flex}.settings-user-card__check{cursor:pointer;align-items:flex-start;gap:10px;font-size:.88rem;line-height:1.35;display:flex}.settings-user-card__check input{accent-color:#22c55e;flex-shrink:0;margin-top:3px}.settings-user-card__agreement-limit{flex-wrap:wrap;align-items:center;gap:10px;max-width:28rem;margin-top:12px;display:flex}.done-filter{margin-bottom:16px}.done-filter__actions{justify-content:flex-end;margin-top:8px;display:flex}.nav-home-toolbar{justify-content:flex-end;max-width:100%;display:flex}.nav-home-toolbar__row{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.nav-home-toolbar__dates{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.nav-home-toolbar__dash{color:var(--text-muted);-webkit-user-select:none;user-select:none;font-size:1.1rem;font-weight:600;line-height:1}.nav-home-toolbar__date{border:1px solid var(--border-subtle);background:var(--bg-page-elevated);color:var(--text-page);font:inherit;box-sizing:border-box;cursor:pointer;border-radius:8px;min-width:10.5rem;min-height:38px;margin:0;padding:8px 12px;line-height:1.25}.nav-home-toolbar__date:focus{outline-offset:1px;outline:2px solid #4ade80}.nav-home-toolbar__btn-new{font:inherit;box-sizing:border-box;border-radius:8px;flex-shrink:0;min-height:38px;padding:8px 12px;line-height:1.25}.orders-agreement-alert{box-sizing:border-box;color:#fff;background:linear-gradient(#b91c1c 0%,#991b1b 100%);border:2px solid #fecaca;border-radius:10px;flex-direction:column;gap:6px;margin:0 0 14px;padding:12px 16px;display:flex;box-shadow:0 4px 18px #b91c1c73}.orders-agreement-alert__title{letter-spacing:.06em;text-transform:uppercase;opacity:.95;font-size:.72rem;font-weight:800}.orders-agreement-alert__text{font-size:.95rem;font-weight:600;line-height:1.4}.orders-agreement-alert__count{font-variant-numeric:tabular-nums;color:#fecaca;font-size:1.1em;font-weight:800}.orders-toolbar{box-sizing:border-box;border:1px solid var(--border-subtle);background:var(--bg-page-elevated);border-radius:12px;flex-direction:column;gap:14px;max-width:100%;margin-bottom:18px;padding:14px 16px;display:flex}.orders-toolbar__top{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 16px;display:flex}.orders-toolbar__period{flex-direction:column;flex:220px;gap:6px;min-width:0;display:flex}.orders-toolbar__label{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);font-size:.72rem;font-weight:700}.orders-toolbar__label--stages{margin-bottom:2px}.orders-toolbar__stages-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:6px 14px;display:flex}.orders-toolbar__short-toggle{color:var(--text-page);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;margin:0;font-size:.85rem;font-weight:600;display:inline-flex}.orders-toolbar__short-toggle input{accent-color:#22c55e;cursor:pointer;width:1rem;height:1rem}.orders-toolbar__dates{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.orders-toolbar__dash{color:var(--text-muted);-webkit-user-select:none;user-select:none;flex-shrink:0;font-weight:600}.orders-toolbar__date{border:1px solid var(--border-subtle);background:var(--bg-page);color:var(--text-page);font:inherit;box-sizing:border-box;cursor:pointer;border-radius:8px;min-width:min(100%,9.25rem);max-width:100%;min-height:38px;margin:0;padding:8px 10px;font-size:.9rem;line-height:1.25}.orders-toolbar__date:focus{outline-offset:1px;outline:2px solid #4ade80}.orders-toolbar__new{flex-shrink:0;align-self:flex-end;min-height:38px;padding-left:18px;padding-right:18px}.orders-toolbar__stages-block{flex-direction:column;gap:6px;min-width:0;display:flex}.orders-toolbar--stages-only{gap:10px;padding:12px 14px}.orders-toolbar__stages{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;width:100%;display:grid}.orders-toolbar__stages--3{grid-template-columns:repeat(3,minmax(0,1fr))}.orders-toolbar__stage{box-sizing:border-box;border:1px solid var(--border-subtle);background:var(--bg-page);min-height:38px;color:var(--text-muted);font:inherit;cursor:pointer;text-align:center;border-radius:8px;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin:0;padding:6px 8px;font-size:.8rem;font-weight:600;line-height:1.2;transition:border-color .12s,background .12s,color .12s;display:inline-flex}.orders-toolbar__stage-count--agreement{color:#f87171;font-variant-numeric:tabular-nums;font-weight:800}.orders-toolbar__stage:hover{color:var(--text-page);border-color:#4ade8066}.orders-toolbar__stage--on{color:#bbf7d0;background:#22c55e24;border-color:#4ade80}.orders-toolbar__stage--on .orders-toolbar__stage-count--agreement{color:#f87171}.orders-toolbar__stage:focus{outline-offset:1px;outline:2px solid #4ade80}@media (width<=640px){.orders-toolbar__stages{grid-template-columns:repeat(2,minmax(0,1fr))}.orders-toolbar__stages--3{grid-template-columns:1fr}.orders-toolbar__top{flex-direction:column;align-items:stretch}.orders-toolbar__new{align-self:stretch;width:100%}}.photo-preview{margin-top:4px}.photo-paste-zone{color:#475569;background:#f8fafc;border:1px dashed #94a3b8;border-radius:8px;margin-top:4px;padding:10px 12px;font-size:.9rem}.photo-paste-zone:focus{outline-offset:1px;outline:2px solid #2563eb}.photo-preview img{object-fit:contain;border:1px solid #e2e8f0;border-radius:8px;max-width:100%;max-height:240px;display:block}.lightbox-backdrop{z-index:60;background:#05140ceb;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.lightbox-img{object-fit:contain;background:#0b1220;border-radius:12px;max-width:min(1200px,100%);max-height:90vh;box-shadow:0 30px 80px #00000073}.lightbox-close{color:#e2e8f0;cursor:pointer;background:#0f172a99;border:1px solid #e2e8f040;border-radius:10px;width:40px;height:40px;font-size:22px;line-height:1;position:fixed;top:14px;right:16px}.schedule-panel{color:#402a36;border:1px solid #f3c7d8;border-radius:10px;padding:10px 12px;background:#ffe4ef!important}.schedule-toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.schedule-month{text-align:center;color:#000;text-transform:capitalize;flex:1;min-width:160px;font-weight:600}.schedule-today{margin-left:auto}.schedule-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;display:grid}.schedule-grid--head{margin-bottom:2px}.schedule-dow{color:#000;text-align:center;padding:2px 0;font-size:.68rem}.schedule-cell{box-sizing:border-box;background:#fff;border:1px solid #f3d7e3;border-radius:6px;flex-direction:column;justify-content:flex-start;align-items:stretch;min-height:104px;padding:3px;display:flex}.schedule-cell--empty{background:0 0;border:none;min-height:8px}.schedule-cell--mine{border-color:#ec4899;box-shadow:inset 0 0 0 1px #ec489947}.payroll-page__cell{min-height:104px}.payroll-page__note{max-width:36rem}.payroll-page__day-earn{font-variant-numeric:tabular-nums;color:#e2e8f0;text-align:center;flex:1;justify-content:center;align-items:center;padding:4px 2px;font-size:.78rem;font-weight:600;line-height:1.25;display:flex}.payroll-page__day-earn--zero{color:var(--text-muted);font-weight:500}.payroll-page__courier-count{text-align:center;padding:2px 4px 0;font-size:.65rem;line-height:1.2}.payroll-page__stats{flex-direction:column;gap:6px;margin-top:4px;display:flex}.payroll-page__stat-line{color:var(--text-page);margin:0;font-size:.92rem}.payroll-page__stat-line--grand{border-top:1px solid #94a3b833;margin-top:4px;padding-top:8px;font-size:1rem}.payroll-page--operator .payroll-page__day-earn{color:#b45309}.payroll-page--operator .payroll-page__day-earn--zero{color:#9a341280;font-weight:500}.payroll-page--operator .schedule-day-revenue__amt{color:#b45309;font-weight:700}.payroll-page--operator .schedule-day-revenue__tag{color:#9a3412}.payroll-page--operator .payroll-page__stats,.payroll-page--operator .payroll-page__stats.schedule-stats,.payroll-page--operator .payroll-page__stat-line{color:#0a0a0a}.payroll-page--operator .payroll-page__stat-line strong{color:#0a0a0a;font-weight:700}.payroll-page--operator .schedule-legend{color:#171717}.payroll-page--operator .schedule-day-num{color:#b45309;background:#fff7ed;border-color:#fdba74}.schedule-day-head{border-bottom:1px solid #94a3b82e;flex-direction:row;justify-content:space-between;align-items:stretch;gap:6px;width:100%;min-width:0;padding:0 0 4px;display:flex}.schedule-day-head--compact{justify-content:flex-start}.schedule-day-num{color:#5b2941;font-variant-numeric:tabular-nums;background:#fdf2f8;border:1px solid #f5c2d8;border-radius:6px;flex-shrink:0;justify-content:center;align-self:flex-start;align-items:center;min-width:1.5rem;height:1.5rem;padding:0 5px;font-size:.75rem;font-weight:700;line-height:1;display:inline-flex}.schedule-day-revenue{text-align:right;flex-direction:column;flex:1;justify-content:center;align-items:flex-end;gap:3px;min-width:0;display:flex}.schedule-day-revenue__row{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;flex-direction:row;justify-content:flex-end;align-items:baseline;gap:5px;width:100%;min-width:0;font-size:.62rem;line-height:1.2;display:flex}.schedule-day-revenue__tag{text-align:center;letter-spacing:.02em;color:#94a3b8f2;cursor:help;flex-shrink:0;width:1em;font-size:.55rem;font-weight:700;text-decoration:none}.schedule-day-revenue__amt{color:#e2e8f0;white-space:nowrap;font-weight:600}.schedule-shifts{flex-direction:column;flex:none;gap:3px;display:flex}.schedule-shift-btn{cursor:pointer;text-align:left;min-height:auto;color:inherit;font:inherit;box-sizing:border-box;background:#fff8fc;border:1px solid #efc8d9;border-radius:4px;flex-direction:column;flex:none;gap:2px;min-width:0;padding:3px 5px 4px;display:flex;overflow:hidden}.schedule-shift-btn:hover{background:#feeef6}.schedule-shift-btn[aria-pressed=true]{background:#fbcfe8;border-color:#ec4899;box-shadow:inset 0 0 0 1px #be185d47}.schedule-shift-label{color:#6b344d;flex-shrink:0;font-size:.58rem;font-weight:600}.schedule-shift-btn[aria-pressed=true] .schedule-shift-label{color:#7a2048;font-weight:700}.schedule-names{scrollbar-width:thin;scrollbar-color:#94a3b866 transparent;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-auto-rows:.9rem;place-content:start stretch;gap:2px 4px;height:calc(1.8rem + 2px);min-height:calc(1.8rem + 2px);max-height:calc(1.8rem + 2px);margin:0;padding:0;font-size:.58rem;list-style:none;display:grid;overflow:hidden auto}.schedule-names::-webkit-scrollbar{width:3px}.schedule-names::-webkit-scrollbar-thumb{background:#94a3b873;border-radius:2px}.schedule-names li{color:#7a4b2a;text-overflow:ellipsis;white-space:nowrap;min-height:.9rem;max-height:.9rem;line-height:.9rem;overflow:hidden}.schedule-names--me{color:#7a4b2a;font-weight:600}.schedule-shift-btn[aria-pressed=true] .schedule-names--me{color:#6b3f22;font-weight:800}.schedule-legend{margin:10px 0 0;font-size:.78rem}.schedule-stats{color:#e2e8f0;margin:6px 0 0;font-size:.85rem}@media (width<=900px){.nav__home-slot:not(:empty){width:100%;margin-left:0}.nav-home-toolbar__row{justify-content:flex-start;width:100%}.nav-home-toolbar__dates{justify-content:flex-start}.nav-home-toolbar__btn-new{flex:auto;min-width:7rem}}@media (width<=860px){.nav-revenue{width:100%;max-width:none}.nav-revenue__label{display:none}.nav-user__who{max-width:220px}.order-card__layout{grid-template-columns:1fr}.order-card__meta--left,.order-card__column--mid,.order-card__photo-side{border-bottom:1px solid #e5e7eb;border-right:none}.order-card__column--actions{border-top:1px solid #e5e7eb;border-left:none}}@media (width<=640px){:root{--page-max-width:100%}.app-with-nav,.app-login-wrap{padding-left:max(8px, env(safe-area-inset-left,0px));padding-right:max(8px, env(safe-area-inset-right,0px))}.app-with-nav{width:100%;max-width:100%;margin:0}.page{width:100%;max-width:100%;padding-left:0;padding-right:0}.app-with-nav .page.schedule-page,.app-with-nav .page.payroll-page{max-width:100%;padding-left:0;padding-right:0}.settings-view__shell,.settings-district-rates{max-width:100%}}.stats-page__lead{margin-top:-.25rem}.stats-page__cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:.75rem 0 1rem;display:grid}.stats-card{border:1px solid var(--border-subtle);background:var(--bg-page-elevated);border-radius:.75rem;padding:.75rem}.stats-card__title{color:var(--text-muted);margin:0;font-size:.9rem;font-weight:600}.stats-card__value{color:var(--text-page);margin:.35rem 0 0;font-size:1.7rem;font-weight:800;line-height:1.1}.stats-page__section{margin-top:1rem}.stats-page__section h2{color:var(--text-page)}.stats-page__subhead{color:var(--text-page);margin:.9rem 0 .4rem;font-size:1rem}.stats-page__empty{margin:.2rem 0 .6rem}.stats-list{border:1px solid var(--border-subtle);background:var(--bg-page-elevated);border-radius:.75rem;margin:.5rem 0 0;padding:0;list-style:none;overflow:hidden}.stats-list__row{border-bottom:1px solid var(--border-subtle);color:var(--text-page);justify-content:space-between;gap:.75rem;padding:.65rem .8rem;display:flex}.stats-list__row strong{color:var(--text-page);font-weight:800}.stats-list__row:last-child{border-bottom:0}.stats-list--compact .stats-list__row{padding-top:.5rem;padding-bottom:.5rem}@media (width<=860px){.stats-page__cards{grid-template-columns:1fr}}.stats-page .schedule-cell{background:#eaf4ff;border-color:#b6d7ff}.stats-page .schedule-grid--head{background:0 0}.stats-page .schedule-month{color:#93c5fd;font-weight:800}.stats-page .schedule-dow{color:#60a5fa;font-weight:800}.stats-page .schedule-day-num,.stats-page .schedule-day-revenue__amt,.stats-page .schedule-day-revenue__tag{color:#000;font-weight:600}
