:root{--bg:#E9EDE5;--card:#FCFDFA;--card-2:#F2F5EE;--ink:#111813;--ink-soft:#55635B;--ink-faint:#8B978F;--line:#D6DCD1;--line-strong:#BDC6B7;--organic:#2C6E31;--organic-tint:#DDE9D7;--plastic:#1D5BB8;--plastic-tint:#D9E3F5;--amber:#B87A00;--amber-tint:#F6E6C3;--red:#AE3A28;--red-tint:#F2DDD8;--rail:#131A16;--rail-soft:#8FA096;--rail-line:#2A342D;--r:10px;--r-sm:6px;--shadow:0 1px 0 var(--line-strong), 0 8px 24px -18px rgba(17,24,19,.5);--display:"Bricolage Grotesque","Arial Narrow",system-ui,sans-serif;--body:"Public Sans",system-ui,-apple-system,Segoe UI,sans-serif;--mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--body);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--plastic);outline-offset:2px;border-radius:3px}::selection{background:var(--organic);color:#fff}.app{display:grid;grid-template-columns:232px 1fr;min-height:100vh}.rail{background:var(--rail);color:#eaf0ea;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{padding:20px 18px 16px;border-bottom:1px solid var(--rail-line)}.brand-mark{display:flex;align-items:center;gap:9px}.brand-mark svg{flex:none}.brand-name{font-family:var(--display);font-weight:800;font-size:19px;letter-spacing:-.02em;line-height:1}.brand-sub{font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--rail-soft);margin-top:7px;padding-left:1px}.nav{padding:10px;overflow-y:auto;flex:1}.nav-group{font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:#5f6e64;padding:14px 8px 6px}.nav a{display:flex;align-items:center;gap:10px;padding:8px 9px;border-radius:var(--r-sm);color:#c3cec5;text-decoration:none;font-weight:500;font-size:13.5px;position:relative}.nav a:hover{background:#1d2721;color:#fff}.nav a[aria-current=page]{background:#22302a;color:#fff}.nav a[aria-current=page]:before{content:"";position:absolute;left:-10px;top:6px;bottom:6px;width:3px;background:var(--organic);border-radius:0 3px 3px 0}.nav .dot{margin-left:auto;font-family:var(--mono);font-size:10.5px;background:#2c3931;color:#d7e2d8;padding:1px 6px;border-radius:20px}.nav .dot.warn{background:var(--amber);color:#1b1300}.rail-foot{border-top:1px solid var(--rail-line);padding:12px 14px;display:flex;gap:10px;align-items:center}.avatar{width:28px;height:28px;border-radius:50%;background:#31413a;display:grid;place-items:center;font-family:var(--mono);font-size:11px;color:#cfdbd1;flex:none}.rail-foot .who{font-size:12.5px;line-height:1.2}.rail-foot .who span{display:block;color:var(--rail-soft);font-size:11px}.main{min-width:0;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:30;background:#e9ede5db;backdrop-filter:blur(8px);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:14px;padding:12px 22px}.crumb{font-family:var(--mono);font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-faint)}.crumb b{color:var(--ink);font-weight:500}.search{margin-left:auto;position:relative}.search input{width:230px;padding:7px 10px 7px 30px;border:1px solid var(--line-strong);background:var(--card);border-radius:var(--r-sm);font-size:13px}.search svg{position:absolute;left:9px;top:8px;opacity:.45}.live{display:flex;align-items:center;gap:7px;font-family:var(--mono);font-size:11px;color:var(--ink-soft);border:1px solid var(--line-strong);background:var(--card);padding:6px 10px;border-radius:20px;cursor:pointer}.pulse{width:7px;height:7px;border-radius:50%;background:var(--organic);box-shadow:0 0 #2c6e318c;animation:pulse 2s infinite}.live.paused .pulse{background:var(--ink-faint);animation:none}@keyframes pulse{70%{box-shadow:0 0 0 7px #2c6e3100}to{box-shadow:0 0 #2c6e3100}}.view{padding:22px;max-width:1500px;width:100%}h1{font-family:var(--display);font-weight:800;font-size:27px;letter-spacing:-.025em;margin:0 0 3px}h2{font-family:var(--display);font-weight:600;font-size:16px;letter-spacing:-.01em;margin:0}.lede{color:var(--ink-soft);margin:0 0 18px;font-size:13.5px;max-width:62ch}.eyebrow{font-family:var(--mono);font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-faint)}.mono{font-family:var(--mono)}.num{font-family:var(--mono);font-variant-numeric:tabular-nums}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow)}.card-h{display:flex;align-items:center;gap:10px;padding:13px 16px;border-bottom:1px solid var(--line)}.card-h .eyebrow{margin-left:auto}.card-b{padding:16px}.card-b.flush{padding:0}.grid{display:grid;gap:16px}.g-kpi{grid-template-columns:repeat(4,1fr)}.g-2{grid-template-columns:1.55fr 1fr}.g-2e{grid-template-columns:1fr 1fr}.g-3{grid-template-columns:repeat(3,1fr)}.mb{margin-bottom:16px}.kpi{padding:14px 16px 15px;position:relative;overflow:hidden}.kpi .label{font-family:var(--mono);font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-faint)}.kpi .val{font-family:var(--display);font-weight:800;font-size:29px;letter-spacing:-.03em;margin:6px 0 2px;font-variant-numeric:tabular-nums}.kpi .foot{font-size:12px;color:var(--ink-soft);display:flex;align-items:center;gap:6px}.kpi .rule{position:absolute;left:0;top:0;bottom:0;width:3px}.kpi.in .rule{background:var(--organic)}.kpi.out .rule{background:var(--plastic)}.kpi.mid .rule{background:var(--amber)}.kpi.neutral .rule{background:var(--ink)}.delta{font-family:var(--mono);font-size:11px;padding:1px 5px;border-radius:4px}.delta.up{background:var(--organic-tint);color:var(--organic)}.delta.down{background:var(--red-tint);color:var(--red)}.flow{padding:6px 4px 2px}.flow svg{width:100%;height:auto;display:block}.flow-legend{display:flex;gap:18px;flex-wrap:wrap;padding:10px 12px 2px;font-size:12px;color:var(--ink-soft)}.flow-legend i{width:16px;height:3px;display:inline-block;vertical-align:middle;margin-right:6px;border-radius:2px}.stream{stroke-dasharray:7 9;animation:march 1.4s linear infinite}.stream.rev{animation:march-rev 1.4s linear infinite}@keyframes march{to{stroke-dashoffset:-32}}@keyframes march-rev{to{stroke-dashoffset:32}}.paused .stream{animation-play-state:paused}.node-box{fill:var(--card-2);stroke:var(--line-strong)}.node-t{font-family:var(--display);font-weight:600;font-size:13px;fill:var(--ink)}.node-s{font-family:var(--mono);font-size:9.5px;fill:var(--ink-faint);letter-spacing:.06em}.flow-amt{font-family:var(--mono);font-size:11.5px;font-weight:500}.tbl-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}thead th{text-align:left;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);font-weight:500;padding:9px 14px;border-bottom:1px solid var(--line);background:var(--card-2);white-space:nowrap;position:sticky;top:0}thead th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}thead th.sortable:hover{color:var(--ink)}tbody td{padding:11px 14px;border-bottom:1px solid var(--line);vertical-align:middle}tbody tr:last-child td{border-bottom:0}tbody tr.clickable{cursor:pointer}tbody tr.clickable:hover{background:var(--card-2)}td.r,th.r{text-align:right}.id{font-family:var(--mono);font-size:12px;color:var(--ink-soft)}.strong{font-weight:600}.sub{font-size:11.5px;color:var(--ink-faint)}.money{font-family:var(--mono);font-variant-numeric:tabular-nums;font-weight:500;white-space:nowrap}.money.in{color:var(--organic)}.money.out{color:var(--plastic)}.empty{padding:40px 20px;text-align:center;color:var(--ink-soft)}.empty h3{font-family:var(--display);font-size:16px;margin:0 0 4px;color:var(--ink)}.chip{display:inline-flex;align-items:center;gap:5px;font-family:var(--mono);font-size:10.5px;letter-spacing:.04em;padding:2px 7px;border-radius:4px;white-space:nowrap;text-transform:uppercase}.chip:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.chip.organic{background:var(--organic-tint);color:var(--organic)}.chip.plastic{background:var(--plastic-tint);color:var(--plastic)}.chip.warn{background:var(--amber-tint);color:var(--amber)}.chip.bad{background:var(--red-tint);color:var(--red)}.chip.neutral{background:#e4e8e0;color:var(--ink-soft)}.chip.ink{background:#dde2d9;color:var(--ink)}.chip.plain:before{display:none}.btn{display:inline-flex;align-items:center;gap:6px;justify-content:center;padding:7px 12px;border-radius:var(--r-sm);border:1px solid var(--line-strong);background:var(--card);cursor:pointer;font-size:13px;font-weight:500;transition:background .12s,border-color .12s,transform .05s}.btn:hover{background:var(--card-2)}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--ink);border-color:var(--ink);color:#f3f7f2}.btn.primary:hover{background:#25302a}.btn.go{background:var(--organic);border-color:var(--organic);color:#fff}.btn.go:hover{background:#245c29}.btn.pay{background:var(--plastic);border-color:var(--plastic);color:#fff}.btn.pay:hover{background:#174c9c}.btn.danger{color:var(--red);border-color:#dcc8c2}.btn.danger:hover{background:var(--red-tint)}.btn.sm{padding:4px 9px;font-size:12px}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-row{display:flex;gap:8px;flex-wrap:wrap}.filters{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--card-2);border-radius:var(--r) var(--r) 0 0}select,input[type=text],input[type=number],input[type=date],textarea{padding:6px 9px;border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--card);font-size:13px}label.f{display:flex;flex-direction:column;gap:4px}label.f .eyebrow{font-size:9.5px}.seg{display:flex;border:1px solid var(--line-strong);border-radius:var(--r-sm);overflow:hidden;background:var(--card)}.seg button{border:0;background:transparent;padding:6px 11px;cursor:pointer;font-size:12.5px;color:var(--ink-soft)}.seg button+button{border-left:1px solid var(--line)}.seg button[aria-pressed=true]{background:var(--ink);color:#f3f7f2}.map{position:relative;background:linear-gradient(var(--card-2) 1px,transparent 1px) 0 0/100% 22px,linear-gradient(90deg,var(--card-2) 1px,transparent 1px) 0 0/22px 100%,var(--card);border-radius:0 0 var(--r) var(--r)}.map svg{width:100%;height:auto;display:block}.zone rect{fill:#e3e9de;stroke:var(--line-strong);transition:fill .15s}.zone:hover rect{fill:#d8e1d2;cursor:pointer}.zone.sel rect{fill:var(--organic-tint);stroke:var(--organic)}.zone text.zn{font-family:var(--display);font-weight:600;font-size:10.5px;fill:var(--ink);pointer-events:none}.zone text.zc{font-family:var(--mono);font-size:9px;fill:var(--ink-faint);pointer-events:none}.pin-job{cursor:pointer}.pin-job .halo{animation:halo 1.8s ease-out infinite;transform-origin:center}@keyframes halo{0%{r:5;opacity:.5}to{r:15;opacity:0}}.legend{display:flex;gap:16px;flex-wrap:wrap;padding:12px 16px;border-top:1px solid var(--line);font-size:12px;color:var(--ink-soft)}.legend b{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px}.feed{max-height:378px;overflow-y:auto}.feed li{display:flex;gap:10px;padding:10px 16px;border-bottom:1px solid var(--line);list-style:none}.feed li:last-child{border-bottom:0}.feed .tick{width:6px;height:6px;border-radius:50%;margin-top:6px;flex:none;background:var(--ink-faint)}.feed .tick.organic{background:var(--organic)}.feed .tick.plastic{background:var(--plastic)}.feed .tick.warn{background:var(--amber)}.feed .tick.bad{background:var(--red)}.feed .txt{flex:1;font-size:12.5px;line-height:1.4}.feed .txt em{font-style:normal;font-family:var(--mono);font-size:11.5px;color:var(--ink-soft)}.feed .when{font-family:var(--mono);font-size:10.5px;color:var(--ink-faint);white-space:nowrap}.feed ul{margin:0;padding:0}.new-row{animation:slidein .35s ease}@keyframes slidein{0%{opacity:0;transform:translateY(-6px)}}.chart svg{width:100%;height:auto;display:block;overflow:visible}.axis{font-family:var(--mono);font-size:9.5px;fill:var(--ink-faint)}.gridline{stroke:var(--line);stroke-width:1}.ticket{background:repeating-linear-gradient(180deg,#fbfcf8 0 22px,#f4f7f0 22px 44px);border:1px solid var(--line-strong);border-radius:var(--r-sm);font-family:var(--mono);font-size:12px;padding:14px 16px}.ticket .tr{display:flex;justify-content:space-between;padding:2px 0}.ticket .tr.tot{border-top:1px dashed var(--line-strong);margin-top:8px;padding-top:8px;font-weight:600}.perf{height:10px;background:radial-gradient(circle at 6px 5px,transparent 4px,var(--card) 4px) 0 0/12px 10px}.scrim{position:fixed;inset:0;background:#1118136b;opacity:0;pointer-events:none;transition:opacity .18s;z-index:60}.scrim.on{opacity:1;pointer-events:auto}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(460px,100%);background:var(--card);border-left:1px solid var(--line-strong);transform:translate(100%);transition:transform .22s cubic-bezier(.3,.8,.3,1);z-index:70;display:flex;flex-direction:column}.drawer.on{transform:none}.drawer-h{display:flex;align-items:flex-start;gap:10px;padding:16px 18px;border-bottom:1px solid var(--line)}.drawer-b{padding:18px;overflow-y:auto;flex:1}.drawer-f{padding:14px 18px;border-top:1px solid var(--line);display:flex;gap:8px;flex-wrap:wrap;background:var(--card-2)}.x{margin-left:auto;background:none;border:0;cursor:pointer;font-size:18px;line-height:1;color:var(--ink-faint);padding:2px 4px}.x:hover{color:var(--ink)}.dl{display:grid;grid-template-columns:118px 1fr;gap:8px 12px;font-size:13px}.dl dt{color:var(--ink-faint);font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding-top:2px}.dl dd{margin:0}.sec-t{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);margin:22px 0 10px;padding-bottom:6px;border-bottom:1px solid var(--line)}.timeline{list-style:none;margin:0;padding:0 0 0 14px;border-left:2px solid var(--line)}.timeline li{position:relative;padding:0 0 14px 14px;font-size:12.5px}.timeline li:before{content:"";position:absolute;left:-21px;top:5px;width:8px;height:8px;border-radius:50%;background:var(--card);border:2px solid var(--line-strong)}.timeline li.done:before{background:var(--organic);border-color:var(--organic)}.timeline li.now:before{background:var(--amber);border-color:var(--amber)}.timeline .when{font-family:var(--mono);font-size:10.5px;color:var(--ink-faint);display:block}.modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-46%) scale(.98);width:min(520px,calc(100% - 32px));background:var(--card);border:1px solid var(--line-strong);border-radius:var(--r);z-index:80;opacity:0;pointer-events:none;transition:.18s;box-shadow:0 30px 60px -20px #11181380}.modal.on{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}.modal-h{padding:16px 18px 12px;border-bottom:1px solid var(--line);display:flex;align-items:center}.modal-b{padding:18px;max-height:60vh;overflow-y:auto}.modal-f{padding:14px 18px;border-top:1px solid var(--line);display:flex;gap:8px;justify-content:flex-end;background:var(--card-2);border-radius:0 0 var(--r) var(--r)}.pick{display:flex;align-items:center;gap:11px;padding:10px;border:1px solid var(--line);border-radius:var(--r-sm);cursor:pointer;margin-bottom:8px;background:var(--card)}.pick:hover{border-color:var(--line-strong);background:var(--card-2)}.pick input{margin:0}.pick .meta{margin-left:auto;text-align:right}.auth-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:24px}.auth-card{width:min(380px,100%);padding:28px 26px}.auth-brand{display:flex;align-items:center;gap:11px}.toasts{position:fixed;right:18px;bottom:18px;z-index:90;display:flex;flex-direction:column;gap:8px}.toast{background:var(--rail);color:#eaf0ea;padding:11px 14px;border-radius:var(--r-sm);font-size:13px;display:flex;gap:9px;align-items:center;min-width:250px;box-shadow:0 12px 30px -12px #00000080;animation:pop .25s ease}.toast b{width:6px;height:6px;border-radius:50%;flex:none;background:var(--organic)}.toast.err b{background:#e4735c}.toast.warn b{background:#e8ae3c}@keyframes pop{0%{opacity:0;transform:translateY(8px)}}.bar{height:5px;background:var(--card-2);border-radius:4px;overflow:hidden;border:1px solid var(--line)}.bar i{display:block;height:100%;background:var(--organic);transition:width .3s}.bar.p i{background:var(--plastic)}.split{display:flex;gap:12px;align-items:center}.right{margin-left:auto}.stack{display:flex;flex-direction:column;gap:2px}.note{background:var(--amber-tint);border:1px solid #E2CC98;color:#6b4b00;padding:10px 12px;border-radius:var(--r-sm);font-size:12.5px}.hr{height:1px;background:var(--line);margin:16px 0}.docs{display:flex;flex-direction:column;gap:8px}.doc{display:flex;align-items:center;gap:9px;padding:9px 11px;border:1px solid var(--line);border-radius:var(--r-sm);font-size:13px}.doc .st{margin-left:auto}@media(max-width:1180px){.g-kpi{grid-template-columns:repeat(2,1fr)}.g-2,.g-2e,.g-3{grid-template-columns:1fr}}@media(max-width:820px){.app{grid-template-columns:1fr}.rail{position:static;height:auto;flex-direction:column}.nav{display:flex;flex-wrap:wrap;gap:4px;padding:8px}.nav-group{display:none}.nav a{flex:1 1 auto}.rail-foot{display:none}.search input{width:150px}.view{padding:14px}.topbar{padding:10px 14px}.crumb{display:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}