:root{--primary:#950000;--primary-hover:#7a0000;--bg:#f4f4f5;--surface:#fff;--text:#231f20;--muted:#71717a;--border:#e0dede;--radius:.375rem;--shadow:0 1px 3px 0 #0000001a, 0 1px 2px 0 #0000000f;color:var(--text);background:var(--bg);font-family:Open Sans,system-ui,sans-serif;line-height:1.4}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg)}button,input,select{font:inherit}a{color:inherit;text-decoration:none}.shell{background:var(--bg);flex-direction:column;height:100vh;display:flex;overflow:hidden}.shell-header{background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.shell-brand{align-items:center;gap:10px;display:flex}.shell-brand .logo-mark{background:var(--primary);color:#fff;border-radius:8px;place-items:center;width:36px;height:36px;font-size:.9rem;font-weight:800;display:grid}.shell-user{color:var(--muted);margin-left:8px;font-size:.875rem}.icon-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:6px;width:36px;height:36px;font-size:1.1rem}.shell-tabs{background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;gap:20px;padding:0 16px;display:flex}.shell-tabs .tab{color:var(--muted);border-bottom:2px solid #0000;padding:12px 2px;font-size:.95rem;font-weight:600}.shell-tabs .tab.active{color:var(--text);border-bottom-color:var(--primary)}.shell-main{flex-direction:column;flex:1;min-height:0;padding:16px;display:flex;overflow:hidden}.login-page{background:linear-gradient(180deg, #9500000f, transparent 40%), var(--bg);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:min(400px,100%);box-shadow:var(--shadow);gap:14px;padding:28px 24px;display:grid}.login-brand{align-items:center;gap:12px;margin-bottom:8px;display:flex}.login-brand h1{letter-spacing:.02em;margin:0;font-size:1.25rem}.logo-mark{background:var(--primary);color:#fff;border-radius:8px;place-items:center;width:42px;height:42px;font-size:1rem;font-weight:800;display:grid}.login-card label{color:var(--muted);gap:6px;font-size:.875rem;display:grid}.login-card input{border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);background:#fff;padding:10px 12px}.password-field{position:relative}.password-field input{padding-right:44px}.password-toggle{border-radius:var(--radius);width:34px;height:34px;color:var(--muted);cursor:pointer;background:0 0;border:none;place-items:center;margin:0;padding:0;display:grid;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.password-toggle:hover{color:var(--text);background:#0000000a}.login-submit{border-radius:var(--radius);background:var(--primary);color:#fff;cursor:pointer;border:none;margin-top:6px;padding:10px 14px;font-weight:600}.login-submit:disabled{opacity:.7;cursor:wait}.login-error{color:#b91c1c;margin:0;font-size:.875rem}.orders-page{flex-direction:column;flex:1;gap:16px;min-height:0;display:flex}.filter-card,.table-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.filter-card{flex-shrink:0}.table-card{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.filter-grid{grid-template-columns:repeat(5,minmax(140px,1fr));align-items:end;gap:12px 14px;display:grid}@media (width<=1100px){.filter-grid{grid-template-columns:repeat(3,minmax(140px,1fr))}}@media (width<=720px){.filter-grid{grid-template-columns:1fr 1fr}}.field{gap:6px;min-width:0;display:grid}.field-label{color:var(--muted);font-size:.8rem;font-weight:600}.field input,.field select{border:1px solid var(--border);border-radius:var(--radius);background:#fff;width:100%;padding:8px 10px}.date-range input+input,.date-range .date-filter+.date-filter{margin-top:6px}.date-filter{align-items:center;min-width:0;display:flex;position:relative}.date-filter-display{border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);cursor:pointer;font-variant-numeric:tabular-nums;background:#fff;padding:8px 36px 8px 10px}.date-filter-display::placeholder{color:var(--muted)}.date-filter-native{opacity:0;pointer-events:none;border:0;width:1px;height:1px;padding:0;position:absolute}.date-filter-btn{border-radius:var(--radius);width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:none;place-items:center;margin:0;padding:0;display:grid;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.date-filter-btn:hover{color:var(--text);background:#0000000a}.filter-actions{gap:10px;margin-top:14px;display:flex}.btn-outline{border:1px solid var(--primary);color:var(--primary);border-radius:var(--radius);cursor:pointer;background:#fff;padding:8px 14px;font-weight:600}.btn-outline:disabled{opacity:.5;cursor:not-allowed}.table-toolbar{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.table-card>.error-text,.table-card>.muted{flex-shrink:0}.table-search{border:1px solid var(--border);border-radius:999px;min-width:220px;padding:8px 14px}.pager{color:var(--muted);align-items:center;gap:8px;font-size:.875rem;display:flex}.pager button{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:6px;width:28px;height:28px}.table-wrap{flex:1;min-height:0;overflow:auto}table{border-collapse:collapse;width:100%;font-size:.85rem}th,td{border-bottom:1px solid var(--border);text-align:left;white-space:nowrap;text-overflow:ellipsis;max-width:240px;padding:8px 10px;overflow:hidden}th{z-index:1;background:#fafafa;font-weight:700;position:sticky;top:0}.empty{text-align:center;color:var(--muted);padding:24px!important}.error-text{color:#b91c1c}.muted{color:var(--muted)}.cell-num{text-align:right;font-variant-numeric:tabular-nums}.cell-date{font-variant-numeric:tabular-nums}.shell-tabs{flex-wrap:wrap}.page-scroll{flex-direction:column;flex:1;gap:16px;min-height:0;display:flex;overflow:auto}.quota-banner{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);flex-wrap:wrap;align-items:baseline;gap:16px;padding:12px 16px;display:flex}.quota-banner strong{color:var(--primary)}.quota-banner.warn{border-color:var(--primary)}.btn-primary{border-radius:var(--radius);background:var(--primary);color:#fff;cursor:pointer;border:none;padding:8px 14px;font-weight:600}.btn-primary:disabled{opacity:.6;cursor:wait}.kpi-grid{grid-template-columns:repeat(2,minmax(160px,1fr));gap:12px;display:grid}.kpi-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.kpi-card .muted{font-size:.8rem;font-weight:600}.kpi-card .kpi-value{margin-top:4px;font-size:1.6rem;font-weight:700}.bar-row{grid-template-columns:140px 1fr 48px;align-items:center;gap:10px;margin-top:8px;display:grid}.bar-track{background:#f0f0f0;border-radius:99px;height:8px;overflow:hidden}.bar-fill{background:var(--status-neutral);height:100%}:root{--status-new:#2563eb;--status-done:#16a34a;--status-cancel:#6b7280;--status-pending:#d97706;--status-approved:#15803d;--status-rejected:#950000;--status-neutral:#6b7280}.status-pill{color:#fff;white-space:nowrap;border-radius:999px;align-items:center;padding:2px 8px;font-size:.75rem;font-weight:600;display:inline-flex}.status-pill.new,.bar-fill.new{background:var(--status-new)}.status-pill.done,.bar-fill.done{background:var(--status-done)}.status-pill.cancel,.status-pill.neutral,.bar-fill.cancel,.bar-fill.neutral{background:var(--status-cancel)}.status-pill.pending,.bar-fill.pending{background:var(--status-pending)}.status-pill.approved,.bar-fill.approved{background:var(--status-approved)}.status-pill.rejected,.bar-fill.rejected{background:var(--status-rejected)}.kpi-value.pending{color:var(--status-pending);background:0 0}.modal-backdrop{z-index:20;background:#00000059;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:min(440px,100%);box-shadow:var(--shadow);padding:20px}.modal h2{margin:0 0 8px;font-size:1.1rem}.modal-actions{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.form-actions{gap:10px;margin-top:8px;display:flex}.field textarea{border:1px solid var(--border);border-radius:var(--radius);resize:vertical;background:#fff;width:100%;min-height:72px;padding:8px 10px}.project-chip{color:var(--muted);font-size:.85rem}.staff-home{flex:1;grid-template-rows:auto auto;grid-template-columns:1fr 1fr;align-content:start;align-items:start;gap:16px;min-height:0;display:grid;overflow:auto}.staff-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-height:auto;box-shadow:var(--shadow);padding:14px 16px;overflow:visible}.staff-list{flex-direction:column;flex:none;grid-column:1/-1;min-height:auto;display:flex;overflow:visible}.staff-list.table-card{flex:none;min-height:auto;overflow:visible}.staff-home .table-wrap{flex:none;overflow:auto hidden}.staff-panel-title{margin:0 0 10px;font-size:1rem}.staff-form .form-actions{margin-bottom:0}.staff-dash{background:var(--bg);height:auto}.staff-form{height:auto}.staff-dash .dashboard-title{margin:0 0 10px;font-size:1rem;font-weight:700}.staff-dash .dashboard-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.staff-dash .dashboard-grid-top{margin-bottom:8px}.staff-dash .kpi-right-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.dash-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px}.dash-card-title,.dash-section-title{color:var(--text);font-weight:700}.dash-card-title{font-size:.8rem}.dash-section-title{margin-bottom:10px;font-size:.85rem}.dash-section-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;display:flex}.dash-section-head .dash-section-title{margin-bottom:0}.dash-section-link{color:var(--primary);font-size:.78rem;text-decoration:none}.dash-section-link:hover{text-decoration:underline}.dash-empty{margin:0}.dash-ops-grid{grid-template-columns:1fr 1fr 1fr;align-items:stretch;gap:12px;margin-top:12px;display:grid}.dash-ops-left{flex-direction:column;grid-column:1/3;gap:12px;min-width:0;display:flex}.dash-ops-left .dash-queue{margin-bottom:0}.dash-ops-staff{flex-direction:column;grid-column:3;min-width:0;min-height:0;display:flex}.dash-ops-staff .dash-section-title{flex-shrink:0}.dash-ops-staff .top-staff{flex:1;min-height:0;overflow:auto}.dash-ops-staff .top-staff-head,.dash-ops-staff .top-staff-row{grid-template-columns:24px minmax(72px,1.2fr) minmax(48px,1fr) 36px}.dash-section-actions{align-items:center;gap:10px;display:flex}.dash-bulk-btn:disabled{opacity:.35;cursor:not-allowed}.dash-check-col{text-align:center;width:32px;min-width:32px;padding-left:4px;padding-right:4px}.dash-mini-table input[type=checkbox]{vertical-align:middle;width:14px;height:14px;accent-color:var(--primary);margin:0}.dash-mini-pager{margin-top:8px}.dash-queue{margin-bottom:12px}.dash-mini-table table{width:100%}.dash-mini-table th,.dash-mini-table td{white-space:nowrap;padding:6px 8px;font-size:.82rem}.dash-mini-table tbody tr{cursor:pointer;height:34px}.dash-mini-table tbody tr:hover{background:#fafafa}.dash-row-actions{text-align:right;white-space:nowrap}.btn-compact{padding:4px 10px;font-size:.78rem;font-weight:600}.btn-compact+.btn-compact{margin-left:6px}.link-btn{color:var(--primary);font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.order-detail-modal{width:min(480px,100%)}.order-detail-dl{grid-template-columns:1fr 1fr;gap:8px 16px;margin:0 0 12px;display:grid}.order-detail-dl dt{color:var(--muted);font-size:.72rem}.order-detail-dl dd{margin:2px 0 0;font-size:.85rem}.dash-kpi-value{margin-top:8px;font-size:1.35rem;font-weight:700;line-height:1}.quota-card{flex-direction:column;display:flex}.quota-card.is-over{background:linear-gradient(90deg,#fef2f2e6,#fff);border-color:#fecaca}.quota-value{flex:1;justify-content:center;align-items:center;gap:8px;min-height:0;display:flex}.quota-remaining{font-size:2rem;font-weight:700;line-height:1}.quota-remaining.is-over{color:var(--primary)}.quota-total{color:var(--muted);font-size:1.45rem;font-weight:500}.status-list{flex-direction:column;gap:8px;display:flex}.status-row{grid-template-columns:88px minmax(48px,1fr) 64px;align-items:center;column-gap:8px;display:grid}.status-name{white-space:nowrap;font-size:.78rem}.status-progress{background:#edf1f5;border-radius:999px;width:100%;height:8px;overflow:hidden}.status-progress-value{border-radius:inherit;height:100%}.status-progress-value.new{background:var(--status-new)}.status-progress-value.done,.status-progress-value.approved{background:var(--status-done)}.status-progress-value.pending{background:var(--status-pending)}.status-progress-value.cancel,.status-progress-value.neutral{background:var(--status-cancel)}.status-progress-value.rejected{background:var(--status-rejected)}.status-value{text-align:right;white-space:nowrap;color:var(--muted);font-size:.72rem}.staff-form-grid{flex-direction:column;gap:12px;display:flex}.staff-form-row{grid-template-columns:1fr 1fr;gap:12px 14px;display:grid}.staff-form-row-addr{grid-template-columns:88px 1fr}.staff-list-filter{flex-shrink:0;align-items:flex-end;gap:8px;display:flex}.btn-create-order{flex-shrink:0;width:40px;height:40px;font-size:1.35rem;line-height:1}.page-size-field{color:var(--muted);align-items:center;gap:6px;font-size:.875rem;display:inline-flex}.page-size-field select{border:1px solid var(--border);background:#fff;border-radius:6px;height:28px;padding:0 6px}.order-create-modal{width:min(560px,100%);max-height:calc(100vh - 32px);padding:14px 16px;overflow:auto}.order-create-modal-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.order-create-modal-head .staff-panel-title{margin:0}.order-create-modal.staff-form{height:auto}.modal-backdrop.over-quota,.modal-backdrop.is-success{z-index:21}.staff-list-filter-fields{flex-wrap:wrap;flex:1;align-items:flex-end;gap:8px;min-width:0;display:flex}.staff-list-divider{border-top:1px solid var(--border);flex-shrink:0;height:0;margin:12px 0}.staff-list-pager{flex-shrink:0;justify-content:flex-start;margin-top:10px}.staff-list-filter-fields .field{min-width:140px}.staff-list-filter-fields .field select{height:40px}.staff-list-filter select,.staff-list-filter .table-search{min-width:140px}.bar-row.compact{grid-template-columns:minmax(92px,max-content) 1fr 36px;font-size:.8rem}.th-sort{font:inherit;color:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;align-items:center;gap:4px;margin:0;padding:0;font-weight:700;display:inline-flex}.th-sort:hover,.th-sort.is-sorted{color:var(--primary)}.th-sort .sort-ind{font-size:.65rem;line-height:1}@media (width<=900px){.staff-home{grid-template-rows:auto auto auto;grid-template-columns:1fr}.staff-list{grid-column:1}}.dash-kpi-value.pending{color:var(--status-pending)}.mgr-page{gap:20px}.mgr-heading{margin:0 0 14px;font-size:1.15rem;font-weight:700}.mgr-hero-grid{grid-template-columns:1fr 1fr 1fr;align-items:stretch;gap:12px;margin-bottom:12px;display:grid}.mgr-kpi-pair{grid-template-columns:1fr 1fr;gap:12px;min-width:0;display:grid}.mgr-status-grid{grid-template-columns:1fr 1fr 1fr;gap:12px;margin-bottom:12px;display:grid}a.mgr-kpi-link{color:inherit;cursor:pointer;flex-direction:column;text-decoration:none;display:flex}a.mgr-kpi-link:hover{border-color:var(--primary)}.mgr-kpi-card{min-height:112px}.mgr-kpi-card.is-secondary{min-height:72px}.mgr-kpi-card.is-secondary .dash-kpi-value{font-size:1.15rem}.mgr-quota-card{justify-content:flex-start}.mgr-quota-headline{margin-top:10px;font-size:1.35rem;font-weight:700;line-height:1.15}.mgr-quota-headline.is-over{color:var(--primary)}.mgr-quota-context{color:var(--muted);margin-top:8px;font-size:.82rem}.mgr-quota-pct{color:var(--muted);margin-top:2px;font-size:.78rem}.dash-kpi-value.incomplete{color:var(--status-new)}.top-staff-head,.top-staff-row,.staff-hbar-row{grid-template-columns:28px minmax(140px,220px) minmax(80px,1fr) 48px;align-items:center;gap:10px;font-size:.82rem;display:grid}.staff-hbar-row{grid-template-columns:minmax(140px,220px) minmax(80px,1fr) 48px;min-height:32px}.top-staff-head{color:var(--muted);margin-bottom:8px}.top-staff-row{min-height:32px}.top-staff-name,.staff-hbar-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.staff-hbars{flex-direction:column;gap:8px;display:flex}.mgr-report{padding:16px}.mgr-filter{grid-template-columns:150px 150px minmax(196px,1.1fr) minmax(140px,1fr) minmax(180px,1.3fr) 80px;align-items:end;gap:12px;margin-bottom:16px;display:grid}.mgr-filter .field select,.mgr-filter .date-filter-display,.mgr-filter .search-select-input,.mgr-filter .btn-outline{box-sizing:border-box;height:40px}.mgr-filter-action{gap:6px;display:grid}.mgr-filter-action .btn-outline{width:100%;padding:0 14px;line-height:38px}.search-select{min-width:0;position:relative}.search-select-input{border:1px solid var(--border);border-radius:var(--radius);width:100%;font:inherit;background:#fff;padding:8px 10px}.search-select-menu{z-index:8;border:1px solid var(--border);border-radius:var(--radius);max-height:240px;box-shadow:var(--shadow);background:#fff;margin:0;padding:4px 0;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:auto}.search-select-menu button{text-align:left;width:100%;font:inherit;cursor:pointer;color:var(--text);background:0 0;border:0;padding:8px 10px;display:block}.search-select-menu button:hover,.search-select-menu button.is-active{background:#f8fafc}.search-select-empty{color:var(--muted);padding:8px 10px;font-size:.82rem}.segmented{border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:repeat(3,1fr);height:40px;display:grid;overflow:hidden}.segmented.is-compact{grid-template-columns:1fr 1fr;min-width:160px;height:32px}.segmented button{color:var(--muted);cursor:pointer;font:inherit;background:#fff;border:0}.segmented button+button{border-left:1px solid var(--border)}.segmented .active{background:var(--primary);color:#fff}.mgr-report-grid{grid-template-columns:3fr 2fr;align-items:stretch;gap:12px;display:grid}.mgr-report-left{flex-direction:column;gap:12px;min-width:0;display:flex}.mgr-report-staff{min-width:0;min-height:0;padding:0;position:relative}.mgr-report-staff-fill{flex-direction:column;padding:10px 12px;display:flex;position:absolute;inset:0;overflow:hidden}.mgr-report-staff .staff-chart-head{z-index:1;background:var(--surface);flex-wrap:wrap;flex-shrink:0;position:sticky;top:0}.mgr-report-staff .segmented.is-compact{min-width:140px}.mgr-report-staff .staff-hbars{flex:1;gap:0;min-height:0;overflow-y:auto}.mgr-report-staff .staff-hbar-row{grid-template-columns:minmax(120px,1.4fr) minmax(80px,2fr) 40px;height:34px;min-height:34px}.staff-chart-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.staff-chart-head .dash-section-title{margin-bottom:0}.chart-legend{color:var(--muted);gap:16px;margin-bottom:8px;font-size:.78rem;display:flex}.chart-swatch{vertical-align:-1px;border-radius:2px;width:10px;height:10px;margin-right:6px;display:inline-block}.chart-swatch.is-orders,.chart-bar.is-orders,.trend-dot.is-orders,.chart-swatch.is-kind-new{background:var(--status-new)}.chart-swatch.is-devices,.chart-bar.is-devices,.trend-dot.is-devices,.chart-swatch.is-kind-done{background:var(--status-done)}.chart-swatch.is-kind-pending{background:var(--status-pending)}.chart-swatch.is-kind-cancel,.chart-swatch.is-kind-neutral{background:var(--status-cancel)}.chart-swatch.is-auto,.chart-bar.is-auto{background:var(--status-approved)}.chart-swatch.is-manual,.chart-bar.is-manual{background:var(--primary)}.trend-svg{width:100%;height:180px;display:block}.trend-grid{stroke:#eef2f7;stroke-width:1px}.trend-line{fill:none;stroke-width:2px}.trend-line.is-orders{stroke:var(--status-new)}.trend-line.is-devices{stroke:var(--status-done)}.trend-dot.is-orders{fill:var(--status-new)}.trend-dot.is-devices{fill:var(--status-done)}.trend-xlabel{fill:var(--muted);font-size:10px}.stack-bars{align-items:flex-end;gap:10px;min-height:180px;padding:8px 4px 4px;display:flex;overflow-x:auto}.stack-col{flex-direction:column;flex:1 0 48px;align-items:center;gap:6px;min-width:48px;display:flex}.stack-track{background:#edf1f5;border-radius:4px 4px 0 0;flex-direction:column-reverse;justify-content:flex-start;width:28px;height:140px;display:flex;overflow:hidden}.stack-seg{width:100%}.stack-total{color:var(--muted);font-size:.7rem}.chart-bars{align-items:flex-end;gap:10px;min-height:220px;padding:18px 4px 4px;display:flex;overflow-x:auto}.chart-bars.is-compact{min-height:160px;padding-top:12px}.chart-group{flex-direction:column;flex:1 0 56px;align-items:center;gap:6px;min-width:56px;display:flex}.chart-pair{justify-content:center;align-items:flex-end;gap:8px;width:100%;min-height:180px;display:flex}.chart-pair.is-compact{min-height:140px}.chart-col{flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;display:flex}.chart-value{color:var(--text);white-space:nowrap;font-size:.72rem;font-weight:600;line-height:1}.chart-value.is-empty{visibility:hidden}.chart-bar{border-radius:4px 4px 0 0;width:14px}.chart-bar.is-wide{width:28px}.chart-label{color:var(--muted);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:88px;font-size:.7rem;overflow:hidden}@media (width<=1100px){.mgr-filter,.mgr-report-grid,.dash-ops-grid{grid-template-columns:1fr}.dash-ops-left,.dash-ops-staff{grid-column:auto}.mgr-report-staff{min-height:360px}}@media (width<=900px){.mgr-hero-grid,.mgr-status-grid,.mgr-kpi-pair{grid-template-columns:1fr}}