:root{--bg: #0f1419;--surface: #1a2332;--surface2: #243044;--border: #2d3a4f;--text: #e7ecf3;--muted: #8b9cb3;--accent: #3b82f6;--green: #22c55e;--red: #ef4444;--yellow: #eab308;--font: "Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.5;min-height:100vh}a{color:var(--accent);text-decoration:none}.layout{display:flex;min-height:100vh}.sidebar{width:240px;background:var(--surface);border-right:1px solid var(--border);padding:1.5rem 1rem;flex-shrink:0}.sidebar h1{font-size:1.25rem;margin-bottom:.25rem;color:var(--accent)}.sidebar .subtitle{font-size:.75rem;color:var(--muted);margin-bottom:2rem}.nav-link{display:block;padding:.6rem .75rem;border-radius:8px;color:var(--muted);margin-bottom:.25rem;transition:all .15s}.nav-link:hover,.nav-link.active{background:var(--surface2);color:var(--text)}.main{flex:1;padding:2rem;overflow-x:auto}.page-title{font-size:1.5rem;margin-bottom:1.5rem}.grid{display:grid;gap:1rem}.grid-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.25rem}.card h3{font-size:.875rem;color:var(--muted);margin-bottom:.5rem;font-weight:500}.card .value{font-size:1.75rem;font-weight:600}.card .value.positive{color:var(--green)}.card .value.negative{color:var(--red)}.positive{color:var(--green)}.negative{color:var(--red)}.metric-tile{background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:.85rem;min-height:82px}.metric-tile span{display:block;color:var(--muted);font-size:.75rem;margin-bottom:.35rem}.metric-tile strong{display:block;font-size:1.25rem;line-height:1.25}.panel{border:1px solid var(--border);border-radius:8px;overflow-x:auto}.panel h3{padding:.85rem .85rem 0;margin-bottom:.35rem}.card-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.5rem}.segmented-control{display:inline-flex;flex-shrink:0;overflow:hidden;border:1px solid var(--border);border-radius:8px;background:var(--surface2)}.segmented-control button{min-width:46px;padding:.3rem .55rem;border:0;border-right:1px solid var(--border);background:transparent;color:var(--muted);font-size:.72rem;font-weight:700;cursor:pointer}.segmented-control button:last-child{border-right:0}.segmented-control button.active{background:var(--accent);color:#fff}.fx-note{margin-top:.25rem;color:var(--muted);font-size:.75rem}.rag-value{display:inline-flex;align-items:center;gap:.4rem;font-weight:700}.rag-value:before{content:"";width:.5rem;height:.5rem;border-radius:999px;background:currentColor;box-shadow:0 0 0 3px #ffffff0a}.rag-green{color:var(--green)}.rag-amber{color:var(--yellow)}.rag-red{color:var(--red)}.rag-neutral{color:var(--muted)}.unrealized-cell{display:flex;flex-direction:column;gap:.1rem;font-weight:700;line-height:1.2}.unrealized-cell span:last-child{font-size:.75rem;opacity:.85}.badge{display:inline-block;padding:.2rem .6rem;border-radius:999px;font-size:.75rem;font-weight:600}.badge-paper{background:#1e3a5f;color:#60a5fa}.badge-live{background:#3f1d1d;color:#f87171}.badge-ok{background:#14532d;color:#4ade80}.badge-warn{background:#422006;color:#fbbf24}.btn{padding:.6rem 1.2rem;border-radius:8px;border:none;cursor:pointer;font-weight:600;font-size:.875rem;transition:opacity .15s}.btn:hover{opacity:.9}.btn-primary{background:var(--accent);color:#fff}.btn-danger{background:var(--red);color:#fff}.btn-ghost{background:var(--surface2);color:var(--text);border:1px solid var(--border)}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.875rem;color:var(--muted);margin-bottom:.4rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.6rem .75rem;border-radius:8px;border:1px solid var(--border);background:var(--surface2);color:var(--text);font-size:.875rem}table{width:100%;border-collapse:collapse;font-size:.875rem}th,td{padding:.75rem;text-align:left;border-bottom:1px solid var(--border)}th{color:var(--muted);font-weight:500}.alert{padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.875rem}.alert-warn{background:#422006;border:1px solid #854d0e;color:#fbbf24}.alert-danger{background:#450a0a;border:1px solid #991b1b;color:#fca5a5}.alert-info{background:#1e3a5f;border:1px solid #1d4ed8;color:#93c5fd}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center}.login-card{width:100%;max-width:400px}.chart-container{height:300px;margin-top:1rem}