:root{--n:#061c31;--b:#087cff;--i:#0a2036;--m:#617184;--l:#dce6ef;--s:#f4f8fc;--d:#b42318;--g:#067647}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--i);background:#f8fafc}a{text-decoration:none;color:inherit}.top{background:var(--n);color:#fff}.nav{max-width:1180px;margin:auto;padding:16px 22px;display:flex;align-items:center;gap:18px}.brand{font-size:19px;font-weight:800;margin-right:auto}.brand span{color:#28a1ff}.wrap{max-width:1180px;margin:30px auto;padding:0 22px}.card{background:#fff;border:1px solid var(--l);border-radius:14px;padding:22px;margin-bottom:18px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.kpi strong{font-size:26px;display:block}h1{font-size:34px;margin:0 0 8px}h2{font-size:22px}.muted{color:var(--m)}label{display:block;font-size:13px;font-weight:700;margin:13px 0 6px}input,select,textarea{width:100%;padding:11px 12px;border:1px solid #bfccd8;border-radius:8px;font:inherit;font-size:16px}.btn,button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;border:0;border-radius:8px;background:var(--b);color:#fff;font-weight:750;cursor:pointer}.secondary{background:#e9f2fb!important;color:#0a365c!important}.danger{background:#fee4e2!important;color:var(--d)!important}.badge{display:inline-block;padding:4px 8px;border-radius:99px;background:#edf3f8;font-size:11px;font-weight:800}.good{background:#dcfae6;color:var(--g)}.warn{background:#fff3d6;color:#93370d}.bad{background:#fee4e2;color:var(--d)}.flash{padding:12px;border-radius:8px;margin-bottom:12px;background:#eaf4ff}.error{background:#fee4e2;color:var(--d)}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:10px;border-bottom:1px solid var(--l);vertical-align:top}.actions{display:flex;gap:8px;flex-wrap:wrap}.demo-card{display:flex;flex-direction:column;min-height:180px}.demo-card .btn{margin-top:auto}.authbox{max-width:520px;margin:55px auto}@media(max-width:760px){.grid,.grid2,.kpis{grid-template-columns:1fr}.nav{flex-wrap:wrap}table{display:block;overflow-x:auto}.wrap{margin-top:20px}}