:root{color-scheme:light;--ink:#17202a;--muted:#68727d;--line:#dfe4e8;--surface:#ffffff;--canvas:#f4f6f7;--green:#176b55;--green-soft:#e6f3ee;--amber:#b56716;--amber-soft:#fff2df;--red:#a53935;--red-soft:#fae9e8;--blue:#235d8a}*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:0}a{color:inherit;text-decoration:none}button,input{font:inherit}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);background:var(--surface)}.login-visual{position:relative;min-height:100vh;overflow:hidden;background:#173b34;color:#fff;display:flex;align-items:flex-end;padding:clamp(36px,7vw,92px)}.visual-grid{position:absolute;inset:0;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.15) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.15) 1px,transparent 0);background-size:44px 44px;-webkit-mask-image:linear-gradient(180deg,transparent,black 38%,black);mask-image:linear-gradient(180deg,transparent,black 38%,black)}.visual-content{position:relative;max-width:580px}.visual-content h1{margin:18px 0 14px;font-size:clamp(48px,7vw,84px);line-height:.96;font-weight:760}.visual-content>p:not(.eyebrow){max-width:520px;margin:0;color:#c9ddd6;font-size:19px;line-height:1.55}.brand-mark{width:36px;height:36px;display:inline-grid;place-items:center;border-radius:6px;color:white;background:var(--green)}.brand-mark.large{width:52px;height:52px;background:#e8c277;color:#173b34}.signal-row{display:flex;flex-wrap:wrap;gap:22px;margin-top:38px;color:#e9f1ee;font-size:13px}.signal-row span{display:flex;align-items:center;gap:8px}.signal{width:8px;height:8px;border-radius:50%;display:inline-block}.signal.green{background:#57d0a8}.signal.amber{background:#f1c36f}.login-panel{display:grid;place-items:center;padding:48px}.login-inner{width:min(100%,480px)}.login-inner h2{margin:8px 0 10px;font-size:32px}.eyebrow{margin:0 0 6px;color:var(--green);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.login-visual .eyebrow{color:#e8c277}.muted{color:var(--muted);line-height:1.5}.login-form{display:grid;grid-gap:18px;gap:18px;margin-top:30px}.login-form label{display:grid;grid-gap:7px;gap:7px;color:#405049;font-size:13px;font-weight:700}.login-form input{width:100%;min-height:46px;padding:0 13px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink)}.login-form input:focus{outline:2px solid #95c8b6;outline-offset:1px;border-color:var(--green)}.login-form .button{margin-top:4px}.login-error{padding:11px 13px;margin:20px 0 0;border-radius:6px;color:var(--red);background:var(--red-soft);font-size:13px}.demo-hint{margin-top:24px;color:var(--muted);font-size:12px;line-height:1.7}.demo-hint code{color:var(--ink)}.role-list{display:grid;grid-gap:10px;gap:10px;margin-top:34px}.role-option{display:grid;grid-template-columns:42px 1fr 20px;align-items:center;grid-gap:14px;gap:14px;min-height:82px;padding:14px 16px;border:1px solid var(--line);border-radius:8px;transition:border-color .16s,background .16s}.role-option:hover{border-color:#8ca69d;background:#f7faf9}.role-option span:nth-child(2){display:grid;grid-gap:5px;gap:5px}.role-option small{color:var(--muted)}.role-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:6px;color:var(--green);background:var(--green-soft)}.role-icon.admin{color:var(--blue);background:#e8f0f7}.app-shell{min-height:100vh}.app-header{height:62px;padding:0 max(24px,calc((100vw - 1180px) / 2));justify-content:space-between;border-bottom:1px solid var(--line);background:var(--surface)}.app-header,.brand{display:flex;align-items:center}.brand{gap:10px;font-weight:760}.header-actions{display:flex;align-items:center;gap:14px}.role-label{color:var(--muted);font-size:13px}.icon-button{width:38px;height:38px;flex:0 0 38px;display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:6px;background:var(--surface);transition:background .16s}.icon-button:hover{background:var(--canvas)}.page-content{width:min(1180px,calc(100% - 48px));margin:0 auto;padding:52px 0 72px}.page-content.narrow{width:min(980px,calc(100% - 48px))}.page-heading{margin-bottom:32px}.page-heading h1{margin:4px 0 8px;font-size:34px;line-height:1.1}.page-heading p:last-child{margin-bottom:0}.heading-actions{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.detail-heading{margin-top:24px}.back-link{gap:7px;color:var(--muted);font-size:14px}.back-link,.button{display:inline-flex;align-items:center}.button{min-height:42px;padding:0 16px;justify-content:center;gap:9px;border:0;border-radius:6px;color:white;font-weight:740;cursor:pointer;white-space:nowrap}.button.primary{background:var(--green)}.button.primary:hover{background:#105b47}.button.danger{background:var(--red)}.button:disabled{cursor:wait;opacity:.72}.voice-control{display:flex;flex-direction:column;align-items:flex-end;gap:7px}.call-error{max-width:320px;color:var(--red);font-size:12px;text-align:right}.pulse{animation:pulse 1s infinite}@keyframes pulse{50%{opacity:.35}}.summary-strip{min-height:70px;padding:0 20px;margin-bottom:18px;display:grid;grid-template-columns:repeat(3,1fr);align-items:center;border-block:1px solid var(--line);background:var(--surface)}.summary-strip>div{display:flex;align-items:center;gap:11px;color:var(--muted);font-size:13px}.summary-strip>div:not(:last-child){border-right:1px solid var(--line)}.summary-strip svg{color:var(--green)}.summary-strip strong{color:var(--ink)}.order-list{border-top:1px solid var(--line)}.order-row{min-height:88px;padding:15px 12px;display:grid;grid-template-columns:minmax(300px,1.5fr) minmax(140px,.65fr) 120px 40px;align-items:center;grid-gap:22px;gap:22px;border-bottom:1px solid var(--line);background:var(--surface)}.order-row:hover{background:#fafbfb}.order-main{display:flex;align-items:center;gap:14px;min-width:0}.order-main a:hover{color:var(--green)}.order-main p{margin:5px 0 0;color:var(--muted);font-size:13px}.package-mark{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:6px;color:var(--green);background:var(--green-soft)}.order-status{display:flex;align-items:center;gap:8px;color:#405049;font-size:13px;text-transform:capitalize}.status-dot{width:8px;height:8px;border-radius:50%;background:#4cab83}.order-total{text-align:right}.detail-band{min-height:88px;padding:17px 20px;display:grid;grid-template-columns:1.1fr .75fr 1.3fr auto;align-items:center;grid-gap:22px;gap:22px;border-block:1px solid var(--line);background:var(--surface)}.detail-band>div{display:grid;grid-gap:5px;gap:5px}.content-section small,.detail-band small{color:var(--muted);font-style:normal}.detail-band strong{font-size:13px;overflow-wrap:anywhere}.detail-band a{display:inline-flex;align-items:center;gap:6px;color:var(--green);font-size:13px;font-weight:700}.detail-status{grid-template-columns:34px 1fr!important;align-items:center}.detail-status svg{color:var(--green)}.detail-status span{display:grid;grid-gap:5px;gap:5px}.detail-grid{display:grid;grid-template-columns:1.15fr .85fr;grid-gap:44px;gap:44px;margin-top:38px}.content-section h2{margin:0 0 18px;padding-bottom:14px;display:flex;align-items:center;gap:9px;border-bottom:1px solid var(--line);font-size:17px}.content-section h2 svg{color:var(--green)}.line-item{padding:13px 0;display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.line-item>span{display:grid;grid-gap:5px;gap:5px}.line-item>span:last-child{justify-items:end}.line-item a{color:var(--green)}.order-note{padding:16px;margin-top:20px;border-left:3px solid var(--amber);background:var(--amber-soft)}.order-note p{margin:7px 0 0;color:#5f4b32;line-height:1.5}.line-item>span:first-child{display:grid;grid-gap:5px;gap:5px}.line-item>span:last-child{color:var(--muted);font-size:13px}.content-section address{color:#3e4851;font-style:normal;line-height:1.75}.date-pair{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px;margin-top:24px}.date-pair span{display:grid;grid-gap:6px;gap:6px;color:var(--muted);font-size:12px}.date-pair strong{color:var(--ink);font-size:14px}.admin-shell{background:#f2f4f5}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px;margin-bottom:24px}.metric{min-height:92px;padding:18px;display:flex;align-items:flex-start;gap:13px;border:1px solid var(--line);border-radius:7px;background:var(--surface)}.metric svg{color:var(--green)}.metric.warning svg{color:var(--amber)}.metric span{display:grid;grid-gap:8px;gap:8px;color:var(--muted);font-size:12px}.metric strong{color:var(--ink);font-size:26px;line-height:1}.ops-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.data-panel{min-width:0;border:1px solid var(--line);border-radius:7px;background:var(--surface);overflow:hidden}.data-panel.wide{grid-column:1/-1}.panel-heading{min-height:54px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.panel-heading h2{margin:0;font-size:15px}.panel-heading span{color:var(--muted);font-size:12px}.data-table{overflow-x:auto}.table-row{min-width:720px;min-height:50px;padding:0 17px;display:grid;grid-template-columns:1.1fr 1fr .8fr 1fr;align-items:center;border-bottom:1px solid #edf0f2;font-size:13px}.table-head{min-height:38px;color:var(--muted);background:#f8f9f9;font-size:11px;font-weight:750;text-transform:uppercase}.tag{width:-moz-fit-content;width:fit-content;padding:4px 7px;border-radius:4px;color:var(--green);background:var(--green-soft);font-size:10px;font-style:normal;font-weight:800}.tag.escalated,.tag.failed{color:var(--red);background:var(--red-soft)}.tag.open{color:var(--amber);background:var(--amber-soft)}.queue-item{min-height:62px;padding:11px 17px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #edf0f2}.queue-item>span{min-width:0;display:grid;grid-gap:5px;gap:5px}.queue-item small{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-item time{color:var(--muted);font-size:11px}.empty-state{margin:0;padding:28px 17px;color:var(--muted);font-size:13px}@media (max-width:820px){.login-shell{grid-template-columns:1fr}.login-visual{min-height:44vh;padding:42px 28px}.login-panel{padding:42px 24px}.visual-content h1{font-size:50px}.page-content,.page-content.narrow{width:min(100% - 28px,680px);padding-top:34px}.heading-actions{align-items:flex-start;flex-direction:column}.voice-control{width:100%;align-items:stretch}.button{width:100%}.summary-strip{grid-template-columns:1fr;padding:12px 16px;gap:13px}.summary-strip>div:not(:last-child){border-right:0}.order-row{grid-template-columns:1fr 40px;gap:13px}.order-status,.order-total{grid-column:1;margin-left:56px;text-align:left}.order-row>.icon-button{grid-column:2;grid-row:1}.detail-band,.detail-grid{grid-template-columns:1fr}.detail-grid{gap:30px}.metric-grid{grid-template-columns:1fr 1fr}.ops-grid{grid-template-columns:1fr}.data-panel.wide{grid-column:1}.role-label{display:none}}@media (max-width:480px){.login-visual{min-height:38vh}.signal-row{display:none}.metric-grid{grid-template-columns:1fr}.app-header{padding:0 14px}.page-heading h1{font-size:29px}}