:root{--ink:#22223b;--paper:#fefae0;--olive:#606c38;--amber:#dda15e;--muted:#7f806e;--line:#dedbc4;--white:#fffdf0}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.45 Arial,sans-serif}.app-shell{min-height:100vh;display:flex}.sidebar{width:248px;background:var(--ink);color:var(--paper);padding:28px 20px 22px;display:flex;flex-direction:column;flex-shrink:0}.brand{color:var(--paper);display:flex;align-items:center;gap:10px;text-decoration:none;font:bold 14px/1.05 monospace;letter-spacing:.08em}.brand img{width:40px;height:24px}.brand em{font-style:normal;color:var(--amber);font-size:11px}.workspace-label{font:10px monospace;color:#aaa9a0;letter-spacing:.12em;margin:56px 8px 18px}.workspace-label span{float:right;color:var(--amber)}nav{display:grid;gap:4px}.nav-item{border:0;background:transparent;color:#c7c4b6;text-align:left;padding:12px 10px;border-radius:4px;font:13px monospace;cursor:pointer}.nav-item:hover,.nav-item.active{background:#373752;color:var(--paper)}.nav-item b{float:right;color:var(--amber)}.sidebar-foot{margin-top:auto;border-top:1px solid #46465e;padding:16px 8px;color:#d8d4c2;font:11px monospace;display:grid;grid-template-columns:12px 1fr;gap:0 7px}.sidebar-foot small{grid-column:2;color:#9696a0}.status-dot{display:inline-block;width:7px;height:7px;background:#a7bb6e;border-radius:50%;margin-top:5px}.main{flex:1;min-width:0}.topbar{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 42px}.crumb{font:11px monospace;letter-spacing:.08em}.crumb span{color:#aaa896;margin:0 10px}.crumb strong{color:var(--olive);font-weight:normal}.icon-btn,.user-chip{border:1px solid var(--line);background:transparent;color:var(--ink);width:34px;height:34px;border-radius:4px;cursor:pointer}.user-chip{background:var(--amber);border-color:var(--amber);font:11px monospace}.content{padding:38px 42px 60px;max-width:1320px}.page-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:32px}.eyebrow{font:11px monospace;letter-spacing:.12em;color:var(--olive);margin:0 0 9px}.page-title{font-size:32px;line-height:1.05;margin:0;letter-spacing:-.04em}.page-note{color:var(--muted);margin:8px 0 0}.primary-btn{background:var(--ink);color:var(--paper);border:0;border-radius:3px;padding:12px 16px;font:12px monospace;cursor:pointer}.primary-btn:hover{background:var(--olive)}.metric-row{display:grid;grid-template-columns:repeat(4,1fr);border-top:2px solid var(--ink);border-bottom:1px solid var(--line);margin-bottom:32px}.metric{padding:17px 16px 18px 0;border-right:1px solid var(--line);margin-right:18px}.metric:last-child{border:0}.metric-label{font:10px monospace;color:var(--muted);letter-spacing:.08em}.metric-value{font-size:30px;letter-spacing:-.05em;margin:5px 0}.delta{font:11px monospace;color:var(--olive)}.delta.down{color:#9d6540}.split{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:36px}.section-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ink);padding-bottom:10px}.section-head h2{font:15px monospace;margin:0}.filter{border:1px solid var(--line);background:transparent;padding:6px 9px;color:var(--muted);font:11px monospace}.flow{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line);padding:22px 0 24px}.flow-step{position:relative;padding-right:18px}.flow-step:not(:last-child):after{content:'→';position:absolute;right:12px;top:23px;color:var(--amber);font-size:17px}.flow-label{font:10px monospace;color:var(--muted);text-transform:uppercase}.flow-num{font-size:28px;margin:7px 0 2px}.flow-sub{font-size:12px;color:var(--muted)}.queue{margin-top:28px}.queue-row{display:grid;grid-template-columns:78px 1fr 92px 80px;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding:14px 0}.queue-row:first-of-type{border-top:1px solid var(--line)}.mono{font:11px monospace}.muted{color:var(--muted)}.tag{font:10px monospace;padding:4px 6px;background:#e6e7cd;color:var(--olive);width:max-content}.tag.amber{background:#f2dfc7;color:#925f2b}.audit{border-left:1px solid var(--line);padding-left:26px}.audit-list{list-style:none;padding:0;margin:0}.audit-list li{border-bottom:1px solid var(--line);padding:15px 0;display:grid;grid-template-columns:48px 1fr;gap:12px}.audit-time{font:10px monospace;color:var(--muted)}.audit strong{font-size:12px;display:block}.audit span{font-size:12px;color:var(--muted)}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table th{text-align:left;color:var(--muted);font:10px monospace;padding:12px 8px;border-bottom:2px solid var(--ink)}.data-table td{padding:16px 8px;border-bottom:1px solid var(--line)}.toast{position:fixed;right:24px;bottom:24px;background:var(--olive);color:var(--paper);padding:12px 16px;font:12px monospace;transform:translateY(120px);transition:.25s}.toast.show{transform:translateY(0)}
@media(max-width:700px){.app-shell{display:block}.sidebar{width:100%;height:auto;padding:16px;display:block}.workspace-label,.sidebar-foot{display:none}nav{display:flex;overflow:auto;margin-top:16px}.nav-item{white-space:nowrap;padding:9px 8px;font-size:11px}.topbar{height:54px;padding:0 16px}.content{padding:26px 16px 42px}.page-head{align-items:start;gap:18px;flex-direction:column;margin-bottom:25px}.page-title{font-size:27px}.metric-row{grid-template-columns:repeat(2,1fr);margin-bottom:25px}.metric{margin:0;padding:13px 10px 13px 0;border-bottom:1px solid var(--line)}.metric-value{font-size:25px}.split{display:block}.audit{border-left:0;border-top:1px solid var(--line);margin-top:32px;padding:26px 0 0}.flow{gap:8px}.flow-step{padding-right:2px}.flow-step:not(:last-child):after{right:-4px;top:18px;font-size:12px}.flow-num{font-size:22px}.flow-sub{font-size:10px}.queue-row{grid-template-columns:60px 1fr 70px;gap:8px}.queue-row .queue-owner{display:none}.data-table{min-width:590px}}
@media(min-width:1200px){.content{padding-left:64px;padding-right:64px}.split{grid-template-columns:minmax(0,2fr) minmax(320px,1fr)}}
@media(max-width:390px){.content{padding-left:12px;padding-right:12px}.page-title{font-size:25px}.metric-value{font-size:23px}.flow-label{font-size:9px}.flow-sub{font-size:9px}}
@media(min-width:1440px){.content{max-width:1400px;padding-left:72px;padding-right:72px}}