@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;700&family=Playfair+Display:wght@600&display=swap');:root{--ink:#202c39;--paper:#f4f1de;--blue:#3d5a80;--coral:#e07a5f;--line:#d9d7c8;--muted:#78808a}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:14px}.app-shell{display:flex;min-height:100vh}.rail{width:214px;background:var(--ink);color:var(--paper);padding:27px 18px 22px;display:flex;flex-direction:column;flex:none}.brand{display:flex;align-items:center;gap:10px;color:var(--paper);text-decoration:none;font-weight:700;letter-spacing:.12em;line-height:1.05}.brand img{width:38px;height:38px}.brand small{font:500 9px 'DM Mono';letter-spacing:.2em;opacity:.6}.main-nav{display:grid;gap:7px;margin-top:70px}.nav-item{border:0;background:transparent;color:#bfc4c3;text-align:left;padding:11px 10px;display:flex;align-items:center;gap:11px;border-radius:7px;font:500 13px 'DM Sans';cursor:pointer}.nav-item:hover,.nav-item.active{background:#354250;color:var(--paper)}.nav-item b{margin-left:auto;background:var(--coral);color:var(--ink);font:500 10px 'DM Mono';padding:3px 6px;border-radius:9px}.nav-icon{font-size:20px;width:20px;text-align:center}.rail-foot{margin-top:auto;border-top:1px solid #43505a;padding:18px 7px 0;color:#b8c0bd;font:11px 'DM Mono';line-height:1.6;display:grid;grid-template-columns:10px 1fr;gap:0 6px}.rail-foot small{grid-column:2;color:#76818a;margin-top:10px}.status-dot{width:6px;height:6px;background:#83b78a;border-radius:50%;margin-top:6px}.workspace{flex:1;min-width:0;max-width:1400px;margin:0 auto}.topbar{height:126px;border-bottom:1px solid var(--line);padding:31px 42px 25px;display:flex;justify-content:space-between;align-items:flex-end}.eyebrow,.mono{font:500 10px 'DM Mono';letter-spacing:.08em;color:var(--muted)}.eyebrow{margin:0 0 9px}.topbar h1{font:600 32px 'Playfair Display',serif;margin:0;letter-spacing:-.02em}.top-actions{display:flex;align-items:center;gap:16px}.icon-button{border:0;background:transparent;color:var(--ink);font-size:23px;cursor:pointer;width:30px;height:30px}.avatar{width:32px;height:32px;border-radius:50%;background:var(--blue);color:var(--paper);display:grid;place-items:center;font:11px 'DM Mono'}.view{padding:28px 42px 48px}.queue-layout{display:grid;grid-template-columns:190px minmax(400px,1fr) 310px;gap:34px}.route{border-right:1px solid var(--line);padding-right:25px}.route h2,.panel h2{font-size:13px;margin:0 0 20px}.route-stops{display:grid;gap:0}.stop{position:relative;padding:0 0 28px 28px;color:var(--muted);font-size:12px}.stop:before{content:'';position:absolute;left:4px;top:3px;width:9px;height:9px;border:2px solid var(--muted);border-radius:50%;background:var(--paper);z-index:1}.stop:not(:last-child):after{content:'';position:absolute;left:8px;top:14px;width:1px;height:42px;background:var(--line)}.stop.active{color:var(--ink);font-weight:700}.stop.active:before{border-color:var(--coral);background:var(--coral)}.stop.done:before{border-color:var(--blue);background:var(--blue)}.queue-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:16px}.queue-head h2{font-size:17px;margin:0}.filter{border:1px solid var(--line);background:transparent;color:var(--ink);padding:8px 11px;font:11px 'DM Mono';cursor:pointer}.queue-list{border-top:2px solid var(--ink)}.request{border-bottom:1px solid var(--line);padding:17px 10px 17px 0;display:grid;grid-template-columns:10px 1fr auto;gap:12px;align-items:start;cursor:pointer;transition:background .2s}.request:hover,.request.selected{background:#e9e6d4}.request.selected{padding-left:10px}.request-mark{width:7px;height:7px;border-radius:50%;background:var(--coral);margin-top:5px}.request-title{font-weight:700;margin-bottom:5px}.request-meta{font:11px 'DM Mono';color:var(--muted)}.request-time{font:10px 'DM Mono';color:var(--muted)}.tag{display:inline-block;font:10px 'DM Mono';padding:4px 7px;margin-top:9px;background:#d9e1ea;color:var(--blue)}.tag.orange{background:#f3d4c9;color:#a34d36}.panel{border-left:1px solid var(--line);padding-left:26px}.panel-label{font:500 10px 'DM Mono';color:var(--muted);letter-spacing:.08em;margin:0 0 10px}.case-title{font:600 23px 'Playfair Display';line-height:1.1;margin:0 0 16px}.case-block{border-top:1px solid var(--line);padding:15px 0}.case-block dt{font:10px 'DM Mono';color:var(--muted);margin-bottom:6px}.case-block dd{margin:0;line-height:1.45}.progress{height:4px;background:var(--line);margin:10px 0 6px}.progress i{display:block;height:100%;background:var(--coral)}.primary{width:100%;border:0;background:var(--blue);color:var(--paper);padding:12px;cursor:pointer;font-weight:700;margin-top:7px}.primary:hover{background:var(--ink)}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{text-align:left;padding:14px 10px;border-bottom:1px solid var(--line)}.data-table th{font:10px 'DM Mono';color:var(--muted);font-weight:400}.workflow{max-width:800px}.workflow-row{display:flex;align-items:center;gap:16px;border-top:1px solid var(--line);padding:20px 0}.workflow-row strong{width:160px}.workflow-row span{color:var(--muted)}
@media (max-width:900px){.rail{width:70px;padding:18px 10px}.brand span,.nav-item span:not(.nav-icon),.nav-item b,.rail-foot{display:none}.brand{justify-content:center}.main-nav{margin-top:45px}.nav-item{justify-content:center;padding:12px 0}.topbar{padding:24px 22px;height:108px}.view{padding:22px}.queue-layout{grid-template-columns:150px minmax(0,1fr);gap:22px}.panel{grid-column:2;border-left:0;border-top:1px solid var(--line);padding:22px 0 0}.route{padding-right:15px}}
@media (max-width:390px){body{font-size:13px}.rail{width:56px;padding:15px 7px}.brand img{width:34px}.topbar{padding:20px 15px;height:98px}.topbar h1{font-size:26px}.top-actions{gap:5px}.view{padding:18px 15px}.queue-layout{display:block}.route{border-right:0;border-bottom:1px solid var(--line);padding:0 0 14px;margin-bottom:18px}.route h2{margin-bottom:12px}.route-stops{display:flex;justify-content:space-between}.stop{padding:20px 0 0;text-align:center;font-size:10px;flex:1}.stop:before{left:calc(50% - 5px);top:3px}.stop:not(:last-child):after{left:calc(50% + 5px);top:8px;width:100%;height:1px}.panel{margin-top:20px}.request{grid-template-columns:8px 1fr auto;gap:8px}.request-time{font-size:9px}}