:root{--primary: #2563eb;--primary-light: #60a5fa;--primary-dark: #1e40af;--secondary: #ed8936;--secondary-light: #f6ad55;--secondary-dark: #dd6b20;--bg: #f7fafc;--surface: #ffffff;--text: #2d3748;--text-light: #718096;--text-dark: #1a202c;--border-light: #e5e7eb;--radius: 8px;--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-lg: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--transition: all .2s ease;--urgent-bg: #fff7ed;--urgent-border: #fdba74;--urgent-text: #ea580c;--container-padding: 1.5rem;--header-padding: 1.5rem;--card-gap: 1.5rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.75rem}@media (max-width: 768px){:root{--container-padding: 1.25rem;--header-padding: 1.25rem;--card-gap: 1.25rem;--font-size-2xl: 1.5rem}}@media (max-width: 480px){:root{--container-padding: 1rem;--header-padding: 1rem;--card-gap: 1rem;--font-size-base: .9rem;--font-size-lg: 1rem;--font-size-xl: 1.125rem;--font-size-2xl: 1.375rem}}body{font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;color:var(--text-dark);background:var(--bg);margin:0;font-size:var(--font-size-base);overflow-x:hidden}*{box-sizing:border-box}img,video,iframe{max-width:100%;height:auto}@media (hover: none) and (pointer: coarse){button,.clickable{min-height:44px;min-width:44px}}.card.svelte-12c30qa.svelte-12c30qa{background:var(--surface);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow);border:1px solid var(--border-light);transition:var(--transition);display:flex;flex-direction:column;gap:1rem;min-height:120px}.card.svelte-12c30qa.svelte-12c30qa:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}.card.urgent.svelte-12c30qa.svelte-12c30qa{border-color:var(--urgent-border);background:var(--urgent-bg)}.card-header.svelte-12c30qa.svelte-12c30qa{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.title-section.svelte-12c30qa.svelte-12c30qa{flex:1;min-width:0}.service-name.svelte-12c30qa.svelte-12c30qa{margin:0 0 .5rem;font-size:var(--font-size-lg);font-weight:600;color:var(--text-dark);line-height:1.3;word-break:break-word}.category-cycle.svelte-12c30qa.svelte-12c30qa{font-size:.875rem;color:var(--text-light);background:#f8f9fa;padding:.25rem .75rem;border-radius:12px;border:1px solid var(--border-light);display:inline-block;white-space:nowrap}.cost-badge.svelte-12c30qa.svelte-12c30qa{background:var(--surface);color:var(--text-dark);padding:.5rem .75rem;border-radius:var(--radius);font-weight:600;font-size:var(--font-size-lg);border:1px solid var(--border-light);white-space:nowrap;flex-shrink:0;align-self:flex-start}.renewal-line.svelte-12c30qa.svelte-12c30qa{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-light);flex-wrap:wrap}.renewal-line.urgent.svelte-12c30qa.svelte-12c30qa{color:var(--urgent-text)}.date.svelte-12c30qa.svelte-12c30qa{font-weight:500;color:var(--text-dark)}.renewal-line.urgent.svelte-12c30qa .date.svelte-12c30qa{color:var(--urgent-text)}.separator.svelte-12c30qa.svelte-12c30qa{color:var(--text-light)}.days-left.svelte-12c30qa.svelte-12c30qa{font-weight:500}.renewal-line.urgent.svelte-12c30qa .days-left.svelte-12c30qa{color:var(--urgent-text);font-weight:600}@media (max-width: 768px){.card.svelte-12c30qa.svelte-12c30qa{padding:1rem}.service-name.svelte-12c30qa.svelte-12c30qa{font-size:1rem}.cost-badge.svelte-12c30qa.svelte-12c30qa{font-size:1rem;padding:.375rem .625rem}}@media (max-width: 640px){.card-header.svelte-12c30qa.svelte-12c30qa{flex-direction:column;gap:.75rem;align-items:stretch}.cost-badge.svelte-12c30qa.svelte-12c30qa{align-self:flex-end;font-size:1.125rem}.renewal-line.svelte-12c30qa.svelte-12c30qa{font-size:.8rem;justify-content:center}}@media (max-width: 480px){.card.svelte-12c30qa.svelte-12c30qa{padding:.875rem;gap:.875rem}.card-header.svelte-12c30qa.svelte-12c30qa{gap:.625rem}.service-name.svelte-12c30qa.svelte-12c30qa{font-size:.95rem;margin-bottom:.375rem}.category-cycle.svelte-12c30qa.svelte-12c30qa{font-size:.8rem;padding:.2rem .6rem}.cost-badge.svelte-12c30qa.svelte-12c30qa{font-size:1rem;padding:.375rem .5rem}.renewal-line.svelte-12c30qa.svelte-12c30qa{font-size:.75rem;gap:.375rem}}@media (hover: none) and (pointer: coarse){.card.svelte-12c30qa.svelte-12c30qa{padding:1.125rem}.card.svelte-12c30qa.svelte-12c30qa:hover{transform:none}.card.svelte-12c30qa.svelte-12c30qa:active{transform:scale(.98)}}.card-container.svelte-p43uas{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--card-gap)}@media (max-width: 768px){.card-container.svelte-p43uas{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}}@media (max-width: 640px){.card-container.svelte-p43uas{grid-template-columns:1fr;gap:.875rem}}@media (max-width: 480px){.card-container.svelte-p43uas{gap:.75rem}}@media (min-width: 1400px){.card-container.svelte-p43uas{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}.container.svelte-og3one.svelte-og3one{max-width:1200px;margin:0 auto;padding:var(--container-padding);min-height:100vh}header.svelte-og3one.svelte-og3one{background:var(--surface);border-radius:var(--radius);padding:var(--header-padding);margin-bottom:var(--card-gap);box-shadow:var(--shadow);border:1px solid var(--border-light)}.header-content.svelte-og3one.svelte-og3one{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem}.title-section.svelte-og3one.svelte-og3one{flex:1;min-width:0}h1.svelte-og3one.svelte-og3one{margin:0 0 .75rem;font-size:var(--font-size-2xl);font-weight:600;color:var(--text-dark);line-height:1.2}.stats-inline.svelte-og3one.svelte-og3one{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-light);flex-wrap:wrap}.stat-item.svelte-og3one.svelte-og3one{display:inline-flex;align-items:baseline;gap:.25rem;white-space:nowrap}.stat-value.svelte-og3one.svelte-og3one{font-weight:600;color:var(--text-dark);font-size:var(--font-size-lg)}.stat-item.urgent.has-urgent.svelte-og3one .stat-value.svelte-og3one{color:var(--urgent-text)}.stat-label.svelte-og3one.svelte-og3one{color:var(--text-light)}.stat-item.urgent.has-urgent.svelte-og3one .stat-label.svelte-og3one{color:var(--urgent-text)}.separator.svelte-og3one.svelte-og3one{color:var(--text-light);margin:0 .25rem}.annual-cost.svelte-og3one.svelte-og3one{text-align:right;background:#f8f9fa;padding:1rem 1.25rem;border-radius:var(--radius);border:1px solid var(--border-light);min-width:160px;flex-shrink:0}.cost-title.svelte-og3one.svelte-og3one{font-size:.875rem;color:var(--text-light);margin-bottom:.5rem;font-weight:500}.cost-value.svelte-og3one.svelte-og3one{font-size:var(--font-size-xl);font-weight:600;color:var(--primary);word-break:break-all}@media (max-width: 768px){.header-content.svelte-og3one.svelte-og3one{gap:1.5rem}.annual-cost.svelte-og3one.svelte-og3one{min-width:140px;padding:.875rem 1rem}h1.svelte-og3one.svelte-og3one{margin-bottom:.5rem}}@media (max-width: 640px){.header-content.svelte-og3one.svelte-og3one{flex-direction:column;gap:1.25rem;align-items:stretch}.annual-cost.svelte-og3one.svelte-og3one{text-align:center;min-width:auto;padding:1rem}.stats-inline.svelte-og3one.svelte-og3one{justify-content:center;font-size:.8rem}.stat-value.svelte-og3one.svelte-og3one{font-size:1rem}}@media (max-width: 480px){.container.svelte-og3one.svelte-og3one{padding:.75rem}header.svelte-og3one.svelte-og3one{padding:1rem;margin-bottom:1rem}.header-content.svelte-og3one.svelte-og3one{gap:1rem}h1.svelte-og3one.svelte-og3one{font-size:1.25rem;text-align:center}.stats-inline.svelte-og3one.svelte-og3one{font-size:.75rem;gap:.375rem}.annual-cost.svelte-og3one.svelte-og3one{padding:.875rem}.cost-value.svelte-og3one.svelte-og3one{font-size:1.125rem}}@media (min-width: 1400px){.container.svelte-og3one.svelte-og3one{max-width:1400px}}