*{box-sizing:border-box}:root{--sky:#2e9fe6;--sky-dp:#126fb8;--navy:#0f3d6b;--ink:#1e2a39;--gray:#5a6778;--light:#eef6fd;--card-ln:#cfe3f4;--amber:#ffb300;--bg:#f6fafe}body,html{margin:0;padding:0;font-family:Malgun Gothic,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--ink)}a{color:var(--sky-dp);text-decoration:none}.wrap{max-width:1100px;margin:0 auto;padding:24px 20px 64px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:#fff;border-bottom:1px solid var(--card-ln)}.topbar .brand{font-weight:800;color:var(--navy);font-size:18px}.topbar nav a{margin-left:18px;font-weight:700;font-size:14px}.topbar nav a.active{color:var(--sky)}.btn{display:inline-block;border:none;border-radius:8px;cursor:pointer;font-weight:700;font-size:14px;padding:9px 16px;background:var(--sky);color:#fff}.btn:hover{background:var(--sky-dp)}.btn.ghost{background:#fff;color:var(--sky-dp);border:1px solid var(--card-ln)}.btn.amber{background:var(--amber);color:var(--navy)}.btn.danger{background:#e5484d;color:#fff}.btn:disabled{opacity:.5;cursor:default}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:14px;gap:14px;margin:18px 0}.kpi{background:#fff;border:1px solid var(--card-ln);border-radius:12px;padding:16px 18px}.kpi .label{font-size:13px;color:var(--gray);font-weight:700}.kpi .value{font-size:30px;font-weight:800;color:var(--navy);margin-top:6px}.kpi .sub{font-size:12px;color:var(--sky-dp);margin-top:4px}.card{background:#fff;border:1px solid var(--card-ln);border-radius:12px;padding:18px;margin:16px 0}.card h2{margin:0 0 12px;font-size:16px;color:var(--navy)}table{width:100%;border-collapse:collapse;font-size:13.5px}td,th{text-align:left;padding:9px 10px;border-bottom:1px solid #eef2f6}th{color:var(--gray);font-weight:700;background:var(--light)}.badge{display:inline-block;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:800}.badge.free{background:#eceff3;color:#5a6778}.badge.standard{background:#ddeefb;color:#126fb8}.badge.premium{background:#fff1cc;color:#9a6b00}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center}.login-card{background:#fff;border:1px solid var(--card-ln);border-radius:16px;padding:32px;width:340px}.login-card h1{font-size:20px;color:var(--navy);margin:0 0 4px}.login-card p{font-size:13px;color:var(--gray);margin:0 0 20px}input[type=password],input[type=text]{width:100%;padding:11px 12px;border:1px solid var(--card-ln);border-radius:8px;font-size:14px;margin-bottom:12px}.err{color:#e5484d;font-size:13px;margin-bottom:10px}.muted{color:var(--gray);font-size:12.5px}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}