:root{--bg:#07101f;--panel:#111827;--panel2:#162033;--line:#253149;--text:#e7eefc;--muted:#8ea0bd;--blue:#2188ff;--green:#22c55e;--red:#ef4444;--yellow:#f59e0b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif}.app{display:flex;min-height:100vh}.side{width:230px;background:#050b19;border-right:1px solid var(--line);padding:22px;position:sticky;top:0;height:100vh}.brand{font-size:22px;font-weight:800;margin-bottom:25px}.brand span{display:block;color:var(--muted);font-size:13px;font-weight:500;margin-top:8px}nav a{display:block;color:#cbd5e1;text-decoration:none;padding:12px 10px;border-radius:10px;margin:4px 0}nav a:hover{background:#101a2d;color:white}.riskbox{margin-top:28px;background:#101a2d;border:1px solid var(--line);border-radius:14px;padding:14px;color:var(--muted)}.riskbox b{display:block;color:white;margin-bottom:8px}.riskbox span{color:var(--yellow);font-weight:800}.main{flex:1;padding:28px}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.top h1{margin:0;font-size:28px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px;margin-bottom:16px}.metric small{color:var(--muted);display:block}.metric strong{font-size:25px}.btn{display:inline-block;border:0;border-radius:10px;background:var(--blue);color:#fff;padding:11px 15px;text-decoration:none;font-weight:700;cursor:pointer}.btn.secondary{background:#243044}.btn.danger{background:var(--red)}.btn.green{background:var(--green)}table{width:100%;border-collapse:collapse;background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden}th,td{text-align:left;padding:10px;border-bottom:1px solid var(--line);font-size:13px}th{color:#b8c5db;background:#121d31}.muted{color:var(--muted)}.ok{color:var(--green);font-weight:800}.bad{color:var(--red);font-weight:800}.warn{color:var(--yellow);font-weight:800}input,select,textarea{width:100%;background:#060d1d;color:white;border:1px solid #2a3854;border-radius:10px;padding:11px;margin:6px 0 14px}.row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.notice{padding:12px;border-radius:12px;background:#0f233f;border:1px solid #2c4d7c;margin-bottom:16px}.error{background:#33151c;border-color:#7f1d1d}.success{background:#0d2c1b;border-color:#166534}.pill{display:inline-block;padding:4px 8px;border-radius:999px;background:#22304a;color:#cbd5e1;font-size:12px}.pre{white-space:pre-wrap;word-break:break-word;background:#050b19;border:1px solid var(--line);border-radius:12px;padding:12px;max-height:380px;overflow:auto}@media(max-width:1000px){.grid,.grid2,.row{grid-template-columns:1fr}.side{width:190px}.main{padding:18px}}
.btn.ghost{background:#263244;color:#d9e6ff;border:1px solid #3b4b63}.btn.ghost:hover{background:#314058}.metric strong{font-size:24px}.ok{color:#44d17a}.bad{color:#ff6b7a}.warn{color:#ffbf47}.success{border-color:#1e8c5a;background:#0f2b22}.pre{max-height:360px;overflow:auto}
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:12px 0}
.mini{background:#0b1424;border:1px solid #263653;border-radius:12px;padding:12px}.mini small{display:block;color:#93a4bf;margin-bottom:6px}.mini b{font-size:15px;color:#e7eefc}.notice.danger{border-color:#7f1d1d;background:#2a1014;color:#ffdddd}.notice.success{border-color:#14532d;background:#0d2617;color:#ddffea}.notice ul{margin:8px 0 0 18px;padding:0}.warn{color:#ffd166}.bad{color:#ff6b6b}.ok{color:#22c55e}
@media(max-width:900px){.grid3{grid-template-columns:1fr}}