.subtracker{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.subtracker *,.subtracker *:before,.subtracker *:after{box-sizing:border-box}.subtracker{--st-surface: rgba(17, 24, 39, .78);--st-border: rgba(255, 255, 255, .12);--st-text: #f8fafc;--st-muted: #a7b0c0;--st-muted-strong: #cbd5e1;--st-primary: #8b5cf6;--st-success: #22c55e;--st-warning: #f59e0b;--st-danger: #ef4444;--st-shadow: 0 24px 70px rgba(0, 0, 0, .38);--st-radius-xl: 24px;--st-radius-lg: 18px;--st-radius-md: 12px;color:#f8fafc}.subtracker button,.subtracker input,.subtracker select{font:inherit}.subtracker button{cursor:pointer}.subtracker__hero,.subtracker__grid{width:100%}.subtracker__topbar,.subtracker__toolbar,.subtracker__hero-content,.subtracker__panel-heading,.subtracker__stats,.subtracker__card-actions,.subtracker__card-meta{display:flex}.subtracker__topbar{align-items:center;justify-content:space-between;gap:16px;margin-bottom:40px;flex-wrap:wrap}.subtracker__brand{display:inline-flex;align-items:center;gap:12px;min-width:0}.subtracker__brand-icon{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border:1px solid var(--st-border);border-radius:14px;background:#ffffff14;box-shadow:var(--st-shadow)}.subtracker__brand strong,.subtracker__brand small{display:block;line-height:1.1}.subtracker__brand small{color:var(--st-muted);font-size:.78rem}.subtracker__toolbar{align-items:center;gap:10px;flex-wrap:wrap}.subtracker__tool-button,.subtracker__ghost-button,.subtracker__submit-button,.subtracker__icon-button{border:0;border-radius:999px;color:var(--st-text);transition:transform .18s ease,background .18s ease,opacity .18s ease}.subtracker__tool-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;border:1px solid var(--st-border);background:#ffffff14;white-space:nowrap}.subtracker__tool-button--primary,.subtracker__submit-button{background:linear-gradient(135deg,var(--st-primary),#06b6d4);font-weight:800}.subtracker__tool-button:hover,.subtracker__ghost-button:hover,.subtracker__submit-button:hover,.subtracker__icon-button:hover{transform:translateY(-1px)}.subtracker__hero-content{align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:18px;flex-wrap:wrap}.subtracker__eyebrow{margin:0 0 10px;color:#c4b5fd;font-size:.75rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.subtracker h2,.subtracker h3,.subtracker h4,.subtracker p{margin-top:0}.subtracker h2{max-width:760px;margin-bottom:14px;font-size:clamp(1.8rem,5vw,4rem);line-height:1;letter-spacing:-.05em}.subtracker__hero-content p:not(.subtracker__eyebrow){max-width:580px;margin-bottom:0;color:var(--st-muted-strong);font-size:clamp(.95rem,2vw,1.1rem);line-height:1.7}.subtracker__hero-card{position:relative;flex-shrink:0;width:min(280px,100%);padding:20px;border:1px solid var(--st-border);border-radius:var(--st-radius-xl);background:#ffffff17;box-shadow:var(--st-shadow);overflow:hidden}.subtracker__hero-card:after{content:"";position:absolute;inset:auto -40px -70px auto;width:140px;height:140px;border-radius:999px;background:#8b5cf657;filter:blur(4px)}.subtracker__hero-card p{margin-bottom:14px;color:var(--st-muted-strong);font-size:.9rem}.subtracker__hero-card strong{position:relative;z-index:1;font-size:1.3rem}.subtracker__pulse{display:inline-block;width:10px;height:10px;margin-bottom:18px;border-radius:999px;background:var(--st-success);box-shadow:0 0 0 6px #22c55e2e}.subtracker__grid{display:grid;gap:16px;align-items:start;grid-template-columns:1fr}@media(min-width:700px){.subtracker__grid{grid-template-columns:1fr 1fr}.subtracker__panel--list{grid-column:1 / -1}}.subtracker__panel{padding:20px;border:1px solid var(--st-border);border-radius:var(--st-radius-xl);background:var(--st-surface);box-shadow:var(--st-shadow);backdrop-filter:blur(18px);min-width:0}.subtracker__panel-heading{align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;flex-wrap:wrap}.subtracker__panel-heading h3{margin:0;font-size:1.2rem;letter-spacing:-.03em}.subtracker__ghost-button{flex-shrink:0;padding:8px 14px;border:1px solid rgba(239,68,68,.35);background:#ef44441a;font-size:.85rem}.subtracker__stats{gap:10px;flex-wrap:wrap}.subtracker__stat-card{flex:1;min-width:80px;padding:14px;border:1px solid var(--st-border);border-radius:var(--st-radius-lg);background:#ffffff12}.subtracker__stat-card--save{background:#22c55e14}.subtracker__stat-card span,.subtracker__stat-card small{display:block;color:var(--st-muted);font-size:.78rem}.subtracker__stat-card strong{display:block;margin:8px 0 4px;font-size:clamp(1.2rem,4vw,1.8rem);letter-spacing:-.04em}.subtracker__form{display:grid;gap:14px}.subtracker__form-grid{display:grid;gap:12px;grid-template-columns:1fr}@media(min-width:480px){.subtracker__form-grid{grid-template-columns:1fr 1fr}.subtracker__form-grid label:first-child{grid-column:1 / -1}}@media(min-width:700px){.subtracker__form-grid{grid-template-columns:1fr .7fr .55fr}.subtracker__form-grid label:first-child{grid-column:auto}}.subtracker label span{display:block;margin:0 0 6px;color:var(--st-muted-strong);font-size:.85rem;font-weight:700}.subtracker input,.subtracker select{width:100%;min-height:46px;padding:0 12px;border:1px solid var(--st-border);border-radius:var(--st-radius-md);color:var(--st-text);background:#0307128c;outline:none;-webkit-appearance:none;appearance:none}.subtracker input:focus,.subtracker select:focus{border-color:#8b5cf6e6;box-shadow:0 0 0 3px #8b5cf62b}.subtracker__submit-button{width:100%;min-height:48px;padding:0 18px}.subtracker__message{min-height:18px;margin:-2px 0 0;color:var(--st-muted-strong);font-size:.88rem}.subtracker__filter{width:auto;min-width:140px;max-width:100%}.subtracker__list{display:grid;gap:10px}.subtracker__subscription-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:16px;border:1px solid var(--st-border);border-radius:var(--st-radius-lg);background:#ffffff12}.subtracker__subscription-card.is-inactive{opacity:.65}.subtracker__subscription-card.is-expired{border-color:#f59e0b75;background:#f59e0b14}.subtracker__card-title{display:flex;align-items:center;gap:8px;margin-bottom:8px;flex-wrap:wrap}.subtracker__card-title h4{margin:0;font-size:1rem}.subtracker__badge{display:inline-flex;align-items:center;min-height:22px;padding:0 8px;border-radius:999px;background:#8b5cf62e;color:#ddd6fe;font-size:.72rem;font-weight:800;white-space:nowrap}.subtracker__badge--warning{background:#f59e0b2e;color:#fde68a}.subtracker__badge--muted{background:#94a3b82e;color:#e2e8f0}.subtracker__card-price{margin:0 0 8px;color:var(--st-text);font-size:1.2rem;font-weight:800;letter-spacing:-.03em}.subtracker__card-price small{color:var(--st-muted);font-size:.82rem;font-weight:600}.subtracker__card-meta{gap:10px;flex-wrap:wrap;color:var(--st-muted-strong);font-size:.82rem}.subtracker__card-actions{display:flex;flex-direction:column;gap:8px;flex-shrink:0}.subtracker__icon-button{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--st-border);background:#ffffff14;border-radius:999px}.subtracker__icon-button--danger{color:#fecaca;border-color:#ef444452;background:#ef44441a}.subtracker__empty{padding:36px 20px;border:1px dashed var(--st-border);border-radius:var(--st-radius-lg);text-align:center;color:var(--st-muted-strong)}.subtracker__empty div{margin-bottom:10px;font-size:2rem}.subtracker__empty h4{margin-bottom:6px;color:var(--st-text)}.subtracker__empty p{margin-bottom:0;font-size:.9rem}.subtracker__sr-only{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}@media(max-width:420px){.subtracker__topbar{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:28px}.subtracker__toolbar{flex-direction:column;width:100%}.subtracker__tool-button{width:100%}}@media(max-width:500px){.subtracker__subscription-card{grid-template-columns:1fr}.subtracker__card-actions{flex-direction:row;justify-content:flex-start}}@media(max-width:480px){.subtracker__panel-heading{flex-direction:column;align-items:stretch}.subtracker__filter{width:100%}}@media(min-width:1200px){.subtracker__panel{padding:26px}.subtracker__grid{gap:20px}.subtracker__stats{gap:14px}}