:root{--ink:#242423;--paper:#f7f7f2;--blue:#3a86ff;--yellow:#ffbe0b;--muted:#858581;--line:#d9d9d1;--soft:#ecece5}*{box-sizing:border-box}html,body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif;font-size:14px}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}.app-shell{min-height:100vh}.topbar{height:72px;background:var(--ink);color:var(--paper);display:flex;align-items:center;padding:0 30px;gap:45px}.brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;font:700 11px/11px Arial;letter-spacing:1.5px}.brand img{width:36px;height:36px}.brand b{color:var(--yellow)}.main-nav{display:flex;height:100%;align-items:center;gap:30px}.nav-item{height:100%;position:relative;color:#aaa;font:700 11px Arial;letter-spacing:1.2px}.nav-item.active,.nav-item:hover{color:#fff}.nav-item.active:after{content:"";position:absolute;height:3px;background:var(--blue);left:0;right:0;bottom:0}.nav-item small{color:var(--yellow);font-size:9px;margin-left:5px}.top-actions{margin-left:auto;display:flex;align-items:center;gap:12px;color:#aaa;font:10px monospace;letter-spacing:1px}.live-dot{width:7px;height:7px;background:#7ee081;border-radius:50%;box-shadow:0 0 0 3px #315035}.icon-btn{font-size:18px;color:#aaa;padding:8px}.screen{padding:28px 30px;max-width:1500px;margin:auto}.screen-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:25px}.eyebrow{font:700 10px monospace;letter-spacing:1.4px;color:var(--blue);margin:0 0 8px}.screen h1{font:700 30px/1.05 Arial;margin:0;letter-spacing:-1px}.subline{color:var(--muted);margin:8px 0 0}.primary-btn{background:var(--ink);color:#fff;padding:12px 17px;font-weight:700;font-size:12px}.primary-btn:hover{background:var(--blue)}.workspace{display:grid;grid-template-columns:250px minmax(400px,1fr) 300px;border-top:1px solid var(--line);min-height:690px}.queue{border-right:1px solid var(--line);padding:18px 18px 0 0}.queue-title,.panel-label{font:700 10px monospace;letter-spacing:1.3px;color:var(--muted);margin-bottom:16px}.queue-tabs{display:flex;gap:14px;border-bottom:1px solid var(--line);margin-bottom:5px}.queue-tabs button{font:700 10px monospace;padding:0 0 11px;color:var(--muted)}.queue-tabs button.active{color:var(--ink);border-bottom:2px solid var(--blue)}.queue-list{list-style:none;padding:0;margin:0}.queue-item{padding:15px 10px;border-bottom:1px solid var(--line);display:flex;gap:10px;align-items:flex-start}.queue-item.active{background:#fff;border-left:3px solid var(--blue);padding-left:7px}.queue-item strong{font-size:13px}.queue-item small{display:block;color:var(--muted);margin-top:5px}.badge{margin-left:auto;font:700 10px monospace;color:var(--muted)}.record{padding:18px 28px}.record-meta{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:15px}.record h2{margin:5px 0;font-size:24px}.record .address{color:var(--muted)}.status{font:700 10px monospace;color:#3f9449;letter-spacing:1px}.pipeline{display:flex;margin:24px 0 28px;border-bottom:2px solid var(--line);padding-bottom:16px;gap:0}.stage{flex:1;color:var(--muted);font:700 10px monospace;position:relative}.stage:after{content:"";position:absolute;width:9px;height:9px;background:var(--line);border-radius:50%;left:0;top:18px}.stage.done:after{background:var(--blue)}.stage.active{color:var(--ink)}.stage.active:after{background:var(--yellow);box-shadow:0 0 0 4px #ffe7a0}.stage span{display:block;padding-bottom:18px}.section-row{display:flex;justify-content:space-between;align-items:center;margin:25px 0 12px}.section-row h3{font-size:14px;margin:0}.section-row span{color:var(--muted);font:10px monospace}.timeline{border-left:2px solid var(--line);margin-left:7px;padding-left:18px}.event{position:relative;margin:0 0 24px}.event:before{content:"";position:absolute;width:8px;height:8px;left:-24px;top:3px;border-radius:50%;background:var(--blue)}.event.next:before{background:var(--yellow)}.event b{font-size:13px}.event time{display:block;color:var(--muted);font:10px monospace;margin-bottom:5px}.event p{margin:5px 0;color:#555;line-height:1.5}.event button{color:var(--blue);font-size:11px;font-weight:700}.next-panel{border-left:1px solid var(--line);padding:18px 0 0 22px}.action-box{border:2px solid var(--ink);padding:17px;margin:12px 0 25px;background:var(--yellow)}.action-box .due{font:700 10px monospace}.action-box h3{font-size:18px;margin:12px 0}.action-box p{line-height:1.45;margin:0 0 18px}.action-box button{background:var(--ink);color:#fff;padding:10px 12px;font-weight:700;font-size:11px}.mini-table{width:100%;border-collapse:collapse}.mini-table td{padding:10px 0;border-bottom:1px solid var(--line);font-size:12px}.mini-table td:last-child{text-align:right;color:var(--muted);font-family:monospace}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:28px}.metric{padding:22px 18px;border-right:1px solid var(--line)}.metric:last-child{border:0}.metric strong{font-size:30px}.metric label{display:block;color:var(--muted);font:10px monospace;margin-bottom:12px}.analytics-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.chart{height:230px;border-bottom:2px solid var(--ink);background:repeating-linear-gradient(to bottom,transparent 0 45px,var(--line) 46px);position:relative}.bars{display:flex;align-items:end;gap:22px;height:100%;padding:20px 25px 0}.bar{width:35px;background:var(--blue);height:var(--h);position:relative}.bar:after{content:attr(data-label);position:absolute;top:calc(100% + 8px);font:10px monospace;color:var(--muted)}.import-zone{border:2px dashed var(--line);padding:70px 30px;text-align:center;max-width:720px}.import-zone h2{margin:15px 0 8px}.empty-note{color:var(--muted);line-height:1.6}.public-status{max-width:760px;border-top:4px solid var(--blue);padding-top:22px}.status-row{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:16px 0}.status-row b{font-size:16px}.toast{position:fixed;bottom:22px;right:22px;background:var(--ink);color:#fff;padding:13px 17px;border-left:4px solid var(--yellow);animation:in .2s ease}@keyframes in{from{transform:translateY(10px);opacity:0}}
@media(max-width:700px){.topbar{height:62px;padding:0 16px;gap:20px}.brand img{width:30px;height:30px}.main-nav{gap:14px;overflow:auto}.nav-item{font-size:9px;white-space:nowrap}.today{display:none}.screen{padding:21px 16px}.screen-head{align-items:flex-start;gap:12px}.screen h1{font-size:25px}.screen-head .primary-btn{font-size:10px;padding:10px}.workspace{display:block;border-top:0;min-height:0}.queue{border:0;padding:0}.record,.next-panel{border:0;padding:20px 0}.queue-list{display:flex;overflow-x:auto;margin:0 -16px;padding:0 16px}.queue-item{min-width:180px;border:1px solid var(--line);margin-right:8px;padding:12px}.queue-item.active{padding-left:9px}.pipeline{overflow:hidden}.stage{min-width:95px}.record-meta{display:block}.record-meta .status{display:block;margin-top:10px}.analytics-grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:1fr 1fr}.metric{padding:15px 10px}.metric:last-child{grid-column:span 2;border-top:1px solid var(--line)}.metric strong{font-size:24px}.import-zone{padding:45px 15px}.next-panel{padding-top:0}}
@media(min-width:1200px){.workspace{grid-template-columns:270px minmax(550px,1fr) 330px}.record{padding-left:34px;padding-right:34px}}
@media(max-width:390px){.topbar{padding:0 12px}.main-nav{gap:10px}.screen{padding-left:12px;padding-right:12px}.queue-list{margin-left:-12px;margin-right:-12px;padding-left:12px;padding-right:12px}.screen h1{font-size:23px}.record h2{font-size:21px}.metric strong{font-size:21px}}