:root{--navy:#102a43;--paper:#f5f7fa;--red:#d64545;--teal:#56a3a6;--ink:#152536;--muted:#6b7c8d;--line:#d9e0e7;--white:#fff;--sidebar:224px;--top:64px}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--paper);color:var(--ink);font-family:Arial,"Helvetica Neue",sans-serif}button,input,select,textarea{font:inherit}button{color:inherit}.app-shell{min-height:100vh;display:grid;grid-template:var(--top) 1fr/var(--sidebar) 1fr}.topbar{grid-column:1/-1;background:var(--navy);color:white;display:flex;align-items:center;padding:0 20px;z-index:20}.brand{display:flex;align-items:center;gap:10px;color:white;text-decoration:none}.brand img{border:1px solid rgba(255,255,255,.2);border-radius:8px}.brand span{display:grid;line-height:1.1}.brand b{font-size:15px;letter-spacing:.02em}.brand small{font-size:10px;color:#adbdcc;margin-top:4px;letter-spacing:.08em;text-transform:uppercase}.top-status{margin-left:auto;font-size:12px;color:#dbe7ef;display:flex;align-items:center;gap:8px}.pulse{width:7px;height:7px;background:var(--teal);border-radius:50%;box-shadow:0 0 0 5px rgba(86,163,166,.14)}.icon-button{border:0;background:transparent;padding:8px;border-radius:6px;cursor:pointer}.icon-button:hover{background:#e8edf1}.topbar .icon-button:hover{background:rgba(255,255,255,.1)}.sidebar{background:#e9eef2;border-right:1px solid var(--line);padding:18px 12px;display:flex;flex-direction:column;min-width:0}.sidebar nav{display:grid;gap:4px}.nav-item{width:100%;border:0;background:transparent;text-align:left;padding:12px 10px;display:grid;grid-template-columns:26px 1fr auto;align-items:center;gap:4px;font-size:12px;letter-spacing:.035em;cursor:pointer;border-radius:6px}.nav-item span{font-size:10px;color:#8291a0}.nav-item strong{font-size:10px;background:var(--red);color:white;padding:2px 6px;border-radius:10px}.nav-item:hover{background:#dde5eb}.nav-item.active{background:var(--navy);color:white}.nav-item.active span{color:#9fb3c4}.sidebar-foot{margin-top:auto;border-top:1px solid #cbd5dd;padding:18px 8px 4px;display:grid;grid-template-columns:1fr auto;gap:7px}.sidebar-foot span,.sidebar-foot small{font-size:10px;color:var(--muted);letter-spacing:.04em}.sidebar-foot strong{font-size:18px}.sidebar-foot small{grid-column:1/-1}.quality-bar{grid-column:1/-1;height:4px;background:#ced8df}.quality-bar i{display:block;width:94%;height:100%;background:var(--teal);transition:width .4s}.workspace{min-width:0;overflow:hidden}.view{min-height:calc(100vh - var(--top));animation:viewIn .25s ease}.view-head{height:86px;padding:18px 24px 14px;display:flex;align-items:flex-end;border-bottom:1px solid var(--line);background:rgba(255,255,255,.55)}.view-head h1{margin:0;font-family:"Arial Narrow",Arial,sans-serif;font-size:24px;letter-spacing:-.02em}.view-head p{margin:5px 0 0;color:var(--muted);font-size:12px}.head-actions{margin-left:auto;display:flex;gap:8px;align-items:center}.date-chip{background:var(--white);border:1px solid var(--line);padding:8px 10px;font-size:11px}.primary,.secondary{border:0;border-radius:4px;padding:9px 13px;font-size:12px;font-weight:700;cursor:pointer}.primary{background:var(--red);color:white}.primary:hover{background:#bd3737}.secondary{background:white;border:1px solid var(--line)}.queue-layout{display:grid;grid-template-columns:minmax(270px,32%) minmax(310px,1fr) 330px;height:calc(100vh - var(--top) - 86px)}.queue-list{border-right:1px solid var(--line);background:#fff;overflow:auto}.queue-tools{padding:12px;border-bottom:1px solid var(--line);display:flex;gap:7px}.filter{border:1px solid var(--line);background:white;border-radius:14px;padding:5px 9px;font-size:10px;cursor:pointer}.filter.active{background:var(--navy);border-color:var(--navy);color:white}.task-row{width:100%;border:0;border-bottom:1px solid #e4e9ed;background:white;padding:14px 14px 13px;text-align:left;display:grid;grid-template-columns:42px 1fr auto;gap:10px;cursor:pointer;position:relative}.task-row:hover{background:#f8fafb}.task-row.active{background:#edf5f5}.task-row.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--teal)}.task-time{font-size:11px;font-weight:700;color:var(--navy)}.task-copy{min-width:0}.task-copy b{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-copy small{display:block;margin-top:5px;color:var(--muted);font-size:10px}.tag{align-self:start;font-size:9px;text-transform:uppercase;letter-spacing:.06em;padding:4px 6px;border-radius:3px;background:#e8eef3;color:#526879}.tag.urgent{background:#fce7e7;color:var(--red)}.tag.done{background:#dff0ed;color:#287774}.timeline{overflow:auto;padding:0 18px 30px;background-image:linear-gradient(to right,transparent 49px,#e5e9ed 50px,transparent 51px);background-size:calc((100% - 100px)/4) 100%}.timeline-title{height:49px;position:sticky;top:0;z-index:2;background:rgba(245,247,250,.94);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:11px;font-weight:700}.timeline-title span{font-weight:400;color:var(--muted)}.time-ruler{display:grid;grid-template-columns:repeat(5,1fr);font-size:9px;color:#81909f;padding:10px 0 6px}.time-ruler span:last-child{text-align:right}.timeline-track{position:relative;height:410px;border-top:1px solid var(--line)}.now-line{position:absolute;left:28%;top:-5px;bottom:0;border-left:1px dashed var(--red)}.now-line:before{content:"10:16";position:absolute;top:-20px;left:-15px;background:var(--red);color:white;font-size:8px;padding:2px 4px}.lane{position:absolute;height:54px;border-left:3px solid var(--teal);background:white;box-shadow:0 2px 8px rgba(16,42,67,.08);padding:9px 10px;min-width:120px;max-width:230px;cursor:pointer;transition:transform .15s}.lane:hover{transform:translateY(-2px)}.lane b{font-size:11px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lane small{font-size:9px;color:var(--muted)}.lane.urgent{border-color:var(--red)}.lane.done{opacity:.5;border-color:#8ca2b3}.detail-sheet{background:#fff;border-left:1px solid var(--line);overflow:auto;padding:20px}.sheet-kicker{font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:var(--teal);font-weight:700}.detail-sheet h2{margin:7px 0 4px;font-size:20px;line-height:1.15}.address{font-size:11px;color:var(--muted);margin:0 0 20px}.workflow-line{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:0 -20px 20px;padding:12px 15px;gap:3px}.step{text-align:center;color:#95a2ad;font-size:9px;position:relative}.step:before{content:"";display:block;margin:0 auto 6px;width:8px;height:8px;border:2px solid #aab5be;border-radius:50%;background:white}.step.done{color:var(--navy)}.step.done:before{background:var(--teal);border-color:var(--teal)}.step.current{color:var(--red);font-weight:700}.step.current:before{border-color:var(--red);box-shadow:0 0 0 4px #f8dddd}.sheet-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.datum{padding:13px 0;border-bottom:1px solid var(--line)}.datum:nth-child(odd){border-right:1px solid var(--line)}.datum:nth-child(even){padding-left:14px}.datum span{display:block;font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.datum b{display:block;font-size:13px;margin-top:5px}.checklist{margin:20px 0}.checklist h3,.note h3{font-size:11px;text-transform:uppercase;letter-spacing:.08em;margin:0 0 9px}.check{display:flex;gap:8px;font-size:11px;padding:7px 0}.check i{width:14px;height:14px;border:1px solid var(--teal);border-radius:2px;position:relative}.check.done i:after{content:"✓";position:absolute;left:2px;top:-3px;color:var(--teal);font-weight:bold}.sheet-actions{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:18px}.note{padding:12px;background:#f1f5f7;border-left:3px solid var(--teal);font-size:11px;line-height:1.5}.content-page{padding:24px;max-width:1100px}.page-toolbar{display:flex;gap:8px;margin-bottom:20px}.search{border:1px solid var(--line);background:white;padding:9px 12px;width:min(320px,100%)}.data-table{width:100%;border-collapse:collapse;background:white;font-size:12px}.data-table th{text-align:left;font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:10px;border-bottom:2px solid var(--navy)}.data-table td{padding:13px 10px;border-bottom:1px solid var(--line)}.data-table .event{font-weight:700}.workflow-board{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.flow-column{background:white;min-height:300px;padding:16px}.flow-column h3{font-size:11px;text-transform:uppercase;letter-spacing:.08em;margin:0 0 4px}.flow-column>small{font-size:10px;color:var(--muted)}.rule{border-top:1px solid var(--line);margin-top:16px;padding-top:12px;font-size:11px;line-height:1.45}.rule b{display:block;margin-bottom:3px}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.person{background:white;padding:20px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:150px}.avatar{width:38px;height:38px;background:var(--navy);color:white;display:grid;place-items:center;font-weight:700;border-radius:50%;margin-bottom:18px}.person b{font-size:13px}.person p{font-size:10px;color:var(--muted);margin:5px 0 14px}.person small{font-size:10px;color:var(--teal)}.toast{position:fixed;right:20px;bottom:20px;background:var(--navy);color:white;padding:12px 16px;font-size:11px;border-left:4px solid var(--teal);transform:translateY(80px);opacity:0;transition:.25s;z-index:40}.toast.show{transform:none;opacity:1}@keyframes viewIn{from{opacity:0;transform:translateY(5px)}}
@media(max-width:1080px){.queue-layout{grid-template-columns:300px 1fr}.detail-sheet{position:fixed;right:0;top:var(--top);bottom:0;width:340px;z-index:15;box-shadow:-10px 0 25px rgba(16,42,67,.15);transform:translateX(105%);transition:.25s}.detail-sheet.open{transform:none}.workflow-board{grid-template-columns:1fr 1fr}.team-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){:root{--top:58px;--mobile-nav:64px}.app-shell{display:block;padding:var(--top) 0 var(--mobile-nav)}.topbar{position:fixed;top:0;left:0;right:0;height:var(--top)}.top-status{font-size:0}.top-status .pulse{display:block}.sidebar{position:fixed;top:auto;left:0;right:0;bottom:0;width:auto;height:var(--mobile-nav);z-index:30;padding:0;background:#e9eef2;border:0;border-top:1px solid var(--line);box-shadow:0 -6px 20px rgba(16,42,67,.1)}.sidebar nav{height:100%;grid-template-columns:repeat(4,1fr);gap:0}.nav-item{position:relative;height:100%;padding:7px 3px 6px;display:flex;flex-direction:column;justify-content:center;text-align:center;gap:3px;border-radius:0;font-size:9px;line-height:1.1;letter-spacing:0}.nav-item span{font-size:8px}.nav-item strong{position:absolute;top:7px;right:8px;margin:0;padding:1px 5px}.nav-item.active{border-top:3px solid var(--teal);padding-top:4px}.sidebar-foot{display:none}.view{min-height:calc(100vh - var(--top) - var(--mobile-nav))}.view-head{height:auto;min-height:80px;padding:14px 16px;align-items:center}.view-head h1{font-size:20px}.view-head p{max-width:210px}.date-chip{display:none}.queue-layout{display:block;height:auto}.queue-list{border:0;height:calc(100vh - var(--top) - var(--mobile-nav) - 80px)}.timeline{display:none}.detail-sheet{top:var(--top);bottom:var(--mobile-nav);width:100%;padding-bottom:30px}.detail-sheet h2{font-size:22px}.head-actions .primary{padding:8px 10px}.content-page{padding:14px;overflow:auto}.data-table{min-width:620px}.content-page:has(.data-table){overflow-x:auto}.workflow-board,.team-grid{grid-template-columns:1fr}.flow-column{min-height:0}.team-grid{border-top:0}.page-toolbar{margin-bottom:12px}.toast{left:12px;right:12px;bottom:calc(var(--mobile-nav) + 12px)}.sheet-actions{position:sticky;bottom:0;background:white;padding-top:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}