:root{color:#111827;background:#f6f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}main{max-width:1180px;margin:0 auto;padding:32px}.center{place-items:center;min-height:100vh;display:grid}.hero{justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;display:flex}h1{letter-spacing:-.04em;margin:0;font-size:44px}h2{margin-top:0;font-size:18px}.eyebrow{color:#635bff;text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:800}.muted{color:#6b7280}.tiny{color:#6b7280;margin:4px 0 0;font-size:12px}.grid{gap:16px;margin:16px 0;display:grid}.cards{grid-template-columns:repeat(4,1fr)}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffdb;border:1px solid #e5e7eb;border-radius:22px;padding:20px;box-shadow:0 14px 44px #1118270f}.stat span{color:#6b7280;font-size:13px;display:block}.stat strong{letter-spacing:-.03em;margin-top:6px;font-size:28px;display:block}.good{color:#047857}.bad{color:#dc2626}button{color:#fff;cursor:pointer;background:#111827;border:0;border-radius:14px;padding:12px 16px;font-weight:700}button:disabled{opacity:.55;cursor:not-allowed}button.secondary{color:#3730a3;background:#eef2ff}.actions{flex-wrap:wrap;gap:10px;margin:12px 0;display:flex}input[type=password],input[type=file]{background:#fff;border:1px solid #d1d5db;border-radius:12px;width:100%;margin:10px 0;padding:12px}.login{width:min(420px,100%)}.error{color:#991b1b;background:#fee2e2;border:1px solid #fecaca;border-radius:12px;margin:12px 0;padding:12px}.barrow{margin:12px 0}.barlabel,.row,.month{justify-content:space-between;align-items:center;gap:12px;display:flex}.track{background:#eef2ff;border-radius:999px;height:10px;margin-top:6px;overflow:hidden}.track div{border-radius:inherit;background:linear-gradient(90deg,#635bff,#8b5cf6);height:100%}.row{border-bottom:1px solid #eef2f7;padding:10px 0}.row:last-child{border-bottom:0}.month{border-bottom:1px solid #eef2f7;padding:10px 0}.month span{text-align:right;min-width:88px}.codeLine{margin:10px 0}.codeLine span{color:#6b7280;margin-bottom:4px;font-size:12px;display:block}.codeLine code{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:12px;padding:10px;font-size:12px;display:block;overflow:auto}@media (width<=850px){main{padding:18px}.hero{flex-direction:column;align-items:flex-start}.cards,.two{grid-template-columns:1fr}h1{font-size:34px}}