@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Cormorant+Garamond:ital,wght@0,500;0,600;0,700;1,500&display=swap";:root{--font-sans: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display: "Cormorant Garamond", Georgia, "Times New Roman", serif;--font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--flame-600: #E95815;--flame-500: #ED6714;--flame-400: #F37C13;--flame-300: #F8912B;--flame-700: #B8460D;--flame-800: #8F350A;--flame-ink: #1C1207;--flame-cream: #FFFAF5;--flame-gradient: linear-gradient(180deg, var(--flame-600) 0%, var(--flame-500) 35%, var(--flame-400) 70%, var(--flame-300) 100%);--gold-100: #F3D98A;--gold-400: #D8AE47;--gold-700: #A8791F;--gold-gradient: linear-gradient(180deg, var(--gold-100) 0%, var(--gold-400) 55%, var(--gold-700) 100%);--on-gradient: #211A14;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-full: 9999px;--sidebar-width: 260px;--transition-fast: .15s ease;--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--surface-blur: 0px}[data-theme=gold],:root{--bg-page: var(--flame-cream);--bg-surface: #FFFFFF;--bg-surface-2: #FDF0E4;--bg-input: #FFFFFF;--bg-card: #FFFFFF;--bg-elevated: #FFFFFF;--border-hair: rgba(28, 18, 7, .12);--text-primary: var(--flame-ink);--text-secondary: #5C4632;--text-muted: #806653;--accent: var(--flame-700);--accent-strong:var(--flame-800);--on-accent: #FFFFFF;--btn-bg: var(--flame-400);--btn-text: var(--flame-ink);--success: #3F7D53;--warning: #8A5A00;--danger: #B3261E;--bg-primary: var(--bg-page);--bg-secondary: #FFF5EC;--bg-tertiary: var(--bg-surface-2);--bg-glass: rgba(255, 250, 245, .85);--bg-glass-hover: #FDF0E4;--border-color: var(--border-hair);--border-color-hover: rgba(28, 18, 7, .22);--accent-primary: var(--accent);--accent-primary-hover: var(--accent-strong);--accent-secondary: var(--flame-500);--accent-secondary-hover: var(--flame-600);--gradient-neon: var(--flame-gradient);--gradient-dark: linear-gradient(180deg, #FDF0E4 0%, var(--flame-cream) 100%);--gradient-card: linear-gradient(145deg, rgba(255, 255, 255, .92) 0%, rgba(253, 240, 228, .85) 100%);--card-bg: var(--bg-surface);--card-blur: var(--surface-blur);--status-active: var(--success);--status-active-bg: rgba(63, 125, 83, .12);--status-completed: var(--success);--status-completed-bg: rgba(63, 125, 83, .12);--status-draft: var(--text-muted);--status-draft-bg: rgba(128, 102, 83, .12);--status-pending: var(--warning);--status-pending-bg: rgba(138, 90, 0, .14);--status-cancelled: var(--danger);--status-cancelled-bg: rgba(179, 38, 30, .1);--priority-low: var(--success);--priority-medium: var(--warning);--priority-high: var(--flame-700);--priority-critical: var(--danger);--shadow-sm: 0 1px 2px rgba(28, 18, 7, .06);--shadow-md: 0 6px 18px rgba(28, 18, 7, .1);--shadow-lg: 0 16px 40px rgba(28, 18, 7, .14);--shadow-neon: 0 4px 14px rgba(237, 103, 20, .22);color-scheme:light}[data-theme=paper]{--bg-page: #F6F7F9;--bg-surface: #FFFFFF;--bg-surface-2: #ECEFF2;--bg-input: #FFFFFF;--bg-card: #FFFFFF;--bg-elevated: #FFFFFF;--border-hair: rgba(20, 30, 45, .12);--text-primary: #1B2430;--text-secondary: #45566B;--text-muted: #56697E;--accent: #8A6416;--accent-strong:#6E5010;--on-accent: #FFFFFF;--btn-bg: var(--gold-400);--btn-text: #211A14;--success: #2E7D4F;--warning: #7E4E0A;--danger: #B04040;--bg-primary: var(--bg-page);--bg-secondary: #EEF0F4;--bg-tertiary: var(--bg-surface-2);--bg-glass: rgba(246, 247, 249, .85);--bg-glass-hover: #ECEFF2;--border-color: var(--border-hair);--border-color-hover: rgba(20, 30, 45, .24);--accent-primary: var(--accent);--accent-primary-hover: var(--accent-strong);--accent-secondary: var(--gold-700);--accent-secondary-hover: var(--gold-100);--gradient-neon: var(--gold-gradient);--gradient-dark: linear-gradient(180deg, #ECEFF2 0%, #F6F7F9 100%);--gradient-card: linear-gradient(145deg, rgba(255, 255, 255, .9) 0%, rgba(236, 239, 242, .85) 100%);--card-bg: var(--bg-surface);--card-blur: var(--surface-blur);--status-active: var(--success);--status-active-bg: rgba(46, 125, 79, .12);--status-completed: var(--success);--status-completed-bg: rgba(46, 125, 79, .12);--status-draft: var(--text-muted);--status-draft-bg: rgba(104, 120, 140, .14);--status-pending: var(--warning);--status-pending-bg: rgba(126, 78, 10, .16);--status-cancelled: var(--danger);--status-cancelled-bg: rgba(176, 64, 64, .12);--priority-low: var(--success);--priority-medium: var(--warning);--priority-high: #7E4E0A;--priority-critical: var(--danger);--shadow-sm: 0 1px 2px rgba(20, 30, 45, .06);--shadow-md: 0 6px 18px rgba(20, 30, 45, .12);--shadow-lg: 0 16px 40px rgba(20, 30, 45, .16);--shadow-neon: 0 4px 14px rgba(216, 174, 71, .18);color-scheme:light}[data-theme=sepia]{--bg-page: #FBF6ED;--bg-surface: #FFFDF8;--bg-surface-2: #F0E6D2;--bg-input: #FFFDF8;--bg-card: #FFFDF8;--bg-elevated: #FFFDF8;--border-hair: rgba(30, 20, 10, .16);--text-primary: #1F160B;--text-secondary: #4A3A22;--text-muted: #6B5736;--accent: #7A4E0A;--accent-strong:#5F3C06;--on-accent: #FFFFFF;--btn-bg: var(--gold-400);--btn-text: #211A14;--success: #22603A;--warning: #8A5A0E;--danger: #A02E2E;--bg-primary: var(--bg-page);--bg-secondary: #F3EBD8;--bg-tertiary: var(--bg-surface-2);--bg-glass: rgba(251, 246, 237, .88);--bg-glass-hover: #F0E6D2;--border-color: var(--border-hair);--border-color-hover: rgba(30, 20, 10, .28);--accent-primary: var(--accent);--accent-primary-hover: var(--accent-strong);--accent-secondary: var(--gold-700);--accent-secondary-hover: var(--gold-100);--gradient-neon: var(--gold-gradient);--gradient-dark: linear-gradient(180deg, #F0E6D2 0%, #FBF6ED 100%);--gradient-card: linear-gradient(145deg, rgba(255, 253, 248, .92) 0%, rgba(240, 230, 210, .88) 100%);--card-bg: var(--bg-surface);--card-blur: var(--surface-blur);--status-active: var(--success);--status-active-bg: rgba(34, 96, 58, .14);--status-completed: var(--success);--status-completed-bg: rgba(34, 96, 58, .14);--status-draft: var(--text-muted);--status-draft-bg: rgba(107, 87, 54, .14);--status-pending: var(--warning);--status-pending-bg: rgba(138, 90, 14, .16);--status-cancelled: var(--danger);--status-cancelled-bg: rgba(160, 46, 46, .14);--priority-low: var(--success);--priority-medium: var(--warning);--priority-high: #8A5A0E;--priority-critical: var(--danger);--shadow-sm: 0 1px 2px rgba(30, 20, 10, .08);--shadow-md: 0 6px 18px rgba(30, 20, 10, .14);--shadow-lg: 0 16px 40px rgba(30, 20, 10, .18);--shadow-neon: 0 4px 14px rgba(216, 174, 71, .2);color-scheme:light}[data-theme=noir]{--bg-page: #14100C;--bg-surface: #1F1813;--bg-surface-2: #2A211A;--bg-input: #1F1813;--bg-card: #1F1813;--bg-elevated: #2A211A;--border-hair: rgba(255, 236, 220, .1);--text-primary: #F7EFE7;--text-secondary: rgba(247, 239, 231, .66);--text-muted: rgba(247, 239, 231, .46);--accent: #F98A2B;--accent-strong: var(--flame-400);--on-accent: var(--flame-ink);--btn-bg: var(--flame-500);--btn-text: var(--flame-ink);--success: #6FAE81;--warning: #E8B93C;--danger: #E5675E;--bg-primary: var(--bg-page);--bg-secondary: #1A1410;--bg-tertiary: var(--bg-surface-2);--bg-glass: rgba(20, 16, 12, .75);--bg-glass-hover: var(--bg-surface-2);--border-color: var(--border-hair);--border-color-hover: rgba(255, 236, 220, .2);--accent-primary: var(--accent);--accent-primary-hover: var(--accent-strong);--accent-secondary: var(--flame-500);--accent-secondary-hover: var(--flame-400);--gradient-neon: var(--flame-gradient);--gradient-dark: linear-gradient(180deg, #1F1813 0%, #14100C 100%);--gradient-card: linear-gradient(145deg, rgba(42, 33, 26, .85) 0%, rgba(31, 24, 19, .85) 100%);--card-bg: var(--bg-surface);--card-blur: var(--surface-blur);--status-active: var(--success);--status-active-bg: rgba(111, 174, 129, .16);--status-completed: var(--success);--status-completed-bg: rgba(111, 174, 129, .16);--status-draft: var(--text-muted);--status-draft-bg: rgba(247, 239, 231, .08);--status-pending: var(--warning);--status-pending-bg: rgba(232, 185, 60, .16);--status-cancelled: var(--danger);--status-cancelled-bg: rgba(229, 103, 94, .16);--priority-low: var(--success);--priority-medium: var(--warning);--priority-high: #F98A2B;--priority-critical: var(--danger);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .34);--shadow-md: 0 6px 18px rgba(0, 0, 0, .44);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .54);--shadow-neon: 0 4px 16px rgba(237, 103, 20, .28);color-scheme:dark}[data-theme=slate]{--bg-page: #14161A;--bg-surface: #1D2127;--bg-surface-2: #262B32;--bg-input: #1D2127;--bg-card: #1D2127;--bg-elevated: #262B32;--border-hair: rgba(255, 255, 255, .1);--text-primary: #EDEFF3;--text-secondary: rgba(237, 239, 243, .66);--text-muted: rgba(237, 239, 243, .45);--accent: #D9B25A;--accent-strong:#F0D894;--on-accent: #211A14;--btn-bg: #D9B25A;--btn-text: #191610;--success: #6FAE81;--warning: #D8AE47;--danger: #D97070;--bg-primary: var(--bg-page);--bg-secondary: #191C22;--bg-tertiary: var(--bg-surface-2);--bg-glass: rgba(20, 22, 26, .75);--bg-glass-hover: var(--bg-surface-2);--border-color: var(--border-hair);--border-color-hover: rgba(255, 255, 255, .18);--accent-primary: var(--accent);--accent-primary-hover: var(--accent-strong);--accent-secondary: var(--accent);--accent-secondary-hover: var(--accent-strong);--gradient-neon: var(--gold-gradient);--gradient-dark: linear-gradient(180deg, #262B32 0%, #14161A 100%);--gradient-card: linear-gradient(145deg, rgba(38, 43, 50, .85) 0%, rgba(29, 33, 39, .85) 100%);--card-bg: var(--bg-surface);--card-blur: var(--surface-blur);--status-active: var(--success);--status-active-bg: rgba(111, 174, 129, .16);--status-completed: var(--success);--status-completed-bg: rgba(111, 174, 129, .16);--status-draft: var(--text-muted);--status-draft-bg: rgba(255, 255, 255, .08);--status-pending: var(--warning);--status-pending-bg: rgba(216, 174, 71, .18);--status-cancelled: var(--danger);--status-cancelled-bg: rgba(217, 112, 112, .16);--priority-low: var(--success);--priority-medium: var(--warning);--priority-high: #D8AE47;--priority-critical: var(--danger);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 6px 18px rgba(0, 0, 0, .4);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .5);--shadow-neon: 0 4px 14px rgba(217, 178, 90, .15);color-scheme:dark}[data-theme=midnight]{--bg-page: #0C0D11;--bg-surface: #15161C;--bg-surface-2: #1E2028;--bg-input: #15161C;--bg-card: #15161C;--bg-elevated: #1E2028;--border-hair: rgba(255, 255, 255, .12);--text-primary: #F5F6FA;--text-secondary: rgba(245, 246, 250, .7);--text-muted: rgba(245, 246, 250, .5);--accent: #E0B75F;--accent-strong:#F4DC96;--on-accent: #141108;--btn-bg: #E0B75F;--btn-text: #141108;--success: #74BB8C;--warning: #E0B75F;--danger: #E07A7A;--bg-primary: var(--bg-page);--bg-secondary: #101117;--bg-tertiary: var(--bg-surface-2);--bg-glass: rgba(12, 13, 17, .78);--bg-glass-hover: var(--bg-surface-2);--border-color: var(--border-hair);--border-color-hover: rgba(255, 255, 255, .2);--accent-primary: var(--accent);--accent-primary-hover: var(--accent-strong);--accent-secondary: var(--accent);--accent-secondary-hover: var(--accent-strong);--gradient-neon: var(--gold-gradient);--gradient-dark: linear-gradient(180deg, #1E2028 0%, #0C0D11 100%);--gradient-card: linear-gradient(145deg, rgba(30, 32, 40, .9) 0%, rgba(21, 22, 28, .9) 100%);--card-bg: var(--bg-surface);--card-blur: var(--surface-blur);--status-active: var(--success);--status-active-bg: rgba(116, 187, 140, .16);--status-completed: var(--success);--status-completed-bg: rgba(116, 187, 140, .16);--status-draft: var(--text-muted);--status-draft-bg: rgba(255, 255, 255, .08);--status-pending: var(--warning);--status-pending-bg: rgba(224, 183, 95, .18);--status-cancelled: var(--danger);--status-cancelled-bg: rgba(224, 122, 122, .16);--priority-low: var(--success);--priority-medium: var(--warning);--priority-high: #E0B75F;--priority-critical: var(--danger);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .35);--shadow-md: 0 6px 18px rgba(0, 0, 0, .5);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .6);--shadow-neon: 0 4px 14px rgba(224, 183, 95, .15);color-scheme:dark}[data-theme=black-gold]{--bg-page: #050505;--bg-surface: rgba(18, 18, 18, .5);--bg-surface-2: rgba(28, 28, 28, .5);--bg-input: rgba(16, 16, 16, .6);--bg-card: rgba(18, 18, 18, .5);--bg-elevated: rgba(30, 30, 30, .6);--border-hair: rgba(255, 255, 255, .14);--text-primary: #F5F3EE;--text-secondary: rgba(255, 255, 255, .7);--text-muted: rgba(255, 255, 255, .5);--accent: var(--gold-400);--accent-strong: var(--gold-100);--on-accent: #211A14;--btn-bg: var(--gold-400);--btn-text: #211A14;--success: #6FAE81;--warning: #D8AE47;--danger: #D97070;--bg-primary: var(--bg-page);--bg-secondary: rgba(10, 10, 10, .45);--bg-tertiary: var(--bg-surface-2);--bg-glass: rgba(8, 8, 8, .55);--bg-glass-hover: var(--bg-surface-2);--border-color: var(--border-hair);--border-color-hover: rgba(255, 255, 255, .22);--accent-primary: var(--accent);--accent-primary-hover: var(--accent-strong);--accent-secondary: var(--gold-400);--accent-secondary-hover: var(--gold-100);--gradient-neon: var(--gold-gradient);--gradient-dark: linear-gradient(180deg, #1A1A1A 0%, #050505 100%);--gradient-card: linear-gradient(145deg, rgba(34, 34, 34, .6) 0%, rgba(18, 18, 18, .4) 100%);--card-bg: var(--bg-surface);--card-blur: 26px;--glass-edge: rgba(255, 255, 255, .15);--status-active: var(--success);--status-active-bg: rgba(111, 174, 129, .16);--status-completed: var(--success);--status-completed-bg: rgba(111, 174, 129, .16);--status-draft: var(--text-muted);--status-draft-bg: rgba(255, 255, 255, .08);--status-pending: var(--warning);--status-pending-bg: rgba(216, 174, 71, .18);--status-cancelled: var(--danger);--status-cancelled-bg: rgba(217, 112, 112, .16);--priority-low: var(--success);--priority-medium: var(--warning);--priority-high: #D8AE47;--priority-critical: var(--danger);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 6px 18px rgba(0, 0, 0, .55);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .65);--shadow-neon: 0 4px 14px rgba(216, 174, 71, .18);color-scheme:dark}[data-theme=black-white]{--bg-page: #000000;--bg-surface: #111111;--bg-surface-2: #1C1C1C;--bg-input: #111111;--bg-card: #111111;--bg-elevated: #1C1C1C;--border-hair: rgba(255, 255, 255, .14);--text-primary: #FFFFFF;--text-secondary: rgba(255, 255, 255, .75);--text-muted: rgba(255, 255, 255, .55);--accent: #FFFFFF;--accent-strong:#D7D7D7;--on-accent: #0A0A0A;--btn-bg: #FFFFFF;--btn-text: #0A0A0A;--success: #7CE39F;--warning: #F0C36D;--danger: #F08080;--bg-primary: var(--bg-page);--bg-secondary: #080808;--bg-tertiary: var(--bg-surface-2);--bg-glass: rgba(0, 0, 0, .78);--bg-glass-hover: var(--bg-surface-2);--border-color: var(--border-hair);--border-color-hover: rgba(255, 255, 255, .24);--accent-primary: var(--accent);--accent-primary-hover: var(--accent-strong);--accent-secondary: #E0E0E0;--accent-secondary-hover: #FFFFFF;--gradient-neon: linear-gradient(180deg, #FFFFFF 0%, #E0E0E0 55%, #B0B0B0 100%);--gradient-dark: linear-gradient(180deg, #1C1C1C 0%, #000000 100%);--gradient-card: linear-gradient(145deg, rgba(28, 28, 28, .92) 0%, rgba(17, 17, 17, .92) 100%);--card-bg: var(--bg-surface);--card-blur: var(--surface-blur);--status-active: var(--success);--status-active-bg: rgba(124, 227, 159, .16);--status-completed: var(--success);--status-completed-bg: rgba(124, 227, 159, .16);--status-draft: var(--text-muted);--status-draft-bg: rgba(255, 255, 255, .08);--status-pending: var(--warning);--status-pending-bg: rgba(240, 195, 109, .18);--status-cancelled: var(--danger);--status-cancelled-bg: rgba(240, 128, 128, .16);--priority-low: var(--success);--priority-medium: var(--warning);--priority-high: #F0C36D;--priority-critical: var(--danger);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .5);--shadow-md: 0 6px 18px rgba(0, 0, 0, .6);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .7);--shadow-neon: 0 4px 14px rgba(255, 255, 255, .12);color-scheme:dark}[data-theme=snow]{--bg-page: #FFFFFF;--bg-surface: #FFFFFF;--bg-surface-2: #F1F1F3;--bg-input: #FFFFFF;--bg-card: #FFFFFF;--bg-elevated: #FFFFFF;--border-hair: rgba(10, 10, 12, .12);--text-primary: #111113;--text-secondary: #3C3C44;--text-muted: #6B6B75;--accent: #111113;--accent-strong:#3C3C44;--on-accent: #FFFFFF;--btn-bg: #111113;--btn-text: #FFFFFF;--success: #1F7A43;--warning: #A0630A;--danger: #B02525;--bg-primary: var(--bg-page);--bg-secondary: #F7F7F9;--bg-tertiary: var(--bg-surface-2);--bg-glass: rgba(255, 255, 255, .88);--bg-glass-hover: #F1F1F3;--border-color: var(--border-hair);--border-color-hover: rgba(10, 10, 12, .24);--accent-primary: var(--accent);--accent-primary-hover: var(--accent-strong);--accent-secondary: #3C3C44;--accent-secondary-hover: #111113;--gradient-neon: linear-gradient(180deg, #FFFFFF 0%, #E4E4E8 55%, #B9B9C2 100%);--gradient-dark: linear-gradient(180deg, #F1F1F3 0%, #FFFFFF 100%);--gradient-card: linear-gradient(145deg, rgba(255, 255, 255, .95) 0%, rgba(241, 241, 243, .9) 100%);--card-bg: var(--bg-surface);--card-blur: var(--surface-blur);--status-active: var(--success);--status-active-bg: rgba(31, 122, 67, .12);--status-completed: var(--success);--status-completed-bg: rgba(31, 122, 67, .12);--status-draft: var(--text-muted);--status-draft-bg: rgba(107, 107, 117, .12);--status-pending: var(--warning);--status-pending-bg: rgba(160, 99, 10, .16);--status-cancelled: var(--danger);--status-cancelled-bg: rgba(176, 37, 37, .12);--priority-low: var(--success);--priority-medium: var(--warning);--priority-high: #A0630A;--priority-critical: var(--danger);--shadow-sm: 0 1px 2px rgba(10, 10, 12, .06);--shadow-md: 0 6px 18px rgba(10, 10, 12, .12);--shadow-lg: 0 16px 40px rgba(10, 10, 12, .16);--shadow-neon: 0 4px 14px rgba(120, 120, 130, .14);color-scheme:light}[data-theme=glass-light]{--bg-page: #EFE9DD;--bg-surface: rgba(255, 255, 255, .48);--bg-surface-2: rgba(255, 255, 255, .28);--bg-input: rgba(255, 255, 255, .66);--bg-card: rgba(255, 255, 255, .48);--bg-elevated: rgba(255, 255, 255, .66);--border-hair: rgba(255, 255, 255, .42);--text-primary: #2A2A35;--text-secondary: #4A4A58;--text-muted: #5A5A66;--accent: #7A5A14;--accent-strong:#5C420E;--on-accent: #FFFFFF;--btn-bg: var(--gold-400);--btn-text: #211A14;--success: #2E7D4F;--warning: #7E4E0A;--danger: #B04040;--bg-primary: var(--bg-page);--bg-secondary: rgba(255, 255, 255, .34);--bg-tertiary: var(--bg-surface-2);--bg-glass: rgba(255, 255, 255, .5);--bg-glass-hover: rgba(255, 255, 255, .42);--border-color: var(--border-hair);--border-color-hover: rgba(255, 255, 255, .62);--accent-primary: var(--accent);--accent-primary-hover: var(--accent-strong);--accent-secondary: var(--gold-700);--accent-secondary-hover: var(--gold-100);--gradient-neon: var(--gold-gradient);--gradient-dark: linear-gradient(180deg, #F4EEE2 0%, #E7E0D2 100%);--gradient-card: linear-gradient(145deg, rgba(255, 255, 255, .72) 0%, rgba(255, 255, 255, .36) 100%);--card-bg: var(--bg-surface);--card-blur: 26px;--glass-edge: rgba(255, 255, 255, .66);--status-active: var(--success);--status-active-bg: rgba(46, 125, 79, .16);--status-completed: var(--success);--status-completed-bg: rgba(46, 125, 79, .16);--status-draft: var(--text-muted);--status-draft-bg: rgba(108, 108, 122, .16);--status-pending: var(--warning);--status-pending-bg: rgba(126, 78, 10, .18);--status-cancelled: var(--danger);--status-cancelled-bg: rgba(176, 64, 64, .16);--priority-low: var(--success);--priority-medium: var(--warning);--priority-high: #7E4E0A;--priority-critical: var(--danger);--shadow-sm: 0 1px 2px rgba(60, 50, 30, .08);--shadow-md: 0 6px 18px rgba(60, 50, 30, .14);--shadow-lg: 0 16px 40px rgba(60, 50, 30, .18);--shadow-neon: 0 4px 14px rgba(216, 174, 71, .2);color-scheme:light}[data-theme=glass-dark]{--bg-page: #14121A;--bg-surface: rgba(40, 34, 50, .44);--bg-surface-2: rgba(60, 52, 74, .32);--bg-input: rgba(40, 34, 50, .58);--bg-card: rgba(40, 34, 50, .44);--bg-elevated: rgba(60, 52, 74, .56);--border-hair: rgba(255, 255, 255, .16);--text-primary: #F2EFF7;--text-secondary: rgba(242, 239, 247, .7);--text-muted: rgba(242, 239, 247, .5);--accent: #D9B25A;--accent-strong:#F0D894;--on-accent: #211A14;--btn-bg: var(--gold-400);--btn-text: #211A14;--success: #74BB8C;--warning: #D8AE47;--danger: #E07A7A;--bg-primary: var(--bg-page);--bg-secondary: rgba(40, 34, 50, .32);--bg-tertiary: var(--bg-surface-2);--bg-glass: rgba(30, 26, 40, .55);--bg-glass-hover: var(--bg-surface-2);--border-color: var(--border-hair);--border-color-hover: rgba(255, 255, 255, .3);--accent-primary: var(--accent);--accent-primary-hover: var(--accent-strong);--accent-secondary: var(--accent);--accent-secondary-hover: var(--accent-strong);--gradient-neon: var(--gold-gradient);--gradient-dark: linear-gradient(180deg, #2A2436 0%, #14121A 100%);--gradient-card: linear-gradient(145deg, rgba(72, 62, 90, .6) 0%, rgba(40, 34, 50, .42) 100%);--card-bg: var(--bg-surface);--card-blur: 28px;--glass-edge: rgba(255, 255, 255, .16);--status-active: var(--success);--status-active-bg: rgba(116, 187, 140, .18);--status-completed: var(--success);--status-completed-bg: rgba(116, 187, 140, .18);--status-draft: var(--text-muted);--status-draft-bg: rgba(255, 255, 255, .08);--status-pending: var(--warning);--status-pending-bg: rgba(216, 174, 71, .2);--status-cancelled: var(--danger);--status-cancelled-bg: rgba(224, 122, 122, .18);--priority-low: var(--success);--priority-medium: var(--warning);--priority-high: #D8AE47;--priority-critical: var(--danger);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 6px 18px rgba(0, 0, 0, .4);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .5);--shadow-neon: 0 4px 14px rgba(217, 178, 90, .16);color-scheme:dark}[data-theme=glass-obsidian]{--bg-page: #0F0E13;--bg-surface: rgba(32, 26, 36, .46);--bg-surface-2: rgba(48, 40, 56, .35);--bg-input: rgba(32, 26, 36, .6);--bg-card: rgba(32, 26, 36, .46);--bg-elevated: rgba(48, 40, 56, .6);--border-hair: rgba(245, 158, 11, .22);--text-primary: #FFFBEB;--text-secondary: rgba(255, 251, 235, .75);--text-muted: rgba(255, 251, 235, .5);--accent: #F59E0B;--accent-strong:#FBBF24;--on-accent: #18181B;--btn-bg: #F59E0B;--btn-text: #18181B;--success: #10B981;--warning: #F59E0B;--danger: #EF4444;--bg-primary: var(--bg-page);--bg-secondary: rgba(32, 26, 36, .36);--bg-tertiary: var(--bg-surface-2);--bg-glass: rgba(24, 20, 28, .58);--bg-glass-hover: var(--bg-surface-2);--border-color: var(--border-hair);--border-color-hover: rgba(245, 158, 11, .45);--accent-primary: var(--accent);--accent-primary-hover: var(--accent-strong);--accent-secondary: var(--accent);--accent-secondary-hover: var(--accent-strong);--gradient-neon: linear-gradient(135deg, #F59E0B 0%, #D97706 100%);--card-bg: var(--bg-surface);--card-blur: 30px;--glass-edge: rgba(245, 158, 11, .25);color-scheme:dark}[data-theme=glass-obsidian] body{background-image:radial-gradient(at 15% 15%,rgba(245,158,11,.32),transparent 42%),radial-gradient(at 85% 10%,rgba(220,38,38,.28),transparent 45%),radial-gradient(at 10% 85%,rgba(217,119,6,.24),transparent 40%),linear-gradient(180deg,#18141f,#0f0e13);background-attachment:fixed}[data-theme=glass-cyberpunk]{--bg-page: #0D0F18;--bg-surface: rgba(20, 26, 46, .48);--bg-surface-2: rgba(30, 40, 70, .36);--bg-input: rgba(20, 26, 46, .62);--bg-card: rgba(20, 26, 46, .48);--bg-elevated: rgba(30, 40, 70, .62);--border-hair: rgba(0, 240, 255, .24);--text-primary: #ECFEFF;--text-secondary: rgba(236, 254, 255, .75);--text-muted: rgba(236, 254, 255, .5);--accent: #00F0FF;--accent-strong:#67E8F9;--on-accent: #082F49;--btn-bg: #00F0FF;--btn-text: #082F49;--success: #34D399;--warning: #FBBF24;--danger: #F43F5E;--bg-primary: var(--bg-page);--bg-secondary: rgba(20, 26, 46, .36);--bg-tertiary: var(--bg-surface-2);--bg-glass: rgba(15, 20, 36, .58);--bg-glass-hover: var(--bg-surface-2);--border-color: var(--border-hair);--border-color-hover: rgba(0, 240, 255, .5);--accent-primary: var(--accent);--accent-primary-hover: var(--accent-strong);--accent-secondary: var(--accent);--accent-secondary-hover: var(--accent-strong);--gradient-neon: linear-gradient(135deg, #00F0FF 0%, #3B82F6 100%);--card-bg: var(--bg-surface);--card-blur: 30px;--glass-edge: rgba(0, 240, 255, .28);color-scheme:dark}[data-theme=glass-cyberpunk] body{background-image:radial-gradient(at 12% 16%,rgba(0,240,255,.3),transparent 42%),radial-gradient(at 88% 8%,rgba(217,70,239,.26),transparent 46%),radial-gradient(at 8% 84%,rgba(59,130,246,.26),transparent 44%),linear-gradient(180deg,#121626,#0d0f18);background-attachment:fixed}[data-theme=glass-emerald]{--bg-page: #0A1714;--bg-surface: rgba(18, 42, 36, .46);--bg-surface-2: rgba(28, 62, 54, .35);--bg-input: rgba(18, 42, 36, .6);--bg-card: rgba(18, 42, 36, .46);--bg-elevated: rgba(28, 62, 54, .6);--border-hair: rgba(16, 185, 129, .22);--text-primary: #ECFDF5;--text-secondary: rgba(236, 253, 245, .75);--text-muted: rgba(236, 253, 245, .5);--accent: #10B981;--accent-strong:#6EE7B7;--on-accent: #064E3B;--btn-bg: #10B981;--btn-text: #064E3B;--success: #10B981;--warning: #F59E0B;--danger: #F43F5E;--bg-primary: var(--bg-page);--bg-secondary: rgba(18, 42, 36, .36);--bg-tertiary: var(--bg-surface-2);--bg-glass: rgba(14, 34, 28, .58);--bg-glass-hover: var(--bg-surface-2);--border-color: var(--border-hair);--border-color-hover: rgba(16, 185, 129, .45);--accent-primary: var(--accent);--accent-primary-hover: var(--accent-strong);--accent-secondary: var(--accent);--accent-secondary-hover: var(--accent-strong);--gradient-neon: linear-gradient(135deg, #10B981 0%, #059669 100%);--card-bg: var(--bg-surface);--card-blur: 30px;--glass-edge: rgba(16, 185, 129, .25);color-scheme:dark}[data-theme=glass-emerald] body{background-image:radial-gradient(at 15% 15%,rgba(16,185,129,.32),transparent 42%),radial-gradient(at 85% 10%,rgba(217,178,90,.24),transparent 45%),radial-gradient(at 10% 85%,rgba(14,116,144,.26),transparent 40%),linear-gradient(180deg,#112621,#0a1714);background-attachment:fixed}[data-theme=glass-amethyst]{--bg-page: #120D1D;--bg-surface: rgba(36, 24, 56, .46);--bg-surface-2: rgba(54, 36, 84, .35);--bg-input: rgba(36, 24, 56, .6);--bg-card: rgba(36, 24, 56, .46);--bg-elevated: rgba(54, 36, 84, .6);--border-hair: rgba(168, 85, 247, .24);--text-primary: #FAF5FF;--text-secondary: rgba(250, 245, 255, .75);--text-muted: rgba(250, 245, 255, .5);--accent: #A855F7;--accent-strong:#C084FC;--on-accent: #3B0764;--btn-bg: #A855F7;--btn-text: #FAF5FF;--success: #34D399;--warning: #FBBF24;--danger: #F43F5E;--bg-primary: var(--bg-page);--bg-secondary: rgba(36, 24, 56, .36);--bg-tertiary: var(--bg-surface-2);--bg-glass: rgba(28, 18, 44, .58);--bg-glass-hover: var(--bg-surface-2);--border-color: var(--border-hair);--border-color-hover: rgba(168, 85, 247, .45);--accent-primary: var(--accent);--accent-primary-hover: var(--accent-strong);--accent-secondary: var(--accent);--accent-secondary-hover: var(--accent-strong);--gradient-neon: linear-gradient(135deg, #A855F7 0%, #7C3AED 100%);--card-bg: var(--bg-surface);--card-blur: 30px;--glass-edge: rgba(168, 85, 247, .26);color-scheme:dark}[data-theme=glass-amethyst] body{background-image:radial-gradient(at 15% 15%,rgba(168,85,247,.34),transparent 42%),radial-gradient(at 85% 10%,rgba(244,63,94,.26),transparent 45%),radial-gradient(at 10% 85%,rgba(99,102,241,.28),transparent 40%),linear-gradient(180deg,#1c142e,#120d1d);background-attachment:fixed}[data-theme=glass-sapphire]{--bg-page: #081220;--bg-surface: rgba(16, 36, 64, .48);--bg-surface-2: rgba(24, 52, 92, .36);--bg-input: rgba(16, 36, 64, .62);--bg-card: rgba(16, 36, 64, .48);--bg-elevated: rgba(24, 52, 92, .62);--border-hair: rgba(59, 130, 246, .24);--text-primary: #EFF6FF;--text-secondary: rgba(239, 246, 255, .75);--text-muted: rgba(239, 246, 255, .5);--accent: #3B82F6;--accent-strong:#60A5FA;--on-accent: #1E3A8A;--btn-bg: #3B82F6;--btn-text: #EFF6FF;--success: #10B981;--warning: #F59E0B;--danger: #EF4444;--bg-primary: var(--bg-page);--bg-secondary: rgba(16, 36, 64, .36);--bg-tertiary: var(--bg-surface-2);--bg-glass: rgba(12, 28, 50, .58);--bg-glass-hover: var(--bg-surface-2);--border-color: var(--border-hair);--border-color-hover: rgba(59, 130, 246, .48);--accent-primary: var(--accent);--accent-primary-hover: var(--accent-strong);--accent-secondary: var(--accent);--accent-secondary-hover: var(--accent-strong);--gradient-neon: linear-gradient(135deg, #3B82F6 0%, #1D4ED8 100%);--card-bg: var(--bg-surface);--card-blur: 30px;--glass-edge: rgba(59, 130, 246, .26);color-scheme:dark}[data-theme=glass-sapphire] body{background-image:radial-gradient(at 15% 15%,rgba(59,130,246,.34),transparent 42%),radial-gradient(at 85% 10%,rgba(6,182,212,.28),transparent 45%),radial-gradient(at 10% 85%,rgba(139,92,246,.26),transparent 40%),linear-gradient(180deg,#0f1f36,#081220);background-attachment:fixed}[data-theme=carbon]{--bg-page: #0F1115;--bg-surface: #181B22;--bg-surface-2: #222630;--bg-input: #1E222B;--bg-card: #181B22;--bg-elevated: #252A36;--border-hair: rgba(255, 255, 255, .12);--text-primary: #F1F5F9;--text-secondary: rgba(241, 245, 249, .72);--text-muted: rgba(241, 245, 249, .48);--accent: #38BDF8;--accent-strong:#7DD3FC;--on-accent: #0F172A;--btn-bg: #38BDF8;--btn-text: #0F172A;--success: #34D399;--warning: #FBBF24;--danger: #F43F5E;--bg-primary: var(--bg-page);--bg-secondary: #181B22;--bg-tertiary: var(--bg-surface-2);--bg-glass: rgba(24, 27, 34, .9);--bg-glass-hover: var(--bg-surface-2);--border-color: var(--border-hair);--border-color-hover: rgba(56, 189, 248, .4);--accent-primary: var(--accent);--accent-primary-hover: var(--accent-strong);--accent-secondary: var(--accent);--accent-secondary-hover: var(--accent-strong);--gradient-neon: linear-gradient(135deg, #38BDF8 0%, #0284C7 100%);--card-bg: var(--bg-surface);--card-blur: 0px;color-scheme:dark}[data-theme=nordic-frost]{--bg-page: #F8FAFC;--bg-surface: #FFFFFF;--bg-surface-2: #F1F5F9;--bg-input: #FFFFFF;--bg-card: #FFFFFF;--bg-elevated: #FFFFFF;--border-hair: #E2E8F0;--text-primary: #0F172A;--text-secondary: #334155;--text-muted: #64748B;--accent: #2563EB;--accent-strong:#1D4ED8;--on-accent: #FFFFFF;--btn-bg: #2563EB;--btn-text: #FFFFFF;--success: #16A34A;--warning: #D97706;--danger: #DC2626;--bg-primary: var(--bg-page);--bg-secondary: #F1F5F9;--bg-tertiary: var(--bg-surface-2);--bg-glass: rgba(255, 255, 255, .9);--bg-glass-hover: #E2E8F0;--border-color: var(--border-hair);--border-color-hover: #CBD5E1;--accent-primary: var(--accent);--accent-primary-hover: var(--accent-strong);--accent-secondary: var(--accent);--accent-secondary-hover: var(--accent-strong);--gradient-neon: linear-gradient(135deg, #2563EB 0%, #1D4ED8 100%);--card-bg: var(--bg-surface);--card-blur: 0px;color-scheme:light}[data-theme=rose-quartz]{--bg-page: #FFFBF9;--bg-surface: #FFFFFF;--bg-surface-2: #FFF1F2;--bg-input: #FFFFFF;--bg-card: #FFFFFF;--bg-elevated: #FFFFFF;--border-hair: #FFE4E6;--text-primary: #2D1B22;--text-secondary: #5C3A47;--text-muted: #885C6D;--accent: #E11D48;--accent-strong:#BE123C;--on-accent: #FFFFFF;--btn-bg: #E11D48;--btn-text: #FFFFFF;--success: #10B981;--warning: #F59E0B;--danger: #E11D48;--bg-primary: var(--bg-page);--bg-secondary: #FFF1F2;--bg-tertiary: var(--bg-surface-2);--bg-glass: rgba(255, 255, 255, .9);--bg-glass-hover: #FCE7F3;--border-color: var(--border-hair);--border-color-hover: #FECDD3;--accent-primary: var(--accent);--accent-primary-hover: var(--accent-strong);--accent-secondary: var(--accent);--accent-secondary-hover: var(--accent-strong);--gradient-neon: linear-gradient(135deg, #E11D48 0%, #BE123C 100%);--card-bg: var(--bg-surface);--card-blur: 0px;color-scheme:light}[data-theme=glass-light] body{background-image:radial-gradient(at 12% 16%,rgba(216,174,71,.42),transparent 40%),radial-gradient(at 88% 6%,rgba(180,140,230,.36),transparent 44%),radial-gradient(at 6% 84%,rgba(120,190,168,.3),transparent 42%),radial-gradient(at 82% 78%,rgba(235,122,150,.2),transparent 46%),radial-gradient(at 50% 42%,rgba(255,255,255,.6),transparent 58%),linear-gradient(180deg,#f7f2e6,#e7dfcc);background-attachment:fixed}[data-theme=glass-dark] body{background-image:radial-gradient(at 12% 16%,rgba(216,174,71,.34),transparent 42%),radial-gradient(at 88% 6%,rgba(150,108,222,.34),transparent 46%),radial-gradient(at 6% 84%,rgba(80,170,150,.26),transparent 44%),radial-gradient(at 82% 76%,rgba(222,108,138,.2),transparent 48%),radial-gradient(at 50% 45%,rgba(120,112,182,.22),transparent 55%),linear-gradient(180deg,#211a2e,#0f0d16);background-attachment:fixed}[data-theme=black-gold] body{background-image:radial-gradient(at 12% 15%,rgba(216,174,71,.16),transparent 44%),radial-gradient(at 88% 8%,rgba(216,174,71,.1),transparent 42%),radial-gradient(at 62% 86%,rgba(160,120,60,.1),transparent 46%),radial-gradient(at 40% 45%,rgba(216,174,71,.06),transparent 52%),linear-gradient(180deg,#0b0b0b,#050505);background-attachment:fixed}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font-sans);background-color:var(--bg-page);color:var(--text-primary);overflow-x:hidden;line-height:1.5;-webkit-font-smoothing:antialiased;transition:background-color var(--transition-normal),color var(--transition-normal)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg-surface-2);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;letter-spacing:-.01em;line-height:1.15}table,.data-table,.financial,.tabular-nums,td,th{font-variant-numeric:tabular-nums}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.glass-card,.table-container,.sidebar-area,[class*=modal],[class*=dropdown],[class*=popover],[class*=drawer],[class*=toast]{-webkit-backdrop-filter:blur(var(--card-blur, 0px)) saturate(165%);backdrop-filter:blur(var(--card-blur, 0px)) saturate(165%)}.glass-card{background:var(--card-bg);border:1px solid var(--border-hair);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm),inset 0 1px 0 var(--glass-edge, rgba(255, 255, 255, .4));transition:border-color var(--transition-normal),box-shadow var(--transition-normal),background-color var(--transition-normal)}.glass-card:hover{border-color:var(--border-color-hover);box-shadow:var(--shadow-md),inset 0 1px 0 var(--glass-edge, rgba(255, 255, 255, .4))}[data-theme^=glass] [style*="var(--bg-surface"],[data-theme=black-gold] [style*="var(--bg-surface"],[data-theme^=glass] [style*="var(--bg-card"],[data-theme=black-gold] [style*="var(--bg-card"],[data-theme^=glass] [style*="var(--bg-elevated"],[data-theme=black-gold] [style*="var(--bg-elevated"],[data-theme^=glass] [style*="var(--bg-glass"],[data-theme=black-gold] [style*="var(--bg-glass"],[data-theme^=glass] [style*="var(--bg-input"],[data-theme=black-gold] [style*="var(--bg-input"],[data-theme^=glass] [style*="var(--bg-secondary"],[data-theme=black-gold] [style*="var(--bg-secondary"],[data-theme^=glass] [style*="var(--bg-tertiary"],[data-theme=black-gold] [style*="var(--bg-tertiary"],[data-theme^=glass] [style*="var(--gradient-card"],[data-theme=black-gold] [style*="var(--gradient-card"],[data-theme^=glass] [style*="var(--card-bg"],[data-theme=black-gold] [style*="var(--card-bg"]{-webkit-backdrop-filter:blur(24px) saturate(165%);backdrop-filter:blur(24px) saturate(165%)}.app-container{display:grid;grid-template-columns:var(--sidebar-width) 1fr;grid-template-rows:1fr;transition:grid-template-columns var(--transition-normal);grid-template-areas:"sidebar main";height:100vh;width:100vw;background-color:var(--bg-page)}.sidebar-area{grid-area:sidebar;background-color:var(--bg-secondary);background-image:linear-gradient(180deg,rgba(255,255,255,.05) 0%,transparent 38%);border-right:1px solid var(--border-hair);box-shadow:inset -1px 0 0 var(--glass-edge, transparent)}.main-area{grid-area:main;overflow-y:auto;background-color:transparent;padding:32px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-sans);font-weight:600;font-size:14px;padding:10px 18px;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.btn-primary{background:var(--btn-bg);color:var(--btn-text);box-shadow:var(--shadow-sm)}.btn-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);filter:brightness(1.05)}.btn-secondary{background:var(--bg-surface);color:var(--text-primary);border-color:var(--border-hair)}.btn-secondary:hover{background:var(--bg-surface-2);border-color:var(--border-color-hover)}.table-container{overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--border-hair);background:var(--bg-surface)}.data-table{width:100%;border-collapse:collapse;text-align:left;font-variant-numeric:tabular-nums}.data-table th{background-color:var(--bg-surface-2);padding:14px 16px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);border-bottom:1px solid var(--border-hair)}.data-table td{padding:14px 16px;border-bottom:1px solid var(--border-hair);font-size:14px;color:var(--text-primary);vertical-align:middle;font-variant-numeric:tabular-nums}.data-table tr:hover{background-color:var(--bg-surface-2)}.badge{display:inline-flex;align-items:center;padding:4px 10px;font-size:12px;font-weight:600;border-radius:var(--radius-full);border:1px solid transparent}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin .8s linear infinite}.spinner{width:18px;height:18px;border-radius:50%;border:2px solid var(--border-color);border-top-color:var(--accent);animation:spin .8s linear infinite}*,*:before,*:after{box-sizing:border-box}html,body{max-width:100vw;overflow-x:hidden}.responsive-grid-auto{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.responsive-grid-split{display:grid;grid-template-columns:minmax(260px,320px) minmax(0,1fr);gap:20px}.responsive-grid-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.responsive-grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.responsive-grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.responsive-header-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.responsive-filter-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}@media(max-width:1200px){.responsive-grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.responsive-grid-split{grid-template-columns:260px minmax(0,1fr);gap:16px}}.sidebar-backdrop,.mobile-bottom-nav{display:none}@media(max-width:1024px){.app-container{grid-template-columns:1fr!important;grid-template-areas:"main"}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999}.sidebar-area{position:fixed;top:0;left:0;bottom:0;width:280px!important;z-index:1000;background:var(--bg-secondary)!important;box-shadow:var(--shadow-lg);transform:translate(-100%);transition:transform var(--transition-normal)}.sidebar-area.mobile-open{transform:translate(0)!important}}@media(max-width:768px){.mobile-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:60px;background:var(--bg-secondary);border-top:1px solid var(--border-color);box-shadow:0 -4px 16px #0000001a;z-index:990;align-items:center;justify-content:space-around;padding:4px 8px}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--text-muted);font-size:10px;font-weight:600;text-decoration:none;flex:1}.mobile-nav-item.active{color:var(--accent)}.main-area{width:100vw;padding:16px!important}.responsive-grid-split{grid-template-columns:1fr!important}.responsive-grid-3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))!important}[style*="grid-template-columns: 3fr 1fr"],[style*="grid-template-columns: 1fr 420px"],[style*="grid-template-columns: 1fr 340px"],[style*="grid-template-columns: 1fr 300px"],[style*="grid-template-columns: 300px 1fr"],[style*="grid-template-columns: 260px 1fr"],[style*="grid-template-columns: 320px 1fr"]{grid-template-columns:1fr!important}}@media(max-width:768px){.main-area{padding:12px!important}.responsive-grid-4,.responsive-grid-3,.responsive-grid-2{grid-template-columns:1fr!important;gap:12px}.responsive-header-row,.responsive-filter-bar{width:100%;flex-direction:column;align-items:stretch!important}.glass-card{padding:16px!important}.btn{width:100%;justify-content:center}input,select,button,textarea{max-width:100%!important}.table-container,.data-table,[class*=table],[class*=drawer]{overflow-x:auto!important;-webkit-overflow-scrolling:touch}[class*=modal],[class*=dialog],[class*=popup]{width:95vw!important;max-width:95vw!important;margin:10px auto!important}}@media(max-width:480px){.main-area{padding:8px!important}h1,.text-h1{font-size:18px!important}h2,.text-h2{font-size:16px!important}.badge{font-size:10px;padding:2px 6px}}.app-header .header-actions{flex:0 1 auto}@media(max-width:1024px){.app-header .header-search{width:180px!important}}@media(max-width:768px){.app-header{padding:0 12px!important;gap:8px!important}.app-header .header-search,.app-header .header-live-badge{display:none!important}.app-header .header-actions{gap:10px!important}.app-header .header-project-filter button span{max-width:96px!important}.app-header .header-project-filter>div[style*="position: absolute"],.app-header .header-project-filter>div{max-width:calc(100vw - 24px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.spin,.spinner{animation-duration:.8s!important;animation-iteration-count:infinite!important}}@keyframes tabPaneIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.tab-pane{animation:tabPaneIn .18s ease}