:root{--bg: #0d1117;--panel: #161b22;--panel-2: #1c2330;--border: #2d333b;--text: #e6edf3;--muted: #8b949e;--green: #3fb950;--red: #f85149;--amber: #d29922;--accent: #58a6ff;font-family:Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-size:14px}#root{min-height:100vh}.layout{display:flex;min-height:100vh}nav.sidebar{width:200px;background:var(--panel);border-right:1px solid var(--border);padding:20px 0;flex-shrink:0;display:flex;flex-direction:column}.sidebar .brand{padding:0 20px 20px;font-weight:700;font-size:15px;letter-spacing:.5px}.sidebar .brand span{color:var(--accent)}.sidebar a{padding:10px 20px;color:var(--muted);text-decoration:none;display:block;border-left:3px solid transparent}.sidebar a.active{color:var(--text);background:var(--panel-2);border-left-color:var(--accent)}.sidebar a:hover{color:var(--text)}.sidebar .spacer{flex:1}main.content{flex:1;padding:24px;max-width:1200px}.disclaimer{background:#2d1f10;border:1px solid var(--amber);color:#e3b341;padding:10px 14px;border-radius:6px;font-size:12.5px;margin-bottom:20px}h1{font-size:20px;margin-bottom:16px}h2{font-size:15px;margin:20px 0 10px;color:var(--muted);font-weight:600}.grid{display:grid;gap:12px}.grid.cols-4{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.card{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:14px 16px}.card .label{color:var(--muted);font-size:12px;margin-bottom:4px}.card .value{font-size:20px;font-weight:600;font-variant-numeric:tabular-nums}.card .value.small{font-size:15px}.pos{color:var(--green)}.neg{color:var(--red)}.warn{color:var(--amber)}table{width:100%;border-collapse:collapse;background:var(--panel);border-radius:8px;overflow:hidden}th,td{text-align:left;padding:9px 12px;border-bottom:1px solid var(--border);font-variant-numeric:tabular-nums}th{color:var(--muted);font-size:12px;font-weight:600;background:var(--panel-2)}tr:last-child td{border-bottom:none}.badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11.5px;font-weight:600;background:var(--panel-2);border:1px solid var(--border)}.badge.green{color:var(--green);border-color:var(--green)}.badge.red{color:var(--red);border-color:var(--red)}.badge.amber{color:var(--amber);border-color:var(--amber)}button{background:var(--panel-2);color:var(--text);border:1px solid var(--border);padding:8px 14px;border-radius:6px;cursor:pointer;font-size:13px}button:hover{border-color:var(--accent)}button.danger{border-color:var(--red);color:var(--red)}button.danger:hover{background:#3d1d1d}input{background:var(--panel-2);border:1px solid var(--border);color:var(--text);padding:9px 12px;border-radius:6px;font-size:14px;width:100%}input:focus{outline:none;border-color:var(--accent)}.login-wrap{display:flex;align-items:center;justify-content:center;min-height:100vh}.login-box{width:320px;display:flex;flex-direction:column;gap:12px}.login-box h1{text-align:center}.error{color:var(--red);font-size:13px}.muted{color:var(--muted)}.mono{font-family:ui-monospace,monospace;font-size:12.5px}.chart-wrap{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:16px}ul.reasons{margin-left:18px;color:var(--muted);font-size:12.5px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.section{margin-bottom:24px}
