*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{min-height:100vh;line-height:1.5;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}input,button,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:none;border:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}*{scrollbar-width:thin;scrollbar-color:var(--border-medium) transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::-webkit-scrollbar-corner{background:transparent}textarea::-webkit-scrollbar-corner,.input-textarea::-webkit-scrollbar-corner{background:transparent}:root{--space-2xs: 4px;--space-xs: 8px;--space-sm: 12px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--radius-xs: 6px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--radius-xl: 26px;--radius-full: 9999px;--font-xs: .75rem;--font-sm: .85rem;--font-base: .95rem;--font-md: 1.05rem;--font-lg: 1.25rem;--font-xl: 1.55rem;--font-2xl: 2.1rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--ease-spring: cubic-bezier(.175, .885, .32, 1.275);--ease-smooth: cubic-bezier(.16, 1, .3, 1);--duration-instant: .1s;--duration-fast: .18s;--duration-normal: .26s;--duration-slow: .4s;--z-base: 1;--z-card: 10;--z-floating: 100;--z-toast: 2000}[data-theme=dark],:root{color-scheme:dark;--bg-page: #080c14;--bg-primary: #0b0f17;--bg-secondary: #111827;--bg-tertiary: #1a2234;--bg-surface: #1e293b;--bg-surface-elevated: #243248;--bg-hover: rgba(255, 255, 255, .06);--bg-active: rgba(255, 255, 255, .1);--bg-selected: rgba(2, 132, 199, .18);--bg-glass: rgba(17, 24, 39, .75);--border-subtle: rgba(255, 255, 255, .08);--border-medium: rgba(255, 255, 255, .15);--border-focus: #0284c7;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--text-inverse: #0f172a;--accent-primary: #0284c7;--accent-primary-hover: #0369a1;--accent-glow: rgba(2, 132, 199, .35);--accent-gradient: linear-gradient(135deg, #0284c7 0%, #6366f1 50%, #8b5cf6 100%);--card-bg: rgba(15, 23, 42, .75);--card-bg-elevated: rgba(30, 41, 59, .85);--card-border: rgba(255, 255, 255, .1);--card-border-glow: rgba(56, 189, 248, .4);--card-shadow: 0 25px 60px -15px rgba(0, 0, 0, .7), 0 0 35px rgba(2, 132, 199, .12);--input-bg: rgba(11, 15, 25, .75);--input-border: rgba(255, 255, 255, .12);--input-border-focus: #0284c7;--input-focus-glow: rgba(56, 189, 248, .25);--input-text: #f8fafc;--input-placeholder: #64748b;--student-badge-bg: rgba(56, 189, 248, .15);--student-badge-text: #38bdf8;--success: #10b981;--success-bg: rgba(16, 185, 129, .15);--warning: #f59e0b;--warning-bg: rgba(245, 158, 11, .15);--danger: #ef4444;--danger-bg: rgba(239, 68, 68, .15);--info: #06b6d4;--info-bg: rgba(6, 182, 212, .15);--folder-color: #f59e0b;--folder-bg: rgba(245, 158, 11, .15);--qset-color: #a855f7;--qset-bg: rgba(168, 85, 247, .12);--note-color: #34d399;--note-bg: rgba(52, 211, 153, .12);--meter-empty: rgba(255, 255, 255, .08);--meter-weak: #ef4444;--meter-fair: #f59e0b;--meter-good: #0284c7;--meter-strong: #10b981;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px rgba(0, 0, 0, .5);--shadow-lg: 0 12px 28px rgba(0, 0, 0, .6);--shadow-glow: 0 0 24px var(--accent-glow)}[data-theme=light]{color-scheme:light;--bg-page: #f1f5f9;--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-tertiary: #f1f5f9;--bg-surface: #ffffff;--bg-surface-elevated: #ffffff;--bg-hover: rgba(0, 0, 0, .04);--bg-active: rgba(0, 0, 0, .08);--bg-selected: rgba(2, 132, 199, .12);--bg-glass: rgba(255, 255, 255, .85);--border-subtle: #e2e8f0;--border-medium: #cbd5e1;--border-focus: #0284c7;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--text-inverse: #ffffff;--accent-primary: #0284c7;--accent-primary-hover: #0369a1;--accent-glow: rgba(2, 132, 199, .25);--accent-gradient: linear-gradient(135deg, #0284c7 0%, #4f46e5 50%, #7c3aed 100%);--card-bg: rgba(255, 255, 255, .88);--card-bg-elevated: #ffffff;--card-border: rgba(203, 213, 225, .7);--card-border-glow: rgba(2, 132, 199, .3);--card-shadow: 0 20px 45px -10px rgba(15, 23, 42, .12), 0 0 25px rgba(2, 132, 199, .08);--input-bg: #ffffff;--input-border: #cbd5e1;--input-border-focus: #0284c7;--input-focus-glow: rgba(2, 132, 199, .18);--input-text: #0f172a;--input-placeholder: #94a3b8;--student-badge-bg: rgba(2, 132, 199, .12);--student-badge-text: #0284c7;--success: #059669;--success-bg: rgba(5, 150, 105, .1);--warning: #d97706;--warning-bg: rgba(217, 119, 6, .1);--danger: #dc2626;--danger-bg: rgba(220, 38, 38, .1);--info: #0284c7;--info-bg: rgba(2, 132, 199, .1);--meter-empty: #e2e8f0;--meter-weak: #dc2626;--meter-fair: #d97706;--meter-good: #0284c7;--meter-strong: #059669;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 10px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .08);--shadow-glow: 0 0 20px var(--accent-glow)}[data-theme=dark][data-theme-palette=midnight]{--bg-page: #080c14;--bg-primary: #0b0f17;--bg-secondary: #111827;--bg-tertiary: #1a2234;--bg-surface: #1e293b;--bg-surface-elevated: #243248;--border-subtle: rgba(255, 255, 255, .08);--border-medium: rgba(255, 255, 255, .15);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b}[data-theme=dark][data-theme-palette=abyss]{--bg-page: #000000;--bg-primary: #050507;--bg-secondary: #0c0c0f;--bg-tertiary: #141418;--bg-surface: #19191e;--bg-surface-elevated: #23232a;--bg-hover: rgba(255, 255, 255, .07);--bg-active: rgba(255, 255, 255, .12);--bg-glass: rgba(12, 12, 15, .88);--border-subtle: rgba(255, 255, 255, .09);--border-medium: rgba(255, 255, 255, .18);--text-primary: #ffffff;--text-secondary: #a1a1aa;--text-muted: #71717a;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .7);--shadow-md: 0 4px 14px rgba(0, 0, 0, .85);--shadow-lg: 0 12px 30px rgba(0, 0, 0, .95)}[data-theme=dark][data-theme-palette=charcoal]{--bg-page: #090a0f;--bg-primary: #101117;--bg-secondary: #171822;--bg-tertiary: #1f212e;--bg-surface: #262838;--bg-surface-elevated: #2f3246;--bg-hover: rgba(255, 255, 255, .06);--bg-active: rgba(255, 255, 255, .1);--bg-glass: rgba(23, 24, 34, .8);--border-subtle: rgba(255, 255, 255, .08);--border-medium: rgba(255, 255, 255, .16);--text-primary: #f4f4f6;--text-secondary: #9da0b3;--text-muted: #6b6e82}[data-theme=dark][data-theme-palette=emerald]{--bg-page: #030c08;--bg-primary: #071510;--bg-secondary: #0c2018;--bg-tertiary: #132c22;--bg-surface: #1a382c;--bg-surface-elevated: #234739;--bg-hover: rgba(52, 211, 153, .08);--bg-active: rgba(52, 211, 153, .14);--bg-glass: rgba(12, 32, 24, .82);--border-subtle: rgba(52, 211, 153, .12);--border-medium: rgba(52, 211, 153, .22);--text-primary: #f2fcf6;--text-secondary: #8abfa5;--text-muted: #578c73}[data-theme=dark][data-theme-palette=nebula]{--bg-page: #070512;--bg-primary: #0d0a1e;--bg-secondary: #14102c;--bg-tertiary: #1e1840;--bg-surface: #272052;--bg-surface-elevated: #332b69;--bg-hover: rgba(168, 85, 247, .08);--bg-active: rgba(168, 85, 247, .14);--bg-glass: rgba(20, 16, 44, .82);--border-subtle: rgba(168, 85, 247, .12);--border-medium: rgba(168, 85, 247, .22);--text-primary: #faf5ff;--text-secondary: #b8a7d9;--text-muted: #7f6e9f}[data-theme=dark][data-theme-palette=espresso]{--bg-page: #0d0907;--bg-primary: #15100c;--bg-secondary: #1e1712;--bg-tertiary: #2a201a;--bg-surface: #362a22;--bg-surface-elevated: #44352b;--bg-hover: rgba(217, 119, 6, .08);--bg-active: rgba(217, 119, 6, .14);--bg-glass: rgba(30, 23, 18, .82);--border-subtle: rgba(217, 119, 6, .12);--border-medium: rgba(217, 119, 6, .22);--text-primary: #fef7ee;--text-secondary: #c4ab99;--text-muted: #8b7362}[data-theme=dark][data-theme-palette=tokyo-night]{--bg-page: #0a0e1a;--bg-primary: #0e1424;--bg-secondary: #141b2e;--bg-tertiary: #1c253d;--bg-surface: #232f4c;--bg-surface-elevated: #2b3a5d;--bg-hover: rgba(99, 102, 241, .08);--bg-active: rgba(99, 102, 241, .16);--bg-glass: rgba(20, 27, 46, .85);--border-subtle: rgba(99, 102, 241, .16);--border-medium: rgba(99, 102, 241, .28);--text-primary: #f0f4ff;--text-secondary: #a5b4fc;--text-muted: #6366f1}[data-theme=dark][data-theme-palette=nordic-aurora]{--bg-page: #061014;--bg-primary: #0a171d;--bg-secondary: #0f2129;--bg-tertiary: #162c36;--bg-surface: #1d3844;--bg-surface-elevated: #264756;--bg-hover: rgba(20, 184, 166, .08);--bg-active: rgba(20, 184, 166, .15);--bg-glass: rgba(15, 33, 41, .84);--border-subtle: rgba(45, 212, 191, .15);--border-medium: rgba(45, 212, 191, .26);--text-primary: #f0fdfa;--text-secondary: #99f6e4;--text-muted: #2dd4bf}[data-theme=dark][data-theme-palette=crimson-eclipse]{--bg-page: #100709;--bg-primary: #170b0e;--bg-secondary: #221014;--bg-tertiary: #2e161c;--bg-surface: #3a1c24;--bg-surface-elevated: #49242e;--bg-hover: rgba(244, 63, 94, .08);--bg-active: rgba(244, 63, 94, .15);--bg-glass: rgba(34, 16, 20, .85);--border-subtle: rgba(244, 63, 94, .16);--border-medium: rgba(244, 63, 94, .28);--text-primary: #fff1f2;--text-secondary: #fca5a5;--text-muted: #fb7185}[data-theme=dark][data-theme-palette=sapphire-depths]{--bg-page: #060b19;--bg-primary: #091226;--bg-secondary: #0e1a38;--bg-tertiary: #14244d;--bg-surface: #1b3064;--bg-surface-elevated: #223c7a;--bg-hover: rgba(59, 130, 246, .08);--bg-active: rgba(59, 130, 246, .15);--bg-glass: rgba(14, 26, 56, .85);--border-subtle: rgba(59, 130, 246, .16);--border-medium: rgba(59, 130, 246, .28);--text-primary: #eff6ff;--text-secondary: #93c5fd;--text-muted: #60a5fa}[data-theme=dark][data-theme-palette=cyber-matrix]{--bg-page: #050c07;--bg-primary: #08140b;--bg-secondary: #0c1d11;--bg-tertiary: #122a18;--bg-surface: #183720;--bg-surface-elevated: #20472a;--bg-hover: rgba(34, 197, 94, .08);--bg-active: rgba(34, 197, 94, .15);--bg-glass: rgba(12, 29, 17, .86);--border-subtle: rgba(34, 197, 94, .16);--border-medium: rgba(34, 197, 94, .28);--text-primary: #f0fdf4;--text-secondary: #86efac;--text-muted: #4ade80}[data-theme=dark][data-theme-palette=titanium-carbon]{--bg-page: #0c0d10;--bg-primary: #121418;--bg-secondary: #181b20;--bg-tertiary: #21252d;--bg-surface: #2a2f39;--bg-surface-elevated: #343a46;--bg-hover: rgba(255, 255, 255, .06);--bg-active: rgba(255, 255, 255, .11);--bg-glass: rgba(24, 27, 32, .85);--border-subtle: rgba(255, 255, 255, .1);--border-medium: rgba(255, 255, 255, .18);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b}[data-theme=dark][data-theme-palette=sunset-synthwave]{--bg-page: #0e0717;--bg-primary: #150b22;--bg-secondary: #1f1032;--bg-tertiary: #2a1643;--bg-surface: #361d56;--bg-surface-elevated: #44256b;--bg-hover: rgba(236, 72, 153, .08);--bg-active: rgba(236, 72, 153, .16);--bg-glass: rgba(31, 16, 50, .85);--border-subtle: rgba(236, 72, 153, .16);--border-medium: rgba(236, 72, 153, .28);--text-primary: #fdf2f8;--text-secondary: #f472b6;--text-muted: #ec4899}[data-theme=dark][data-theme-palette=dracula-noir]{--bg-page: #12101a;--bg-primary: #181523;--bg-secondary: #201d2e;--bg-tertiary: #2a263c;--bg-surface: #35314c;--bg-surface-elevated: #413c5d;--bg-hover: rgba(189, 147, 249, .08);--bg-active: rgba(189, 147, 249, .15);--bg-glass: rgba(32, 29, 46, .85);--border-subtle: rgba(189, 147, 249, .15);--border-medium: rgba(189, 147, 249, .26);--text-primary: #f8f8f2;--text-secondary: #bd93f9;--text-muted: #8b8fb0}[data-theme=dark][data-theme-palette=solar-dusk]{--bg-page: #110d06;--bg-primary: #18130a;--bg-secondary: #221b0e;--bg-tertiary: #2e2514;--bg-surface: #3b301b;--bg-surface-elevated: #4a3d23;--bg-hover: rgba(245, 158, 11, .08);--bg-active: rgba(245, 158, 11, .15);--bg-glass: rgba(34, 27, 14, .85);--border-subtle: rgba(245, 158, 11, .15);--border-medium: rgba(245, 158, 11, .26);--text-primary: #fffbeb;--text-secondary: #fcd34d;--text-muted: #f59e0b}[data-theme=dark][data-theme-palette=oceanic-trench]{--bg-page: #040f16;--bg-primary: #07151f;--bg-secondary: #0a1e2b;--bg-tertiary: #0e293b;--bg-surface: #13354c;--bg-surface-elevated: #19435e;--bg-hover: rgba(6, 182, 212, .08);--bg-active: rgba(6, 182, 212, .15);--bg-glass: rgba(10, 30, 43, .85);--border-subtle: rgba(6, 182, 212, .15);--border-medium: rgba(6, 182, 212, .26);--text-primary: #ecfeff;--text-secondary: #67e8f9;--text-muted: #22d3ee}[data-theme=dark][data-theme-palette=amethyst-twilight]{--bg-page: #0a0614;--bg-primary: #100a1f;--bg-secondary: #170f2b;--bg-tertiary: #21163d;--bg-surface: #2c1e4f;--bg-surface-elevated: #382764;--bg-hover: rgba(192, 132, 252, .08);--bg-active: rgba(192, 132, 252, .15);--bg-glass: rgba(23, 15, 43, .85);--border-subtle: rgba(192, 132, 252, .15);--border-medium: rgba(192, 132, 252, .26);--text-primary: #faf5ff;--text-secondary: #d8b4fe;--text-muted: #a855f7}[data-theme=dark][data-theme-palette=stealth-mono]{--bg-page: #0d0e11;--bg-primary: #121317;--bg-secondary: #181a1f;--bg-tertiary: #202229;--bg-surface: #282b34;--bg-surface-elevated: #323641;--bg-hover: rgba(255, 255, 255, .06);--bg-active: rgba(255, 255, 255, .11);--bg-glass: rgba(24, 26, 31, .85);--border-subtle: rgba(255, 255, 255, .08);--border-medium: rgba(255, 255, 255, .16);--text-primary: #f9fafb;--text-secondary: #9ca3af;--text-muted: #6b7280}[data-theme=dark][data-theme-palette=vscode-dark]{--bg-page: #181818;--bg-primary: #1e1e1e;--bg-secondary: #252526;--bg-tertiary: #2d2d2d;--bg-surface: #333333;--bg-surface-elevated: #3c3c3c;--bg-hover: rgba(255, 255, 255, .08);--bg-active: rgba(255, 255, 255, .14);--bg-glass: rgba(30, 30, 30, .9);--border-subtle: rgba(255, 255, 255, .08);--border-medium: rgba(255, 255, 255, .16);--text-primary: #cccccc;--text-secondary: #9cdcfe;--text-muted: #858585}[data-theme=dark][data-theme-palette=atom-dark]{--bg-page: #1d2127;--bg-primary: #21252b;--bg-secondary: #282c34;--bg-tertiary: #2c313c;--bg-surface: #353b45;--bg-surface-elevated: #3e4451;--bg-hover: rgba(97, 175, 239, .08);--bg-active: rgba(97, 175, 239, .15);--bg-glass: rgba(33, 37, 43, .9);--border-subtle: rgba(97, 175, 239, .15);--border-medium: rgba(97, 175, 239, .28);--text-primary: #abb2bf;--text-secondary: #61afef;--text-muted: #5c6370}[data-theme=dark][data-theme-palette=github-dark]{--bg-page: #1c2128;--bg-primary: #22272e;--bg-secondary: #2d333b;--bg-tertiary: #373e47;--bg-surface: #444c56;--bg-surface-elevated: #545d68;--bg-hover: rgba(205, 217, 229, .08);--bg-active: rgba(205, 217, 229, .14);--bg-glass: rgba(34, 39, 46, .9);--border-subtle: rgba(205, 217, 229, .12);--border-medium: rgba(205, 217, 229, .24);--text-primary: #adbac7;--text-secondary: #768390;--text-muted: #545d68}[data-theme=dark][data-theme-palette=monokai-pro]{--bg-page: #221f22;--bg-primary: #2d2a2e;--bg-secondary: #363337;--bg-tertiary: #403e41;--bg-surface: #4a484b;--bg-surface-elevated: #565357;--bg-hover: rgba(255, 216, 102, .08);--bg-active: rgba(255, 216, 102, .15);--bg-glass: rgba(45, 42, 46, .9);--border-subtle: rgba(255, 216, 102, .14);--border-medium: rgba(255, 216, 102, .26);--text-primary: #fcfcfa;--text-secondary: #ffd866;--text-muted: #727072}[data-theme=dark][data-theme-palette=solarized-dark]{--bg-page: #00212b;--bg-primary: #002b36;--bg-secondary: #073642;--bg-tertiary: #094757;--bg-surface: #0b5668;--bg-surface-elevated: #0e677c;--bg-hover: rgba(147, 161, 161, .08);--bg-active: rgba(147, 161, 161, .15);--bg-glass: rgba(0, 43, 54, .9);--border-subtle: rgba(147, 161, 161, .14);--border-medium: rgba(147, 161, 161, .28);--text-primary: #93a1a1;--text-secondary: #2aa198;--text-muted: #586e75}[data-theme=dark][data-theme-palette=catppuccin-mocha]{--bg-page: #11111b;--bg-primary: #181825;--bg-secondary: #1e1e2e;--bg-tertiary: #28283d;--bg-surface: #313244;--bg-surface-elevated: #45475a;--bg-hover: rgba(203, 166, 247, .08);--bg-active: rgba(203, 166, 247, .15);--bg-glass: rgba(24, 24, 37, .9);--border-subtle: rgba(203, 166, 247, .15);--border-medium: rgba(203, 166, 247, .28);--text-primary: #cdd6f4;--text-secondary: #cba6f7;--text-muted: #a6adc8}[data-theme=light][data-theme-palette=frost]{--bg-page: #f1f5f9;--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-tertiary: #f1f5f9;--bg-surface: #ffffff;--bg-surface-elevated: #ffffff;--border-subtle: #e2e8f0;--border-medium: #cbd5e1;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8}[data-theme=light][data-theme-palette=warm-paper]{--bg-page: #f5f2ea;--bg-primary: #fbf9f4;--bg-secondary: #ffffff;--bg-tertiary: #ede7dc;--bg-surface: #ffffff;--bg-surface-elevated: #fcfbf8;--bg-hover: rgba(60, 50, 40, .04);--bg-active: rgba(60, 50, 40, .08);--bg-glass: rgba(255, 255, 255, .9);--border-subtle: #e2dbce;--border-medium: #cebfac;--text-primary: #292524;--text-secondary: #57534e;--text-muted: #8c827a}[data-theme=light][data-theme-palette=lavender]{--bg-page: #f0f0f8;--bg-primary: #f7f7fc;--bg-secondary: #ffffff;--bg-tertiary: #e7e6f4;--bg-surface: #ffffff;--bg-surface-elevated: #fbfbfe;--bg-hover: rgba(79, 70, 229, .04);--bg-active: rgba(79, 70, 229, .08);--bg-glass: rgba(255, 255, 255, .9);--border-subtle: #dbdaec;--border-medium: #c2c0de;--text-primary: #1e1b4b;--text-secondary: #474374;--text-muted: #79749f}[data-theme=light][data-theme-palette=mint]{--bg-page: #edf5f0;--bg-primary: #f5fbf7;--bg-secondary: #ffffff;--bg-tertiary: #e1efe6;--bg-surface: #ffffff;--bg-surface-elevated: #f9fdfa;--bg-hover: rgba(5, 150, 105, .04);--bg-active: rgba(5, 150, 105, .08);--bg-glass: rgba(255, 255, 255, .9);--border-subtle: #d3e5da;--border-medium: #b6d4c1;--text-primary: #064e3b;--text-secondary: #166534;--text-muted: #4d7c5f}[data-theme=light][data-theme-palette=sand]{--bg-page: #f7f4eb;--bg-primary: #fcfbf7;--bg-secondary: #ffffff;--bg-tertiary: #f0ebd9;--bg-surface: #ffffff;--bg-surface-elevated: #fefdfa;--bg-hover: rgba(217, 119, 6, .04);--bg-active: rgba(217, 119, 6, .08);--bg-glass: rgba(255, 255, 255, .9);--border-subtle: #e6dfcb;--border-medium: #d4c8a8;--text-primary: #3d3119;--text-secondary: #665534;--text-muted: #91815b}[data-theme=light][data-theme-palette=nordic-sky]{--bg-page: #eef6fa;--bg-primary: #f6fbfe;--bg-secondary: #ffffff;--bg-tertiary: #dfedf5;--bg-surface: #ffffff;--bg-surface-elevated: #f8fcff;--bg-hover: rgba(14, 165, 233, .04);--bg-active: rgba(14, 165, 233, .08);--bg-glass: rgba(255, 255, 255, .92);--border-subtle: #d0e4ef;--border-medium: #b0d2e4;--text-primary: #0c4a6e;--text-secondary: #0369a1;--text-muted: #0284c7}[data-theme=light][data-theme-palette=rose-quartz]{--bg-page: #fbf3f5;--bg-primary: #fdf8f9;--bg-secondary: #ffffff;--bg-tertiary: #f5e5e9;--bg-surface: #ffffff;--bg-surface-elevated: #fdf7f8;--bg-hover: rgba(244, 63, 94, .04);--bg-active: rgba(244, 63, 94, .08);--bg-glass: rgba(255, 255, 255, .92);--border-subtle: #edd3da;--border-medium: #e1b5c2;--text-primary: #4c0519;--text-secondary: #881337;--text-muted: #be123c}[data-theme=light][data-theme-palette=matcha-latte]{--bg-page: #f3f6f1;--bg-primary: #f8faf7;--bg-secondary: #ffffff;--bg-tertiary: #e5ede1;--bg-surface: #ffffff;--bg-surface-elevated: #fbfcf9;--bg-hover: rgba(84, 130, 53, .04);--bg-active: rgba(84, 130, 53, .08);--bg-glass: rgba(255, 255, 255, .92);--border-subtle: #d7e4d2;--border-medium: #b9d1b1;--text-primary: #1c3315;--text-secondary: #365e2b;--text-muted: #5c8c4e}[data-theme=light][data-theme-palette=ocean-breeze]{--bg-page: #eef8f8;--bg-primary: #f6fcfc;--bg-secondary: #ffffff;--bg-tertiary: #def1f1;--bg-surface: #ffffff;--bg-surface-elevated: #f8fdfd;--bg-hover: rgba(13, 148, 136, .04);--bg-active: rgba(13, 148, 136, .08);--bg-glass: rgba(255, 255, 255, .92);--border-subtle: #cbeaea;--border-medium: #a4dada;--text-primary: #134e4a;--text-secondary: #0f766e;--text-muted: #14b8a6}[data-theme=light][data-theme-palette=clean-ivory]{--bg-page: #faf7f2;--bg-primary: #fdfcf9;--bg-secondary: #ffffff;--bg-tertiary: #f0ece1;--bg-surface: #ffffff;--bg-surface-elevated: #fdfcfb;--bg-hover: rgba(120, 100, 80, .04);--bg-active: rgba(120, 100, 80, .08);--bg-glass: rgba(255, 255, 255, .92);--border-subtle: #e5dec9;--border-medium: #cec4aa;--text-primary: #26231f;--text-secondary: #595248;--text-muted: #877e71}[data-theme=light][data-theme-palette=lavender-blush]{--bg-page: #f6f2fb;--bg-primary: #faf7fd;--bg-secondary: #ffffff;--bg-tertiary: #eee4f7;--bg-surface: #ffffff;--bg-surface-elevated: #fcfaff;--bg-hover: rgba(147, 51, 234, .04);--bg-active: rgba(147, 51, 234, .08);--bg-glass: rgba(255, 255, 255, .92);--border-subtle: #e1d1f2;--border-medium: #cab2e6;--text-primary: #3b0764;--text-secondary: #6b21a8;--text-muted: #9333ea}[data-theme=light][data-theme-palette=cashmere-glow]{--bg-page: #f8f4ed;--bg-primary: #fcfaf6;--bg-secondary: #ffffff;--bg-tertiary: #ede5d8;--bg-surface: #ffffff;--bg-surface-elevated: #fcfaf7;--bg-hover: rgba(180, 130, 80, .04);--bg-active: rgba(180, 130, 80, .08);--bg-glass: rgba(255, 255, 255, .92);--border-subtle: #ded3be;--border-medium: #c7b79d;--text-primary: #38291a;--text-secondary: #6e543c;--text-muted: #9e7f60}[data-theme=light][data-theme-palette=slate-editorial]{--bg-page: #f0f2f5;--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-tertiary: #e2e6eb;--bg-surface: #ffffff;--bg-surface-elevated: #fbfcfe;--bg-hover: rgba(15, 23, 42, .04);--bg-active: rgba(15, 23, 42, .08);--bg-glass: rgba(255, 255, 255, .92);--border-subtle: #d3d8df;--border-medium: #b5bdc8;--text-primary: #090d16;--text-secondary: #334155;--text-muted: #64748b}[data-theme=light][data-theme-palette=peach-blossom]{--bg-page: #fdf5f0;--bg-primary: #fef9f5;--bg-secondary: #ffffff;--bg-tertiary: #fae8dc;--bg-surface: #ffffff;--bg-surface-elevated: #fffbf8;--bg-hover: rgba(249, 115, 22, .04);--bg-active: rgba(249, 115, 22, .08);--bg-glass: rgba(255, 255, 255, .92);--border-subtle: #f4d5c0;--border-medium: #eab997;--text-primary: #431407;--text-secondary: #7c2d12;--text-muted: #c2410c}[data-theme=light][data-theme-palette=emerald-spring]{--bg-page: #eef7f2;--bg-primary: #f6fbf8;--bg-secondary: #ffffff;--bg-tertiary: #deefe5;--bg-surface: #ffffff;--bg-surface-elevated: #f9fcfb;--bg-hover: rgba(16, 185, 129, .04);--bg-active: rgba(16, 185, 129, .08);--bg-glass: rgba(255, 255, 255, .92);--border-subtle: #cbe6d6;--border-medium: #a3d4b6;--text-primary: #064e3b;--text-secondary: #047857;--text-muted: #059669}[data-theme=light][data-theme-palette=cyber-silver]{--bg-page: #f1f3f9;--bg-primary: #f7f9fd;--bg-secondary: #ffffff;--bg-tertiary: #e3e7f4;--bg-surface: #ffffff;--bg-surface-elevated: #fbfcfe;--bg-hover: rgba(99, 102, 241, .04);--bg-active: rgba(99, 102, 241, .08);--bg-glass: rgba(255, 255, 255, .92);--border-subtle: #d3daee;--border-medium: #b5c1e3;--text-primary: #1e1b4b;--text-secondary: #4338ca;--text-muted: #6366f1}[data-theme=light][data-theme-palette=golden-honey]{--bg-page: #fdf8eb;--bg-primary: #fffcf4;--bg-secondary: #ffffff;--bg-tertiary: #faeed0;--bg-surface: #ffffff;--bg-surface-elevated: #fffdf8;--bg-hover: rgba(245, 158, 11, .04);--bg-active: rgba(245, 158, 11, .08);--bg-glass: rgba(255, 255, 255, .92);--border-subtle: #f4e0af;--border-medium: #eacb83;--text-primary: #451a03;--text-secondary: #78350f;--text-muted: #b45309}[data-theme=light][data-theme-palette=pristine-pearl]{--bg-page: #f8f9fa;--bg-primary: #ffffff;--bg-secondary: #ffffff;--bg-tertiary: #f1f3f5;--bg-surface: #ffffff;--bg-surface-elevated: #ffffff;--bg-hover: rgba(0, 0, 0, .03);--bg-active: rgba(0, 0, 0, .06);--bg-glass: rgba(255, 255, 255, .94);--border-subtle: #e9ecef;--border-medium: #dee2e6;--text-primary: #212529;--text-secondary: #495057;--text-muted: #868e96}[data-theme=light][data-theme-palette=vscode-light]{--bg-page: #f8f8f8;--bg-primary: #ffffff;--bg-secondary: #f3f3f3;--bg-tertiary: #e8e8e8;--bg-surface: #ffffff;--bg-surface-elevated: #ffffff;--bg-hover: rgba(0, 122, 204, .04);--bg-active: rgba(0, 122, 204, .08);--bg-glass: rgba(255, 255, 255, .92);--border-subtle: #cecece;--border-medium: #b8b8b8;--text-primary: #1e1e1e;--text-secondary: #007acc;--text-muted: #767676}[data-theme=light][data-theme-palette=atom-light]{--bg-page: #f4f4f5;--bg-primary: #ffffff;--bg-secondary: #fafafa;--bg-tertiary: #e5e5e6;--bg-surface: #ffffff;--bg-surface-elevated: #ffffff;--bg-hover: rgba(64, 120, 242, .04);--bg-active: rgba(64, 120, 242, .08);--bg-glass: rgba(255, 255, 255, .92);--border-subtle: #d0d0d2;--border-medium: #bebec0;--text-primary: #383a42;--text-secondary: #4078f2;--text-muted: #a0a1a7}[data-theme=light][data-theme-palette=github-light]{--bg-page: #f6f8fa;--bg-primary: #ffffff;--bg-secondary: #ffffff;--bg-tertiary: #eaeef2;--bg-surface: #ffffff;--bg-surface-elevated: #ffffff;--bg-hover: rgba(9, 105, 218, .04);--bg-active: rgba(9, 105, 218, .08);--bg-glass: rgba(255, 255, 255, .92);--border-subtle: #d0d7de;--border-medium: #afb8c1;--text-primary: #24292f;--text-secondary: #0969da;--text-muted: #6e7781}[data-theme=light][data-theme-palette=monokai-light]{--bg-page: #f3f2f3;--bg-primary: #ffffff;--bg-secondary: #faf9fa;--bg-tertiary: #e6e4e6;--bg-surface: #ffffff;--bg-surface-elevated: #fdfcfd;--bg-hover: rgba(45, 42, 46, .04);--bg-active: rgba(45, 42, 46, .08);--bg-glass: rgba(255, 255, 255, .92);--border-subtle: #d4d2d4;--border-medium: #bebcbe;--text-primary: #2d2a2e;--text-secondary: #5a575b;--text-muted: #878588}[data-theme=light][data-theme-palette=solarized-light]{--bg-page: #fdf6e3;--bg-primary: #fffdf7;--bg-secondary: #f7eed4;--bg-tertiary: #eee8d5;--bg-surface: #ffffff;--bg-surface-elevated: #fbf1d3;--bg-hover: rgba(42, 161, 152, .04);--bg-active: rgba(42, 161, 152, .08);--bg-glass: rgba(253, 246, 227, .92);--border-subtle: #d5cca6;--border-medium: #bcb184;--text-primary: #586e75;--text-secondary: #2aa198;--text-muted: #93a1a1}[data-theme=light][data-theme-palette=catppuccin-latte]{--bg-page: #e6e9ef;--bg-primary: #eff1f5;--bg-secondary: #eff1f5;--bg-tertiary: #dce0e8;--bg-surface: #ffffff;--bg-surface-elevated: #ccd0da;--bg-hover: rgba(136, 57, 239, .04);--bg-active: rgba(136, 57, 239, .08);--bg-glass: rgba(239, 241, 245, .92);--border-subtle: #bcc0cc;--border-medium: #acb0be;--text-primary: #4c4f69;--text-secondary: #8839ef;--text-muted: #7c7f93}.app-container{display:flex;height:100vh;width:100vw;overflow:hidden;background:var(--bg-primary);position:relative}.sidebar{width:260px;min-width:260px;height:100%;background:var(--bg-secondary);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;transition:transform var(--duration-normal) var(--ease-smooth),width var(--duration-normal) var(--ease-smooth);z-index:100;position:relative}.sidebar-header{height:64px;padding:0 var(--space-lg);display:flex;align-items:center;gap:var(--space-sm);border-bottom:1px solid var(--border-subtle)}.brand-logo{width:32px;height:32px;background:linear-gradient(135deg,var(--accent-primary),#6366f1);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:var(--font-bold);font-size:var(--font-md);box-shadow:0 2px 10px var(--accent-glow)}.brand-text{font-size:var(--font-md);font-weight:var(--font-bold);letter-spacing:-.02em;color:var(--text-primary);display:flex;align-items:center;gap:4px}.brand-text span{color:var(--accent-primary)}.brand-tag{font-size:10px;font-weight:700;text-transform:uppercase;padding:2px 6px;border-radius:99px;background:var(--bg-selected);color:var(--accent-primary);border:1px solid var(--border-subtle)}.sidebar-nav{flex:1;padding:var(--space-md) var(--space-sm);display:flex;flex-direction:column;gap:6px;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:var(--space-sm);padding:10px 14px;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--font-sm);font-weight:var(--font-medium);transition:all var(--duration-fast);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid transparent}.nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-item.active{background:var(--bg-selected);color:var(--accent-primary);font-weight:var(--font-semibold);border-color:#0284c740;box-shadow:0 2px 6px #00000014}.nav-item svg{width:18px;height:18px;flex-shrink:0}.nav-badge{margin-left:auto;font-size:11px;font-weight:600;padding:1px 7px;border-radius:99px;background:var(--bg-surface);color:var(--text-muted)}.nav-item.active .nav-badge{background:var(--accent-primary);color:#fff}.sidebar-footer{padding:var(--space-md);border-top:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between}.user-profile-badge{display:flex;align-items:center;gap:var(--space-xs);overflow:hidden}.avatar{width:32px;height:32px;border-radius:var(--radius-full);background:var(--bg-tertiary);border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;font-weight:var(--font-semibold);font-size:var(--font-xs);color:var(--text-primary)}.user-info{display:flex;flex-direction:column;overflow:hidden}.user-name{font-size:var(--font-xs);font-weight:var(--font-semibold);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role,.user-role-label{font-size:11px;color:var(--text-muted)}.user-role.admin-role,.user-role-label.admin-role{color:#f59e0b;font-weight:600}.main-wrapper{flex:1;display:flex;flex-direction:column;height:100%;overflow:hidden;background:var(--bg-primary)}.top-header{height:64px;padding:0 var(--space-lg);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-subtle);background:var(--bg-secondary);z-index:90;gap:var(--space-md)}.header-left{display:flex;align-items:center;gap:var(--space-md)}.page-title{font-size:var(--font-lg);font-weight:var(--font-bold);color:var(--text-primary);display:flex;align-items:center;gap:10px}.header-right{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:nowrap}.subscription-selector-pill{display:flex;align-items:center;gap:6px;padding:5px 12px;border-radius:var(--radius-full);background:var(--bg-tertiary);border:1px solid var(--border-subtle);font-size:12px;color:var(--text-secondary)}.subscription-selector-pill select{background:transparent;border:none;color:var(--accent-primary);font-weight:600;font-size:12px;outline:none;cursor:pointer}.admin-mode-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-full);background:#f59e0b26;color:#f59e0b;border:1px solid rgba(245,158,11,.3);font-size:11px;font-weight:700;white-space:nowrap}#views-container{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative}.content-view{flex:1;overflow-y:auto;padding:var(--space-lg);display:none!important}.content-view.active{display:flex!important;flex-direction:column;gap:var(--space-lg)}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:95;opacity:0;pointer-events:none;transition:opacity var(--duration-fast)}.sidebar-backdrop.active{opacity:1;pointer-events:auto}#mobile-menu-btn{display:none}@media (max-width: 900px){#mobile-menu-btn{display:inline-flex}.sidebar{position:fixed;top:0;bottom:0;left:-260px;box-shadow:var(--shadow-lg);transform:translateZ(0)}.sidebar.mobile-open{transform:translate3d(260px,0,0)}.top-header{padding:0 var(--space-md)}.page-title{font-size:var(--font-md)}.content-view{padding:var(--space-md)}.content-view.active{gap:var(--space-md)}}@media (max-width: 600px){.subscription-selector-pill,.sub-btn-label{display:none}.content-view{padding:var(--space-sm)}.content-view.active{gap:var(--space-sm)}}body.exam-mode-active .sidebar,body.exam-mode-active .sidebar-backdrop,body.exam-mode-active .top-header{display:none!important}body.exam-mode-active .main-wrapper{margin-left:0!important;width:100vw!important;max-width:100vw!important;height:100vh!important;padding:0!important}body.exam-mode-active #views-container{height:100vh!important;max-height:100vh!important;padding:0!important;overflow:hidden!important}body.exam-mode-active .content-view{padding:0!important;height:100%!important;max-height:100%!important;overflow:hidden!important}body.exam-mode-active .test-runner-container,body.exam-mode-active .test-runner-container *,body.exam-mode-active .test-question-canvas,body.exam-mode-active .test-question-canvas *,body.exam-mode-active .question-option-card,body.exam-mode-active .question-option-card *,body.exam-mode-active .q-help-callout,body.exam-mode-active .q-help-callout *{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}body.exam-mode-active input,body.exam-mode-active textarea,body.exam-mode-active #nat-answer-input{-webkit-user-select:text!important;-moz-user-select:text!important;-ms-user-select:text!important;user-select:text!important}body.exam-briefing-active #views-container,body.exam-briefing-active .content-view,body.exam-mode-active #views-container:has(.candidate-briefing-wrapper),body.exam-mode-active .content-view:has(.candidate-briefing-wrapper){overflow-y:auto!important;overflow-x:hidden!important;height:100%!important;max-height:100%!important;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--border-medium) transparent}body.exam-briefing-active .content-view::-webkit-scrollbar,body.exam-mode-active .content-view:has(.candidate-briefing-wrapper)::-webkit-scrollbar{width:6px}body.exam-briefing-active .content-view::-webkit-scrollbar-track,body.exam-mode-active .content-view:has(.candidate-briefing-wrapper)::-webkit-scrollbar-track{background:transparent}body.exam-briefing-active .content-view::-webkit-scrollbar-thumb,body.exam-mode-active .content-view:has(.candidate-briefing-wrapper)::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:var(--radius-full, 9999px)}body.exam-briefing-active .content-view::-webkit-scrollbar-thumb:hover,body.exam-mode-active .content-view:has(.candidate-briefing-wrapper)::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:8px 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);font-weight:var(--font-medium);transition:all var(--duration-fast) var(--ease-smooth);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid transparent;outline:none}.btn:active{transform:scale(.98)}.btn:disabled,.btn[disabled]{opacity:.45!important;cursor:not-allowed!important;pointer-events:none!important;box-shadow:none!important;transform:none!important}.btn-primary{background:var(--accent-primary);color:#fff;box-shadow:0 2px 8px var(--accent-glow)}.btn-primary:hover{background:var(--accent-primary-hover);box-shadow:0 4px 14px var(--accent-glow)}.btn-secondary{background:var(--bg-surface-elevated);color:var(--text-primary);border:1px solid var(--border-subtle)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-medium)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-ghost.active{background:var(--bg-selected);color:var(--accent-primary);border-color:var(--border-focus)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{filter:brightness(1.1);box-shadow:0 2px 8px #ef444466}.btn-danger-outline{background:var(--danger-bg);color:var(--danger);border:1px solid var(--danger)}.btn-danger-outline:hover{background:var(--danger);color:#fff}.btn-danger-ghost{background:transparent;color:var(--text-secondary);border:1px solid transparent}.btn-danger-ghost:hover{background:var(--danger-bg);color:var(--danger);border-color:#ef444459}.btn-sm{padding:5px 10px;font-size:var(--font-xs)}.btn-lg{padding:12px 24px;font-size:var(--font-md);font-weight:600}.btn-icon{padding:8px;border-radius:var(--radius-sm)}#btn-top-theme-toggle{padding:8px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center}#top-theme-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;line-height:1}#top-theme-icon svg{display:block}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-md)}.kpi-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:18px 20px;display:flex;align-items:center;gap:16px;box-shadow:var(--shadow-sm);transition:transform var(--duration-fast),border-color var(--duration-fast)}.kpi-card:hover{transform:translateY(-2px);border-color:var(--border-medium)}.kpi-icon-wrap{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.kpi-content{display:flex;flex-direction:column;gap:2px;overflow:hidden}.kpi-value{font-family:Outfit,sans-serif;font-size:var(--font-xl);font-weight:700;color:var(--text-primary);line-height:1.1}.kpi-label{font-size:12px;color:var(--text-muted);font-weight:500}.kpi-subtext{font-size:11px;color:var(--accent-primary);font-weight:600;margin-top:2px}@media (max-width: 640px){.kpi-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px}.kpi-card{padding:12px;gap:10px;min-width:0}.kpi-icon-wrap{width:36px;height:36px;font-size:16px}.kpi-value{font-size:1.15rem}.kpi-label{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kpi-subtext{font-size:10px;display:none}}.student-hero-banner{background:linear-gradient(135deg,#0f172a,#1e293b 55%,#0f172a);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg, 16px);padding:16px 20px;min-height:auto;display:flex;align-items:center;position:relative;overflow:visible;box-shadow:0 4px 20px -2px #00000059,inset 0 1px #ffffff14}[data-theme=light] .student-hero-banner{background:linear-gradient(135deg,#fff,#f8fafc 60%,#f1f5f9);border:1px solid #e2e8f0;box-shadow:0 4px 16px -2px #0f172a0d,0 1px 2px #0f172a08}.hero-left{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;position:relative;z-index:2}.hero-badge-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:2px}.hero-greeting-title{font-family:Outfit,sans-serif;font-size:clamp(1.2rem,2vw,1.5rem);font-weight:700;line-height:1.25;color:#fff;letter-spacing:-.015em;margin:0;padding:0;word-break:break-word}[data-theme=light] .hero-greeting-title{color:#0f172a}.hero-name-accent{background:linear-gradient(135deg,#38bdf8,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}[data-theme=light] .hero-name-accent{background:linear-gradient(135deg,#0284c7,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-desc{font-size:13px;color:#94a3b8;line-height:1.45;margin:0;max-width:640px}[data-theme=light] .hero-desc{color:#475569}@media (max-width: 900px){.student-hero-banner{padding:12px 16px;border-radius:var(--radius-md, 12px)}.hero-left{gap:2px}.hero-greeting-title{font-size:1.15rem;line-height:1.25}.hero-desc{font-size:12px;line-height:1.35}}@media (max-width: 480px){.student-hero-banner{padding:10px 12px;border-radius:10px}.hero-left{gap:2px}.hero-greeting-title{font-size:1.05rem;line-height:1.2}.hero-desc{font-size:11.5px;line-height:1.3}}.badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:2px 8px;border-radius:var(--radius-full)}.badge-primary{background:var(--bg-selected);color:var(--accent-primary);border:1px solid var(--accent-primary)}.badge-success{background:var(--success-bg);color:var(--success)}.badge-warning{background:var(--warning-bg);color:var(--warning)}.badge-danger{background:var(--danger-bg);color:var(--danger)}.badge-purple{background:#a855f726;color:#a855f7}.badge-q-num{background:var(--bg-surface-elevated);color:var(--text-primary);border:1px solid var(--border-medium);font-weight:700;font-size:11.5px;padding:3px 9px;border-radius:6px;letter-spacing:-.01em}.badge-q-type{font-weight:700;font-size:11px;padding:3px 8px;border-radius:6px;letter-spacing:.02em;display:inline-flex;align-items:center;gap:5px}.badge-type-mcq{background:#0284c71f;color:#0284c7;border:1px solid rgba(2,132,199,.35)}[data-theme=light] .badge-type-mcq{background:#0284c71a;color:#0369a1;border-color:#0284c74d}.badge-type-msq{background:#9333ea24;color:#c084fc;border:1px solid rgba(147,51,234,.35)}[data-theme=light] .badge-type-msq{background:#9333ea1a;color:#7e22ce;border-color:#9333ea4d}.badge-type-nat{background:#f59e0b24;color:#fbbf24;border:1px solid rgba(245,158,11,.35)}[data-theme=light] .badge-type-nat{background:#f59e0b1a;color:#b45309;border-color:#f59e0b4d}.badge-type-tf{background:#10b98124;color:#34d399;border:1px solid rgba(16,185,129,.35)}[data-theme=light] .badge-type-tf{background:#10b9811a;color:#047857;border-color:#10b9814d}.q-help-callout{display:flex;align-items:center;gap:10px;padding:8px 14px;border-radius:8px;font-size:12.5px;line-height:1.45;margin-top:14px;margin-bottom:4px;transition:all var(--duration-fast)}.q-help-callout i{font-size:14px;flex-shrink:0}.q-help-callout.q-help-msq{background:#9333ea14;border:1px solid rgba(147,51,234,.28);color:#c4b5fd}[data-theme=light] .q-help-callout.q-help-msq{background:#9333ea14;border-color:#9333ea40;color:#6d28d9}.q-help-callout.q-help-msq i{color:#a855f7}.q-help-callout.q-help-nat{background:#f59e0b14;border:1px solid rgba(245,158,11,.28);color:#fde68a}[data-theme=light] .q-help-callout.q-help-nat{background:#f59e0b14;border-color:#f59e0b40;color:#b45309}.q-help-callout.q-help-nat i{color:#f59e0b}.sub-items-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.sub-item-card{background:var(--bg-secondary);border:2px solid var(--border-subtle);border-radius:var(--radius-md);padding:18px;cursor:pointer;display:flex;flex-direction:column;gap:12px;transition:all var(--duration-fast);position:relative}.sub-item-card:hover{border-color:var(--border-medium);transform:translateY(-2px);box-shadow:var(--shadow-md)}.sub-item-card.selected{border-color:var(--accent-primary);background:var(--bg-selected);box-shadow:0 0 0 1px var(--accent-primary),0 8px 24px var(--accent-glow)}.sub-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.sub-card-icon{width:40px;height:40px;border-radius:var(--radius-sm);background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.sub-card-title{font-family:Outfit,sans-serif;font-size:var(--font-md);font-weight:700;color:var(--text-primary)}.sub-card-desc{font-size:12.5px;color:var(--text-secondary);line-height:1.45}.sub-features-list{display:flex;flex-direction:column;gap:4px;padding-top:8px;border-top:1px solid var(--border-subtle)}.sub-feature-item{font-size:11.5px;color:var(--text-muted);display:flex;align-items:center;gap:6px}.sub-feature-item svg{color:var(--success);width:12px;height:12px}.test-series-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px}.test-series-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:18px;display:flex;flex-direction:column;gap:14px;box-shadow:var(--shadow-sm);transition:all var(--duration-fast);cursor:pointer;-webkit-user-select:none;user-select:none}.test-series-card:hover{border-color:var(--accent-primary);transform:translateY(-3px);box-shadow:0 8px 24px #0000002e,0 0 12px var(--accent-glow)}.series-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.series-title{font-family:Outfit,sans-serif;font-size:var(--font-md);font-weight:700;color:var(--text-primary);margin-bottom:2px}.series-exam-trail{font-size:11.5px;color:var(--text-muted);display:flex;align-items:center;gap:4px}.series-meta-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--text-secondary);padding:8px 0;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.series-meta-item{display:flex;align-items:center;gap:5px}.series-items-accordion{display:flex;flex-direction:column;gap:6px}.bundled-qset-row{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;background:var(--bg-tertiary);border-radius:var(--radius-xs);font-size:12px;border:1px solid var(--border-subtle)}.series-details-container{display:flex;flex-direction:column;gap:18px;max-width:1400px;margin:0 auto;width:100%;animation:fadeIn .2s ease}.series-details-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.series-details-trail{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--text-muted);flex-wrap:wrap}.series-details-trail .trail-item{font-weight:500}.series-details-trail .trail-sub{color:var(--accent-primary);font-weight:600}.series-details-trail .trail-sep{opacity:.5;font-size:14px}.series-details-hero{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg, 16px);padding:24px 28px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:20px;position:relative;overflow:hidden}.series-hero-main{display:flex;flex-direction:column;gap:8px}.series-hero-badge-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.series-hero-title{font-family:Outfit,sans-serif;font-size:1.85rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em;line-height:1.25;margin:4px 0 0}.series-hero-desc{font-size:13.5px;color:var(--text-secondary);line-height:1.6;max-width:900px;margin:0}.series-stats-ribbon{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-top:16px;border-top:1px solid var(--border-subtle)}.series-stat-box{display:flex;align-items:center;gap:10px;background:var(--bg-secondary);padding:8px 14px;border-radius:var(--radius-sm, 10px);border:1px solid var(--border-subtle);flex:1 1 180px}.series-stat-box .stat-icon-wrap{width:36px;height:36px;border-radius:var(--radius-xs, 6px);display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.series-stat-box .stat-info{display:flex;flex-direction:column;gap:1px}.series-stat-box .stat-label{font-size:10.5px;color:var(--text-muted);text-transform:uppercase;font-weight:600;letter-spacing:.3px}.series-stat-box .stat-value{font-size:13.5px;font-weight:700;color:var(--text-primary)}.series-tabs-container{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:4px 0 6px}.series-segmented-tabs{display:inline-flex;align-items:center;gap:4px;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md, 12px);padding:4px;box-shadow:inset 0 1px 2px #0000000f}.series-tab-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:var(--radius-sm, 8px);font-family:Outfit,sans-serif;font-size:13.5px;font-weight:600;color:var(--text-secondary);background:transparent;border:1px solid transparent;cursor:pointer;transition:all var(--duration-fast, .18s) ease;-webkit-user-select:none;user-select:none}.series-tab-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.series-tab-btn.active{color:var(--text-primary);background:var(--bg-surface-elevated, var(--bg-surface));border-color:var(--border-medium);box-shadow:0 1px 4px #0000001f}.series-tab-count{font-size:11px;font-weight:700;padding:2px 7.5px;border-radius:var(--radius-full);background:var(--bg-tertiary);color:var(--text-muted);font-family:var(--font-mono, monospace);transition:all var(--duration-fast)}.series-tab-btn.active .series-tab-count{background:var(--accent-primary);color:#fff}.series-tab-meta{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--text-muted);font-weight:500}.series-tab-content-area,.series-items-list{display:flex;flex-direction:column;gap:12px}.series-item-card{display:flex;align-items:center;justify-content:space-between;gap:18px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md, 12px);padding:16px 20px;box-shadow:var(--shadow-sm);cursor:pointer;transition:all var(--duration-fast)}.series-item-card:hover{transform:translateY(-2px);border-color:var(--accent-primary);box-shadow:0 6px 20px #00000026}.series-item-card .item-card-left{display:flex;align-items:center;gap:16px;flex:1;min-width:0}.item-index-badge{width:38px;height:38px;border-radius:var(--radius-sm, 10px);background:#6366f11f;color:var(--accent-primary);font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.item-index-badge.note-badge{background:#10b9811f;color:var(--success)}.item-card-info{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.item-card-title{font-family:Outfit,sans-serif;font-size:1.05rem;font-weight:600;color:var(--text-primary);margin:0;word-break:break-word}.item-card-desc{font-size:12.5px;color:var(--text-secondary);margin:0;line-height:1.45}.item-meta-pills{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-top:4px}.meta-pill{font-size:11.5px;color:var(--text-muted);background:var(--bg-secondary);padding:2px 8px;border-radius:var(--radius-xs, 6px);border:1px solid var(--border-subtle);display:inline-flex;align-items:center;gap:4px}.meta-pill i{font-size:10px}.series-item-card .item-card-right{display:flex;align-items:center;flex-shrink:0}.series-item-card .item-card-right .action-btn{pointer-events:none}.series-empty-tab-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;background:var(--bg-secondary);border:1px dashed var(--border-subtle);border-radius:var(--radius-md);text-align:center;gap:10px}.series-empty-tab-state .empty-icon{font-size:36px;opacity:.6}.series-empty-tab-state h4{font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0}.series-empty-tab-state p{font-size:12.5px;color:var(--text-muted);margin:0}@media (max-width: 768px){.series-details-hero{padding:18px 16px}.series-hero-title{font-size:1.45rem}.series-item-card{flex-direction:column;align-items:stretch;padding:14px 16px;gap:12px}.series-item-card .item-card-right{width:100%}.series-item-card .item-card-right .action-btn{width:100%;justify-content:center}}@media (max-width: 640px){.series-details-hero{padding:16px 14px;gap:14px}.series-hero-title{font-size:1.3rem}.series-stats-ribbon{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:10px!important;width:100%}.series-stat-box{flex:none!important;width:100%!important;min-width:0!important;padding:10px 12px;gap:10px}.series-stat-box .stat-icon-wrap{width:32px;height:32px;font-size:13px}.series-stat-box .stat-label{font-size:9.5px}.series-stat-box .stat-value{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.series-tabs-container{flex-direction:column;align-items:stretch;gap:10px}.series-segmented-tabs{width:100%;display:flex}.series-segmented-tabs .series-tab-btn{flex:1;justify-content:center;padding:9px 12px;font-size:13px}.series-tab-meta{justify-content:center;font-size:12px}}.table-container{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow-x:auto;box-shadow:var(--shadow-sm)}.styled-table{width:100%;border-collapse:collapse;text-align:left;font-size:var(--font-sm)}.styled-table thead{background:var(--bg-tertiary);border-bottom:1px solid var(--border-subtle)}.styled-table th{padding:12px 16px;font-weight:600;color:var(--text-secondary);font-size:12px;text-transform:uppercase;letter-spacing:.04em}.styled-table td{padding:14px 16px;border-bottom:1px solid var(--border-subtle);color:var(--text-primary);vertical-align:middle}.styled-table tbody tr:hover{background:var(--bg-hover)}.styled-table tbody tr:last-child td{border-bottom:none}.results-desktop-table{display:block}.results-mobile-cards{display:none}@media (max-width: 768px){.results-desktop-table{display:none!important}.results-mobile-cards{display:flex!important;flex-direction:column;gap:12px;width:100%;box-sizing:border-box}}.perf-card-item{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:14px 16px;display:flex;flex-direction:column;gap:12px;box-shadow:var(--shadow-sm);transition:transform var(--duration-fast),border-color var(--duration-fast);box-sizing:border-box}.perf-card-item:hover{border-color:var(--border-medium)}.perf-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.perf-card-title-group{flex:1;min-width:0}.perf-card-title{font-family:Outfit,sans-serif;font-size:14.5px;font-weight:700;color:var(--text-primary);margin:0 0 4px;line-height:1.35;word-break:break-word}.perf-card-subtitle{font-size:11.5px;color:var(--text-muted);display:flex;align-items:center;flex-wrap:wrap;gap:6px}.perf-card-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:10px 12px;background:var(--bg-tertiary);border-radius:var(--radius-sm);border:1px solid var(--border-subtle)}.perf-stat-cell{display:flex;flex-direction:column;gap:2px;min-width:0}.perf-stat-cell-lbl{font-size:10px;color:var(--text-muted);text-transform:uppercase;font-weight:600;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.perf-stat-cell-val{font-size:13px;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.perf-card-actions{display:flex;align-items:center;gap:8px}.perf-card-actions .btn{flex:1;justify-content:center;padding:8px 12px;font-size:12.5px}.filter-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-sm);padding:12px 16px;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.search-input-box{display:flex;align-items:center;gap:8px;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:6px 12px;min-width:240px}.search-input-box input{background:transparent;border:none;outline:none;color:var(--text-primary);font-size:var(--font-sm);width:100%}.filter-select{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:6px 12px;color:var(--text-primary);font-size:var(--font-sm);outline:none;cursor:pointer}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;display:none;align-items:center;justify-content:center;padding:var(--space-md)}.modal-backdrop.active{display:flex}.modal-card{background:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:var(--radius-lg);padding:24px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);position:relative;display:flex;flex-direction:column;gap:16px}.test-runner-container{display:flex;flex-direction:column;height:100vh;max-height:100vh;box-sizing:border-box;padding:12px 16px;gap:12px;overflow:hidden}.test-runner-header{padding:10px 18px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-shrink:0;box-shadow:0 1px 3px #0000000d,0 1px 2px #00000008;transition:all var(--duration-fast)}.runner-header-left{display:flex;align-items:center;gap:12px;min-width:0;flex:1 1 auto}.runner-header-divider{width:1px;height:24px;background:var(--border-medium);opacity:.75;flex-shrink:0}.runner-title-group{display:flex;flex-direction:column;gap:2px;min-width:0}.runner-title-text{font-family:Outfit,sans-serif;font-size:15px;font-weight:700;color:var(--text-primary);letter-spacing:-.015em;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.runner-subtitle-text{font-family:Inter,sans-serif;font-size:12px;font-weight:500;color:var(--text-secondary);display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.runner-exam-name{color:var(--text-secondary);font-weight:500;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.runner-dot-sep{color:var(--text-muted);font-size:10px;opacity:.6}.runner-q-indicator{color:var(--text-secondary);white-space:nowrap}.runner-current-q-num{color:var(--accent-primary);font-weight:700}.runner-header-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.runner-status-group{display:flex;align-items:center;gap:10px;flex-shrink:0}.runner-controls-group{display:flex;align-items:center;gap:8px;flex-shrink:0}.runner-lang-box{display:inline-flex;align-items:center;gap:6px;background:var(--bg-tertiary);border:1px solid var(--border-medium);border-radius:var(--radius-sm);padding:4px 10px;font-size:12px;font-weight:600;color:var(--text-secondary);transition:all var(--duration-fast)}.runner-lang-box:hover{border-color:var(--accent-primary);background:var(--bg-surface-hover)}.runner-lang-icon{font-size:12px;color:var(--accent-primary)}.runner-lang-select{background:transparent;border:none;font-size:12px;font-weight:600;color:var(--text-primary);cursor:pointer;outline:none;padding:0}.runner-lang-select option{background:var(--bg-surface);color:var(--text-primary)}.timer-pill{display:inline-flex;align-items:center;gap:8px;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:14.5px;font-weight:700;letter-spacing:.4px;padding:6px 14px;border-radius:var(--radius-full);transition:all var(--duration-fast);-webkit-user-select:none;user-select:none}.timer-clock-icon{font-size:13.5px;line-height:1}.timer-pill.timer-green{background:#10b9811f;color:#10b981;border:1.5px solid rgba(16,185,129,.35)}.timer-pill.timer-yellow{background:#f59e0b1f;color:#f59e0b;border:1.5px solid rgba(245,158,11,.4)}.timer-pill.timer-red{background:#ef444424;color:#ef4444;border:1.5px solid rgba(239,68,68,.45);animation:timer-pulse-warning 1.25s infinite}@keyframes timer-pulse-warning{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 10px 2px #ef444440}}.runner-btn-icon{width:36px!important;height:36px!important;min-width:36px!important;padding:0!important;border-radius:50%!important;border:1.5px solid var(--border-medium)!important;background:var(--bg-tertiary)!important;color:var(--text-secondary)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:all var(--duration-fast)!important;box-shadow:0 1px 3px #0000000f}.runner-btn-icon:hover{background:var(--bg-surface-hover)!important;color:var(--text-primary)!important;border-color:var(--accent-primary)!important;transform:translateY(-1px)}.desktop-only{display:block}.candidate-briefing-wrapper{max-width:960px;width:100%;margin:0 auto;padding:24px 16px 48px;box-sizing:border-box}.briefing-card{background:var(--bg-surface);border:1px solid var(--border-medium);border-radius:20px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;overflow:hidden;transition:all var(--duration-normal)}.briefing-header{background:linear-gradient(135deg,#4f46e5,#4338ca,#3730a3);padding:24px 32px;color:#fff;position:relative}.briefing-header-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.briefing-header-top-left{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.briefing-header-top-right{display:flex;align-items:center;flex-shrink:0}.briefing-pill-badge{padding:5px 12px;border-radius:9999px;background:#ffffff2e;border:1px solid rgba(255,255,255,.25);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff}.briefing-back-link{background:transparent;border:none;box-shadow:none;color:#fff;padding:6px 12px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:7px;opacity:.92;transition:all var(--duration-fast)}.briefing-back-link:hover{background:#ffffff29;border:none;transform:translate(-3px);color:#fff;opacity:1}.briefing-back-link:active{transform:translate(0)}.btn-start-exam-header{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:1px solid rgba(255,255,255,.25);font-weight:700;font-size:13.5px;padding:8px 22px;border-radius:10px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;box-shadow:0 4px 14px #10b98159;transition:all var(--duration-fast)}.btn-start-exam-header:hover{box-shadow:0 6px 20px #10b98180;transform:translateY(-1px);filter:brightness(1.06)}.btn-start-exam-header:active{transform:translateY(0)}.briefing-title{font-family:Outfit,sans-serif;font-size:clamp(1.4rem,2.5vw,1.85rem);font-weight:800;color:#fff;margin:0 0 6px;line-height:1.25}.briefing-desc{font-size:13.5px;color:#e0e7ff;margin:0;line-height:1.5}.briefing-content{padding:28px 32px;display:flex;flex-direction:column;gap:24px}.briefing-summary-matrix{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.briefing-stat-card{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:14px;border:1px solid var(--border-subtle);background:var(--bg-tertiary);transition:all var(--duration-fast)}.briefing-stat-card:hover{border-color:var(--border-medium);background:var(--bg-hover)}.briefing-stat-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.briefing-stat-val{font-size:16px;font-weight:700;color:var(--text-primary);font-family:Outfit,sans-serif;line-height:1.2}.briefing-stat-val .mark-box{font-size:13px;padding:3px 8px;border-radius:6px}.briefing-stat-lbl{font-size:11.5px;font-weight:500;color:var(--text-muted);margin-top:2px}.briefing-section-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);margin-bottom:12px}.briefing-legend-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;font-size:12px}@media (max-width: 1024px){.briefing-legend-grid{grid-template-columns:repeat(2,1fr);gap:10px}.legend-card-item.status-answered-marked{grid-column:1 / -1}}.legend-card-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;border:1px solid var(--border-subtle);background:var(--bg-tertiary);transition:transform var(--duration-fast),border-color var(--duration-fast)}.legend-card-item:hover{border-color:var(--border-medium);transform:translateY(-1px)}.legend-card-item.status-not-visited{border-color:var(--border-subtle);background:var(--bg-tertiary)}.legend-card-item.status-not-answered{border-color:#f43f5e4d;background:#f43f5e14}.legend-card-item.status-answered{border-color:#10b9814d;background:#10b98114}.legend-card-item.status-marked{border-color:#f59e0b4d;background:#f59e0b14}.legend-card-item.status-answered-marked{border-color:#9333ea59;background:#9333ea14}.legend-badge-bubble{width:26px;height:26px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}.legend-badge-bubble.badge-not-visited{background:var(--bg-hover);color:var(--text-secondary);border:1px solid var(--border-subtle)}.legend-badge-bubble.badge-not-answered{background:#f43f5e;color:#fff}.legend-badge-bubble.badge-answered{background:#10b981;color:#fff}.legend-badge-bubble.badge-marked{background:#f59e0b;color:#fff}.legend-badge-bubble.badge-answered-marked{background:#9333ea;color:#fff}.legend-card-label{font-size:12px;font-weight:600;color:var(--text-primary)}.status-not-answered .legend-card-label{color:#f43f5e}.status-answered .legend-card-label{color:#10b981}.status-marked .legend-card-label{color:#f59e0b}.status-answered-marked .legend-card-label{color:#9333ea}.briefing-protocols-card{background:var(--bg-surface);border:1.5px solid var(--border-medium);border-left:4px solid var(--accent-primary);border-radius:16px;padding:22px 24px;box-shadow:0 4px 16px #0000000d;display:flex;flex-direction:column;gap:16px;transition:all var(--duration-fast)}.briefing-protocols-card:hover{border-color:var(--border-focus);box-shadow:0 6px 20px #00000014}.protocols-card-header{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding-bottom:14px;border-bottom:1px solid var(--border-subtle)}.protocols-header-left{display:flex;align-items:center;gap:12px}.protocols-header-icon{width:40px;height:40px;border-radius:10px;background:#6366f11f;color:var(--accent-primary);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.protocols-header-title{margin:0;font-size:14.5px;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.protocols-header-subtitle{margin:3px 0 0;font-size:12px;color:var(--text-muted)}.protocols-header-badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:4px 10px;border-radius:9999px;background:#10b9811f;color:#10b981;border:1px solid rgba(16,185,129,.3)}.protocols-grid{display:flex;flex-direction:column;gap:10px}.protocol-card-item{display:flex;align-items:flex-start;gap:14px;padding:12px 16px;border-radius:12px;border:1px solid var(--border-subtle);background:var(--bg-tertiary);transition:all var(--duration-fast)}.protocol-card-item:hover{background:var(--bg-hover);border-color:var(--border-medium);transform:translate(3px)}.protocol-item-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;margin-top:2px}.protocol-item-icon.icon-clock{background:#3b82f61f;color:#3b82f6;border:1px solid rgba(59,130,246,.25)}.protocol-item-icon.icon-pause{background:#f59e0b1f;color:#f59e0b;border:1px solid rgba(245,158,11,.25)}.protocol-item-icon.icon-keyboard{background:#8b5cf61f;color:#8b5cf6;border:1px solid rgba(139,92,246,.25)}.protocol-item-icon.icon-bookmark{background:#10b9811f;color:#10b981;border:1px solid rgba(16,185,129,.25)}.protocol-item-icon.icon-submit{background:#06b6d41f;color:#06b6d4;border:1px solid rgba(6,182,212,.25)}.protocol-item-body{flex:1;min-width:0}.protocol-item-title{font-size:13px;font-weight:700;color:var(--text-primary);margin-bottom:2px}.protocol-item-desc{font-size:12.5px;color:var(--text-secondary);line-height:1.5}.protocol-kbd{display:inline-block;padding:1px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;font-weight:700;border-radius:4px;background:var(--bg-surface-elevated);border:1px solid var(--border-medium);box-shadow:0 1px 2px #0000001a;color:var(--accent-primary);line-height:1.3}.briefing-actions-bar{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border-subtle);padding-top:20px;margin-top:6px}.btn-start-exam-gradient{background:linear-gradient(135deg,#059669,#0d9488);color:#fff;font-weight:700;font-size:14px;padding:12px 28px;border-radius:12px;border:none;cursor:pointer;display:flex;align-items:center;gap:8px;box-shadow:0 4px 14px #10b98159;transition:all var(--duration-fast)}.btn-start-exam-gradient:hover{transform:translateY(-1.5px);box-shadow:0 6px 18px #10b98173;filter:brightness(1.05)}.btn-start-exam-gradient:active{transform:translateY(0)}.exam-palette-sidebar{width:340px;min-width:340px;max-width:360px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:16px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;overflow:hidden;height:100%;max-height:100%;flex-shrink:0;transition:all var(--duration-normal)}.palette-header-box{padding:14px 16px;border-bottom:1px solid var(--border-subtle);background:var(--bg-tertiary)}.palette-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.palette-title-text{font-family:Outfit,sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-primary);display:flex;align-items:center;gap:8px;margin:0}.palette-title-text i{color:var(--accent-primary)}.palette-view-switcher{display:flex;align-items:center;background:var(--bg-hover);padding:3px;border-radius:8px;gap:4px}.palette-view-tab{flex:1;padding:6px 10px;border-radius:6px;font-size:11.5px;font-weight:600;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .15s;background:transparent;color:var(--text-secondary)}.palette-view-tab.active{background:var(--bg-surface);color:var(--text-primary);box-shadow:0 1px 3px #0000001a;font-weight:700}.palette-metrics-row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:10px 14px;border-bottom:1px solid var(--border-subtle);text-align:center;font-size:11px;font-weight:500;background:var(--bg-tertiary)}.metric-stat-box{padding:6px 4px;border-radius:8px;border:1px solid transparent;display:flex;flex-direction:column;align-items:center;justify-content:center}.metric-stat-box.box-answered{background:#10b9811f;color:#10b981;border-color:#10b98140}.metric-stat-box.box-unanswered{background:#f43f5e1f;color:#f43f5e;border-color:#f43f5e40}.metric-stat-box.box-review{background:#f59e0b1f;color:#f59e0b;border-color:#f59e0b40}.metric-stat-count{font-size:14px;font-weight:700;line-height:1.2}.palette-questions-scroll{flex:1 1 auto;overflow-y:auto;padding:14px;min-height:0}.palette-questions-scroll::-webkit-scrollbar{width:5px}.palette-questions-scroll::-webkit-scrollbar-track{background:transparent}.palette-questions-scroll::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:4px}.palette-questions-scroll::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.palette-grid-layout{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.palette-btn-grid{width:90%;aspect-ratio:1;min-height:40px;border-radius:10px;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;border:1px solid transparent;-webkit-user-select:none;user-select:none}.q-not-visited{background:var(--bg-tertiary);color:var(--text-secondary);border-color:var(--border-subtle)}.q-not-visited:hover{background:var(--bg-hover);color:var(--text-primary)}.q-not-answered{background:#f43f5e2e;color:#f43f5e;border-color:#f43f5e73}.q-not-answered:hover{background:#f43f5e47;border-color:#f43f5e}.q-answered{background:#10b9812e;color:#10b981;border-color:#10b98173;box-shadow:0 1px 4px #10b9812e}.q-answered:hover{background:#10b98147;border-color:#10b981}.q-marked{background:#f59e0b2e;color:#f59e0b;border-color:#f59e0b73}.q-marked:hover{background:#f59e0b47;border-color:#f59e0b}.q-answered-marked{background:#9333ea33;color:#a855f7;border-color:#9333ea73;box-shadow:0 1px 4px #9333ea2e}.q-answered-marked:hover{background:#9333ea4d;border-color:#a855f7}.palette-btn-grid.q-current-ring,.q-current-ring{background:#2563eb!important;color:#fff!important;border-color:#3b82f6!important;box-shadow:0 0 0 1.5px #2563eb,0 0 8px #2563eb66!important;transform:scale(1.05)!important;font-weight:800!important;z-index:2;position:relative}.palette-btn-grid.q-current-ring:hover{background:#1d4ed8!important;color:#fff!important;border-color:#2563eb!important}.palette-list-layout{display:flex;flex-direction:column;gap:8px}.palette-list-row{padding:8px 12px;border-radius:10px;border:1px solid var(--border-subtle);background:var(--bg-tertiary);display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;cursor:pointer;transition:all .15s;-webkit-user-select:none;user-select:none}.palette-list-row:hover{background:var(--bg-hover);border-color:var(--border-medium)}.palette-list-row.active{border-color:#2563eb;background:#2563eb1f;box-shadow:0 0 0 1.5px #2563eb,0 0 10px #2563eb40}.palette-list-left-content{display:flex;align-items:center;gap:8px;overflow:hidden;flex:1}.palette-list-q-bubble{width:24px;height:24px;border-radius:6px;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.palette-list-q-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-primary);font-weight:500;font-size:12px}.palette-list-status-pill{font-size:10px;font-weight:700;text-transform:uppercase;padding:2px 6px;border-radius:4px;flex-shrink:0}.palette-list-status-pill.pill-saved{background:#10b98126;color:#10b981}.palette-list-status-pill.pill-review{background:#f59e0b26;color:#f59e0b}.palette-list-status-pill.pill-blank{background:var(--bg-hover);color:var(--text-muted)}.palette-bottom-status-panel{padding:12px 14px;border-top:1px solid var(--border-subtle);background:var(--bg-tertiary);flex-shrink:0;margin-top:auto}.palette-status-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.status-stat-item{padding:8px 10px;border-radius:8px;border:1px solid var(--border-subtle);background:var(--bg-surface);display:flex;flex-direction:column;gap:3px;transition:all var(--duration-fast)}.status-stat-item:hover{background:var(--bg-hover);border-color:var(--border-medium)}.status-stat-top{display:flex;align-items:center;justify-content:space-between}.status-stat-count{font-size:14px;font-weight:700;line-height:1}.status-stat-label{font-size:11px;font-weight:600;color:var(--text-secondary)}.status-stat-item.item-ans{border-color:#10b98140;background:#10b98114}.status-stat-item.item-ans .status-stat-count{color:#10b981}.status-stat-item.item-unans{border-color:#f43f5e40;background:#f43f5e14}.status-stat-item.item-unans .status-stat-count{color:#f43f5e}.status-stat-item.item-rev{border-color:#f59e0b40;background:#f59e0b14}.status-stat-item.item-rev .status-stat-count{color:#f59e0b}.status-stat-item.item-ans-marked{border-color:#9333ea40;background:#9333ea14}.status-stat-item.item-ans-marked .status-stat-count{color:#a855f7}.status-stat-item.item-unvis{border-color:var(--border-subtle);background:var(--bg-surface)}.status-stat-item.item-unvis .status-stat-count{color:var(--text-muted)}.status-stat-item.item-curr{border-color:#2563eb59;background:#2563eb14}.status-stat-item.item-curr .status-stat-count{color:#2563eb;font-weight:800}.legend-dot-indicator{width:9px;height:9px;border-radius:2px;display:inline-block;flex-shrink:0}.legend-dot-indicator.dot-ans{background:#10b981;box-shadow:0 0 6px #10b98166}.legend-dot-indicator.dot-unans{background:#f43f5e;box-shadow:0 0 6px #f43f5e66}.legend-dot-indicator.dot-rev{background:#f59e0b;box-shadow:0 0 6px #f59e0b66}.legend-dot-indicator.dot-ans-marked{background:#a855f7;box-shadow:0 0 6px #a855f766}.legend-dot-indicator.dot-unvis{background:var(--border-medium);border:1px solid var(--border-subtle)}.legend-dot-indicator.dot-curr{background:#2563eb;box-shadow:0 0 6px #2563eb80}.palette-submit-container{padding:12px 14px 14px;background:var(--bg-tertiary);border-top:1px solid var(--border-subtle);flex-shrink:0}.btn-submit-test-palette{width:100%;padding:11px 16px;font-weight:700;font-size:13.5px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;background:var(--accent-primary);border:1px solid var(--accent-primary);box-shadow:0 3px 10px var(--accent-glow);transition:all var(--duration-fast);color:#fff}.btn-submit-test-palette:hover{background:var(--accent-primary-hover)!important;border-color:var(--accent-primary-hover)!important;transform:translateY(-1px);box-shadow:0 6px 18px var(--accent-glow)!important;color:#fff}.btn-submit-test-palette:active{transform:translateY(0)}.modal-confirm-matrix{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;padding:6px;background:var(--bg-tertiary);border-radius:10px;border:1px solid var(--border-subtle);font-size:11.5px;margin:6px 0}.confirm-matrix-item{display:flex;align-items:center;justify-content:space-between;padding:4px 10px;background:var(--bg-surface);border-radius:6px;border:1px solid var(--border-subtle)}.confirm-matrix-item.item-total{border-color:var(--border-subtle)}.confirm-matrix-item.item-answered{border-color:#10b9814d;color:#10b981}.confirm-matrix-item.item-unanswered{border-color:#f43f5e4d;color:#f43f5e}.confirm-matrix-item.item-review{border-color:#f59e0b4d;color:#f59e0b}.question-option-card{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:var(--bg-tertiary);border:1.5px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast)}.question-option-card:hover{border-color:var(--border-medium);background:var(--bg-hover)}.question-option-card.selected{border-color:var(--accent-primary);background:var(--bg-selected);box-shadow:0 0 0 1px var(--accent-primary)}.hidden{display:none!important}@media (max-width: 900px){.briefing-card{border-radius:14px}.briefing-header{padding:20px}.briefing-content{padding:20px 18px}}.marks-container{display:inline-flex;align-items:center;gap:6px}.mark-box{display:inline-flex;align-items:center;justify-content:center;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;font-weight:700;padding:3px 8px;border-radius:6px;line-height:1.25;letter-spacing:-.01em}.mark-box.mark-positive{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.4)}.mark-box.mark-negative{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.4)}.btn-icon-q-action{width:32px;height:32px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:1px solid var(--border-subtle);color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all var(--duration-fast)}.btn-icon-q-action:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-medium);transform:translateY(-1px)}.btn-icon-q-action.is-saved{background:#10b98129!important;border-color:#10b98173!important;color:#10b981!important}.btn-icon-q-action.is-saved:hover{background:#10b98142!important;border-color:#10b981!important;color:#10b981!important;box-shadow:0 0 10px #10b98140!important}.btn-icon-q-action.btn-icon-report:hover{color:#ef4444;border-color:#ef444466;background:#ef44441a}.test-runner-body{display:flex;gap:16px;flex:1;min-height:0;height:calc(100vh - 90px);overflow:hidden}.test-question-canvas{flex:1;min-width:0;display:flex;flex-direction:column;gap:16px;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:24px;overflow-y:auto;height:100%}.exam-bottom-actions-bar{margin-top:auto;padding-top:16px;border-top:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.action-btn-group-left,.action-btn-group-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.btn-runner{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:13.5px;padding:8px 16px;border-radius:10px;transition:all var(--duration-fast);cursor:pointer}.btn-runner:hover:not(:disabled){transform:translateY(-1px)}#btn-clear-q-response,#btn-top-clear-q{border:1px solid var(--border-subtle);background:var(--bg-surface-elevated);color:var(--text-secondary);transition:all var(--duration-fast)}#btn-clear-q-response:disabled,#btn-top-clear-q:disabled{opacity:.38!important;cursor:not-allowed!important;pointer-events:none!important;background:var(--bg-surface-elevated)!important;color:var(--text-muted)!important;border-color:var(--border-subtle)!important;box-shadow:none!important}#btn-clear-q-response:hover:not(:disabled),#btn-top-clear-q:hover:not(:disabled){background:#ef444424!important;color:#ef4444!important;border-color:#ef444480!important;box-shadow:0 0 12px #ef444440!important}#btn-clear-q-response:active:not(:disabled),#btn-top-clear-q:active:not(:disabled){background:#ef4444!important;color:#fff!important;border-color:#dc2626!important;box-shadow:0 0 16px #ef444473!important;transform:scale(.97) translateY(0)!important}#btn-review-next-q{border:1px solid var(--border-subtle);background:var(--bg-surface-elevated);color:var(--text-primary);transition:all var(--duration-fast)}#btn-review-next-q:hover:not(:disabled){background:#f59e0b29!important;color:#f59e0b!important;border-color:#f59e0b8c!important;box-shadow:0 0 12px #f59e0b4d!important}#btn-review-next-q:active:not(:disabled){background:#f59e0b!important;color:#1e293b!important;border-color:#d97706!important;box-shadow:0 0 16px #f59e0b73!important;transform:scale(.97) translateY(0)!important}#btn-review-next-q.is-marked,.btn-icon-q-action.is-reviewed{background:#f59e0b33!important;color:#f59e0b!important;border-color:#f59e0b!important;box-shadow:0 0 10px #f59e0b40!important}.btn-runner-pause{width:36px;height:36px;min-width:36px;border-radius:50%;border:1.5px solid var(--border-medium);background:var(--bg-tertiary);color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer;font-size:13.5px;box-shadow:0 2px 5px #00000014;transition:all var(--duration-fast);flex-shrink:0}.btn-runner-pause:hover{background:#f59e0b2e!important;color:#f59e0b!important;border-color:#f59e0b99!important;box-shadow:0 0 12px #f59e0b52!important;transform:translateY(-1px)}.btn-runner-pause:active{background:#f59e0b47!important;transform:translateY(0)}.btn-runner-palette-icon,.btn-runner-toggle-palette{display:none;align-items:center;justify-content:center;width:36px!important;height:36px!important;min-width:36px!important;padding:0!important;border-radius:50%!important;border:1.5px solid var(--border-medium)!important;background:var(--bg-tertiary)!important;color:var(--text-secondary)!important;cursor:pointer;font-size:15px;box-shadow:0 1px 3px #0000000f;transition:all var(--duration-fast);flex-shrink:0}.btn-runner-palette-icon:hover,.btn-runner-toggle-palette:hover{background:#0284c726!important;color:var(--accent-primary)!important;border-color:var(--accent-primary)!important;box-shadow:0 0 12px var(--accent-glow)!important;transform:translateY(-1px)}.btn-runner-palette-icon:active,.btn-runner-toggle-palette:active{background:#0284c740!important;transform:translateY(0)}.mobile-tablet-only{display:none!important}.palette-drawer-backdrop,.palette-drawer-close-btn{display:none}.btn-kbd-badge{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;font-weight:700;padding:2px 6px;border-radius:4px;background:#00000040;border:1px solid rgba(255,255,255,.18);color:inherit;line-height:1.2}[data-theme=light] .btn-kbd-badge{background:#00000014;border-color:#0000002e}.modal-dialog-close-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast);font-size:13px;flex-shrink:0}.modal-dialog-close-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-medium)}@media (max-width: 1024px){.candidate-briefing-wrapper{max-width:100%;padding:12px 14px 30px}.test-runner-header{padding:10px 14px;gap:12px}.runner-header-left{gap:10px}.runner-title-text{font-size:14.5px;max-width:280px}.runner-exam-name{max-width:140px}.runner-header-right{gap:10px}.test-runner-body{height:calc(100vh - 90px);gap:0}.test-question-canvas{width:100%!important;flex:1 1 100%!important;min-width:0!important}.btn-runner-palette-icon,.btn-runner-toggle-palette{display:inline-flex!important}.btn-runner-pause{width:36px!important;height:36px!important;min-width:36px!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;flex-shrink:0!important}.mobile-tablet-only{display:inline-flex!important}.exam-bottom-actions-bar #btn-review-next-q,.exam-bottom-actions-bar #btn-clear-q-response{display:none!important}.exam-bottom-actions-bar{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:12px!important}.exam-bottom-actions-bar .action-btn-group-left,.exam-bottom-actions-bar .action-btn-group-right{flex:1 1 0!important;display:flex!important}.exam-bottom-actions-bar #btn-prev-q,.exam-bottom-actions-bar #btn-save-next-q{width:100%!important;justify-content:center!important;padding:10px 14px!important}.palette-drawer-backdrop{display:block!important;position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;background:#000000a6!important;backdrop-filter:blur(4px)!important;-webkit-backdrop-filter:blur(4px)!important;z-index:1040!important;opacity:0!important;pointer-events:none!important;transition:opacity .28s cubic-bezier(.16,1,.3,1)!important}.palette-drawer-backdrop.active{opacity:1!important;pointer-events:auto!important}.exam-palette-sidebar{position:fixed!important;top:0!important;right:0!important;bottom:0!important;height:100vh!important;height:100dvh!important;max-height:100vh!important;width:min(360px,86vw)!important;min-width:0!important;max-width:380px!important;z-index:1050!important;background:var(--bg-surface)!important;border-radius:20px 0 0 20px!important;border:none!important;border-left:1px solid var(--border-medium)!important;box-shadow:-12px 0 40px #00000080!important;transform:translate(105%)!important;transition:transform .32s cubic-bezier(.16,1,.3,1),visibility .32s!important;visibility:hidden!important;display:flex!important;flex-direction:column!important}.exam-palette-sidebar.open-drawer,.exam-palette-sidebar.open-mobile{transform:translate(0)!important;visibility:visible!important}.palette-drawer-close-btn{display:inline-flex!important;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:var(--bg-secondary);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;font-size:14px;transition:all var(--duration-fast)}.palette-drawer-close-btn:hover{background:#ef444426!important;color:#ef4444!important;border-color:#ef444466!important}}@media (max-width: 768px){.candidate-briefing-wrapper{padding:8px 6px 24px}.briefing-card{border-radius:14px}.briefing-header{padding:18px 16px}.briefing-header-top{flex-wrap:wrap;gap:12px}.briefing-header-top-left{gap:8px}.briefing-back-link{padding:6px 12px;font-size:12.5px}.btn-start-exam-header{padding:7px 16px;font-size:12.5px}.briefing-title{font-size:1.3rem!important}.briefing-desc{font-size:12px!important}.briefing-content{padding:16px 14px!important;gap:16px!important}.briefing-summary-matrix{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.briefing-stat-card{padding:10px 12px!important;gap:10px!important;border-radius:10px!important}.briefing-stat-icon{width:38px!important;height:38px!important;font-size:16px!important}.briefing-stat-val{font-size:14px!important}.briefing-stat-lbl{font-size:10.5px!important}.briefing-legend-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.legend-card-item{padding:8px 10px!important;font-size:11px!important}.legend-card-item.status-answered-marked{grid-column:1 / -1!important}.briefing-protocols-card{padding:16px 14px!important;border-radius:12px!important}.protocols-header-left{gap:10px}.protocols-header-icon{width:34px!important;height:34px!important;font-size:15px!important}.protocols-header-title{font-size:13.5px!important}.protocol-card-item{padding:10px 12px!important;gap:10px!important}.protocol-item-icon{width:28px!important;height:28px!important;font-size:12px!important}.protocol-item-title{font-size:12.5px!important}.protocol-item-desc{font-size:11.5px!important}.briefing-actions-bar{flex-direction:column-reverse!important;gap:10px!important;padding-top:14px!important;width:100%!important}.briefing-actions-bar .btn,.btn-start-exam-gradient{width:100%!important;justify-content:center!important;padding:12px 16px!important}.desktop-only{display:none!important}.test-runner-header{padding:9px 12px;flex-direction:column;align-items:stretch;gap:8px;border-radius:var(--radius-md)}.runner-header-left{display:flex;align-items:center;justify-content:flex-start;gap:10px;width:100%;min-width:0}.runner-header-divider{display:none!important}.runner-title-group{flex:1;min-width:0}.runner-title-text{font-size:13.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.runner-subtitle-text{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.runner-exam-name{max-width:120px}.runner-header-right{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding-top:7px;border-top:1px solid var(--border-subtle)}.runner-status-group{display:flex;align-items:center;gap:8px;min-width:0}.runner-controls-group{display:flex;align-items:center;gap:8px;flex-shrink:0}.timer-pill{padding:4px 10px;font-size:13px;gap:6px}.timer-clock-icon{font-size:12px}.btn-runner-palette-icon,.btn-runner-toggle-palette{display:inline-flex!important;font-size:13.5px}.test-runner-body{height:auto;min-height:0;overflow-y:visible}.test-question-canvas{padding:16px 14px;height:auto;min-height:calc(100vh - 190px);overflow-y:visible}.exam-bottom-actions-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:14px}.action-btn-group-left,.action-btn-group-right{flex:1 1 0;display:flex}.btn-runner{width:100%;justify-content:center;padding:10px 12px;font-size:13px;gap:6px}.btn-kbd-badge{display:none!important}.palette-grid-layout{grid-template-columns:repeat(5,1fr);gap:6px}}@media (max-width: 480px){.briefing-header-top{flex-direction:column!important;align-items:stretch!important;gap:10px!important}.briefing-header-top-left{display:flex;align-items:center;justify-content:space-between;width:100%}.briefing-header-top-right{width:100%}.btn-start-exam-header{width:100%!important;justify-content:center!important;padding:10px 16px!important;font-size:13.5px!important}.briefing-summary-matrix,.briefing-legend-grid{grid-template-columns:1fr!important}.legend-card-item.status-answered-marked{grid-column:auto!important}.palette-grid-layout{grid-template-columns:repeat(5,1fr);gap:5px}.palette-status-grid{grid-template-columns:1fr 1fr;gap:6px}.test-runner-header{padding:7px 10px;gap:6px}.runner-title-text{font-size:12.5px}.runner-subtitle-text{font-size:10.5px}.runner-exam-name{max-width:85px}.timer-pill{padding:3px 8px;font-size:12px;gap:5px}.timer-clock-icon{font-size:11px}.btn-runner-pause,.runner-btn-icon,.btn-runner-palette-icon{width:34px!important;height:34px!important;min-width:34px!important;font-size:12.5px!important}.runner-lang-box{padding:2px 6px;font-size:11px}.runner-lang-select{font-size:11px}}.paused-exam-banner{background:linear-gradient(135deg,#f59e0b24,#f59e0b0f);border:1px solid rgba(245,158,11,.35);border-radius:var(--radius-md);padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px;flex-wrap:wrap}.paused-banner-icon{width:42px;height:42px;border-radius:10px;background:#f59e0b33;color:#f59e0b;display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0}.saved-subtab-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:8px;font-size:13.5px;font-weight:600;color:var(--text-secondary);background:transparent;border:none;cursor:pointer;transition:all var(--duration-fast)}.saved-subtab-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.saved-subtab-btn.active{color:var(--accent-primary);background:var(--bg-selected);font-weight:700}.saved-question-card{position:relative;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:20px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;transition:border-color var(--duration-fast)}.saved-question-card:hover{border-color:var(--border-medium)}.btn-remove-saved{position:absolute!important;top:14px!important;right:14px!important;color:var(--danger)!important;width:30px!important;height:30px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;z-index:5!important;border-radius:var(--radius-xs, 6px)!important;background:transparent!important;transition:all var(--duration-fast, .18s) ease!important}.btn-remove-saved:hover{background:#ef44441f!important;color:#ef4444!important;transform:scale(1.06)}.saved-q-topbar{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:opacity var(--duration-fast, .18s) ease}.saved-q-topbar:hover{opacity:.92}.saved-option-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:8px;border:1px solid var(--border-subtle);background:var(--bg-tertiary);transition:all var(--duration-fast)}.saved-option-item.is-correct{border-color:#10b98173;background:#10b98114}.saved-option-letter{width:24px;height:24px;border-radius:50%;border:1.5px solid var(--border-medium);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--text-muted);flex-shrink:0}.saved-option-letter.correct{border-color:var(--success);background:var(--success);color:#fff}.saved-explanation-box{background:var(--bg-tertiary);border:1px solid rgba(16,185,129,.25);border-radius:10px;padding:14px 18px;margin:10px 0}.saved-note-section{background:transparent;border-radius:8px;padding:4px 0}.saved-note-item-card{cursor:pointer;transition:transform var(--duration-fast, .18s) ease,border-color var(--duration-fast, .18s) ease,box-shadow var(--duration-fast, .18s) ease}.saved-note-item-card:hover{transform:translateY(-2px);border-color:var(--accent-primary)!important;box-shadow:0 8px 24px -4px #0000002e,0 0 0 1px var(--accent-primary)!important}.saved-note-item-card:hover .saved-note-cta-btn{background:var(--accent-primary)!important;color:#fff!important;border-color:var(--accent-primary)!important}.analytics-container{max-width:1280px;margin:0 auto;display:flex;flex-direction:column;gap:20px;padding-bottom:40px;animation:fadeIn .3s ease-out}.analytics-hero-banner{background:linear-gradient(135deg,#1e293bb3,#0f172ad9);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:24px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative;overflow:hidden;box-shadow:0 10px 30px -10px #00000080;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.analytics-hero-banner:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--hero-accent-grad, linear-gradient(90deg, #3b82f6, #8b5cf6))}.analytics-hero-content{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0}.analytics-hero-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.analytics-hero-title{font-family:Outfit,sans-serif;font-size:1.6rem;font-weight:700;color:#fff!important;margin:0;line-height:1.25;word-break:break-word}.analytics-hero-desc{font-size:.9rem;color:#cbd5e1!important;margin:0;line-height:1.45}.analytics-hero-scorebox{background:#0b0f19bf;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);padding:16px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:140px;flex-shrink:0;box-shadow:0 8px 24px #0006}.analytics-scorebox-label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#94a3b8!important;margin-bottom:2px}.analytics-scorebox-value{font-family:Outfit,sans-serif;font-size:2.3rem;font-weight:800;line-height:1.05}.analytics-scorebox-fraction{font-size:12px;font-weight:600;color:#cbd5e1!important;margin-top:4px}.analytics-action-toolbar{display:flex;align-items:center;justify-content:space-between;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:10px 16px;flex-wrap:wrap;gap:12px}.analytics-action-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.analytics-action-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;white-space:nowrap;border:1px solid transparent}.analytics-action-btn-primary{background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;box-shadow:0 4px 12px #4f46e559}.analytics-action-btn-primary:hover{background:linear-gradient(135deg,#4338ca,#4f46e5);transform:translateY(-1px);box-shadow:0 6px 16px #4f46e573}.analytics-action-btn-danger-outline{background:#ef444414;color:#f87171;border-color:#ef44444d}.analytics-action-btn-danger-outline:hover{background:#ef444429;border-color:#ef444480;transform:translateY(-1px)}.analytics-action-btn-ghost{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-subtle)}.analytics-action-btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-medium)}.analytics-kpi-ribbon{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.analytics-kpi-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:16px 14px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;position:relative;overflow:hidden;transition:transform .2s ease,border-color .2s ease}.analytics-kpi-card:hover{transform:translateY(-2px);border-color:var(--border-medium)}.analytics-kpi-label{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.analytics-kpi-val{font-family:Outfit,sans-serif;font-size:1.85rem;font-weight:800;line-height:1}.analytics-tab-bar{display:flex;align-items:center;gap:8px;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:6px;overflow-x:auto;scrollbar-width:none}.analytics-tab-bar::-webkit-scrollbar{display:none}.analytics-tab-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;color:var(--text-secondary);background:transparent;border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:all .2s ease}.analytics-tab-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.analytics-tab-btn.active{background:var(--accent-primary);color:#fff;box-shadow:0 2px 10px var(--accent-glow)}.analytics-grid-row-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.analytics-grid-row-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.analytics-grid-row-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.analytics-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:20px;display:flex;flex-direction:column;gap:16px;position:relative;transition:border-color .2s ease,box-shadow .2s ease}.analytics-card:hover{border-color:#ffffff24}.analytics-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.analytics-card-title{font-family:Outfit,sans-serif;font-size:15px;font-weight:700;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:8px}.analytics-card-subtitle{font-size:12px;color:var(--text-muted);margin-top:2px}.analytics-donut-container{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.analytics-donut-svg-wrap{position:relative;width:140px;height:140px;flex-shrink:0;display:flex;align-items:center;justify-content:center;margin:0 auto}.analytics-donut-inner-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.analytics-donut-main-val{font-family:Outfit,sans-serif;font-size:20px;font-weight:800;color:var(--text-primary);line-height:1.1}.analytics-donut-sub-val{font-size:11px;color:var(--text-muted);font-weight:600}.analytics-donut-circle-animated{transition:stroke-dashoffset 1s cubic-bezier(.16,1,.3,1);transform-origin:center;transform:rotate(-90deg)}.analytics-legend-list{display:flex;flex-direction:column;gap:8px;flex:1;min-width:130px}.analytics-legend-item{display:flex;align-items:center;justify-content:space-between;font-size:12.5px;gap:8px}.analytics-legend-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.analytics-legend-label{display:flex;align-items:center;gap:6px;color:var(--text-secondary)}.analytics-legend-val{font-weight:600;color:var(--text-primary);white-space:nowrap}.analytics-marks-breakdown{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid var(--border-subtle);font-size:12px}.analytics-marks-cell{display:flex;flex-direction:column;gap:2px}.analytics-marks-label{color:var(--text-muted);font-size:11px}.analytics-marks-value{font-weight:700;font-size:13.5px}.analytics-matrix-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.analytics-matrix-btn{aspect-ratio:1;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease;border:1px solid transparent;-webkit-user-select:none;user-select:none}.analytics-matrix-btn:hover{transform:scale(1.08);filter:brightness(1.2);z-index:2}.analytics-matrix-btn.correct{background:#10b98133;color:#34d399;border-color:#10b98166}.analytics-matrix-btn.incorrect{background:#ef444433;color:#f87171;border-color:#ef444466}.analytics-matrix-btn.skipped{background:#64748b2e;color:#94a3b8;border-color:#64748b4d}.analytics-streak-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.analytics-streak-card{border-radius:var(--radius-md);padding:16px;display:flex;flex-direction:column;gap:6px;border:1px solid var(--border-subtle);background:var(--bg-tertiary)}.analytics-streak-header{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:var(--text-secondary)}.analytics-streak-number{font-family:Outfit,sans-serif;font-size:2.2rem;font-weight:800;line-height:1.1}.analytics-streak-desc{font-size:11.5px;color:var(--text-muted)}.analytics-data-table{width:100%;border-collapse:collapse;font-size:12.5px}.analytics-data-table th{text-align:left;padding:8px 10px;color:var(--text-muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-subtle)}.analytics-data-table td{padding:10px;color:var(--text-primary);border-bottom:1px solid rgba(255,255,255,.04)}.analytics-data-table tbody tr:hover td{background:var(--bg-hover)}.analytics-data-table tbody tr:last-child td{border-bottom:none}.analytics-progress-list{display:flex;flex-direction:column;gap:12px}.analytics-progress-row{display:flex;flex-direction:column;gap:4px}.analytics-progress-header{display:flex;align-items:center;justify-content:space-between;font-size:12.5px}.analytics-progress-track{width:100%;height:6px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden;position:relative}.analytics-progress-fill{height:100%;border-radius:var(--radius-full);transition:width .8s cubic-bezier(.16,1,.3,1)}.analytics-audit-banner{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.analytics-audit-title-wrap{display:flex;align-items:center;gap:12px}.analytics-audit-icon{width:36px;height:36px;border-radius:8px;background:#6366f126;color:#818cf8;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.analytics-audit-filter-pills{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.analytics-filter-pill-btn{padding:6px 14px;border-radius:var(--radius-full);font-size:12px;font-weight:700;cursor:pointer;border:1px solid transparent;transition:all .2s ease;white-space:nowrap}.analytics-filter-pill-btn.all{background:#6366f12e;color:#a5b4fc;border-color:#6366f159}.analytics-filter-pill-btn.all.active{background:#6366f1;color:#fff;box-shadow:0 2px 10px #6366f166}.analytics-filter-pill-btn.correct{background:#10b98126;color:#34d399;border-color:#10b9814d}.analytics-filter-pill-btn.correct.active{background:#10b981;color:#fff;box-shadow:0 2px 10px #10b98166}.analytics-filter-pill-btn.incorrect{background:#ef444426;color:#f87171;border-color:#ef44444d}.analytics-filter-pill-btn.incorrect.active{background:#ef4444;color:#fff;box-shadow:0 2px 10px #ef444466}.analytics-filter-pill-btn.skipped{background:#f59e0b26;color:#fbbf24;border-color:#f59e0b4d}.analytics-filter-pill-btn.skipped.active{background:#f59e0b;color:#fff;box-shadow:0 2px 10px #f59e0b66}.analytics-question-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:22px;display:flex;flex-direction:column;gap:16px;transition:border-color .25s ease,box-shadow .25s ease}.analytics-question-card.highlight-focus{animation:qCardPulse 2s ease-in-out;border-color:var(--accent-primary)!important;box-shadow:0 0 20px var(--accent-glow)!important}@keyframes qCardPulse{0%{transform:scale(1);box-shadow:0 0 #0284c700}30%{transform:scale(1.01);box-shadow:0 0 25px var(--accent-glow)}to{transform:scale(1);box-shadow:none}}.analytics-q-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.analytics-q-meta-left{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.analytics-q-meta-right{display:flex;align-items:center;gap:10px}.analytics-q-save-btn{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;padding:5px 10px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:5px;transition:all .2s ease}.analytics-q-save-btn:hover{color:#fbbf24;border-color:#fbbf2466}.analytics-q-save-btn.saved{color:#fbbf24;background:#fbbf241f;border-color:#fbbf2466}.analytics-options-list{display:flex;flex-direction:column;gap:10px}.analytics-option-item{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--bg-tertiary);font-size:14px;color:var(--text-primary);line-height:1.45;transition:all .2s ease}.analytics-option-item.correct-choice{background:#10b9811f;border-color:#10b98173}.analytics-option-item.wrong-choice{background:#ef44441f;border-color:#ef444473}.analytics-option-indicator{width:26px;height:26px;border-radius:50%;border:1.5px solid var(--border-medium);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--text-secondary);flex-shrink:0}.analytics-option-item.correct-choice .analytics-option-indicator{border-color:#10b981;background:#10b981;color:#fff}.analytics-option-item.wrong-choice .analytics-option-indicator{border-color:#ef4444;background:#ef4444;color:#fff}.analytics-explanation-box{background:#0284c714;border-left:3px solid var(--accent-primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:14px 16px;display:flex;flex-direction:column;gap:6px}@keyframes barGrow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.analytics-animated-bar{transform-origin:bottom;animation:barGrow .7s cubic-bezier(.16,1,.3,1) forwards}@keyframes pointFadeIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.analytics-animated-point{transform-origin:center;animation:pointFadeIn .5s ease-out forwards}@media (max-width: 1100px){.analytics-grid-row-3,.analytics-grid-row-4{grid-template-columns:repeat(2,1fr)}.analytics-kpi-ribbon{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.analytics-hero-banner{flex-direction:column;align-items:stretch;padding:20px;gap:16px}.analytics-hero-scorebox{min-width:unset;width:100%;padding:14px}.analytics-grid-row-3,.analytics-grid-row-4,.analytics-grid-row-2{grid-template-columns:1fr}.analytics-kpi-ribbon{grid-template-columns:repeat(2,1fr)}.analytics-action-toolbar{flex-direction:column;align-items:stretch}.analytics-action-group{justify-content:stretch}.analytics-action-group>*{flex:1;justify-content:center}.analytics-streak-grid{grid-template-columns:1fr}.analytics-audit-banner{flex-direction:column;align-items:stretch}}@media (max-width: 480px){.analytics-matrix-grid{grid-template-columns:repeat(5,1fr);gap:6px}.analytics-kpi-ribbon{grid-template-columns:repeat(2,1fr);gap:8px}.analytics-hero-title{font-size:1.35rem}}@media print{body{background:#fff!important;color:#000!important}.sidebar-nav,.top-header,.analytics-action-toolbar,.analytics-tab-bar,#btn-close-review{display:none!important}.analytics-container{max-width:100%!important;padding:0!important}.analytics-hero-banner,.analytics-card,.analytics-kpi-card,.analytics-question-card{background:#fff!important;color:#000!important;border:1px solid #d1d5db!important;box-shadow:none!important;break-inside:avoid}.analytics-donut-svg-wrap text{fill:#000!important}}.settings-container{display:flex;flex-direction:column;gap:var(--space-xl);max-width:1100px;margin:0 auto;width:100%;padding-bottom:48px}.settings-header-banner{padding:24px 28px;background:linear-gradient(135deg,#0284c71f,#6366f11a);border:1px solid var(--border-medium);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-md);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.settings-header-banner:before{content:"";position:absolute;top:-40px;right:-40px;width:140px;height:140px;border-radius:50%;background:var(--accent-glow);filter:blur(40px);pointer-events:none}.settings-title-group h2{font-size:var(--font-xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0 0 6px;display:flex;align-items:center;gap:10px}.settings-title-group p{font-size:var(--font-sm);color:var(--text-secondary);margin:0;max-width:650px;line-height:1.5}.settings-header-actions{display:flex;align-items:center;gap:var(--space-sm)}.settings-card-section{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:24px;display:flex;flex-direction:column;gap:20px;box-shadow:var(--shadow-sm);transition:border-color var(--duration-fast)}.settings-card-section:hover{border-color:var(--border-medium)}.settings-section-header{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--border-subtle)}.settings-section-title{display:flex;align-items:center;gap:10px;font-size:var(--font-md);font-weight:var(--font-bold);color:var(--text-primary);margin:0 0 4px}.settings-section-title svg{color:var(--accent-primary);flex-shrink:0}.settings-section-desc{font-size:13px;color:var(--text-muted);margin:0}.settings-mode-pills{display:inline-flex;background:var(--bg-tertiary);padding:4px;border-radius:var(--radius-md);border:1px solid var(--border-subtle);gap:4px}.settings-mode-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:calc(var(--radius-md) - 2px);border:none;background:transparent;color:var(--text-secondary);font-size:13px;font-weight:var(--font-medium);cursor:pointer;transition:all var(--duration-fast)}.settings-mode-pill:hover{color:var(--text-primary)}.settings-mode-pill.active{background:var(--bg-surface-elevated);color:var(--text-primary);box-shadow:var(--shadow-sm);font-weight:var(--font-semibold)}.settings-mode-pill.active svg{color:var(--accent-primary)}.palettes-toolbar-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:16px;padding:10px 16px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.palettes-page-indicator{font-size:13px;color:var(--text-secondary)}.palettes-page-indicator strong{color:var(--text-primary);font-weight:var(--font-semibold)}.palette-pagination-pills,.palette-page-numbers{display:flex;align-items:center;gap:6px}.palette-page-number-btn{min-width:32px;height:30px;padding:0 10px;border-radius:var(--radius-sm);background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);color:var(--text-secondary);font-size:12px;font-weight:var(--font-semibold);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .18s cubic-bezier(.16,1,.3,1)}.palette-page-number-btn:hover:not(.active){background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-medium);transform:translateY(-1px)}.palette-page-number-btn.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary);box-shadow:0 0 12px var(--accent-glow)}.palette-page-nav-btn{height:30px;padding:0 10px;border-radius:var(--radius-sm);background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);color:var(--text-secondary);font-size:12px;font-weight:var(--font-medium);display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:all .18s ease}.palette-page-nav-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-medium)}.palette-page-nav-btn:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.theme-palettes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:18px}.theme-palette-card{position:relative;background:var(--bg-tertiary);border:2px solid var(--border-subtle);border-radius:var(--radius-md);padding:16px;cursor:pointer;display:flex;flex-direction:column;gap:14px;transition:all .2s cubic-bezier(.16,1,.3,1);overflow:hidden}.theme-palette-card:hover{transform:translateY(-2px);border-color:var(--border-medium);box-shadow:var(--shadow-md)}.theme-palette-card.active{border-color:var(--accent-primary);background:var(--bg-selected);box-shadow:0 0 0 1px var(--accent-primary),0 8px 20px var(--accent-glow)}.palette-mini-mockup{height:90px;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.1);overflow:hidden;display:flex;flex-direction:column;box-shadow:inset 0 1px 3px #0003}.mini-mockup-header{height:18px;display:flex;align-items:center;justify-content:space-between;padding:0 8px;border-bottom:1px solid rgba(255,255,255,.08)}.mini-mockup-body{flex:1;display:flex}.mini-mockup-sidebar{width:44px;border-right:1px solid rgba(255,255,255,.08);padding:6px 4px;display:flex;flex-direction:column;gap:4px}.mini-sidebar-item{height:6px;border-radius:3px;background:#ffffff26}.mini-sidebar-item.accent{background:var(--accent-primary)}.mini-mockup-content{flex:1;padding:8px;display:flex;flex-direction:column;gap:6px}.mini-mockup-card-row{display:flex;gap:6px}.mini-content-card{flex:1;height:28px;border-radius:4px;border:1px solid rgba(255,255,255,.08)}.palette-card-info{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.palette-card-title-wrap{display:flex;flex-direction:column;gap:3px}.palette-card-name{font-size:14px;font-weight:var(--font-bold);color:var(--text-primary);display:flex;align-items:center;gap:6px}.palette-card-desc{font-size:12px;color:var(--text-muted);line-height:1.4}.palette-status-badge{font-size:11px;font-weight:var(--font-semibold);padding:2px 8px;border-radius:var(--radius-full);background:var(--bg-surface-elevated);color:var(--text-muted);border:1px solid var(--border-subtle);white-space:nowrap}.theme-palette-card.active .palette-status-badge{background:var(--accent-primary);color:var(--text-inverse);border-color:var(--accent-primary)}.palette-swatches-dots{display:flex;align-items:center;gap:6px;padding-top:8px;border-top:1px solid var(--border-subtle)}.swatch-dot{width:16px;height:16px;border-radius:50%;border:1.5px solid rgba(255,255,255,.2);box-shadow:0 1px 3px #0000004d}.swatch-dot-label{font-size:11px;color:var(--text-muted);margin-left:auto}.accent-presets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}.accent-preset-item{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--bg-tertiary);border:1.5px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast)}.accent-preset-item:hover{border-color:var(--border-medium);transform:translateY(-1px)}.accent-preset-item.active{border-color:var(--accent-primary);background:var(--bg-selected);box-shadow:0 0 0 1px var(--accent-primary)}.accent-swatch-circle{width:26px;height:26px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 2px 6px #00000040;transition:transform var(--duration-fast)}.accent-preset-item:hover .accent-swatch-circle{transform:scale(1.1)}.accent-preset-item.active .accent-swatch-circle svg{display:block}.accent-preset-info{display:flex;flex-direction:column;overflow:hidden}.accent-preset-name{font-size:13px;font-weight:var(--font-semibold);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.accent-preset-hex{font-size:11px;color:var(--text-muted);font-family:monospace}.custom-accent-box{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding:16px;background:var(--bg-tertiary);border:1px dashed var(--border-medium);border-radius:var(--radius-md)}.custom-accent-left{display:flex;align-items:center;gap:12px}.custom-color-input-wrapper{position:relative;width:38px;height:38px;border-radius:var(--radius-sm);overflow:hidden;border:2px solid var(--border-medium);cursor:pointer;box-shadow:var(--shadow-sm)}.custom-color-input-wrapper input[type=color]{position:absolute;top:-8px;left:-8px;width:56px;height:56px;border:none;cursor:pointer;background:transparent}.custom-hex-input-group{display:flex;align-items:center;gap:8px}.custom-hex-input{width:100px;font-family:monospace;font-weight:600;text-transform:uppercase}.live-preview-box{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:20px;display:flex;flex-direction:column;gap:16px}.preview-grid-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.preview-item-group{display:flex;flex-direction:column;gap:8px}.preview-item-label{font-size:11px;font-weight:var(--font-bold);text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em}.preview-buttons-wrap,.preview-badges-wrap{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.preview-tag-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--radius-full);font-size:12px;font-weight:var(--font-medium);background:var(--bg-selected);color:var(--accent-primary);border:1px solid var(--accent-primary)}.preview-simulated-item{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--bg-selected);border:1.5px solid var(--accent-primary);border-radius:var(--radius-sm);box-shadow:0 0 12px var(--accent-glow)}.settings-option-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--border-subtle)}.settings-option-row:last-child{border-bottom:none;padding-bottom:0}.settings-option-text{display:flex;flex-direction:column;gap:3px}.settings-option-title{font-size:14px;font-weight:var(--font-semibold);color:var(--text-primary)}.settings-option-desc{font-size:12px;color:var(--text-muted);line-height:1.4}.settings-switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.settings-switch input{opacity:0;width:0;height:0}.settings-slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background-color:var(--bg-surface);border:1px solid var(--border-medium);transition:all .25s ease;border-radius:24px}.settings-slider:before{position:absolute;content:"";height:18px;width:18px;left:2px;bottom:2px;background-color:#fff;transition:all .25s cubic-bezier(.16,1,.3,1);border-radius:50%;box-shadow:0 1px 3px #0000004d}.settings-switch input:checked+.settings-slider{background-color:var(--accent-primary);border-color:var(--accent-primary);box-shadow:0 0 8px var(--accent-glow)}.settings-switch input:checked+.settings-slider:before{transform:translate(20px)}body.compact-mode .exam-card,body.compact-mode .test-series-card{padding:12px 14px!important}body.compact-mode .kpi-card{padding:12px 16px!important}#btn-clear-cache{border:1px solid transparent;transition:all var(--duration-fast, .2s) ease}#btn-clear-cache:hover{color:var(--danger, #ef4444)!important;background:var(--danger-bg, rgba(239, 68, 68, .12))!important;border-color:#ef444459!important}#btn-clear-cache:active{background:var(--danger, #ef4444)!important;color:#fff!important}@media (max-width: 768px){.settings-header-banner{padding:18px 20px}.palettes-toolbar-row{flex-direction:column;align-items:stretch;gap:12px}.palette-pagination-pills{justify-content:space-between;width:100%}.theme-palettes-grid{grid-template-columns:1fr}.accent-presets-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.preview-grid-items{grid-template-columns:1fr}}.page-wrapper{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--bg-page);padding:var(--space-md);overflow-x:hidden;transition:background-color var(--duration-normal) var(--ease-smooth)}[data-theme=light] .page-wrapper{background-color:#f0f4f8!important}[data-theme=light] body{background-color:#f0f4f8!important;color:#0f172a!important}.ambient-orb{position:absolute;border-radius:var(--radius-full);filter:blur(80px);opacity:.8;animation:floatOrb 22s infinite ease-in-out alternate}.ambient-orb-1{width:480px;height:480px;background:radial-gradient(circle,var(--bg-mesh-1) 0%,transparent 70%);top:-120px;left:-100px}.ambient-orb-2{width:520px;height:520px;background:radial-gradient(circle,var(--bg-mesh-2) 0%,transparent 70%);bottom:-140px;right:-120px;animation-duration:26s}.ambient-orb-3{width:340px;height:340px;background:radial-gradient(circle,var(--bg-mesh-3) 0%,transparent 70%);top:40%;left:60%;animation-duration:18s}.floating-bar{position:fixed;top:var(--space-md);right:var(--space-md);z-index:var(--z-floating);display:flex;gap:var(--space-xs);align-items:center}.auth-card{position:relative;z-index:var(--z-card);width:100%;max-width:500px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);padding:var(--space-xl);box-shadow:var(--card-shadow);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);transition:all var(--duration-normal) var(--ease-smooth);animation:cardFadeIn var(--duration-slow) var(--ease-smooth)}.auth-header{text-align:center;margin-bottom:var(--space-lg)}.brand-badge{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:0;background:transparent;border:none;box-shadow:none;margin-bottom:var(--space-lg)}.brand-emblem{width:20px;height:20px;border-radius:var(--radius-xs);background:var(--accent-gradient);color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:var(--font-bold);font-family:Outfit,sans-serif}.auth-title{font-family:Outfit,sans-serif;font-size:var(--font-2xl);font-weight:var(--font-bold);color:var(--text-primary);letter-spacing:-.02em;margin-bottom:4px;line-height:1.2}.title-gradient{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.auth-subtitle{font-size:var(--font-sm);color:var(--text-secondary)}.auth-tabs{position:relative;display:grid;grid-template-columns:1fr 1fr;background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-md);padding:4px;margin-bottom:var(--space-lg);-webkit-user-select:none;user-select:none}.auth-tab-btn{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:10px 14px;border-radius:var(--radius-sm);font-size:var(--font-sm);font-weight:var(--font-medium);color:var(--text-secondary);background:none;border:none;cursor:pointer;transition:color var(--duration-fast) var(--ease-smooth)}.auth-tab-btn:hover{color:var(--text-primary)}.auth-tab-btn.active{color:var(--text-primary);font-weight:var(--font-semibold)}.auth-tab-slider{position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);background:var(--card-bg-elevated);border:1px solid var(--card-border-glow);border-radius:var(--radius-sm);box-shadow:0 2px 8px #00000040;transition:transform var(--duration-normal) var(--ease-spring);z-index:1}.auth-form{display:flex;flex-direction:column;gap:var(--space-md)}.form-label{display:flex;align-items:center;justify-content:space-between;font-size:var(--font-xs);font-weight:var(--font-medium);color:var(--text-secondary)}.input-icon{position:absolute;left:14px;color:var(--input-placeholder);pointer-events:none;display:flex;align-items:center;justify-content:center;font-size:16px;transition:color var(--duration-fast)}.input-control{width:100%;height:44px;padding:0 14px 0 42px;background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-sm);color:var(--input-text);font-size:var(--font-sm);outline:none;transition:all var(--duration-fast) var(--ease-smooth)}.input-control::placeholder{color:var(--input-placeholder)}[data-theme=light] .input-control::placeholder{color:#94a3b8!important}.input-control:focus{border-color:var(--input-border-focus);box-shadow:0 0 0 3px var(--input-focus-glow);background:var(--card-bg-elevated)}[data-theme=light] .input-control:focus{background:#fff!important;border-color:#0284c7!important;box-shadow:0 0 0 3px #0284c733!important}.input-container:focus-within .input-icon{color:var(--accent-primary)}.btn-toggle-pass{position:absolute;right:12px;color:var(--input-placeholder);padding:4px;border-radius:var(--radius-xs);display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;transition:color var(--duration-fast)}.btn-toggle-pass:hover{color:var(--text-primary)}.meter-segment{height:100%;background:var(--meter-empty);border-radius:var(--radius-full);transition:background-color var(--duration-normal) var(--ease-smooth)}.rule-pills{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.rule-pill{font-size:11px;padding:2px 8px;border-radius:var(--radius-full);background:var(--input-bg);border:1px solid var(--input-border);color:var(--text-muted);transition:all var(--duration-fast)}.rule-pill.valid{background:var(--success-bg);border-color:var(--success);color:var(--success)}.btn-submit{position:relative;display:flex;align-items:center;justify-content:center;gap:var(--space-xs);height:46px;background:var(--accent-gradient);color:#fff;font-size:var(--font-sm);font-weight:var(--font-semibold);border-radius:var(--radius-sm);border:none;cursor:pointer;box-shadow:0 4px 14px var(--accent-glow);transition:all var(--duration-fast) var(--ease-smooth);overflow:hidden}.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px var(--accent-glow);filter:brightness(1.06)}.btn-link{background:none;border:none;color:var(--accent-primary);font-size:var(--font-xs);font-weight:var(--font-medium);cursor:pointer;padding:4px 8px;border-radius:var(--radius-xs);transition:all var(--duration-fast)}.btn-link:hover{text-decoration:underline;color:var(--accent-primary-hover)}.alert-box{display:none;padding:12px 14px;border-radius:var(--radius-sm);font-size:var(--font-xs);line-height:1.5;margin-bottom:var(--space-md);text-align:left}.alert-success{background:var(--success-bg);border:1px solid var(--success);color:var(--success)}.alert-error{background:var(--danger-bg);border:1px solid var(--danger);color:var(--danger)}.student-dashboard{display:none;width:100%;max-width:900px;animation:cardFadeIn var(--duration-slow) var(--ease-smooth)}.dash-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-lg);padding:var(--space-md) var(--space-lg);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-sm)}.student-hero{background:var(--accent-gradient);border-radius:var(--radius-lg);padding:var(--space-xl);color:#fff;margin-bottom:var(--space-lg);box-shadow:0 12px 30px var(--accent-glow)}.exam-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-md)}.exam-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);padding:var(--space-lg);transition:all var(--duration-fast)}.exam-card:hover{transform:translateY(-4px);border-color:var(--card-border-glow);box-shadow:0 8px 24px #00000040}#toast-container{position:fixed;bottom:28px;left:50%;transform:translate(-50%);z-index:var(--z-toast);display:flex;flex-direction:column;align-items:center;gap:10px;max-width:520px;width:max-content;pointer-events:none}.toast{pointer-events:auto;display:inline-flex;align-items:center;gap:10px;padding:10px 20px;background:var(--bg-surface);border:1px solid var(--border-medium);border-radius:var(--radius-full);color:var(--text-primary);font-family:Inter,sans-serif;font-size:13.5px;font-weight:500;box-shadow:0 12px 32px #00000047,0 2px 6px #0000001f;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);animation:toastSlideUp .26s var(--ease-spring);max-width:min(92vw,480px);text-align:center;word-break:break-word}.toast-icon{display:inline-flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0}.toast-success{border-color:#10b98180;box-shadow:0 10px 28px #00000047,0 0 12px #10b98140}.toast-success .toast-icon{color:#10b981}.toast-error{border-color:#ef444480;box-shadow:0 10px 28px #00000047,0 0 12px #ef444440}.toast-error .toast-icon{color:#ef4444}.toast-info{border-color:#4f46e580;box-shadow:0 10px 28px #00000047,0 0 12px #4f46e540}.toast-info .toast-icon{color:var(--accent-primary)}.toast-warning{border-color:#f59e0b80;box-shadow:0 10px 28px #00000047,0 0 12px #f59e0b40}.toast-warning .toast-icon{color:#f59e0b}@keyframes toastSlideUp{0%{opacity:0;transform:translateY(24px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toastSlideOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(16px) scale(.95)}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000ad;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1500;display:flex;align-items:center;justify-content:center;padding:var(--space-md);opacity:0;pointer-events:none;transition:opacity var(--duration-normal) var(--ease-smooth)}.modal-backdrop.active{opacity:1;pointer-events:auto}.modal-card{background:var(--card-bg-elevated);border:1px solid var(--card-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg),0 20px 40px #0006;width:100%;max-width:420px;overflow:hidden;text-align:center;padding:28px 24px;transform:scale(.94) translateY(12px);transition:transform var(--duration-normal) var(--ease-spring)}[data-theme=light] .modal-card{background:#fff;border-color:#e2e8f0;box-shadow:0 20px 45px #0f172a26}.modal-backdrop.active .modal-card{transform:scale(1) translateY(0)}.modal-icon-danger{width:52px;height:52px;border-radius:var(--radius-full);background:#ef44441f;color:var(--danger);display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.modal-heading{font-family:Outfit,sans-serif;font-size:var(--font-lg);font-weight:600;margin-bottom:8px;color:var(--text-primary)}.modal-description{font-size:var(--font-xs);color:var(--text-secondary);line-height:1.5;margin-bottom:24px}.modal-actions{display:flex;gap:12px;justify-content:center}.btn-modal-cancel{flex:1;height:42px;background:var(--input-bg);border:1px solid var(--input-border);color:var(--text-primary);border-radius:var(--radius-sm);font-size:var(--font-xs);font-weight:var(--font-medium);cursor:pointer;transition:all var(--duration-fast)}.btn-modal-cancel:hover{background:var(--card-bg);border-color:var(--card-border-glow)}[data-theme=light] .btn-modal-cancel{background:#f1f5f9;border-color:#cbd5e1;color:#334155}[data-theme=light] .btn-modal-cancel:hover{background:#e2e8f0}.btn-modal-confirm{flex:1;height:42px;background:var(--danger);border:1px solid var(--danger);color:#fff;border-radius:var(--radius-sm);font-size:var(--font-xs);font-weight:var(--font-semibold);cursor:pointer;box-shadow:0 4px 12px #ef44444d;transition:all var(--duration-fast)}.btn-modal-confirm:hover{filter:brightness(1.1);transform:translateY(-1px)}.subscription-choice-card{-webkit-user-select:none;user-select:none;transition:all var(--duration-fast) var(--ease-smooth)}.subscription-choice-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}[data-theme=light] .subscription-choice-card{background:#fff;border-color:#cbd5e1}[data-theme=light] #card-sub-computer:has(#check-sub-computer:checked){background:#0284c714!important;border-color:#0284c7!important}[data-theme=light] #card-sub-others:has(#check-sub-others:checked){background:#10b98114!important;border-color:#10b981!important}.note-viewer-container{display:flex;flex-direction:column;height:100%;width:100%;max-width:1560px;margin:0 auto;box-sizing:border-box;gap:var(--space-sm, 12px);padding-bottom:16px}.note-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:380px;gap:14px;color:var(--text-secondary)}.note-loading-text{font-family:Outfit,sans-serif;font-size:var(--font-sm, 14px);font-weight:500;color:var(--text-secondary)}.note-header-card{display:flex;flex-direction:column;gap:12px;padding:16px 20px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg, 16px);box-shadow:0 4px 18px #00000014,0 1px 3px #0000000a;flex-shrink:0;transition:all var(--duration-fast, .18s) ease}.note-header-nav-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.note-nav-left{display:flex;align-items:center;gap:10px;flex-wrap:wrap;flex:1;min-width:240px}.note-btn-back{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:12.5px;padding:6px 12px;border-radius:var(--radius-sm, 8px);transition:all var(--duration-fast, .18s) ease}.note-btn-back:hover{transform:translate(-2px)}.note-type-pill{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:var(--accent-primary);background:#0284c71f;border:1px solid rgba(2,132,199,.25);padding:4px 10px;border-radius:var(--radius-full);-webkit-user-select:none;user-select:none}.note-read-time-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:var(--radius-full);background:var(--bg-secondary);border:1px solid var(--border-subtle);font-size:11.5px;font-weight:500;color:var(--text-secondary);-webkit-user-select:none;user-select:none;box-shadow:inset 0 1px 2px #0000000d}.note-read-time-pill i{color:var(--warning, #f59e0b);font-size:12px}.note-read-time-text{font-weight:600;color:var(--text-primary)}.note-pill-sep{color:var(--text-muted);font-size:10px;opacity:.6}.note-word-count-text{color:var(--text-muted);font-size:11px}.note-nav-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.note-action-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;border-radius:var(--radius-sm, 8px);color:var(--text-secondary);transition:all var(--duration-fast, .18s) ease}.note-action-btn:hover{color:var(--text-primary);background:var(--bg-hover);border-color:var(--border-medium)}.note-action-btn.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary);box-shadow:0 2px 6px var(--accent-glow)}.note-action-btn.btn-icon{width:32px;height:32px;padding:0;justify-content:center}.note-header-title-row{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding-top:2px}.note-title-content{display:flex;align-items:center;gap:10px;flex:1;min-width:240px}.note-title-icon{font-size:20px;opacity:.85;-webkit-user-select:none;user-select:none;flex-shrink:0}.note-title-heading{font-family:Outfit,sans-serif;font-size:1.55rem;font-weight:700;line-height:1.25;color:var(--text-primary);letter-spacing:-.015em;margin:0;word-break:break-word}.note-tags-wrap{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.note-tag-badge{display:inline-flex;align-items:center;font-size:11px;font-weight:600;color:#818cf8;background:#6366f11f;border:1px solid rgba(99,102,241,.25);padding:3px 10px;border-radius:var(--radius-full)}.note-header-desc-row{display:flex;flex-direction:column}.note-desc-content{display:flex;align-items:flex-start;gap:8px;padding:8px 12px;background:var(--bg-secondary);border-radius:var(--radius-sm, 8px);border:1px solid var(--border-subtle)}.note-desc-icon{color:var(--accent-primary);font-size:13px;margin-top:2px;flex-shrink:0}.note-desc-text{font-size:12.5px;color:var(--text-secondary);line-height:1.5;margin:0;word-break:break-word}.note-workspace{display:flex;flex:1;min-height:540px;height:calc(100vh - 180px);position:relative;overflow:hidden;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md, 14px);box-shadow:var(--shadow-sm)}.note-preview-column{flex:1 1 100%;display:flex;flex-direction:column;min-width:0;position:relative;overflow:hidden}.note-search-bar{display:none;flex-direction:column;gap:6px;padding:8px 16px;background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);box-shadow:inset 0 -1px 3px #00000014;animation:noteSlideDown .18s var(--ease-smooth, ease);z-index:20}.note-search-bar.active{display:flex}@keyframes noteSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.note-search-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.note-search-input-wrap{position:relative;flex:1;min-width:180px;display:flex;align-items:center}.note-search-icon{position:absolute;left:10px;color:var(--text-muted);pointer-events:none}.note-search-input{width:100%;padding:6px 12px 6px 32px;font-size:var(--font-xs, 12px);background:var(--bg-surface);border:1px solid var(--border-medium);border-radius:var(--radius-xs, 6px);color:var(--text-primary);outline:none;transition:all var(--duration-fast, .18s)}.note-search-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-glow)}.note-search-count{font-size:11px;font-weight:600;color:var(--text-muted);white-space:nowrap;min-width:55px;text-align:center}.note-search-btn-group{display:inline-flex;align-items:center;gap:2px}.note-search-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-xs, 6px);background:transparent;border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast, .18s)}.note-search-btn:hover{color:var(--text-primary);background:var(--bg-hover);border-color:var(--border-medium)}.note-preview-wrapper{display:flex;flex:1;min-height:0;position:relative;overflow:hidden}.note-preview-scroll{flex:1;padding:28px 36px;overflow-y:auto;box-sizing:border-box;scroll-behavior:smooth}mark.preview-search-mark{background-color:#eab30873;color:inherit;padding:1px 3px;border-radius:2px;box-shadow:0 0 0 1px #eab308b3;transition:all var(--duration-fast, .18s)}mark.preview-search-mark.current{background-color:#f59e0b;color:#000;font-weight:700;box-shadow:0 0 0 2px var(--warning, #f59e0b),0 0 8px #f59e0b99}@keyframes noteHeadingPulse{0%{background:#6366f140;border-radius:4px;padding-left:6px}to{background:transparent;padding-left:0}}.heading-target-pulse{animation:noteHeadingPulse 1.4s ease-out}.note-outline-sidebar{width:280px;flex-shrink:0;display:flex;flex-direction:column;background:var(--bg-surface-elevated);border-left:1px solid var(--border-subtle);overflow:hidden;transition:all .24s var(--ease-smooth, ease)}.note-outline-sidebar.collapsed{width:0;opacity:0;pointer-events:none;border-left-color:transparent}.note-outline-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);flex-shrink:0}.note-outline-title{display:flex;align-items:center;gap:6px;font-size:var(--font-xs, 12px);font-weight:var(--font-bold, 700);color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px}.note-outline-filter-wrap{padding:8px 12px;border-bottom:1px solid var(--border-subtle);background:var(--bg-surface)}.note-outline-filter-input{width:100%;padding:5px 8px;font-size:11.5px;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-xs, 6px);color:var(--text-primary);outline:none}.note-outline-filter-input:focus{border-color:var(--accent-primary)}.note-outline-list{flex:1;overflow-y:auto;padding:10px 8px;display:flex;flex-direction:column;gap:2px}.note-outline-item{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:var(--radius-xs, 6px);font-size:var(--font-xs, 12px);color:var(--text-secondary);text-decoration:none;cursor:pointer;transition:all var(--duration-fast, .18s);-webkit-user-select:none;user-select:none;position:relative}.note-outline-item:hover{background:var(--bg-hover);color:var(--text-primary)}.note-outline-item.active{background:#6366f11f;color:var(--accent-primary);font-weight:600}.note-outline-item.active:before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:3px;background:var(--accent-primary);border-radius:var(--radius-full)}.note-outline-item.level-1{font-weight:600;color:var(--text-primary);padding-left:10px}.note-outline-item.level-2{padding-left:20px}.note-outline-item.level-3{padding-left:30px;font-size:11.5px}.note-outline-item.level-4,.note-outline-item.level-5,.note-outline-item.level-6{padding-left:40px;font-size:11px;color:var(--text-muted)}.note-outline-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:18px;padding:0 5px;border-radius:4px;font-size:10px;font-weight:700;font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace);font-variant-numeric:tabular-nums;background:var(--bg-tertiary);color:var(--text-muted);flex-shrink:0;letter-spacing:-.2px;line-height:1}.note-outline-item.active .note-outline-badge{background:var(--accent-primary);color:#fff}.note-outline-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.note-outline-empty{padding:32px 16px;text-align:center;font-size:var(--font-xs, 12px);color:var(--text-muted);font-style:italic;display:flex;flex-direction:column;align-items:center;gap:8px}.note-outline-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:99998!important;opacity:0;transition:opacity .2s ease}.note-outline-backdrop.active{display:block;opacity:1}@media (max-width: 900px){.note-viewer-container{height:auto;min-height:100%;overflow-y:visible;padding-bottom:12px}.note-header-card{padding:14px 16px;gap:10px}.note-title-heading{font-size:1.35rem}.note-workspace{height:calc(100vh - 220px);min-height:480px}.note-preview-scroll{padding:20px 22px}.note-outline-sidebar,.note-outline-sidebar.collapsed{position:fixed;top:0;right:0;bottom:0;left:auto;width:min(320px,85vw)!important;max-width:85vw;height:100vh;height:100dvh;z-index:99999!important;box-shadow:-8px 0 32px #0000008c;border-radius:0;border-left:1px solid var(--border-medium);transform:translate(100%);transition:transform .28s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;background:var(--bg-surface-elevated);opacity:1!important;pointer-events:none}.note-outline-sidebar.open-mobile{transform:translate(0);pointer-events:auto!important}}@media (max-width: 600px){.note-header-card{padding:12px 14px;gap:10px;border-radius:var(--radius-md, 14px)}.note-header-nav-row{flex-direction:column;align-items:stretch;gap:8px}.note-nav-left{justify-content:space-between;width:100%}.note-nav-right{justify-content:flex-end;width:100%;padding-top:4px;border-top:1px solid var(--border-subtle)}.note-action-btn .btn-label-text,.note-action-btn #outline-btn-label{display:none!important}#btn-toggle-outline,#btn-header-search{width:32px;height:32px;padding:0;justify-content:center}.note-title-heading{font-size:1.2rem}.note-title-icon{font-size:18px}.note-preview-scroll{padding:16px 14px}.note-read-time-pill{padding:3px 8px;font-size:11px}}.markdown-preview,.rendered-markdown-content{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.65;color:var(--text-primary);-webkit-user-select:text;user-select:text}.markdown-preview h1,.markdown-preview h2,.markdown-preview h3,.markdown-preview h4,.rendered-markdown-content h1,.rendered-markdown-content h2,.rendered-markdown-content h3,.rendered-markdown-content h4{font-family:Outfit,sans-serif;color:var(--text-primary);margin-top:1.3em;margin-bottom:.55em;font-weight:700;line-height:1.25}.markdown-preview h1,.rendered-markdown-content h1{font-size:1.55rem;border-bottom:1px solid var(--border-subtle);padding-bottom:.3em}.markdown-preview h2,.rendered-markdown-content h2{font-size:1.3rem}.markdown-preview h3,.rendered-markdown-content h3{font-size:1.15rem}.markdown-preview p,.rendered-markdown-content p{margin-bottom:.9em}.markdown-preview p:last-child,.rendered-markdown-content p:last-child{margin-bottom:0}.markdown-preview ul,.markdown-preview ol,.rendered-markdown-content ul,.rendered-markdown-content ol{margin-bottom:1em;padding-left:1.6em}.markdown-preview ul,.rendered-markdown-content ul{list-style-type:disc}.markdown-preview ol,.rendered-markdown-content ol{list-style-type:decimal}.markdown-preview li,.rendered-markdown-content li{margin-bottom:.35em}.markdown-preview blockquote,.rendered-markdown-content blockquote{border-left:4px solid var(--accent-primary);padding:6px 14px;background:#0284c70d;color:var(--text-secondary);border-radius:0 var(--radius-xs, 6px) var(--radius-xs, 6px) 0;margin:1em 0;font-style:italic;max-width:100%;box-sizing:border-box}.markdown-preview table,.rendered-markdown-content table{display:block;width:fit-content;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-collapse:collapse;margin:1.2em 0;box-sizing:border-box;border-radius:var(--radius-sm, 8px);border:1px solid var(--border-medium)}.markdown-preview th,.markdown-preview td,.rendered-markdown-content th,.rendered-markdown-content td{border:1px solid var(--border-subtle);padding:9px 13px;text-align:left;box-sizing:border-box}.markdown-preview th,.rendered-markdown-content th{background:var(--bg-surface-elevated);font-weight:600;color:var(--text-primary)}.markdown-preview td,.rendered-markdown-content td{background:var(--bg-surface)}.markdown-preview img,.rendered-markdown-content img{max-width:100%;height:auto;border-radius:var(--radius-sm, 10px);display:block;margin:1.2em auto;box-sizing:border-box;box-shadow:0 4px 14px #00000026}.markdown-preview a,.rendered-markdown-content a{color:var(--accent-primary);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px;font-weight:500;transition:all var(--duration-fast, .18s) ease}.markdown-preview a:hover,.rendered-markdown-content a:hover{color:#818cf8}.katex-display{margin:1.1em 0!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch;padding:8px 4px;max-width:100%!important;box-sizing:border-box}.katex-error{color:var(--danger, #ef4444);background:#ef44441a;padding:2px 6px;border-radius:4px;font-family:monospace}.footnotes-sep{border:none;border-top:1px solid var(--border-medium);margin:32px 0 16px;width:100%}.footnotes{font-size:var(--font-xs, 12px);color:var(--text-secondary);line-height:1.6}.footnotes-title{font-size:var(--font-xs, 12px);font-weight:var(--font-bold, 700);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.footnotes-list{padding-left:20px;margin-bottom:16px}.footnote-item{margin-bottom:8px;word-break:break-word}.footnote-ref{font-size:.75em;line-height:0;vertical-align:super;padding:0 2px}.footnote-ref a{color:var(--accent-primary);text-decoration:none;font-weight:700;border-radius:2px;padding:1px 3px;background:#6366f11a}.footnote-ref a:hover{background:#6366f140;text-decoration:underline}.footnote-backref{color:var(--accent-primary);text-decoration:none;font-weight:700;margin-left:6px;padding:0 2px;display:inline-block;transition:transform .15s ease}.footnote-backref:hover{transform:translateY(-1px)}code.inline-code,.markdown-preview code:not(.hljs),.rendered-markdown-content code:not(.hljs){background:#0284c71a;color:#f43f5e;padding:2.5px 7px;border-radius:var(--radius-xs, 6px);border:1px solid rgba(2,132,199,.18);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.88em;font-weight:500;word-break:break-word;white-space:pre-wrap}[data-theme=light] code.inline-code,[data-theme=light] .markdown-preview code:not(.hljs),[data-theme=light] .rendered-markdown-content code:not(.hljs){background:#0284c714;color:#e11d48;border-color:#0284c733}.code-block-wrapper{margin:14px 0;background:#0d1117;border:1px solid var(--border-medium);border-radius:var(--radius-sm, 10px);overflow:hidden;box-shadow:0 4px 16px #00000040;position:relative;width:fit-content;max-width:100%;box-sizing:border-box}[data-theme=light] .code-block-wrapper{background:#f6f8fa;border-color:#0000001f;box-shadow:0 2px 8px #0000000f}.note-viewer-container .code-block-wrapper,.note-preview-scroll .code-block-wrapper{min-width:min(200px,100%)}.code-block-header{display:none!important}.note-viewer-container .code-block-header,.note-preview-scroll .code-block-header{display:flex!important;align-items:center;justify-content:space-between;gap:16px;padding:7px 14px;background:#ffffff0a;border-bottom:1px solid rgba(255,255,255,.08);-webkit-user-select:none;user-select:none;box-sizing:border-box;width:100%}.rendered-markdown-content .code-block-header{display:none!important}[data-theme=light] .code-block-header{background:#eaeeef;border-bottom-color:#00000014}.code-block-lang{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text-secondary);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,monospace}.code-copy-btn{display:inline-flex;align-items:center;gap:5px;background:#ffffff0f;border:1px solid var(--border-subtle);color:var(--text-secondary);font-size:11px;font-weight:600;padding:3px 9px;border-radius:var(--radius-xs, 5px);cursor:pointer;transition:all var(--duration-fast, .18s) ease}.code-copy-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-medium)}.code-copy-btn.copied{background:#10b98133!important;color:#10b981!important;border-color:#10b981!important}.code-block-wrapper pre,.markdown-preview pre,.rendered-markdown-content pre{margin:0;padding:14px 18px;background:transparent;border:none;border-radius:0;overflow-x:auto;-webkit-overflow-scrolling:touch;font-size:13.5px;line-height:1.65;-moz-tab-size:2;tab-size:2;box-sizing:border-box}.code-block-wrapper pre code,.markdown-preview pre code,.rendered-markdown-content pre code{background:transparent!important;border:none!important;padding:0!important;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:inherit;line-height:inherit;white-space:pre;word-break:normal;overflow-wrap:normal}.hljs{color:#c9d1d9}[data-theme=light] .hljs{color:#24292f}.hljs-keyword,.hljs-selector-tag,.hljs-subst{color:#ff7b72;font-weight:600}[data-theme=light] .hljs-keyword,[data-theme=light] .hljs-selector-tag,[data-theme=light] .hljs-subst{color:#cf222e}.hljs-title,.hljs-title.function_,.hljs-section{color:#d2a8ff;font-weight:600}[data-theme=light] .hljs-title,[data-theme=light] .hljs-title.function_,[data-theme=light] .hljs-section{color:#8250df}.hljs-type,.hljs-built_in,.hljs-class .hljs-title{color:#ffa657}[data-theme=light] .hljs-type,[data-theme=light] .hljs-built_in,[data-theme=light] .hljs-class .hljs-title{color:#953800}.hljs-string,.hljs-regexp,.hljs-template-variable{color:#a5d6ff}[data-theme=light] .hljs-string,[data-theme=light] .hljs-regexp,[data-theme=light] .hljs-template-variable{color:#0a3069}.hljs-number,.hljs-literal{color:#79c0ff}[data-theme=light] .hljs-number,[data-theme=light] .hljs-literal{color:#0550ae}.hljs-comment,.hljs-quote,.hljs-doctag{color:#8b949e;font-style:italic}[data-theme=light] .hljs-comment,[data-theme=light] .hljs-quote,[data-theme=light] .hljs-doctag{color:#6e7781}.hljs-variable,.hljs-params,.hljs-attr{color:#e6edf3}[data-theme=light] .hljs-variable,[data-theme=light] .hljs-params,[data-theme=light] .hljs-attr{color:#24292f}.hljs-operator,.hljs-punctuation{color:#79c0ff}[data-theme=light] .hljs-operator,[data-theme=light] .hljs-punctuation{color:#0550ae}.hljs-meta{color:#7ee787}[data-theme=light] .hljs-meta{color:#116329}.hljs-deletion{background:#f8514926;color:#ffdcd7}.hljs-addition{background:#2ea04326;color:#aff5b4}.page-wrapper{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--bg-page, #080c14);padding:var(--space-md, 16px);overflow-x:hidden;transition:background-color .26s cubic-bezier(.16,1,.3,1)}[data-theme=light] .page-wrapper{background-color:#f1f5f9!important}[data-theme=light] body{background-color:#f1f5f9!important;color:#0f172a!important}.ambient-mesh{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.ambient-orb{position:absolute;border-radius:9999px;filter:blur(80px);opacity:.8;animation:floatOrb 22s infinite ease-in-out alternate}.ambient-orb-1{width:480px;height:480px;background:radial-gradient(circle,rgba(99,102,241,.16) 0%,transparent 70%);top:-120px;left:-100px}.ambient-orb-2{width:520px;height:520px;background:radial-gradient(circle,rgba(168,85,247,.14) 0%,transparent 70%);bottom:-140px;right:-120px;animation-duration:26s}.ambient-orb-3{width:340px;height:340px;background:radial-gradient(circle,rgba(56,189,248,.1) 0%,transparent 70%);top:40%;left:60%;animation-duration:18s}@keyframes floatOrb{0%{transform:translate(0) scale(1)}50%{transform:translate(35px,-30px) scale(1.08)}to{transform:translate(-30px,35px) scale(.96)}}.floating-bar{position:fixed;top:16px;right:16px;z-index:100;display:flex;gap:8px;align-items:center}.btn-theme-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:9999px;background:#0f172abf;border:1px solid rgba(255,255,255,.12);color:#f8fafc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 2px 8px #0000004d;transition:all .18s cubic-bezier(.16,1,.3,1);cursor:pointer}[data-theme=light] .btn-theme-toggle{background:#ffffffd9;border-color:#cbd5e1cc;color:#0f172a;box-shadow:0 2px 8px #00000014}.btn-theme-toggle:hover{transform:translateY(-2px);border-color:#6366f180;box-shadow:0 4px 14px #6366f14d}.auth-card{position:relative;z-index:10;width:100%;max-width:500px;background:#0f172ab8;border:1px solid rgba(255,255,255,.1);border-radius:28px;padding:36px;box-shadow:0 25px 60px -15px #000000bf,0 0 40px #6366f124;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);transition:all .26s cubic-bezier(.16,1,.3,1);animation:cardFadeIn .4s cubic-bezier(.16,1,.3,1)}[data-theme=light] .auth-card{background:#ffffffe0;border-color:#cbd5e1b3;box-shadow:0 20px 45px -10px #0f172a1f,0 0 30px #6366f114}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-header{text-align:center;margin-bottom:24px}.brand-badge{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:0;background:transparent;border:none;box-shadow:none;margin-bottom:20px}[data-theme=light] .brand-badge{background:transparent;border:none;box-shadow:none}.w-10{width:40px;min-width:40px}.h-10{height:40px}.rounded-xl{border-radius:12px}.bg-gradient-to-tr{background:linear-gradient(to top right,#4f46e5,#6366f1)}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.text-white{color:#fff}.shadow-md{box-shadow:0 4px 6px -1px #0003,0 2px 4px -2px #00000026}.shadow-brand-500\/20,[class*="shadow-brand-500/20"]{box-shadow:0 6px 18px #6366f159}.text-lg{font-size:1.125rem}.text-xl{font-family:Outfit,sans-serif;font-size:1.25rem;letter-spacing:-.01em}.font-bold{font-weight:700}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.text-transparent{color:transparent;-webkit-text-fill-color:transparent}.bg-gradient-to-r{background-image:linear-gradient(to right,#f1f5f9,#cbd5e1)}[data-theme=dark] .bg-gradient-to-r,:root:not([data-theme=light]) .bg-gradient-to-r{background-image:linear-gradient(to right,#f1f5f9,#cbd5e1)}[data-theme=light] .bg-gradient-to-r{background-image:linear-gradient(to right,#0f172a,#334155)}.text-brand-600{color:#4f46e5;-webkit-text-fill-color:#4f46e5}[data-theme=dark] .text-brand-600,:root:not([data-theme=light]) .text-brand-600,[data-theme=dark] .dark\:text-brand-400,:root:not([data-theme=light]) .dark\:text-brand-400,[class*="dark:text-brand-400"]{color:#818cf8;-webkit-text-fill-color:#818cf8}[data-theme=light] .text-brand-600{color:#4f46e5;-webkit-text-fill-color:#4f46e5}.brand-emblem{width:20px;height:20px;border-radius:6px;background:linear-gradient(135deg,#6366f1,#8b5cf6,#ec4899);color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;font-family:Outfit,sans-serif}.auth-title{font-family:Outfit,sans-serif;font-size:2rem;font-weight:700;color:#f8fafc;letter-spacing:-.02em;margin-bottom:4px;line-height:1.2}[data-theme=light] .auth-title{color:#0f172a}.title-gradient{background:linear-gradient(135deg,#6366f1,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.auth-subtitle{font-size:.85rem;color:#94a3b8}[data-theme=light] .auth-subtitle{color:#475569}.auth-tabs{position:relative;display:grid;grid-template-columns:1fr 1fr;background:#0b0f19bf;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:4px;margin-bottom:24px;-webkit-user-select:none;user-select:none}[data-theme=light] .auth-tabs{background:#f1f5f9;border-color:#cbd5e1}.auth-tab-btn{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border-radius:8px;font-size:.85rem;font-weight:500;color:#94a3b8;background:none;border:none;cursor:pointer;transition:color .18s cubic-bezier(.16,1,.3,1)}[data-theme=light] .auth-tab-btn{color:#64748b}.auth-tab-btn.active{color:#f8fafc;font-weight:600}[data-theme=light] .auth-tab-btn.active{color:#0f172a}.auth-tab-slider{position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);background:#1e293bd9;border:1px solid rgba(99,102,241,.4);border-radius:8px;box-shadow:0 2px 8px #00000040;transition:transform .26s cubic-bezier(.175,.885,.32,1.275);z-index:1}[data-theme=light] .auth-tab-slider{background:#fff;border-color:#6366f14d;box-shadow:0 2px 6px #00000014}.auth-tabs[data-active=signup] .auth-tab-slider{transform:translate(100%)}.auth-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{display:flex;align-items:center;justify-content:space-between;font-size:.75rem;font-weight:500;color:#94a3b8}[data-theme=light] .form-label{color:#475569}.input-container{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:14px;color:#64748b;pointer-events:none;display:flex;align-items:center;justify-content:center;font-size:16px;transition:color .18s}.input-control{width:100%;height:44px;padding:0 14px 0 42px;background:#0b0f19bf;border:1px solid rgba(255,255,255,.12);border-radius:10px;color:#f8fafc;font-size:.85rem;outline:none;transition:all .18s cubic-bezier(.16,1,.3,1)}[data-theme=light] .input-control{background:#fff!important;border-color:#cbd5e1!important;color:#0f172a!important}.input-control.no-icon{padding-left:14px}.input-control::placeholder{color:#64748b}[data-theme=light] .input-control::placeholder{color:#94a3b8}.input-control:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f140;background:#1e293bd9}[data-theme=light] .input-control:focus{background:#fff!important;border-color:#4f46e5!important;box-shadow:0 0 0 3px #4f46e52e!important}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px rgba(11,15,25,.95) inset!important;-webkit-text-fill-color:#f8fafc!important;transition:background-color 5000s ease-in-out 0s;caret-color:#f8fafc}[data-theme=light] input:-webkit-autofill,[data-theme=light] input:-webkit-autofill:hover,[data-theme=light] input:-webkit-autofill:focus,[data-theme=light] input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px #ffffff inset!important;-webkit-text-fill-color:#0f172a!important;transition:background-color 5000s ease-in-out 0s;caret-color:#0f172a}.input-container:focus-within .input-icon{color:#6366f1}[data-theme=light] .input-container:focus-within .input-icon{color:#4f46e5}.btn-toggle-pass{position:absolute;right:12px;color:#64748b;padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;transition:color .18s}.btn-toggle-pass:hover{color:#f8fafc}[data-theme=light] .btn-toggle-pass:hover{color:#0f172a}.password-meter{display:flex;flex-direction:column;gap:6px;margin-top:2px}.meter-bars{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;height:4px}.meter-segment{height:100%;background:#ffffff14;border-radius:9999px;transition:background-color .26s cubic-bezier(.16,1,.3,1)}[data-theme=light] .meter-segment{background:#e2e8f0}.meter-labels{display:flex;justify-content:space-between;align-items:center;font-size:11px}.rule-pills{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.rule-pill{font-size:11px;padding:2px 8px;border-radius:9999px;background:#0b0f19bf;border:1px solid rgba(255,255,255,.12);color:#64748b;transition:all .18s}[data-theme=light] .rule-pill{background:#f1f5f9;border-color:#cbd5e1}.rule-pill.valid{background:#10b98126;border-color:#10b981;color:#10b981}.btn-submit{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;height:46px;background:linear-gradient(135deg,#6366f1,#8b5cf6,#ec4899);color:#fff;font-size:.85rem;font-weight:600;border-radius:10px;border:none;cursor:pointer;box-shadow:0 4px 14px #6366f159;transition:all .18s cubic-bezier(.16,1,.3,1);overflow:hidden}.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #6366f173;filter:brightness(1.06)}.btn-submit:active:not(:disabled){transform:translateY(0)}.btn-submit:disabled{opacity:.7;cursor:not-allowed}.btn-link{background:none;border:none;color:#818cf8;font-size:.75rem;font-weight:500;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .18s}[data-theme=light] .btn-link{color:#4f46e5}.btn-link:hover{text-decoration:underline;color:#a5b4fc}.alert-box{display:none;padding:12px 14px;border-radius:10px;font-size:.75rem;line-height:1.5;margin-bottom:16px;text-align:left}.alert-success{background:#10b98126;border:1px solid #10b981;color:#10b981}.alert-error{background:#ef444426;border:1px solid #ef4444;color:#ef4444}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-footer{margin-top:24px;text-align:center;font-size:.75rem;color:#64748b}.sub-items-grid{display:flex;flex-direction:column;gap:12px}.sub-item-card{display:flex;background:#0b0f19bf;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:14px 16px;transition:all .18s cubic-bezier(.16,1,.3,1);-webkit-user-select:none;user-select:none}[data-theme=light] .sub-item-card{background:#fff;border-color:#cbd5e1}.sub-item-card:hover{transform:translateY(-2px);border-color:#6366f180;box-shadow:0 4px 14px #6366f126}.sub-item-card.selected{border-color:#6366f1;background:#6366f114;box-shadow:0 0 0 1px #6366f1}[data-theme=light] .sub-item-card.selected{border-color:#4f46e5;background:#4f46e50f;box-shadow:0 0 0 1px #4f46e5}.btn-modal-cancel{display:inline-flex;align-items:center;justify-content:center;height:46px;padding:0 16px;background:#0b0f19bf;border:1px solid rgba(255,255,255,.12);color:#94a3b8;border-radius:10px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .18s cubic-bezier(.16,1,.3,1)}[data-theme=light] .btn-modal-cancel{background:#f1f5f9;border-color:#cbd5e1;color:#475569}.btn-modal-cancel:hover{background:#1e293bd9;color:#f8fafc}[data-theme=light] .btn-modal-cancel:hover{background:#e2e8f0;color:#0f172a}