:root{--bg:#07080a;--panel:#101114;--surface:#17181b;--surface2:#1d1f24;--surface3:#242730;--border:#ffffff14;--border2:#ffffff0d;--text:#f5f7fb;--muted:#8a909c;--soft:#d2d7e2;--dim:#6a707a;--accent:#7c82ff;--accent-bg:#5e6ad2;--green:#27a644;--emerald:#10b981;--yellow:#f59e0b;--red:#ef4444;--orange:#fb923c}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:var(--text);font-feature-settings:"cv01","ss03";background:radial-gradient(circle at 20% 0,#7c82ff24,#0000 35%),linear-gradient(#090a0d 0%,#07080a 100%);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.app-shell{grid-template-columns:280px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--border2);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#0f1013db;flex-direction:column;gap:22px;height:100vh;padding:22px 18px;display:flex;position:sticky;top:0}.brand-block{align-items:center;gap:12px;display:flex}.brand-mark{background:linear-gradient(135deg,var(--accent-bg),#24243a);border-radius:12px;place-items:center;width:42px;height:42px;font-weight:700;display:grid;box-shadow:inset 0 0 0 1px #ffffff1f}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--muted);font-size:10px;font-weight:600}.brand-block h1,.topbar h2,.hero-banner h3{letter-spacing:-.5px;margin:.1rem 0 0;font-weight:560}.brand-block h1{font-size:20px}.nav-list{gap:6px;display:grid}.nav-list button{color:var(--soft);text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;padding:10px 12px;transition:all .18s}.nav-list button:hover,.nav-list button.active{border-color:var(--border);color:var(--text);background:#ffffff0a}.security-card{border:1px solid var(--border);color:var(--soft);background:#ffffff08;border-radius:14px;gap:10px;margin-top:auto;padding:12px;display:flex}.security-card strong{font-size:13px;display:block}.security-card span{color:var(--muted);margin-top:3px;font-size:12px;line-height:1.45;display:block}.main{min-width:0;padding:24px}.topbar{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:24px;display:flex}.topbar h2{max-width:760px;font-size:28px}.sync-chip{color:var(--muted);border:1px solid var(--border);white-space:nowrap;background:#ffffff05;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:flex}.stack{gap:18px;display:grid}.hero-banner{border:1px solid var(--border);background:linear-gradient(#ffffff09,#ffffff04);border-radius:20px;grid-template-columns:minmax(0,1.3fr) minmax(320px,.9fr);gap:16px;padding:18px 20px;display:grid;box-shadow:0 24px 60px #00000047}.hero-banner h3{max-width:760px;font-size:24px}.hero-banner p{color:var(--muted);max-width:820px;margin:10px 0 0;line-height:1.55}.hero-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.mini-stat,.mini-highlight{border:1px solid var(--border);background:#ffffff08;border-radius:16px;padding:14px}.mini-stat span,.mini-highlight span{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-size:11px;display:block}.mini-stat strong,.mini-highlight strong{margin-top:8px;font-size:18px;display:block}.mini-stat small,.mini-highlight b{color:var(--soft);margin-top:6px;display:block}.hero-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.kpi-card{border:1px solid var(--border);background:#ffffff09;border-radius:18px;gap:10px;min-height:132px;padding:16px;display:grid;position:relative;overflow:hidden}.kpi-card:before{content:"";background:linear-gradient(90deg,#0000,#ffffff26,#0000);width:100%;height:2px;position:absolute;inset:0 auto auto 0}.kpi-card span{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:12px}.kpi-card strong{letter-spacing:-.6px;font-size:25px}.kpi-card small{color:var(--soft);line-height:1.35}.kpi-card.good{box-shadow:inset 0 0 0 1px #27a64414}.kpi-card.warn{box-shadow:inset 0 0 0 1px #f59e0b1a}.kpi-card.bad{box-shadow:inset 0 0 0 1px #ef44441f}.kpi-card.neutral{box-shadow:inset 0 0 0 1px #ffffff0d}.panel{border:1px solid var(--border);background:#ffffff07;border-radius:18px;padding:16px;box-shadow:0 18px 40px #0003}.panel-head{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px;display:flex}.panel-head h3{margin:0;font-size:16px}.panel-head span{color:var(--muted);margin-top:4px;font-size:12px;display:block}.panel button{border:1px solid var(--border);color:var(--soft);background:#ffffff08;border-radius:10px;padding:9px 12px}.panel button:hover{background:#ffffff0f}.two-col{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.heavy-left{grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr)}.action-list,.mini-list,.proof-list,.rank-list{gap:10px;display:grid}.action-row,.proof-row,.rank-row{text-align:left;border:1px solid var(--border);width:100%;color:var(--text);background:#ffffff05;border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid}.action-row:hover,.proof-row:hover,.rank-row:hover{background:#ffffff0d}.action-row div,.proof-row span,.rank-row div{min-width:0}.action-row strong,.proof-row strong,.rank-row strong{font-size:14px;display:block}.action-row small,.action-row em,.proof-row span,.rank-row small{color:var(--muted);margin-top:3px;font-style:normal;display:block}.action-row em{font-size:12px}.severity-dot{background:var(--yellow);border-radius:999px;width:10px;height:10px;box-shadow:0 0 0 4px #f59e0b26}.critical .severity-dot{background:var(--red);box-shadow:0 0 0 4px #ef444426}.high .severity-dot{background:var(--orange);box-shadow:0 0 0 4px #fb923c26}.medium .severity-dot{background:var(--yellow)}.stage-board{gap:12px;display:grid}.stage{border:1px solid var(--border);background:#ffffff05;border-radius:14px;gap:8px;padding:12px;display:grid}.stage>div:first-child{justify-content:space-between;gap:10px;display:flex}.stage strong{font-size:13px}.stage span{color:var(--muted);font-size:12px}.bar{background:#ffffff0d;border-radius:999px;height:8px;overflow:hidden}.bar i{border-radius:inherit;background:linear-gradient(90deg,var(--accent),#8fe3ff);height:100%;display:block}.mini-row{border:1px solid var(--border);background:#ffffff05;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.mini-row span{color:var(--muted);margin-top:3px;font-size:12px;display:block}.mini-highlight{background:linear-gradient(#7c82ff1c,#ffffff08);justify-content:space-between;align-items:end;gap:10px;display:flex}.filters{grid-template-columns:minmax(260px,1fr) repeat(3,minmax(160px,220px));gap:10px;margin-bottom:14px;display:grid}.search-box,.select-box{gap:6px;display:grid}.search-box,.select-box span{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:11px}.search-box{border:1px solid var(--border);background:#ffffff05;border-radius:12px;grid-template-columns:auto 1fr;align-items:center;padding:0 12px}.search-box input,.select-box select{width:100%;color:var(--text);background:0 0;border:0;outline:none;padding:12px 0}.select-box{border:1px solid var(--border);background:#ffffff05;border-radius:12px;padding:0 12px}.select-box select{padding-top:6px}.table-wrap{border:1px solid var(--border);background:#ffffff04;border-radius:16px;overflow:auto}table{border-collapse:collapse;width:100%;min-width:1100px}thead th{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.12em;border-bottom:1px solid var(--border);background:#111215f5;padding:12px;font-size:11px;position:sticky;top:0}tbody td{border-top:1px solid var(--border2);vertical-align:middle;padding:12px}tbody tr:hover{background:#ffffff06}.compact tbody td{padding:10px 12px}.num{text-align:right}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.trip-button{border:1px solid var(--border);color:var(--text);background:#ffffff08;border-radius:999px;padding:7px 10px}.row-action{padding:8px 11px}.pill,.status,.margin{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:6px 10px;font-size:12px;display:inline-flex}.pill{border:1px solid var(--border);background:#ffffff0d}.pill.danger,.status.critical{color:#fecaca;background:#ef44441f;border-color:#ef44443d}.pill.high,.status.warn{color:#fde68a;background:#f59e0b1f;border-color:#f59e0b3d}.pill.medium{color:#fed7aa;background:#fb923c1f;border-color:#fb923c3d}.status.good,.margin.healthy{color:#bbf7d0;background:#22c55e1f;border-color:#22c55e38}.margin.thin{color:#fde68a;background:#f59e0b1f;border-color:#f59e0b3d}.margin.watch{color:#c7d2fe;background:#7c82ff1f;border-color:#7c82ff38}.margin.loss{color:#fecaca;background:#ef44441f;border-color:#ef44443d}.bad-text{color:#fda4af}.good-text{color:#86efac}.card-grid,.profit-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.profit-transfer-list{margin-top:12px}.metric-card{border:1px solid var(--border);background:#ffffff08;border-radius:16px;gap:8px;padding:16px;display:grid}.metric-card strong{font-size:14px}.metric-card b{letter-spacing:-.4px;font-size:24px}.metric-card span,.metric-card small{color:var(--muted);line-height:1.4}.metric-card.warn{box-shadow:inset 0 0 0 1px #f59e0b14}.metric-card.good{box-shadow:inset 0 0 0 1px #22c55e14}.proof-list{gap:10px;display:grid}.proof-button{grid-template-columns:auto minmax(0,1fr) auto auto auto auto;align-items:center}.proof-button b{justify-self:end}.drawer-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:40;background:#030407b8;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer{border-left:1px solid var(--border);background:#0c0d10f5;width:min(720px,100%);height:100%;padding:20px;position:relative;overflow:auto;box-shadow:-24px 0 70px #00000073}.close{border-radius:10px;width:36px;height:36px;position:absolute;top:18px;right:18px}.drawer h2{margin:4px 0 6px;font-size:28px}.drawer p{color:var(--muted);margin:0}.drawer-money{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0;display:grid}.drawer-section{margin-top:18px}.drawer-section h3{margin:0 0 10px;font-size:15px}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.summary-item{border:1px solid var(--border);background:#ffffff05;border-radius:14px;padding:12px}.summary-item span{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:11px;display:block}.summary-item strong{margin-top:7px;font-size:14px;display:block}.timeline{gap:10px;display:grid}.timeline>div{border:1px solid var(--border);background:#ffffff05;border-radius:14px;grid-template-columns:auto minmax(0,1fr);align-items:flex-start;gap:10px;padding:12px;display:grid}.timeline strong{text-transform:capitalize;font-size:14px;display:block}.timeline small{color:var(--muted);margin-top:3px;display:block}pre{border:1px solid var(--border);color:#cfd5df;background:#0b0c10;border-radius:14px;margin:0;padding:14px;line-height:1.5;overflow:auto}.empty{text-align:center;color:var(--muted);justify-items:center;gap:10px;padding:42px 20px;display:grid}.empty h3{color:var(--text);margin:0}@media (width<=1200px){.hero-grid,.card-grid,.profit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filters{grid-template-columns:1fr 1fr}.two-col,.hero-banner{grid-template-columns:1fr}.drawer{width:100%}}@media (width<=900px){.app-shell{min-height:100vh;display:block}.sidebar{z-index:30;border-right:0;border-bottom:1px solid var(--border);background:#0a0b0ef0;gap:10px;height:auto;padding:12px;position:sticky;top:0}.brand-block{gap:10px}.brand-mark{border-radius:10px;width:34px;height:34px}.brand-block h1{font-size:17px}.security-card{display:none}.nav-list{scrollbar-width:none;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.nav-list::-webkit-scrollbar{display:none}.nav-list button{white-space:nowrap;flex:none;padding:9px 11px}.main{padding:14px}.topbar{flex-direction:column;margin-bottom:14px}.topbar h2{font-size:22px}.sync-chip{white-space:normal;border-radius:12px;justify-content:center;align-self:stretch}.hero-banner{grid-template-columns:1fr;padding:16px}.hero-banner h3{font-size:21px}.hero-metrics{grid-template-columns:1fr 1fr}.hero-metrics .mini-stat:first-child{grid-column:1/-1}.hero-grid,.card-grid,.profit-grid,.drawer-money,.summary-grid,.two-col,.heavy-left,.filters{grid-template-columns:1fr}.panel{border-radius:16px;padding:13px}.panel-head{flex-direction:column;align-items:stretch}.panel-head button{width:100%}.action-row,.rank-row,.mini-row{grid-template-columns:minmax(0,1fr);align-items:start}.action-row{padding-left:28px;position:relative}.severity-dot{position:absolute;top:18px;left:12px}.action-row b,.rank-row b,.mini-row b{justify-self:start}.proof-button,.proof-row{text-align:left;grid-template-columns:1fr;gap:8px}.proof-button b{justify-self:start}.table-wrap{background:0 0;border:0;overflow:visible}table,thead,tbody,tr,td{width:100%;min-width:0;display:block}table{min-width:0}thead{display:none}tbody{gap:12px;display:grid}tbody tr{border:1px solid var(--border);background:#ffffff06;border-radius:16px;padding:10px}tbody td{text-align:right;justify-content:space-between;align-items:center;gap:14px;padding:8px 2px;display:flex;border:0!important}.compact tbody td{padding:7px 2px}tbody td:before{content:attr(data-label);color:var(--muted);text-transform:uppercase;letter-spacing:.12em;text-align:left;font-size:11px}.action-cell:before{content:""}.action-cell .row-action{width:100%;margin-top:4px}.num{text-align:right}.trip-button,.row-action{min-height:40px}.pill,.status,.margin{white-space:normal;text-align:center}.drawer-backdrop{align-items:flex-end}.drawer{border-left:0;border-top:1px solid var(--border);border-radius:18px 18px 0 0;height:92vh;padding:18px}.drawer h2{padding-right:42px;font-size:24px}}@media (width<=520px){.main{padding:10px}.hero-metrics{grid-template-columns:1fr}.kpi-card{min-height:auto;padding:14px}.kpi-card strong{font-size:22px}.mini-highlight{display:grid}.card-grid{gap:10px}.metric-card b{font-size:21px}.topbar h2{font-size:20px}.filters{gap:8px}.search-box input,.select-box select{font-size:16px}.drawer-money,.summary-grid{grid-template-columns:1fr}}.workflow-inline{grid-column:2/4;gap:8px;display:grid}.workflow-box{border:1px solid var(--border2);background:#ffffff06;border-radius:12px;gap:8px;padding:10px;display:grid}.workflow-box.compact{padding:8px}.workflow-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.workflow-row label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:8px;font-size:11px;display:flex}.workflow-row select{border:1px solid var(--border);color:var(--text);background:#ffffff0d;border-radius:10px;padding:6px 8px}.workflow-buttons{flex-wrap:wrap;gap:6px;display:flex}.workflow-buttons button{border-radius:999px;padding:6px 8px;font-size:11px}.workflow-buttons button.active{color:var(--text);background:#6366f140;border-color:#818cf899}.workflow-notes{gap:8px;display:grid}.workflow-notes textarea{border:1px solid var(--border);width:100%;min-height:70px;color:var(--text);font:inherit;background:#00000040;border-radius:12px;padding:10px}.timeline.small{gap:6px}.proof-row.closed{opacity:.55}.drawer-workflow{gap:8px;margin-bottom:10px;display:grid}.drawer-workflow>small{color:var(--muted)}