:root,[data-theme=dark]{--bg-primary: #0b0f1a;--bg-card: rgba(255,255,255,.04);--bg-card-hover: rgba(255,255,255,.07);--bg-filter-group: rgba(255,255,255,.03);--text-primary: #F1F5F9;--text-body: #e2e8f0;--text-secondary: rgba(255,255,255,.55);--text-tertiary: rgba(255,255,255,.45);--text-muted: rgba(255,255,255,.35);--text-white: #ffffff;--border-subtle: rgba(255,255,255,.07);--border-light: rgba(255,255,255,.06);--border-filter: rgba(255,255,255,.08);--border-chip: rgba(255,255,255,.15);--accent-green: #4ADE80;--hero-gradient-start: #0B0F1A;--hero-gradient-mid: #1a1f35;--hero-title-start: #F1F5F9;--hero-title-end: #94A3B8;--hero-radial: #3B82F620;--scrollbar-thumb: rgba(255,255,255,.1);--scrollbar-hover: rgba(255,255,255,.2);--selection-bg: #4ade8044;--sort-active-bg: rgba(255,255,255,.1);--scroll-btn-bg: rgba(11,15,26,.85);--scroll-btn-hover-bg: rgba(255,255,255,.1);--scroll-btn-color: rgba(255,255,255,.6);--scroll-btn-hover-color: #fff;--scroll-btn-border: rgba(255,255,255,.12);--scroll-btn-hover-border: rgba(255,255,255,.25);--alert-bg: rgba(239,68,68,.12);--alert-border: rgba(239,68,68,.25);--alert-color: #FCA5A5;--clear-btn-bg: rgba(239,68,68,.15);--clear-btn-border: rgba(239,68,68,.3);--clear-btn-color: #FCA5A5}[data-theme=light]{--bg-primary: #f8fafc;--bg-card: rgba(0,0,0,.03);--bg-card-hover: rgba(0,0,0,.06);--bg-filter-group: rgba(0,0,0,.02);--text-primary: #1e293b;--text-body: #334155;--text-secondary: rgba(0,0,0,.55);--text-tertiary: rgba(0,0,0,.45);--text-muted: rgba(0,0,0,.35);--text-white: #1e293b;--border-subtle: rgba(0,0,0,.08);--border-light: rgba(0,0,0,.06);--border-filter: rgba(0,0,0,.1);--border-chip: rgba(0,0,0,.18);--accent-green: #16a34a;--hero-gradient-start: #f8fafc;--hero-gradient-mid: #e2e8f0;--hero-title-start: #1e293b;--hero-title-end: #475569;--hero-radial: #3B82F615;--scrollbar-thumb: rgba(0,0,0,.15);--scrollbar-hover: rgba(0,0,0,.25);--selection-bg: #4ade8066;--sort-active-bg: rgba(0,0,0,.08);--scroll-btn-bg: rgba(255,255,255,.9);--scroll-btn-hover-bg: rgba(0,0,0,.05);--scroll-btn-color: rgba(0,0,0,.5);--scroll-btn-hover-color: #000;--scroll-btn-border: rgba(0,0,0,.12);--scroll-btn-hover-border: rgba(0,0,0,.25);--alert-bg: rgba(239,68,68,.08);--alert-border: rgba(239,68,68,.2);--alert-color: #dc2626;--clear-btn-bg: rgba(239,68,68,.1);--clear-btn-border: rgba(239,68,68,.25);--clear-btn-color: #dc2626}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){--bg-primary: #f8fafc;--bg-card: rgba(0,0,0,.03);--bg-card-hover: rgba(0,0,0,.06);--bg-filter-group: rgba(0,0,0,.02);--text-primary: #1e293b;--text-body: #334155;--text-secondary: rgba(0,0,0,.55);--text-tertiary: rgba(0,0,0,.45);--text-muted: rgba(0,0,0,.35);--text-white: #1e293b;--border-subtle: rgba(0,0,0,.08);--border-light: rgba(0,0,0,.06);--border-filter: rgba(0,0,0,.1);--border-chip: rgba(0,0,0,.18);--accent-green: #16a34a;--hero-gradient-start: #f8fafc;--hero-gradient-mid: #e2e8f0;--hero-title-start: #1e293b;--hero-title-end: #475569;--hero-radial: #3B82F615;--scrollbar-thumb: rgba(0,0,0,.15);--scrollbar-hover: rgba(0,0,0,.25);--selection-bg: #4ade8066;--sort-active-bg: rgba(0,0,0,.08);--scroll-btn-bg: rgba(255,255,255,.9);--scroll-btn-hover-bg: rgba(0,0,0,.05);--scroll-btn-color: rgba(0,0,0,.5);--scroll-btn-hover-color: #000;--scroll-btn-border: rgba(0,0,0,.12);--scroll-btn-hover-border: rgba(0,0,0,.25);--alert-bg: rgba(239,68,68,.08);--alert-border: rgba(239,68,68,.2);--alert-color: #dc2626;--clear-btn-bg: rgba(239,68,68,.1);--clear-btn-border: rgba(239,68,68,.25);--clear-btn-color: #dc2626}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:DM Sans,system-ui,sans-serif;background:var(--bg-primary);color:var(--text-body);min-height:100vh;transition:background .3s,color .3s}#root{min-height:100vh}button{font-family:inherit;cursor:pointer}::selection{background:var(--selection-bg);color:var(--text-primary)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover)}