:root{color:#1f2937;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f7fb;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{background:#f5f7fb;min-width:320px;min-height:100vh;margin:0}a{color:#2563eb;text-decoration:none}a:hover{text-decoration:underline}button,.button{color:#fff;cursor:pointer;font:inherit;background:#2563eb;border:0;border-radius:6px;justify-content:center;align-items:center;min-height:42px;padding:10px 16px;font-weight:700;display:inline-flex}button:hover,.button:hover{background:#1d4ed8;text-decoration:none}button:disabled{cursor:not-allowed;opacity:.7}input,select{color:#111827;width:100%;font:inherit;background:#fff;border:1px solid #d1d5db;border-radius:6px;min-height:42px;padding:9px 11px}label{color:#374151;text-align:left;gap:6px;font-weight:700;display:grid}h1,h2,h3,p{margin-top:0}h1{margin-bottom:8px;font-size:32px;line-height:1.2}h2{margin-bottom:16px;font-size:20px}h3{margin-bottom:4px;font-size:18px}.auth-page{place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card,.form-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;gap:16px;width:100%;max-width:430px;padding:24px;display:grid;box-shadow:0 8px 24px #0f172a14}.navbar{z-index:10;background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:16px;padding:14px 24px;display:flex;position:sticky;top:0}.brand{color:#111827;font-weight:800}.brand:hover{color:#2563eb;text-decoration:none}.nav-links{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.nav-links a{color:#374151;font-weight:700}.nav-links a.active{color:#2563eb}.nav-links a:hover{color:#2563eb;text-decoration:none}.nav-links button{min-height:36px;padding:7px 12px}.menu-button{width:42px;min-height:42px;padding:9px;display:none}.menu-button span{background:#fff;border-radius:999px;width:20px;height:2px;display:block}.menu-button span+span{margin-top:5px}.page{width:min(1100px,100%);margin:0 auto;padding:28px 20px 48px}.page-header{margin-bottom:24px}.row-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px;display:grid}.summary-card,.panel,.subscription-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:18px}.summary-card p{color:#6b7280;margin-bottom:8px}.summary-card strong{color:#111827;font-size:24px;display:block}.content-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.wide{grid-column:1/-1}.simple-list,.message-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.simple-list li{border-bottom:1px solid #eef2f7;justify-content:space-between;gap:16px;padding-bottom:10px;display:flex}.message-list li{color:#1e3a8a;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;padding:12px}.savings-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px;margin-bottom:16px;display:grid}.savings-summary div{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;padding:14px}.savings-summary p{margin-bottom:6px}.savings-summary strong{color:#166534;font-size:22px;display:block}.filters{background:#fff;border:1px solid #e5e7eb;border-radius:8px;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:18px;padding:16px;display:grid}.subscription-list{gap:14px;display:grid}.subscription-card{grid-template-columns:1fr 2fr auto;align-items:center;gap:16px;display:grid}.subscription-details{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.card-actions{gap:8px;display:flex}.secondary{color:#111827;background:#e5e7eb}.secondary:hover{background:#d1d5db}.danger{background:#dc2626}.danger:hover{background:#b91c1c}.status{border-radius:999px;justify-content:center;width:fit-content;padding:4px 8px;display:inline-flex}.used{color:#166534;background:#dcfce7}.unused{color:#991b1b;background:#fee2e2}.pagination{justify-content:center;align-items:center;gap:14px;margin-top:18px;display:flex}.form-page{justify-items:center;display:grid}.checkbox-label{align-items:center;gap:10px;display:flex}.checkbox-label input{width:auto;min-height:auto}.muted{color:#6b7280}.error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;padding:12px}.empty-state,.loader{color:#6b7280;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:18px}@media (width<=850px){.navbar{flex-flow:wrap;align-items:center;padding:12px 16px}.row-header{flex-direction:column;align-items:stretch}.brand{max-width:calc(100% - 58px)}.menu-button{place-items:center;display:inline-grid}.nav-links{border-top:1px solid #e5e7eb;flex-direction:column;align-items:stretch;gap:0;width:100%;padding-top:10px;display:none}.nav-links.open{display:flex}.nav-links a,.nav-links button{border-radius:6px;justify-content:flex-start;width:100%;min-height:42px;padding:10px 12px}.nav-links a:hover,.nav-links a.active{background:#eff6ff}.nav-links button{margin-top:8px}.summary-grid,.content-grid,.filters,.savings-summary,.subscription-card,.subscription-details{grid-template-columns:1fr}.card-actions{flex-wrap:wrap}}