@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--navy:#032556;--navy-2:#0a1f3d;--teal:#20cee0;--teal-2:#007190;--bg:#f4f6f9;--card:#fff;--line:#e2e7ee;--ink:#0e1726;--muted:#6b7a90;--red:#e0443e;--amber:#c77700;--green:#0f8a5f}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,sans-serif}.top{background:var(--navy);color:#fff;align-items:center;gap:28px;height:58px;padding:0 28px;display:flex}.logo{letter-spacing:-.01em;font-size:17px;font-weight:800}.logo span{color:var(--teal)}.nav{gap:4px;margin-left:20px;display:flex}.nav button{color:#9fb0c9;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:8px 14px;font:600 14px Inter}.nav button:hover{color:#fff;background:#ffffff12}.nav button.on{color:var(--teal);background:#20cee029}.who{color:#9fb0c9;align-items:center;gap:14px;margin-left:auto;font-size:13px;display:flex}.who .out{color:#9fb0c9;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:7px;padding:5px 12px;font:600 12px Inter}.who .out:hover{color:#fff;border-color:#ffffff80}.topsel{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:7px;padding:6px 10px;font:600 13px Inter}.topsel option{color:var(--ink)}.wrap{max-width:1240px;margin:0 auto;padding:28px}h1{letter-spacing:-.02em;margin-bottom:5px;font-size:26px;font-weight:800}.sub{color:var(--muted);margin-bottom:22px;font-size:14px}.cards{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px;display:grid}.c{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:18px 20px}.c .n{letter-spacing:-.02em;font-size:28px;font-weight:800}.c .l{color:var(--muted);margin-top:4px;font-size:12.5px}.c.alert{background:#fdf5f5;border-color:#f3c9c7}.c.alert .n{color:var(--red)}table{border-collapse:separate;border-spacing:0;background:var(--card);border:1px solid var(--line);border-radius:10px;width:100%;overflow:hidden}th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--line);background:#f8fafc;padding:12px 16px;font:700 12px Inter}td{border-bottom:1px solid #f0f3f7;padding:13px 16px;font-size:14px}tr:last-child td{border-bottom:0}tr.row:hover{cursor:pointer;background:#fafcfe}.code{color:var(--teal-2);font:700 13px ui-monospace,monospace}.nm{font-weight:600}.pct{font-variant-numeric:tabular-nums;font-weight:800}.bar{background:#eef1f5;border-radius:3px;width:110px;height:6px;margin-top:5px;overflow:hidden}.bar i{border-radius:3px;height:100%;display:block}.trend{font-variant-numeric:tabular-nums;font-size:13px;font-weight:700}.up{color:var(--green)}.down{color:var(--red)}.flat{color:var(--muted)}.flag{white-space:nowrap;border-radius:20px;align-items:center;gap:5px;padding:3px 9px;font:700 11.5px Inter;display:inline-flex}.flag.red{color:var(--red);background:#fdeceb}.flag.amber{color:var(--amber);background:#fdf3e3}.flag.ok{color:var(--green);background:#e8f6f0}.btn{background:var(--navy);color:#fff;cursor:pointer;border:0;border-radius:8px;padding:10px 18px;font:600 14px Inter}.btn:hover{background:#05306e}.btn:disabled{opacity:.6;cursor:default}.btn.ghost{color:var(--navy);border:1px solid var(--line);background:#fff}.btn:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.form{background:var(--card);border:1px solid var(--line);border-radius:10px;max-width:560px;padding:26px}.fld{margin-bottom:18px}.fld label{margin-bottom:6px;font:600 13px Inter;display:block}.fld input,.fld select{border:1px solid var(--line);background:#fff;border-radius:8px;width:100%;padding:10px 12px;font:400 15px Inter}.fld input:focus,.fld select:focus{outline:2px solid var(--teal);outline-offset:0;border-color:var(--teal)}.hint{color:var(--muted);margin-top:5px;font-size:12px}.row2{grid-template-columns:1fr 1fr;gap:14px;display:grid}.done{color:var(--green);background:#e8f6f0;border:1px solid #b7e3d0;border-radius:8px;margin-bottom:18px;padding:14px 16px;font-size:14px;font-weight:600}.errbox{color:var(--red);background:#fdeceb;border:1px solid #f3c9c7;border-radius:8px;margin-bottom:18px;padding:14px 16px;font-size:14px;font-weight:600}.back{color:var(--teal-2);cursor:pointer;background:0 0;border:0;margin-bottom:14px;padding:0;font:600 13px Inter}.chart{background:var(--card);border:1px solid var(--line);border-radius:10px;margin-bottom:16px;padding:24px}.two{grid-template-columns:2fr 1fr;gap:16px;display:grid}.kv{border-bottom:1px solid #f0f3f7;justify-content:space-between;padding:9px 0;font-size:14px;display:flex}.kv:last-child{border:0}.kv b{font-weight:700}.login-page{background:var(--navy);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:var(--card);border-radius:14px;width:380px;padding:36px;box-shadow:0 20px 60px #00000059}.login-card .logo{color:var(--ink);margin-bottom:6px;font-size:22px}.login-card .logo span{color:var(--teal-2)}.login-card .sub{margin-bottom:24px}.login-card .btn{width:100%;padding:12px}.loading{color:var(--muted);text-align:center;padding:40px;font-size:14px}.empty{color:var(--muted);text-align:center;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:30px;font-size:14px}