:root,html[data-theme=light]{--app-navy-header: rgba(23, 38, 67, .92);--app-navy-deep: #0A1220;--app-primary-blue: #5271FF;--app-primary-blue-hover: #3D57E8;--app-selected-bg: rgba(82, 113, 255, .12);--app-page-canvas: #F2F2F7;--app-surface: rgba(255, 255, 255, .72);--app-surface-subtle: rgba(255, 255, 255, .4);--app-surface-elevated: rgba(255, 255, 255, .88);--app-surface-modal: rgba(255, 255, 255, .95);--app-border-subtle: rgba(0, 0, 0, .08);--app-border-strong: rgba(255, 255, 255, .6);--app-text-primary: #1C1C1E;--app-text-secondary: rgba(60, 60, 67, .75);--app-text-tertiary: rgba(60, 60, 67, .45);--app-text-inverse: #FFFFFF;--app-success: #30D158;--app-success-bg: rgba(48, 209, 88, .12);--app-warning: #FF9F0A;--app-warning-bg: rgba(255, 159, 10, .12);--app-danger: #FF453A;--app-danger-bg: rgba(255, 69, 58, .12);--app-info: #32ADE6;--app-info-bg: rgba(50, 173, 230, .12);--app-backdrop: blur(40px) saturate(180%);--app-shadow-card: 0 2px 8px rgba(0,0,0,.06), 0 8px 24px rgba(0,0,0,.04);--app-shadow-modal: 0 8px 32px rgba(0,0,0,.14), 0 24px 64px rgba(0,0,0,.08);color-scheme:light}html[data-theme=dark]{--app-navy-header: rgba(12, 14, 22, .85);--app-navy-deep: #060910;--app-primary-blue: #6B8FFF;--app-primary-blue-hover: #7BA3FF;--app-selected-bg: rgba(107, 143, 255, .2);--app-page-canvas: #0C0E16;--app-surface: rgba(255, 255, 255, .07);--app-surface-subtle: rgba(255, 255, 255, .03);--app-surface-elevated: rgba(255, 255, 255, .12);--app-surface-modal: rgba(255, 255, 255, .18);--app-border-subtle: rgba(255, 255, 255, .06);--app-border-strong: rgba(255, 255, 255, .12);--app-text-primary: #FFFFFF;--app-text-secondary: rgba(255, 255, 255, .7);--app-text-tertiary: rgba(255, 255, 255, .35);--app-text-inverse: #FFFFFF;--app-success: #30D158;--app-success-bg: rgba(48, 209, 88, .15);--app-warning: #FFD60A;--app-warning-bg: rgba(255, 214, 10, .15);--app-danger: #FF6961;--app-danger-bg: rgba(255, 105, 97, .15);--app-info: #64D2FF;--app-info-bg: rgba(100, 210, 255, .15);--app-backdrop: blur(40px) saturate(180%);--app-shadow-card: 0 2px 8px rgba(0,0,0,.48), 0 8px 24px rgba(0,0,0,.32);--app-shadow-modal: 0 8px 32px rgba(0,0,0,.64), 0 24px 64px rgba(0,0,0,.48);color-scheme:dark}html,body,#root{margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,system-ui,sans-serif;-webkit-font-smoothing:antialiased;background:var(--app-page-canvas)}body,#root{transition:background-color .25s ease}