:root{--background:#f3f6f8;--surface:#fff;--surface-soft:#f8fafb;--sidebar:#102a2d;--sidebar-soft:#18383b;--text:#172326;--muted:#6a797d;--border:#dce5e7;--accent:#0f766e;--accent-dark:#0b5e58;--accent-soft:#e4f3f1;--danger:#a93d3d;--danger-soft:#fbeaea;--shadow:0 12px 32px #16313612}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--background);color:var(--text);margin:0;font-family:Arial,Helvetica,sans-serif}button,a{font:inherit}button{cursor:pointer}.app-shell{grid-template-columns:250px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:var(--sidebar);color:#fff;flex-direction:column;height:100vh;padding:28px 18px;display:flex;position:sticky;top:0}.brand{border-bottom:1px solid #ffffff1f;align-items:center;gap:12px;padding:0 10px 28px;display:flex}.brand-mark{letter-spacing:.08em;background:#2aa79c;border-radius:13px;place-items:center;width:42px;height:42px;font-size:13px;font-weight:800;display:grid}.brand-name,.brand-product{margin:0}.brand-name{font-size:17px;font-weight:700}.brand-product{color:#a9c1c3;margin-top:3px;font-size:12px}.nav{gap:7px;margin-top:28px;display:grid}.nav-link{color:#c7d8da;border-radius:10px;align-items:center;gap:12px;min-height:44px;padding:0 13px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.nav-link:hover,.nav-link.active{background:var(--sidebar-soft);color:#fff}.nav-link span{text-align:center;width:20px}.sidebar-footer{border-top:1px solid #ffffff1f;margin-top:auto;padding:18px 10px 4px}.sidebar-footer p{color:#9eb5b7;margin:8px 0 0;font-size:12px}.paper-badge,.connection-status{align-items:center;gap:8px;display:inline-flex}.paper-badge{font-size:13px;font-weight:700}.status-dot{background:#52d1bd;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #52d1bd1f}.status-dot.muted{box-shadow:none;background:#a7b4b6}.workspace{min-width:0;padding:32px}.topbar{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;display:flex}.eyebrow,.section-label{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin:0 0 7px;font-size:11px;font-weight:800}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.04em;margin-bottom:8px;font-size:clamp(28px,3vw,42px)}.subtitle{max-width:700px;color:var(--muted);margin-bottom:0;line-height:1.6}.topbar-actions{align-items:center;gap:14px;display:flex}.connection-status{color:var(--muted);white-space:nowrap;font-size:13px}.primary-button,.secondary-button,.danger-button{border-radius:10px;min-height:42px;padding:0 17px;font-weight:700}.primary-button{border:1px solid var(--accent);background:var(--accent);color:#fff}.primary-button:hover{background:var(--accent-dark)}.secondary-button{border:1px solid var(--border);background:var(--surface);color:var(--text)}.secondary-button:disabled{cursor:not-allowed;opacity:.55}.danger-button{background:var(--danger-soft);width:100%;color:var(--danger);border:1px solid #efcaca;margin-top:20px}.notice{background:var(--accent-soft);border:1px solid #bee0db;border-radius:13px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:22px;padding:16px 18px;display:flex}.notice strong{margin-bottom:5px;display:block}.notice p{color:#496a68;margin:0;font-size:13px;line-height:1.5}.notice>span{white-space:nowrap;color:var(--accent-dark);font-size:12px;font-weight:800}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px;display:grid}.metric-card,.panel{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:15px}.metric-card{padding:20px}.metric-card p{color:var(--muted);margin-bottom:13px;font-size:13px}.metric-card strong{letter-spacing:-.03em;margin-bottom:9px;font-size:26px;display:block}.metric-card span{color:var(--muted);font-size:12px}.main-grid{grid-template-columns:minmax(0,1.8fr) minmax(290px,.8fr);gap:20px;margin-bottom:20px;display:grid}.secondary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.panel{min-width:0;padding:22px}.panel-header{justify-content:space-between;align-items:center;gap:18px;margin-bottom:19px;display:flex}.panel-header h2{letter-spacing:-.02em;margin:0;font-size:19px}.locked-label{color:var(--muted);background:#eef2f3;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:800}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th{border-bottom:1px solid var(--border);color:var(--muted);text-align:left;text-transform:uppercase;padding:12px 10px;font-size:11px}td{color:#3c4c50;border-bottom:1px solid #edf1f2;padding:15px 10px;font-size:13px}tbody tr:last-child td{border-bottom:0}.symbol-cell{align-items:center;gap:11px;display:flex}.symbol-cell strong,.symbol-cell small{display:block}.symbol-cell strong{color:var(--text);margin-bottom:3px}.symbol-cell small{color:var(--muted)}.symbol-icon{background:var(--surface-soft);width:34px;height:34px;color:var(--accent);border-radius:10px;place-items:center;font-weight:800;display:grid}.neutral-pill{color:var(--muted);background:#eef2f3;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:700;display:inline-flex}.risk-list{border-top:1px solid var(--border)}.risk-row{border-bottom:1px solid var(--border);justify-content:space-between;gap:18px;padding:14px 0;font-size:13px;display:flex}.risk-row span{color:var(--muted)}.risk-row strong{text-align:right}.empty-state{text-align:center;align-content:center;place-items:center;min-height:210px;padding:24px;display:grid}.empty-icon{background:var(--surface-soft);width:46px;height:46px;color:var(--accent);border-radius:14px;place-items:center;margin-bottom:14px;font-size:21px;display:grid}.empty-state h3{margin-bottom:7px;font-size:16px}.empty-state p{max-width:420px;color:var(--muted);margin-bottom:0;font-size:13px;line-height:1.6}footer{color:var(--muted);justify-content:space-between;gap:20px;padding:26px 2px 6px;font-size:12px;display:flex}footer p{margin:0}@media (max-width:1100px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.main-grid{grid-template-columns:1fr}}@media (max-width:800px){.app-shell{display:block}.sidebar{width:100%;height:auto;padding:16px;position:static}.brand{padding-bottom:16px}.nav{margin-top:16px;padding-bottom:4px;display:flex;overflow-x:auto}.nav-link{flex:none}.sidebar-footer{display:none}.workspace{padding:22px 16px}.topbar{display:block}.topbar-actions{justify-content:space-between;margin-top:20px}.secondary-grid{grid-template-columns:1fr}}@media (max-width:560px){.metric-grid{grid-template-columns:1fr}.topbar-actions,.notice,footer{flex-direction:column;align-items:flex-start}.primary-button{width:100%}}
