:root{--ink:#141414;--paper:#faf7f0;--muted:#867f75;--line:#ddd7ce;--violet:#7c3aed;--green:#10b981;--red:#e45757}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:13px Manrope,Arial,sans-serif}.topbar{height:72px;padding:0 4vw;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:44px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-weight:700;letter-spacing:.12em}.brand img{width:30px}.brand i{font-style:normal;color:var(--violet)}nav{display:flex;gap:25px;height:100%;align-items:center}.nav-button{height:100%;border:0;border-bottom:2px solid transparent;background:none;color:var(--muted);font:600 12px Manrope;cursor:pointer}.nav-button.active{border-color:var(--violet);color:var(--ink)}.top-actions{margin-left:auto;display:flex;align-items:center;gap:18px}.sync{font:11px 'DM Mono';color:var(--muted)}.sync b,.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green)}button{cursor:pointer}.icon-button,.avatar{border:0;background:transparent;font-size:19px}.avatar{background:var(--ink);color:white;border-radius:50%;font:600 10px Manrope;width:30px;height:30px}.shell{max-width:1360px;margin:auto;padding:50px 4vw 0}.workspace-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:40px}h1,h2,h3,p{margin-top:0}.workspace-head h1{font:600 clamp(36px,4vw,62px) Fraunces,serif;letter-spacing:-.04em;margin:8px 0 0}.eyebrow{font:10px 'DM Mono';letter-spacing:.13em;color:var(--muted);margin:0}.head-actions{display:flex;gap:10px}.primary,.secondary{padding:12px 17px;border:1px solid var(--ink);font:600 12px Manrope}.primary{background:var(--ink);color:white}.secondary{background:transparent}.metrics{display:grid;grid-template-columns:1.15fr 1fr 1fr;border-top:1px solid var(--ink);border-bottom:1px solid var(--line);margin-bottom:35px}.metrics>div{padding:18px 20px 19px 0;border-right:1px solid var(--line)}.metrics>div+div{padding-left:20px}.metrics span{display:block;color:var(--muted);font:10px 'DM Mono';letter-spacing:.1em}.metrics strong{display:block;font:600 36px Fraunces;margin:9px 0 3px}.metrics em{font-style:normal;font-size:11px;color:var(--muted)}.warning{color:var(--red)!important}.positive{color:var(--green)!important}.board-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:16px}.board-head h2,.panel-title h2,.rank h2{font:600 25px Fraunces;margin:4px 0}.board-head p{color:var(--muted);margin:0}.filters{display:flex;gap:6px}.filter{border:0;background:transparent;color:var(--muted);padding:7px 10px}.filter.active{background:#ede8df;color:var(--ink)}.filter b{margin-left:4px}.board{display:grid;grid-template-columns:repeat(5,minmax(160px,1fr));gap:10px;overflow:hidden}.stage{min-width:0}.stage-title{display:flex;justify-content:space-between;border-top:2px solid var(--ink);padding:11px 0 14px;font:600 11px 'DM Mono'}.stage-title b{color:var(--muted);font-weight:400}.order{background:#fffdf9;border:1px solid var(--line);padding:15px;margin-bottom:10px;transition:transform .2s,box-shadow .2s}.order:hover{transform:translateY(-3px);box-shadow:0 8px 20px #1414140d}.order.urgent{border-left:3px solid var(--violet)}.order-top,.order-meta{display:flex;justify-content:space-between;font:10px 'DM Mono';color:var(--muted)}.order h3{font-size:13px;margin:15px 0 4px}.order p{color:var(--muted);font-size:11px;margin-bottom:17px}.owner{color:var(--ink)}.advance{margin-top:13px;border:0;color:var(--violet);background:transparent;padding:0;font:600 11px Manrope}.done-label{color:var(--green);font-size:11px;margin-top:13px}.empty{padding:20px 4px;color:#b0a99e;font:11px 'DM Mono';line-height:1.7}.empty small{font:10px Manrope}.event-stream{margin-top:45px;border-top:1px solid var(--ink)}.stream-label{display:flex;gap:18px;padding:15px 0}.stream-label strong{font-size:11px}.event{display:grid;grid-template-columns:70px 1fr 100px;padding:11px 0;border-top:1px solid var(--line);font-size:11px}.event time,.event small{font:10px 'DM Mono';color:var(--muted)}.event small{text-align:right}.analytics{display:grid;grid-template-columns:2fr 1fr;gap:10px}.chart-panel,.rank,.import-panel,.public-status{border-top:2px solid var(--ink);padding:20px 0}.chart-panel{position:relative;padding-right:30px}.chart-panel h2{max-width:420px}.big-number{position:absolute;right:30px;top:32px;font:600 31px Fraunces}.big-number small{font:10px Manrope;color:var(--muted)}.chart{height:250px;margin-top:34px;border-bottom:1px solid var(--line);display:flex;align-items:end;gap:5%;padding:0 4%}.chart:after{content:'';height:60%;width:100%;border-top:2px solid var(--violet);transform:skewY(-14deg);position:absolute;left:0;top:170px;opacity:.7}.chart i{background:#e8e1d8;width:9%;height:20%}.chart i:nth-child(2){height:35%}.chart i:nth-child(3){height:28%}.chart i:nth-child(4){height:50%}.chart i:nth-child(5){height:45%}.chart i:nth-child(6){height:66%}.chart i:nth-child(7){height:82%;background:var(--green)}.axis{display:flex;justify-content:space-between;font:10px 'DM Mono';color:var(--muted);padding-top:10px}.rank{padding-left:25px;border-left:1px solid var(--line)}.rank p{border-bottom:1px solid var(--line);padding:18px 0;margin:0;font-size:11px}.rank b{float:right}.import-panel{display:flex;gap:25px;align-items:start;max-width:700px}.import-mark{font:50px Fraunces;color:var(--violet)}.import-panel h2,.public-status h2{font:600 34px Fraunces;margin:7px 0}.import-panel p{color:var(--muted);max-width:500px;line-height:1.7}.public-status{max-width:560px}.status-top{font:10px 'DM Mono';color:var(--muted);display:flex;gap:8px;align-items:center}.customer{color:var(--muted)}.timeline{border-left:1px solid var(--line);margin:30px 0 0 8px}.timeline-item{display:flex;gap:15px;margin:0 0 24px;transform:translateX(-9px)}.timeline-item b{width:18px;height:18px;border-radius:50%;background:var(--paper);border:1px solid var(--line);text-align:center;line-height:17px;color:var(--muted);font-size:11px}.timeline-item.complete b{background:var(--green);border-color:var(--green);color:white}.timeline-item span{font-weight:600}.timeline-item small{display:block;color:var(--muted);font:10px 'DM Mono';margin-top:4px}
@media(max-width:700px){.topbar{height:60px;padding:0 18px;gap:18px}.brand span{font-size:11px}.top-actions .sync,.icon-button{display:none}nav{gap:10px;overflow:auto}.nav-button{font-size:11px;white-space:nowrap}.shell{padding:28px 18px 0}.workspace-head{display:block;margin-bottom:28px}.workspace-head h1{font-size:42px;line-height:1}.head-actions{margin-top:22px}.head-actions .secondary{display:none}.primary{width:100%}.metrics{grid-template-columns:repeat(3,1fr);margin-bottom:30px}.metrics>div,.metrics>div+div{padding:13px 8px}.metrics strong{font-size:27px}.metrics em{font-size:9px}.board-head{align-items:start;display:block}.filters{margin-top:14px}.board{grid-template-columns:repeat(5,150px);overflow-x:auto;padding-bottom:8px}.stage-title{position:sticky;left:0}.event-stream{margin-top:32px}.event{grid-template-columns:52px 1fr}.event small{display:none}.analytics{display:block}.rank{border-left:0;border-top:1px solid var(--line);padding:25px 0}.big-number{position:static;display:block;margin-top:20px}.chart{height:190px}.chart:after{top:218px}.import-panel{display:block}.import-mark{margin-bottom:15px}.public-status h2{font-size:32px}}
@media(max-width:390px){.shell{padding-left:14px;padding-right:14px}.workspace-head h1{font-size:38px}.metrics strong{font-size:24px}.metrics em{font-size:8px}}