:root {
  --ink:#122b33; --ink-2:#24434b; --muted:#6c8188; --muted-2:#91a2a7;
  --line:#dbe6e6; --line-strong:#c7d8d8; --surface:#fff; --surface-2:#f4f8f8; --surface-3:#edf4f3;
  --brand:#0b6269; --brand-dark:#074950; --brand-deep:#06383e; --brand-soft:#e3f3f2;
  --aqua:#36b6b0; --aqua-soft:#e7f8f6; --lime:#98c94c; --lime-soft:#f0f8df;
  --amber:#eea232; --amber-soft:#fff4df; --red:#d75555; --red-soft:#ffeded;
  --blue:#417ee8; --blue-soft:#edf3ff; --purple:#7658cf; --purple-soft:#f2efff;
  --shadow:0 18px 50px rgba(10,64,70,.12); --shadow-sm:0 7px 22px rgba(10,64,70,.08);
  --radius-xl:26px; --radius-lg:19px; --radius-md:14px; --radius-sm:10px;
  --font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;color:var(--ink);background:var(--surface-2);font-family:var(--font);-webkit-font-smoothing:antialiased} button,input,select,textarea{font:inherit} button{cursor:pointer} a{color:inherit} img,svg{display:block} h1,h2,h3,h4,p{margin-top:0}
.brand-lockup{display:flex;align-items:center;gap:12px;min-width:0}.brand-lockup img{width:43px;height:43px;flex:0 0 auto}.brand-lockup strong{display:block;font-size:15px;line-height:1.12;letter-spacing:-.025em}.brand-lockup span{display:block;color:var(--muted);font-size:11px;margin-top:4px}
.btn{border:0;border-radius:12px;padding:10px 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:750;font-size:12px;transition:.18s ease;min-height:40px;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--brand);color:#fff;box-shadow:0 8px 20px rgba(11,98,105,.2)}.btn-primary:hover{background:var(--brand-dark)}.btn-secondary{background:#fff;border:1px solid var(--line);color:var(--ink)}.btn-soft{background:var(--brand-soft);color:var(--brand-dark)}.btn-danger{background:var(--red-soft);color:#a73b3b}.btn-dark{background:var(--brand-deep);color:#fff}.btn-icon{width:40px;padding:0}.btn.small{min-height:34px;padding:8px 11px;font-size:11px}.btn svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8}
.icon-button{width:40px;height:40px;border:1px solid var(--line);background:#fff;border-radius:12px;display:inline-grid;place-items:center;color:var(--ink);transition:.18s ease}.icon-button:hover{border-color:#b8cdcd;transform:translateY(-1px);box-shadow:var(--shadow-sm)}.icon-button svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8}
.badge{display:inline-flex;align-items:center;gap:6px;min-height:25px;padding:5px 9px;border-radius:999px;font-size:10.5px;font-weight:800;letter-spacing:.01em;white-space:nowrap}.badge::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.82}.badge-neutral{color:#61747b;background:#edf2f2}.badge-urgent{color:#b83b3b;background:var(--red-soft)}.badge-high{color:#ad6804;background:var(--amber-soft)}.badge-normal{color:#226a70;background:var(--brand-soft)}.badge-new{color:#286bd2;background:var(--blue-soft)}.badge-assigned{color:#6f54c1;background:var(--purple-soft)}.badge-route{color:#a25f06;background:#fff2d8}.badge-site{color:#18765f;background:#e4f7ef}.badge-parts{color:#956013;background:#fff3de}.badge-complete{color:#3d7a37;background:#eaf7e6}.badge-confirmed{color:#176e68;background:#e4f7f5}.badge-outline{background:#fff;border:1px solid var(--line);color:var(--muted)}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:0 1px 0 rgba(18,67,72,.02)}.card-header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:19px 19px 0}.card-title{margin:0;font-size:14px;letter-spacing:-.01em}.card-subtitle{margin:4px 0 0;color:var(--muted);font-size:11px;line-height:1.4}.card-body{padding:18px 19px 19px}
.avatar{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand-dark);font-size:11px;font-weight:850;flex:0 0 auto}.avatar.sm{width:30px;height:30px;border-radius:10px;font-size:9px}.avatar.lg{width:52px;height:52px;border-radius:16px;font-size:14px}.avatar.dark{background:var(--brand-deep);color:#fff}.avatar.aqua{background:var(--aqua-soft);color:#13756f}.avatar.amber{background:var(--amber-soft);color:#a9660b}
.progress{height:7px;background:#e9efef;border-radius:999px;overflow:hidden}.progress>span{display:block;height:100%;background:var(--brand);border-radius:inherit}.progress.aqua>span{background:var(--aqua)}.progress.amber>span{background:var(--amber)}.progress.red>span{background:var(--red)}
.field{display:grid;gap:7px}.field label{font-size:10px;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.06em}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:12px;min-height:43px;padding:10px 12px;outline:0}.field textarea{min-height:92px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#70aaa8;box-shadow:0 0 0 3px rgba(54,182,176,.13)}
.toggle{position:relative;width:42px;height:24px;display:inline-block}.toggle input{opacity:0;width:0;height:0}.toggle span{position:absolute;inset:0;background:#c9d5d5;border-radius:999px;transition:.2s}.toggle span:before{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;background:#fff;border-radius:50%;box-shadow:0 2px 5px rgba(0,0,0,.14);transition:.2s}.toggle input:checked+span{background:var(--brand)}.toggle input:checked+span:before{transform:translateX(18px)}
.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:850px}.data-table th{padding:11px 15px;text-align:left;color:var(--muted);font-size:9.5px;text-transform:uppercase;letter-spacing:.07em;border-bottom:1px solid var(--line);font-weight:850;background:#fbfdfd}.data-table td{padding:13px 15px;border-bottom:1px solid #edf2f2;font-size:11.5px;vertical-align:middle}.data-table tbody tr{transition:.15s}.data-table tbody tr:hover{background:#f7fbfb}.data-table tbody tr:last-child td{border-bottom:0}.cell-main strong{display:block;font-size:11.5px}.cell-main span{display:block;color:var(--muted);font-size:10.5px;margin-top:3px;max-width:260px}.mono{font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10.5px}
.segmented{display:inline-flex;background:var(--surface-3);border-radius:11px;padding:3px;gap:2px}.segmented button{border:0;background:transparent;color:var(--muted);border-radius:8px;padding:7px 10px;font-size:10.5px;font-weight:750}.segmented button.active{background:#fff;color:var(--ink);box-shadow:0 2px 7px rgba(20,70,74,.08)}
.metric-delta{display:inline-flex;align-items:center;gap:5px;color:#2f7d50;font-size:10.5px;font-weight:750}.metric-delta.down{color:#b24d42}.eyebrow{text-transform:uppercase;letter-spacing:.1em;font-weight:850;font-size:9.5px;color:var(--muted)}
.toast-stack{position:fixed;right:22px;bottom:22px;z-index:9999;display:grid;gap:10px}.toast{background:#113940;color:#fff;padding:13px 15px;border-radius:13px;box-shadow:var(--shadow);min-width:270px;animation:toastIn .24s ease both;font-size:12px}.toast strong{display:block}.toast small{color:#b9ced0;display:block;margin-top:4px;line-height:1.4}@keyframes toastIn{from{opacity:0;transform:translateY(10px)}}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:720px){.toast-stack{left:14px;right:14px;bottom:84px}.toast{min-width:0}.btn{font-size:11.5px}.card{border-radius:16px}}