.page{min-height:100vh;display:flex;flex-direction:column;background-color:var(--color-bg)}.header{max-width:1200px;width:100%;margin:0 auto;padding:var(--space-3xl) var(--space-lg) var(--space-lg);display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-md)}.header-titles h1{font-size:32px;font-weight:700;line-height:1.2;color:var(--color-text-primary);margin:0}.header-subtitle{font-size:14px;color:var(--color-text-muted);margin-top:4px}.header-actions{display:flex;align-items:center;gap:var(--space-sm)}.settings-link{font-size:20px;line-height:1;padding:9px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-surface);text-decoration:none}.settings-link:hover{text-decoration:none;opacity:.85}.back-link{display:inline-block;margin-bottom:var(--space-xs);color:var(--color-accent);font-size:14px;font-weight:600}.container{flex:1;max-width:1200px;margin:0 auto;width:100%;padding:0 var(--space-lg) var(--space-3xl)}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);margin-bottom:var(--space-2xl)}.form-section{grid-column:1}.stats-section{grid-column:2;display:flex;flex-direction:column;gap:var(--space-lg)}.feed-form,.stat-card,.countdown-card,.feeds-list,.settings-form{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 1px 3px #0000000f}.feed-form{padding:var(--space-lg)}.feed-form h2{margin-bottom:var(--space-lg);font-size:20px;font-weight:700;color:var(--color-text-primary)}.form-group{margin-bottom:var(--space-md)}.form-group label{display:block;margin-bottom:6px;font-weight:600;font-size:14px;color:var(--color-text-secondary)}.form-group input,.form-group select{width:100%;padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius-xs);font-size:1em;background-color:var(--color-surface-alt);color:var(--color-text-primary)}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent) 20%,transparent)}.form-group small{display:block;margin-top:6px;color:var(--color-text-muted);font-size:13px}.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.stat-card{padding:var(--space-md)}.stat-label{font-size:13px;color:var(--color-text-muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.stat-value{font-size:28px;font-weight:700;color:var(--color-accent)}.stat-diff{font-size:13px;font-weight:700;margin-top:4px}.stat-diff.status-red{color:var(--status-red)}.stat-diff.status-orange{color:var(--status-orange)}.stat-diff.status-green{color:var(--status-green)}.stat-diff.status-blue{color:var(--status-blue)}.countdown-card{padding:var(--space-lg);text-align:center}.countdown-label{font-size:13px;color:var(--color-text-muted);margin-bottom:var(--space-xs);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.countdown-value{font-size:32px;font-weight:700;color:var(--color-accent)}.feeds-section{margin-top:var(--space-md)}.feeds-section h2{margin-bottom:var(--space-md);font-size:20px;font-weight:700;color:var(--color-text-primary)}.feeds-list{overflow:hidden}.feed-item{padding:var(--space-md);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center}.feed-item:last-child{border-bottom:none}.feed-info{flex:1}.feed-time{font-weight:600;color:var(--color-text-primary);margin-bottom:3px}.feed-details{font-size:14px;color:var(--color-text-secondary)}.feed-actions{display:flex;gap:var(--space-xs);margin-left:var(--space-md)}.vitamins-flag{display:flex;align-items:center;gap:8px;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-weight:600;margin-bottom:var(--space-lg);border:1px solid transparent}.vitamins-flag.outstanding{background-color:color-mix(in srgb,var(--color-warning) 22%,var(--color-surface));color:var(--color-warning-text);border-color:color-mix(in srgb,var(--color-warning) 55%,transparent)}.vitamins-flag.done{background-color:color-mix(in srgb,var(--color-success) 22%,var(--color-surface));color:var(--color-success-text);border-color:color-mix(in srgb,var(--color-success) 50%,transparent)}.input-with-action{display:flex;gap:var(--space-sm)}.input-with-action input{flex:1}.input-with-action .btn-secondary{flex-shrink:0}.vitamins-check{display:flex;align-items:center;gap:10px;padding:12px;margin-bottom:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-surface-alt);cursor:pointer;font-weight:600;color:var(--color-text-primary);transition:border-color .2s,background-color .2s}.vitamins-check.checked{border-color:var(--color-accent);background-color:color-mix(in srgb,var(--color-accent) 10%,var(--color-surface))}.vitamins-check input{width:18px;height:18px;accent-color:var(--color-accent);cursor:pointer}.vitamins-hint{font-weight:500;color:var(--color-warning-text)}.vitamins-badge{display:inline-block;margin-left:8px;padding:1px 8px;border-radius:var(--radius-xs);font-size:12px;font-weight:600;background-color:color-mix(in srgb,var(--color-accent) 15%,transparent);color:var(--color-accent)}.chart-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 1px 3px #0000000f;padding:var(--space-lg);margin-bottom:var(--space-lg)}.chart-title{font-size:20px;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-sm)}.chart-summary{display:flex;gap:var(--space-2xl);margin-bottom:var(--space-md)}.chart-summary-label{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.5px;font-weight:600;color:var(--color-text-muted)}.chart-summary-value{display:block;font-size:24px;font-weight:700;color:var(--color-accent)}.chart-wrap{width:100%}.feed-chart{width:100%;height:auto;display:block}.chart-grid{stroke:var(--color-border);stroke-width:1}.chart-axis-label{fill:var(--color-text-muted);font-size:12px}.chart-axis-title{fill:var(--color-text-secondary);font-size:12px;font-weight:600}.chart-bar{fill:var(--color-accent);opacity:.85}.chart-bar.today{fill:var(--color-accent);opacity:.45}.chart-bar-value{fill:var(--color-text-secondary);font-size:12px;font-weight:700}.chart-axis-sublabel{fill:var(--color-text-muted);font-size:10px}.chart-target-band{fill:var(--color-success);opacity:.1}.chart-target-line{stroke:var(--color-success);stroke-width:1.5;stroke-dasharray:4 4;opacity:.7}.chart-recommend-line{stroke:var(--color-accent);stroke-width:2;stroke-dasharray:6 3}.chart-recommend-label{fill:var(--color-accent);font-size:11px;font-weight:600}.chart-line{stroke:var(--color-warning);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}.chart-dot{fill:var(--color-warning);stroke:var(--color-surface);stroke-width:1.5}.chart-legend{display:flex;gap:var(--space-lg);margin-top:var(--space-md);flex-wrap:wrap}.legend-item{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--color-text-secondary)}.legend-swatch{display:inline-block;width:16px;height:16px;border-radius:3px}.legend-swatch.bar{background-color:var(--color-accent);opacity:.85}.legend-swatch.line{height:3px;border-radius:2px;background-color:var(--color-warning)}.legend-swatch.today{background-color:var(--color-accent);opacity:.45}.legend-swatch.band{background-color:var(--color-success);opacity:.35;border:1px dashed var(--color-success)}.legend-swatch.recommend{height:3px;border-radius:2px;background-color:var(--color-accent)}.chart-note{margin-top:var(--space-md);color:var(--color-text-muted);font-size:14px}.settings-form{max-width:460px;padding:var(--space-lg)}@media (max-width: 768px){.header{flex-direction:column;align-items:stretch;padding:var(--space-lg) var(--space-md) var(--space-md)}.header-actions{justify-content:space-between}.header-titles h1{font-size:26px}.container{padding:0 var(--space-md) var(--space-2xl)}.dashboard-grid{grid-template-columns:1fr}.form-section,.stats-section{grid-column:1}.stats{grid-template-columns:1fr 1fr}.feed-item{flex-direction:column;align-items:flex-start}.feed-actions{width:100%;margin-left:0;margin-top:var(--space-sm)}}:root{--ds-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--ds-font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Courier New", monospace;--ds-text-xs: .75rem;--ds-text-sm: .875rem;--ds-text-base: 1rem;--ds-text-lg: 1.125rem;--ds-text-xl: 1.25rem;--ds-text-2xl: 1.5rem;--ds-text-3xl: 1.875rem;--ds-text-4xl: 2.25rem;--ds-weight-normal: 400;--ds-weight-medium: 500;--ds-weight-semibold: 600;--ds-weight-bold: 700;--ds-leading-tight: 1.25;--ds-leading-normal: 1.5;--ds-leading-relaxed: 1.7;--ds-space-0: 0;--ds-space-1: .25rem;--ds-space-2: .5rem;--ds-space-3: .75rem;--ds-space-4: 1rem;--ds-space-5: 1.25rem;--ds-space-6: 1.5rem;--ds-space-8: 2rem;--ds-space-10: 2.5rem;--ds-space-12: 3rem;--ds-space-16: 4rem;--ds-radius-sm: 4px;--ds-radius-md: 6px;--ds-radius-lg: 8px;--ds-radius-xl: 12px;--ds-radius-pill: 999px;--ds-ease: cubic-bezier(.22, 1, .36, 1);--ds-duration-fast: .12s;--ds-duration: .2s;--ds-duration-slow: .32s;--ds-transition: var(--ds-duration) var(--ds-ease);--ds-z-base: 1;--ds-z-dropdown: 100;--ds-z-sticky: 200;--ds-z-overlay: 300;--ds-z-modal: 400;--ds-z-toast: 500;--ds-container: 1280px;--ds-focus-ring: 2px}:root,:root[data-theme=darkBlue]{color-scheme:dark;--ds-bg: #0e1116;--ds-surface: #1a1f2e;--ds-surface-raised: #222839;--ds-surface-sunken: #0a0d12;--ds-border: #2a3139;--ds-border-strong: #3a434e;--ds-text: #e9edf2;--ds-text-secondary: #9ca3af;--ds-text-muted: #6b7280;--ds-text-inverse: #0e1116;--ds-accent: #4a90d9;--ds-accent-hover: #3a7cc0;--ds-accent-subtle: rgba(74, 144, 217, .12);--ds-accent-contrast: #ffffff;--ds-success: #6ee7b7;--ds-success-subtle: rgba(110, 231, 183, .12);--ds-warning: #fbbf24;--ds-warning-subtle: rgba(251, 191, 36, .12);--ds-error: #f87171;--ds-error-subtle: rgba(248, 113, 113, .12);--ds-info: #60a5fa;--ds-info-subtle: rgba(96, 165, 250, .12);--ds-shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--ds-shadow-md: 0 2px 10px rgba(0, 0, 0, .45);--ds-shadow-lg: 0 20px 50px -20px rgba(0, 0, 0, .7);--ds-overlay: rgba(0, 0, 0, .6)}:root[data-theme=dark]{color-scheme:dark;--ds-bg: #0a0a0a;--ds-surface: #151515;--ds-surface-raised: #1f1f1f;--ds-surface-sunken: #050505;--ds-border: #2a2a2a;--ds-border-strong: #3d3d3d;--ds-text: #ededed;--ds-text-secondary: #a3a3a3;--ds-text-muted: #737373;--ds-text-inverse: #0a0a0a;--ds-accent: #60a5fa;--ds-accent-hover: #3b82f6;--ds-accent-subtle: rgba(96, 165, 250, .12);--ds-accent-contrast: #0a0a0a;--ds-success: #6ee7b7;--ds-success-subtle: rgba(110, 231, 183, .12);--ds-warning: #fbbf24;--ds-warning-subtle: rgba(251, 191, 36, .12);--ds-error: #f87171;--ds-error-subtle: rgba(248, 113, 113, .12);--ds-info: #60a5fa;--ds-info-subtle: rgba(96, 165, 250, .12);--ds-shadow-sm: 0 1px 2px rgba(0, 0, 0, .5);--ds-shadow-md: 0 2px 10px rgba(0, 0, 0, .55);--ds-shadow-lg: 0 20px 50px -20px rgba(0, 0, 0, .8);--ds-overlay: rgba(0, 0, 0, .65)}:root[data-theme=warm]{color-scheme:light;--ds-bg: #f5f3ee;--ds-surface: #ffffff;--ds-surface-raised: #fbfaf6;--ds-surface-sunken: #ebe8e0;--ds-border: #e0dfd6;--ds-border-strong: #c9c7ba;--ds-text: #2b2a26;--ds-text-secondary: #6b6a64;--ds-text-muted: #9a9993;--ds-text-inverse: #ffffff;--ds-accent: #6b4c9a;--ds-accent-hover: #5a3f82;--ds-accent-subtle: rgba(107, 76, 154, .1);--ds-accent-contrast: #ffffff;--ds-success: #5f8f57;--ds-success-subtle: rgba(95, 143, 87, .12);--ds-warning: #c1852f;--ds-warning-subtle: rgba(193, 133, 47, .12);--ds-error: #c14a34;--ds-error-subtle: rgba(193, 74, 52, .12);--ds-info: #3f6f8f;--ds-info-subtle: rgba(63, 111, 143, .12);--ds-shadow-sm: 0 1px 2px rgba(60, 55, 40, .08);--ds-shadow-md: 0 2px 10px rgba(60, 55, 40, .1);--ds-shadow-lg: 0 20px 50px -20px rgba(60, 55, 40, .35);--ds-overlay: rgba(43, 42, 38, .45)}:root[data-theme=light]{color-scheme:light;--ds-bg: #f6f7f9;--ds-surface: #ffffff;--ds-surface-raised: #fbfbfc;--ds-surface-sunken: #eceef1;--ds-border: #e3e6ea;--ds-border-strong: #c8cdd4;--ds-text: #1c2024;--ds-text-secondary: #6b7280;--ds-text-muted: #9ca3af;--ds-text-inverse: #ffffff;--ds-accent: #c2410c;--ds-accent-hover: #9a3412;--ds-accent-subtle: rgba(194, 65, 12, .1);--ds-accent-contrast: #ffffff;--ds-success: #166534;--ds-success-subtle: #dcfce7;--ds-warning: #a16207;--ds-warning-subtle: #fef3c7;--ds-error: #b91c1c;--ds-error-subtle: #fee2e2;--ds-info: #1e40af;--ds-info-subtle: #dbeafe;--ds-shadow-sm: 0 1px 2px rgba(16, 24, 40, .06);--ds-shadow-md: 0 2px 10px rgba(16, 24, 40, .08);--ds-shadow-lg: 0 20px 50px -20px rgba(16, 24, 40, .3);--ds-overlay: rgba(16, 24, 40, .45)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100%;background-color:var(--ds-bg);color:var(--ds-text);font-family:var(--ds-font-sans);font-size:var(--ds-text-base);line-height:var(--ds-leading-normal);-webkit-font-smoothing:antialiased}a{color:var(--ds-accent);text-decoration:none;transition:color var(--ds-transition)}a:hover{color:var(--ds-accent-hover)}code,kbd,pre,samp{font-family:var(--ds-font-mono);font-size:.9em}hr{border:0;border-top:1px solid var(--ds-border);margin:var(--ds-space-6) 0}::selection{background:var(--ds-accent-subtle)}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:var(--ds-focus-ring) solid var(--ds-accent);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.ds-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--ds-space-2);padding:var(--ds-space-2) var(--ds-space-4);border:1px solid transparent;border-radius:var(--ds-radius-md);background:var(--ds-surface-raised);color:var(--ds-text);font:inherit;font-size:var(--ds-text-sm);font-weight:var(--ds-weight-medium);line-height:1.2;white-space:nowrap;cursor:pointer;transition:background var(--ds-transition),border-color var(--ds-transition),color var(--ds-transition),opacity var(--ds-transition)}.ds-btn:hover{background:var(--ds-surface)}.ds-btn:disabled,.ds-btn[aria-disabled=true]{cursor:not-allowed;opacity:.6}.ds-btn--primary{background:var(--ds-accent);color:var(--ds-accent-contrast)}.ds-btn--primary:hover{background:var(--ds-accent-hover)}.ds-btn--secondary{background:transparent;border-color:var(--ds-border-strong);color:var(--ds-text)}.ds-btn--secondary:hover{background:var(--ds-surface-raised);border-color:var(--ds-accent)}.ds-btn--ghost{background:transparent;color:var(--ds-text-secondary)}.ds-btn--ghost:hover{background:var(--ds-surface-raised);color:var(--ds-text)}.ds-btn--danger{background:var(--ds-error);color:var(--ds-text-inverse)}.ds-btn--danger:hover{filter:brightness(.92)}.ds-btn--sm{padding:var(--ds-space-1) var(--ds-space-3);font-size:var(--ds-text-xs)}.ds-btn--lg{padding:var(--ds-space-3) var(--ds-space-6);font-size:var(--ds-text-base)}.ds-btn--block{display:flex;width:100%}.ds-card{background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-lg);box-shadow:var(--ds-shadow-sm);overflow:hidden;transition:border-color var(--ds-transition),box-shadow var(--ds-transition),transform var(--ds-transition)}.ds-card--interactive:hover{border-color:var(--ds-accent);box-shadow:var(--ds-shadow-md)}.ds-card__header{padding:var(--ds-space-4) var(--ds-space-5);border-bottom:1px solid var(--ds-border);font-weight:var(--ds-weight-semibold)}.ds-card__body{padding:var(--ds-space-5)}.ds-card__footer{padding:var(--ds-space-4) var(--ds-space-5);border-top:1px solid var(--ds-border);background:var(--ds-surface-raised)}.ds-field{display:flex;flex-direction:column;gap:var(--ds-space-2);margin-bottom:var(--ds-space-4)}.ds-label{font-size:var(--ds-text-sm);font-weight:var(--ds-weight-medium);color:var(--ds-text-secondary)}.ds-input,.ds-select,.ds-textarea{width:100%;padding:var(--ds-space-2) var(--ds-space-3);background:var(--ds-surface-sunken);border:1px solid var(--ds-border);border-radius:var(--ds-radius-md);color:var(--ds-text);font:inherit;font-size:var(--ds-text-sm);transition:border-color var(--ds-transition),background var(--ds-transition)}.ds-input::placeholder,.ds-textarea::placeholder{color:var(--ds-text-muted)}.ds-input:focus,.ds-select:focus,.ds-textarea:focus{border-color:var(--ds-accent);background:var(--ds-surface)}.ds-input:disabled,.ds-select:disabled,.ds-textarea:disabled{opacity:.6;cursor:not-allowed}.ds-textarea{min-height:6rem;resize:vertical}.ds-hint{font-size:var(--ds-text-xs);color:var(--ds-text-muted)}.ds-error-text{font-size:var(--ds-text-xs);color:var(--ds-error)}.ds-badge{display:inline-flex;align-items:center;gap:var(--ds-space-1);padding:var(--ds-space-1) var(--ds-space-2);border-radius:var(--ds-radius-pill);background:var(--ds-surface-raised);color:var(--ds-text-secondary);font-size:var(--ds-text-xs);font-weight:var(--ds-weight-medium);line-height:1.4;white-space:nowrap}.ds-badge--accent{background:var(--ds-accent-subtle);color:var(--ds-accent)}.ds-badge--success{background:var(--ds-success-subtle);color:var(--ds-success)}.ds-badge--warning{background:var(--ds-warning-subtle);color:var(--ds-warning)}.ds-badge--error{background:var(--ds-error-subtle);color:var(--ds-error)}.ds-badge--info{background:var(--ds-info-subtle);color:var(--ds-info)}.ds-alert{display:flex;gap:var(--ds-space-3);padding:var(--ds-space-3) var(--ds-space-4);border:1px solid var(--ds-border);border-left-width:3px;border-radius:var(--ds-radius-md);background:var(--ds-surface);font-size:var(--ds-text-sm)}.ds-alert--success{border-left-color:var(--ds-success);background:var(--ds-success-subtle)}.ds-alert--warning{border-left-color:var(--ds-warning);background:var(--ds-warning-subtle)}.ds-alert--error{border-left-color:var(--ds-error);background:var(--ds-error-subtle)}.ds-alert--info{border-left-color:var(--ds-info);background:var(--ds-info-subtle)}.ds-table{width:100%;border-collapse:collapse;font-size:var(--ds-text-sm)}.ds-table th,.ds-table td{padding:var(--ds-space-3) var(--ds-space-4);text-align:left;border-bottom:1px solid var(--ds-border)}.ds-table th{color:var(--ds-text-secondary);font-weight:var(--ds-weight-semibold);font-size:var(--ds-text-xs);text-transform:uppercase;letter-spacing:.04em;background:var(--ds-surface-raised)}.ds-table tbody tr:hover{background:var(--ds-surface-raised)}.ds-table--wrap{width:100%;overflow-x:auto}.ds-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--ds-z-overlay);background:var(--ds-overlay);display:flex;align-items:center;justify-content:center;padding:var(--ds-space-4)}.ds-modal{z-index:var(--ds-z-modal);width:100%;max-width:32rem;max-height:85vh;overflow-y:auto;background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-xl);box-shadow:var(--ds-shadow-lg)}.ds-modal__header{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-4);padding:var(--ds-space-4) var(--ds-space-5);border-bottom:1px solid var(--ds-border);font-size:var(--ds-text-lg);font-weight:var(--ds-weight-semibold)}.ds-modal__body{padding:var(--ds-space-5)}.ds-modal__footer{display:flex;justify-content:flex-end;gap:var(--ds-space-2);padding:var(--ds-space-4) var(--ds-space-5);border-top:1px solid var(--ds-border)}.ds-container{width:100%;max-width:var(--ds-container);margin-inline:auto;padding-inline:var(--ds-space-5)}.ds-stack>*+*{margin-top:var(--ds-space-4)}.ds-row{display:flex;align-items:center;gap:var(--ds-space-3)}.ds-muted{color:var(--ds-text-muted)}.ds-secondary{color:var(--ds-text-secondary)}@keyframes ds-spin{to{transform:rotate(360deg)}}.ds-spinner{display:inline-block;width:1em;height:1em;border:2px solid var(--ds-border-strong);border-top-color:var(--ds-accent);border-radius:50%;animation:ds-spin .7s linear infinite}:root{--color-bg: var(--ds-bg);--color-surface: var(--ds-surface);--color-surface-alt: var(--ds-surface-raised);--color-border: var(--ds-border);--color-text-primary: var(--ds-text);--color-text-secondary: var(--ds-text-secondary);--color-text-muted: var(--ds-text-muted);--color-accent: var(--ds-accent);--color-accent-hover: var(--ds-accent-hover);--color-on-accent: var(--ds-accent-contrast);--color-success: var(--ds-success);--color-success-text: var(--ds-success);--color-warning: var(--ds-warning);--color-warning-text: var(--ds-warning);--color-error: var(--ds-error);--color-error-text: var(--ds-error);--color-info: var(--ds-info);--status-red: var(--ds-error);--status-orange: var(--ds-warning);--status-green: var(--ds-success);--status-blue: var(--ds-info);--space-xs: var(--ds-space-2);--space-sm: var(--ds-space-3);--space-md: var(--ds-space-4);--space-lg: var(--ds-space-5);--space-xl: var(--ds-space-6);--space-2xl: var(--ds-space-8);--space-3xl: var(--ds-space-10);--radius-xs: var(--ds-radius-sm);--radius-sm: var(--ds-radius-md);--radius-md: var(--ds-radius-lg);--radius-lg: var(--ds-radius-xl)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--ds-font-sans);background-color:var(--color-bg);color:var(--color-text-primary);line-height:1.6;transition:background-color .25s ease,color .25s ease}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}.error-banner,.success-banner{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);margin-bottom:var(--space-lg);font-weight:500;border:1px solid transparent}.error-banner{background-color:color-mix(in srgb,var(--color-error) 18%,var(--color-surface));color:var(--color-error-text);border-color:color-mix(in srgb,var(--color-error) 45%,transparent)}.success-banner{background-color:color-mix(in srgb,var(--color-success) 22%,var(--color-surface));color:var(--color-success-text);border-color:color-mix(in srgb,var(--color-success) 50%,transparent)}.btn-primary{background-color:var(--color-accent);color:var(--color-on-accent);border:none;padding:10px 20px;border-radius:var(--radius-sm);font-size:1em;font-weight:600;transition:background-color .2s}.btn-primary:hover{background-color:var(--color-accent-hover)}.btn-edit,.btn-delete{padding:6px 14px;border:1px solid var(--color-border);border-radius:var(--radius-xs);font-size:.9em;font-weight:600;cursor:pointer;transition:all .2s}.btn-edit{background-color:transparent;color:var(--color-accent)}.btn-edit:hover{background-color:color-mix(in srgb,var(--color-accent) 12%,transparent);text-decoration:none}.btn-delete{background-color:transparent;color:var(--color-error);border-color:color-mix(in srgb,var(--color-error) 40%,transparent)}.btn-delete:hover{background-color:color-mix(in srgb,var(--color-error) 15%,transparent)}.btn-secondary{background-color:transparent;color:var(--color-accent);border:1px solid var(--color-border);padding:10px 20px;border-radius:var(--radius-sm);font-size:1em;font-weight:600;transition:all .2s}.btn-secondary:hover{background-color:color-mix(in srgb,var(--color-accent) 12%,transparent)}.btn-danger{background-color:transparent;color:var(--color-error);border:1px solid color-mix(in srgb,var(--color-error) 40%,transparent);padding:10px 20px;border-radius:var(--radius-sm);font-size:1em;font-weight:600;transition:all .2s}.btn-danger:hover{background-color:color-mix(in srgb,var(--color-error) 15%,transparent)}.settings-divider{border:none;border-top:1px solid var(--color-border);margin:var(--space-lg) 0}.notif-actions{display:flex;gap:var(--space-sm);flex-wrap:wrap}.notif-message{color:var(--color-accent)!important;margin-top:var(--space-xs)}.empty{text-align:center;color:var(--color-text-muted);padding:var(--space-3xl) var(--space-lg)}.theme-switch{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:500;color:var(--color-text-primary);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);transition:opacity .2s,background-color .2s}.theme-switch:hover{opacity:.85}.theme-switch-dot{width:12px;height:12px;border-radius:50%;background-color:var(--color-accent);display:inline-block}