@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap";:root{--bg-canvas: #E7ECF3;--bg-surface: #FFFFFF;--bg-input: #FFFFFF;--text-primary: #0F172A;--text-secondary: #64748B;--text-muted: #64748B;--border-soft: rgba(15, 23, 42, .07);--border-mid: rgba(15, 23, 42, .13);--shadow-card: 0 1px 4px rgba(15, 23, 42, .1), 0 0 0 1px rgba(15, 23, 42, .06);--shadow-md: 0 4px 18px rgba(15, 23, 42, .1);--row-hover: rgba(79, 156, 249, .07);--row-stripe: rgba(15, 23, 42, .022);--sidebar-bg: linear-gradient(180deg, #0E2260 0%, #091535 100%);--app-bg-gradient: radial-gradient(900px 500px at 90% 0%, rgba(79,156,249,.06), transparent 55%), radial-gradient(700px 400px at -5% 30%, rgba(5,150,105,.04), transparent 50%);--logo-invert-filter: none;--svg-bg: #f1f5f9;--svg-stroke: #94a3b8;--svg-accent: #2d6fd6;--svg-accent-light: rgba(79,156,249,.12);--svg-surface: #ffffff;--accent: #4F9CF9;--accent-muted: rgba(79, 156, 249, .12);--color-bg-canvas: #E7ECF3;--color-bg-surface: #FFFFFF;--color-bg-surface-alt: #F8FAFC;--color-text-primary: #0F172A;--color-text-secondary: #64748B;--color-border-soft: rgba(15, 23, 42, .07);--color-scrollbar-thumb: rgba(0, 0, 0, .15);--color-scrollbar-thumb-hover: rgba(0, 0, 0, .3);--color-scrollbar-track: transparent}html[data-theme=dark]{--bg-canvas: #0F172A;--bg-surface: #1E293B;--bg-input: #253347;--text-primary: #F1F5F9;--text-secondary: #94A3B8;--text-muted: #64748B;--border-soft: rgba(148, 163, 184, .1);--border-mid: rgba(148, 163, 184, .2);--shadow-card: 0 1px 4px rgba(0, 0, 0, .45), 0 0 0 1px rgba(148, 163, 184, .08);--shadow-md: 0 4px 24px rgba(0, 0, 0, .5);--row-hover: rgba(79, 156, 249, .08);--row-stripe: rgba(255, 255, 255, .025);--sidebar-bg: linear-gradient(180deg, #0C1829 0%, #060E1C 100%);--app-bg-gradient: radial-gradient(900px 500px at 90% 0%, rgba(79,156,249,.07), transparent 60%), radial-gradient(700px 400px at -5% 30%, rgba(5,150,105,.04), transparent 55%);--logo-invert-filter: invert(1) brightness(2);--svg-bg: #1E293B;--svg-stroke: #475569;--svg-accent: #4f9cf9;--svg-accent-light: rgba(79,156,249,.18);--svg-surface: #253347;--color-bg-canvas: #0F172A;--color-bg-surface: #1E293B;--color-bg-surface-alt: #253347;--color-text-primary: #F1F5F9;--color-text-secondary: #94A3B8;--color-border-soft: rgba(148, 163, 184, .1);--color-scrollbar-thumb: rgba(148, 163, 184, .18);--color-scrollbar-thumb-hover: rgba(148, 163, 184, .32);--color-scrollbar-track: transparent;--accent: #4F9CF9;--accent-muted: rgba(79, 156, 249, .14)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:DM Sans,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-canvas);color:var(--text-primary);line-height:1.5}#root{width:100%;height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-scrollbar-thumb-hover)}input::placeholder{color:var(--text-muted)}button{font-family:inherit}*{transition:background-color .18s ease,border-color .18s ease,color .18s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pageIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-in-out}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}@keyframes drawerIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}