:root{--bg-page: #f5f5f5;--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--bg-tertiary: #f0f0f0;--bg-hover: #f0f0f0;--bg-input: #ffffff;--bg-elevated: #ffffff;--text-primary: #1a1a1a;--text-secondary: #555;--text-muted: #888;--text-faint: #aaa;--text-inverse: #ffffff;--border-primary: #ddd;--border-secondary: #e5e5e5;--border-light: #f0f0f0;--border-divider: #eee;--shadow-card: 0 1px 8px rgba(0,0,0,.07);--shadow-dropdown: 0 6px 24px rgba(0,0,0,.12);--shadow-modal: 0 20px 60px rgba(0,0,0,.25);--overlay-backdrop: rgba(0,0,0,.45);--accent-primary: #1a1a1a;--accent-indigo: #5a67d8;--accent-purple: #9333ea;--accent-green: #2d8a4e;--accent-blue: #3b82f6;--accent-red: #d93025;--accent-orange: #e65100;--tag-indigo-bg: #ebf0ff;--tag-indigo-text: #5a67d8;--tag-purple-bg: #f3e8ff;--tag-purple-text: #9333ea;--tag-teal-bg: #e6fffa;--tag-teal-text: #0d9488;--tag-red-bg: #fce8e6;--tag-red-text: #d93025;--banner-info-bg: #FFF8E1;--banner-info-border: #FFE082;--banner-info-text: #5D4037;--banner-blue-bg: #f0f7ff;--banner-nudge-bg: #f0f4ff;--banner-nudge-border: #d0d9f0;--free-tier-normal-bg: #F0F7FF;--free-tier-normal-border: #D0E3FF;--free-tier-normal-text: #555;--free-tier-warn-bg: #FFF4E5;--free-tier-warn-border: #FFE0B2;--free-tier-warn-text: #E65100;--free-tier-limit-bg: #FDEDED;--free-tier-limit-border: #F5C6CB;--free-tier-limit-text: #B71C1C;--edit-active-bg: #e8f0fe;--edit-active-text: #1a73e8;--edit-active-border: #1a73e8;--table-header-bg: #fafafa;--table-row-hover: #f9f9f9;--table-border: #eee;--table-cell-focus: rgba(26,115,232,.15);--input-disabled-bg: #f5f5f5;--input-disabled-text:#aaa;--scrollbar-thumb: #ccc;--scrollbar-track: transparent;--hint-bg: rgba(0,0,0,.06);--hint-text: #999;--debug-bg: #f8f8f8;--beta-bg: #f0f7ff;--import-text: #38a169;--import-bg: #f0fff4;--export-text: #5a67d8;--export-bg: #eef0ff;--btn-neutral-text: #666;--btn-neutral-bg: #f5f5f5;--filter-active-bg: #eef2ff}[data-theme=dark]{--bg-page: #121212;--bg-primary: #1e1e1e;--bg-secondary: #252525;--bg-tertiary: #2a2a2a;--bg-hover: #333;--bg-input: #2a2a2a;--bg-elevated: #252525;--text-primary: #e4e4e4;--text-secondary: #b0b0b0;--text-muted: #888;--text-faint: #666;--text-inverse: #1a1a1a;--border-primary: #3a3a3a;--border-secondary: #333;--border-light: #2a2a2a;--border-divider: #2a2a2a;--shadow-card: 0 1px 8px rgba(0,0,0,.3);--shadow-dropdown: 0 6px 24px rgba(0,0,0,.4);--shadow-modal: 0 20px 60px rgba(0,0,0,.5);--overlay-backdrop: rgba(0,0,0,.6);--accent-primary: #e4e4e4;--tag-indigo-bg: rgba(90,103,216,.15);--tag-indigo-text: #8b97e8;--tag-purple-bg: rgba(147,51,234,.15);--tag-purple-text: #b480e0;--tag-teal-bg: rgba(13,148,136,.12);--tag-teal-text: #5ec4b8;--tag-red-bg: rgba(217,48,37,.15);--tag-red-text: #ef6b60;--banner-info-bg: rgba(255,248,225,.08);--banner-info-border: #5D4037;--banner-info-text: #FFE082;--banner-blue-bg: rgba(59,130,246,.08);--banner-nudge-bg: rgba(90,103,216,.08);--banner-nudge-border: rgba(90,103,216,.25);--free-tier-normal-bg: rgba(59,130,246,.1);--free-tier-normal-border: rgba(59,130,246,.25);--free-tier-normal-text: #90b8f8;--free-tier-warn-bg: rgba(230,81,0,.1);--free-tier-warn-border: rgba(230,81,0,.25);--free-tier-warn-text: #ffab66;--free-tier-limit-bg: rgba(183,28,28,.1);--free-tier-limit-border: rgba(183,28,28,.25);--free-tier-limit-text: #ef8a8a;--edit-active-bg: rgba(26,115,232,.15);--edit-active-text: #6db3f8;--edit-active-border: #4a9ae8;--table-header-bg: #252525;--table-row-hover: #252525;--table-border: #2a2a2a;--table-cell-focus: rgba(26,115,232,.2);--input-disabled-bg: #252525;--input-disabled-text:#666;--scrollbar-thumb: #444;--hint-bg: rgba(255,255,255,.08);--hint-text: #777;--debug-bg: #252525;--beta-bg: rgba(59,130,246,.08);--import-text: #6dd69a;--import-bg: rgba(56,161,105,.1);--export-text: #8b97e8;--export-bg: rgba(90,103,216,.1);--btn-neutral-text: #aaa;--btn-neutral-bg: #2a2a2a;--filter-active-bg: rgba(90,103,216,.15)}body{margin:0;background-color:var(--bg-page);color:var(--text-primary);transition:background-color .2s,color .2s}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{color-scheme:dark}
