:root{--ck-red:#e23;--ck-blue:#50aad2;--ck-green:#78be28;--ck-pink:#f0288c;--ink:#1a1a2e;--muted:#6b7280;--line:#e8eaed;--bg:#f4f6f9;--card:#fff;--indigo:#6366f1}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}a{color:inherit;text-decoration:none}.shell{max-width:1280px;margin:0 auto;padding:24px}.topbar{background:var(--card);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.brand{letter-spacing:-.02em;font-size:18px;font-weight:800}.brand .c{color:var(--ck-red)}.brand .o{color:var(--ck-blue)}.brand .k{color:var(--ck-green)}.brand .z{color:var(--ck-pink)}.metrics{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;margin-bottom:24px;display:grid}.metric{background:var(--card);border:1px solid var(--line);border-top:4px solid var(--indigo);border-radius:12px;flex-direction:column;justify-content:center;min-height:92px;padding:18px 22px;display:flex;box-shadow:0 2px 8px #0000000f}.metric:first-child{border-top-color:var(--indigo)}.metric:nth-child(2){border-top-color:var(--ck-green)}.metric:nth-child(3){border-top-color:var(--ck-blue)}.metric:nth-child(4){border-top-color:var(--ck-pink)}.metric:nth-child(5){border-top-color:var(--ck-red)}.metric .label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:11px}.metric .value{white-space:nowrap;font-size:26px;font-weight:800}.metric .sub{color:var(--muted);margin-top:2px;font-size:12px}.section{background:var(--card);border:1px solid var(--line);border-radius:12px;margin-bottom:24px;overflow:hidden;box-shadow:0 2px 8px #0000000f}.section .hdr{border-bottom:1px solid var(--line);padding:16px 20px}.section .hdr .title{font-size:15px;font-weight:800}.section .hdr .sub{color:var(--muted);font-size:12px}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;border-bottom:1px solid #f1f5f9;padding:10px 20px}th{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:11px}td.r,th.r{text-align:right}tbody tr:hover{background:#fafbfc}.btn{background:var(--indigo);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 18px;font-family:inherit;font-size:14px;font-weight:700}.btn:hover{filter:brightness(.95)}.btn:disabled{opacity:.6;cursor:default}.login-wrap{justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:var(--card);border:1px solid var(--line);border-radius:16px;width:380px;padding:36px;box-shadow:0 12px 40px #0000001a}.login-logos{align-items:center;gap:12px;margin-bottom:22px;display:flex}.login-logos .x{color:var(--muted);font-size:18px;font-weight:300}.topbar .logos{align-items:center;gap:12px;display:flex}.topbar .logos .x{color:var(--muted);font-size:16px;font-weight:300}.login-card h1{margin-bottom:6px;font-size:20px}.login-card p{color:var(--muted);margin-bottom:22px;font-size:13px}.login-card input{border:1px solid #d1d5db;border-radius:8px;width:100%;margin-bottom:12px;padding:12px 14px;font-family:inherit;font-size:14px}.login-card .msg{margin-top:12px;font-size:13px}.login-card .msg.ok{color:var(--ck-green)}.login-card .msg.err{color:var(--ck-red)}