:root{--bg0: #070a12;--bg1: #0b1020;--bg2: #121a2d;--glass: rgba(255, 255, 255, .06);--glass-strong: rgba(255, 255, 255, .1);--stroke: rgba(255, 255, 255, .1);--stroke-strong: rgba(255, 255, 255, .16);--text: #eaf0ff;--text-strong: #ffffff;--muted: rgba(234, 240, 255, .62);--muted-soft: rgba(234, 240, 255, .42);--muted2: rgba(234, 240, 255, .55);--blue: #4da3ff;--blue-dark: #2e6dff;--green: #31d09a;--orange: #ff9f43;--red: #ff6b6b;--card-bg-solid: #1f2430;--input-bg-solid: #1b202b;--input-focus-bg-solid: #232937;--soft-bg-solid: #252b36;--dropdown-active-bg: linear-gradient(135deg, var(--blue), var(--blue-dark));--dropdown-active-text: #ffffff;--dropdown-active-border: var(--blue);--card-bg: linear-gradient(180deg, rgba(255, 255, 255, .09), rgba(255, 255, 255, .05));--card-border: rgba(255, 255, 255, .12);--card-border-strong: rgba(255, 255, 255, .18);--card-highlight: radial-gradient(420px 260px at 25% 15%, rgba(255, 255, 255, .1), transparent 55%), radial-gradient(360px 240px at 90% 10%, rgba(77, 163, 255, .1), transparent 60%);--panel-bg: linear-gradient(180deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .04));--panel-border: rgba(255, 255, 255, .1);--soft-bg: rgba(255, 255, 255, .04);--soft-bg-2: rgba(255, 255, 255, .05);--hover-bg: rgba(255, 255, 255, .06);--table-border: rgba(255, 255, 255, .08);--input-bg: linear-gradient(180deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .04));--input-focus-bg: linear-gradient(180deg, rgba(255, 255, 255, .12), rgba(255, 255, 255, .06));--body-bg: radial-gradient(1200px 600px at 35% 10%, rgba(77, 163, 255, .18), transparent 55%), radial-gradient(900px 520px at 70% 25%, rgba(255, 159, 67, .14), transparent 55%), radial-gradient(1200px 900px at 50% 90%, rgba(0, 0, 0, .65), rgba(0, 0, 0, .88)), linear-gradient(180deg, var(--bg1), var(--bg0));--chart-bg: radial-gradient(360px 180px at 20% 30%, rgba(77, 163, 255, .16), transparent 62%), linear-gradient(180deg, rgba(255, 255, 255, .04), rgba(0, 0, 0, .1));--theme-switch-bg: rgba(255, 255, 255, .06);--theme-switch-border: rgba(255, 255, 255, .1);--theme-switch-thumb: linear-gradient(135deg, var(--blue), var(--blue-dark));--radius-xl: 28px;--radius-lg: 24px;--radius-md: 18px;--radius-sm: 14px;--radius-xs: 10px;--shadow-lg: 0 28px 70px rgba(0, 0, 0, .55);--shadow-md: 0 18px 40px rgba(0, 0, 0, .5);--shadow-sm: 0 10px 24px rgba(0, 0, 0, .22);--shadow-primary: 0 10px 30px rgba(77, 163, 255, .35);--grain-opacity: .06}body[data-theme=light]{--bg0: #f4f7fb;--bg1: #ffffff;--bg2: #f1f5f9;--card-bg-solid: #ffffff;--input-bg-solid: #ffffff;--input-focus-bg-solid: #f8fafc;--soft-bg-solid: #f3f4f6;--dropdown-active-bg: linear-gradient(135deg, #dbeafe, #bfdbfe);--dropdown-active-text: #111827;--dropdown-active-border: #2563eb;--text: #0f172a;--text-strong: #020617;--muted: rgba(15, 23, 42, .72);--muted-soft: rgba(15, 23, 42, .52);--muted2: rgba(15, 23, 42, .6);--blue: #2563eb;--blue-dark: #1e40af;--green: #059669;--orange: #ea580c;--red: #dc2626;--glass: rgba(255, 255, 255, .85);--glass-strong: rgba(255, 255, 255, .95);--stroke: rgba(15, 23, 42, .14);--stroke-strong: rgba(15, 23, 42, .26);--panel-border: rgba(148, 163, 184, .34);--card-border: rgba(148, 163, 184, .38);--card-border-strong: rgba(100, 116, 139, .45);--card-bg: linear-gradient(180deg, #ffffff 0%, #f6f9ff 100%);--card-highlight: radial-gradient(420px 260px at 20% 10%, rgba(255, 255, 255, .95), transparent 55%), radial-gradient(360px 240px at 90% 10%, rgba(37, 99, 235, .1), transparent 60%);--panel-bg: linear-gradient(180deg, #ffffff 0%, #f4f7fb 100%);--soft-bg: rgba(15, 23, 42, .04);--soft-bg-2: rgba(15, 23, 42, .06);--hover-bg: rgba(37, 99, 235, .08);--input-bg: linear-gradient(180deg, #ffffff 0%, #f5f8ff 100%);--input-focus-bg: linear-gradient(180deg, #ffffff 0%, #eef4ff 100%);--table-border: rgba(148, 163, 184, .3);--body-bg: radial-gradient(900px 440px at 15% 0%, rgba(59, 130, 246, .12), transparent 58%), radial-gradient(700px 340px at 90% 10%, rgba(14, 165, 233, .08), transparent 55%), linear-gradient(180deg, #ffffff 0%, #f6f9ff 50%, #eef3f9 100%);--chart-bg: radial-gradient(360px 180px at 20% 30%, rgba(37, 99, 235, .12), transparent 62%), linear-gradient(180deg, #ffffff, #f1f6ff);--theme-switch-bg: rgba(255, 255, 255, .95);--theme-switch-border: rgba(148, 163, 184, .3);--theme-switch-thumb: linear-gradient(135deg, #2563eb, #1d4ed8);--shadow-lg: 0 20px 50px rgba(15, 23, 42, .1), 0 6px 16px rgba(15, 23, 42, .06);--shadow-md: 0 12px 28px rgba(15, 23, 42, .08);--shadow-sm: 0 6px 14px rgba(15, 23, 42, .06);--shadow-primary: 0 10px 26px rgba(37, 99, 235, .22);--grain-opacity: .02}body[data-theme=royal]{--bg0: #0c0f2c;--bg1: #151a45;--bg2: #1f2560;--text: #f1f5ff;--text-strong: #ffffff;--muted: rgba(241, 245, 255, .7);--blue: #6366f1;--blue-dark: #4338ca;--green: #10b981;--orange: #f59e0b;--red: #ef4444;--card-bg: linear-gradient(180deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .04));--card-border: rgba(255, 255, 255, .14);--panel-bg: linear-gradient(180deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .05));--panel-border: rgba(255, 255, 255, .12);--body-bg: radial-gradient(1000px 500px at 10% 0%, rgba(99, 102, 241, .25), transparent 60%), radial-gradient(900px 400px at 90% 10%, rgba(168, 85, 247, .18), transparent 60%), linear-gradient(180deg, #0c0f2c 0%, #0a0d26 100%);--shadow-primary: 0 12px 30px rgba(99, 102, 241, .35)}body[data-theme=fire]{--bg0: #1a0f0a;--bg1: #2a140d;--bg2: #3a1c10;--text: #fff5f0;--text-strong: #ffffff;--muted: rgba(255, 245, 240, .65);--card-bg-solid: #2a1710;--input-bg-solid: #22120d;--input-focus-bg-solid: #311b13;--soft-bg-solid: #342016;--dropdown-active-bg: linear-gradient(135deg, #f97316, #ea580c);--dropdown-active-text: #ffffff;--dropdown-active-border: #f97316;--blue: #f97316;--blue-dark: #ea580c;--green: #22c55e;--orange: #fb923c;--red: #ef4444;--card-bg: linear-gradient(180deg, rgba(255, 255, 255, .07), rgba(255, 255, 255, .03));--card-border: rgba(255, 255, 255, .12);--panel-bg: linear-gradient(180deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .04));--body-bg: radial-gradient(900px 500px at 15% 0%, rgba(249, 115, 22, .25), transparent 60%), radial-gradient(800px 400px at 90% 10%, rgba(239, 68, 68, .18), transparent 60%), linear-gradient(180deg, #1a0f0a 0%, #120a06 100%);--shadow-primary: 0 10px 28px rgba(249, 115, 22, .35)}body[data-theme=royal-blue]{--bg0: #0a1020;--bg1: #101a36;--bg2: #16244a;--card-bg-solid: #18203a;--input-bg-solid: #121a32;--input-focus-bg-solid: #1b2442;--soft-bg-solid: #1a2340;--dropdown-active-bg: linear-gradient(135deg, #6366f1, #4338ca);--dropdown-active-text: #ffffff;--dropdown-active-border: #6366f1;--glass: rgba(255, 255, 255, .06);--glass-strong: rgba(255, 255, 255, .1);--stroke: rgba(255, 255, 255, .1);--stroke-strong: rgba(255, 255, 255, .16);--text: #eaf2ff;--text-strong: #ffffff;--muted: rgba(234, 242, 255, .68);--muted-soft: rgba(234, 242, 255, .45);--muted2: rgba(234, 242, 255, .56);--blue: #5da8ff;--blue-dark: #2563eb;--green: #22c55e;--orange: #f59e0b;--red: #ef4444;--card-bg: linear-gradient(180deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .025));--card-border: rgba(255, 255, 255, .12);--card-border-strong: rgba(255, 255, 255, .18);--card-highlight: radial-gradient(420px 260px at 20% 12%, rgba(255, 255, 255, .06), transparent 55%), radial-gradient(360px 240px at 90% 10%, rgba(93, 168, 255, .14), transparent 60%);--panel-bg: linear-gradient(180deg, rgba(255, 255, 255, .07), rgba(255, 255, 255, .03));--panel-border: rgba(255, 255, 255, .1);--soft-bg: rgba(255, 255, 255, .04);--soft-bg-2: rgba(255, 255, 255, .055);--hover-bg: rgba(255, 255, 255, .07);--table-border: rgba(255, 255, 255, .08);--input-bg: linear-gradient(180deg, rgba(255, 255, 255, .07), rgba(255, 255, 255, .03));--input-focus-bg: linear-gradient(180deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .04));--body-bg: radial-gradient(1100px 560px at 15% 0%, rgba(59, 130, 246, .2), transparent 58%), radial-gradient(900px 420px at 90% 10%, rgba(37, 99, 235, .16), transparent 58%), linear-gradient(180deg, #111b36 0%, #0c1430 55%, #09101e 100%);--chart-bg: radial-gradient(360px 180px at 20% 30%, rgba(93, 168, 255, .18), transparent 62%), linear-gradient(180deg, rgba(255, 255, 255, .04), rgba(0, 0, 0, .12));--theme-switch-bg: rgba(255, 255, 255, .07);--theme-switch-border: rgba(255, 255, 255, .12);--theme-switch-thumb: linear-gradient(135deg, #5da8ff, #2563eb);--shadow-lg: 0 28px 70px rgba(0, 0, 0, .48);--shadow-md: 0 18px 42px rgba(0, 0, 0, .36);--shadow-sm: 0 10px 24px rgba(0, 0, 0, .22);--shadow-primary: 0 12px 30px rgba(37, 99, 235, .32);--grain-opacity: .05}body[data-theme=emerald-luxe]{--bg0: #081612;--bg1: #0d201a;--bg2: #123128;--card-bg-solid: #11241d;--input-bg-solid: #0d1c17;--input-focus-bg-solid: #163128;--soft-bg-solid: #173027;--dropdown-active-bg: linear-gradient(135deg, #34d399, #059669);--dropdown-active-text: #ffffff;--dropdown-active-border: #34d399;--glass: rgba(255, 255, 255, .06);--glass-strong: rgba(255, 255, 255, .1);--stroke: rgba(255, 255, 255, .1);--stroke-strong: rgba(255, 255, 255, .16);--text: #eafff7;--text-strong: #ffffff;--muted: rgba(234, 255, 247, .68);--muted-soft: rgba(234, 255, 247, .45);--muted2: rgba(234, 255, 247, .56);--blue: #34d399;--blue-dark: #059669;--green: #22c55e;--orange: #f59e0b;--red: #ef4444;--card-bg: linear-gradient(180deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .02));--card-border: rgba(255, 255, 255, .11);--card-border-strong: rgba(255, 255, 255, .17);--card-highlight: radial-gradient(420px 260px at 18% 10%, rgba(255, 255, 255, .05), transparent 55%), radial-gradient(360px 220px at 88% 12%, rgba(52, 211, 153, .14), transparent 60%);--panel-bg: linear-gradient(180deg, rgba(255, 255, 255, .07), rgba(255, 255, 255, .025));--panel-border: rgba(255, 255, 255, .1);--soft-bg: rgba(255, 255, 255, .035);--soft-bg-2: rgba(255, 255, 255, .05);--hover-bg: rgba(255, 255, 255, .065);--table-border: rgba(255, 255, 255, .075);--input-bg: linear-gradient(180deg, rgba(255, 255, 255, .07), rgba(255, 255, 255, .025));--input-focus-bg: linear-gradient(180deg, rgba(255, 255, 255, .09), rgba(255, 255, 255, .04));--body-bg: radial-gradient(1000px 520px at 15% 0%, rgba(16, 185, 129, .2), transparent 58%), radial-gradient(820px 380px at 90% 10%, rgba(52, 211, 153, .14), transparent 58%), linear-gradient(180deg, #10261f 0%, #0b1d18 55%, #071310 100%);--chart-bg: radial-gradient(360px 180px at 20% 30%, rgba(52, 211, 153, .18), transparent 62%), linear-gradient(180deg, rgba(255, 255, 255, .04), rgba(0, 0, 0, .12));--theme-switch-bg: rgba(255, 255, 255, .07);--theme-switch-border: rgba(255, 255, 255, .12);--theme-switch-thumb: linear-gradient(135deg, #34d399, #059669);--shadow-lg: 0 28px 70px rgba(0, 0, 0, .46);--shadow-md: 0 18px 42px rgba(0, 0, 0, .34);--shadow-sm: 0 10px 24px rgba(0, 0, 0, .22);--shadow-primary: 0 12px 30px rgba(16, 185, 129, .28);--grain-opacity: .045}body[data-theme=sunset-pro]{--bg0: #1a0f11;--bg1: #251417;--bg2: #341b20;--card-bg-solid: #2a171a;--input-bg-solid: #221215;--input-focus-bg-solid: #331b20;--soft-bg-solid: #341d21;--dropdown-active-bg: linear-gradient(135deg, #fb7185, #ea580c);--dropdown-active-text: #ffffff;--dropdown-active-border: #fb7185;--glass: rgba(255, 255, 255, .06);--glass-strong: rgba(255, 255, 255, .1);--stroke: rgba(255, 255, 255, .1);--stroke-strong: rgba(255, 255, 255, .16);--text: #fff3ef;--text-strong: #ffffff;--muted: rgba(255, 243, 239, .68);--muted-soft: rgba(255, 243, 239, .45);--muted2: rgba(255, 243, 239, .56);--blue: #fb7185;--blue-dark: #ea580c;--green: #22c55e;--orange: #f59e0b;--red: #ef4444;--card-bg: linear-gradient(180deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .02));--card-border: rgba(255, 255, 255, .11);--card-border-strong: rgba(255, 255, 255, .17);--card-highlight: radial-gradient(420px 260px at 18% 12%, rgba(255, 255, 255, .05), transparent 55%), radial-gradient(360px 240px at 88% 12%, rgba(251, 113, 133, .15), transparent 58%), radial-gradient(420px 260px at 70% 100%, rgba(249, 115, 22, .12), transparent 55%);--panel-bg: linear-gradient(180deg, rgba(255, 255, 255, .07), rgba(255, 255, 255, .025));--panel-border: rgba(255, 255, 255, .1);--soft-bg: rgba(255, 255, 255, .035);--soft-bg-2: rgba(255, 255, 255, .05);--hover-bg: rgba(255, 255, 255, .065);--table-border: rgba(255, 255, 255, .075);--input-bg: linear-gradient(180deg, rgba(255, 255, 255, .07), rgba(255, 255, 255, .025));--input-focus-bg: linear-gradient(180deg, rgba(255, 255, 255, .09), rgba(255, 255, 255, .04));--body-bg: radial-gradient(1000px 520px at 15% 0%, rgba(251, 113, 133, .2), transparent 58%), radial-gradient(840px 420px at 90% 10%, rgba(249, 115, 22, .14), transparent 58%), linear-gradient(180deg, #241416 0%, #1d1113 55%, #130b0d 100%);--chart-bg: radial-gradient(360px 180px at 20% 30%, rgba(251, 113, 133, .18), transparent 62%), linear-gradient(180deg, rgba(255, 255, 255, .04), rgba(0, 0, 0, .12));--theme-switch-bg: rgba(255, 255, 255, .07);--theme-switch-border: rgba(255, 255, 255, .12);--theme-switch-thumb: linear-gradient(135deg, #fb7185, #ea580c);--shadow-lg: 0 28px 70px rgba(0, 0, 0, .46);--shadow-md: 0 18px 42px rgba(0, 0, 0, .34);--shadow-sm: 0 10px 24px rgba(0, 0, 0, .22);--shadow-primary: 0 12px 30px rgba(251, 113, 133, .28);--grain-opacity: .045}body[data-theme=frost-light]{--bg0: #eef4fb;--bg1: #ffffff;--bg2: #f4f8fd;--card-bg-solid: #ffffff;--input-bg-solid: #ffffff;--input-focus-bg-solid: #f8fafc;--soft-bg-solid: #f3f4f6;--dropdown-active-bg: linear-gradient(135deg, #dbeafe, #bfdbfe);--dropdown-active-text: #111827;--dropdown-active-border: #2563eb;--glass: rgba(255, 255, 255, .82);--glass-strong: rgba(255, 255, 255, .94);--stroke: rgba(15, 23, 42, .1);--stroke-strong: rgba(15, 23, 42, .18);--text: #0f172a;--text-strong: #020617;--muted: rgba(15, 23, 42, .68);--muted-soft: rgba(15, 23, 42, .48);--muted2: rgba(15, 23, 42, .58);--blue: #2563eb;--blue-dark: #1d4ed8;--green: #059669;--orange: #ea580c;--red: #dc2626;--card-bg: linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(244, 248, 253, .92));--card-border: rgba(148, 163, 184, .24);--card-border-strong: rgba(100, 116, 139, .3);--card-highlight: radial-gradient(420px 260px at 20% 10%, rgba(255, 255, 255, .95), transparent 55%), radial-gradient(360px 240px at 90% 10%, rgba(37, 99, 235, .08), transparent 60%);--panel-bg: linear-gradient(180deg, rgba(255, 255, 255, .95), rgba(245, 248, 252, .92));--panel-border: rgba(148, 163, 184, .22);--soft-bg: rgba(15, 23, 42, .028);--soft-bg-2: rgba(15, 23, 42, .04);--hover-bg: rgba(37, 99, 235, .06);--table-border: rgba(148, 163, 184, .22);--input-bg: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);--input-focus-bg: linear-gradient(180deg, #ffffff 0%, #f2f7ff 100%);--body-bg: radial-gradient(900px 440px at 15% 0%, rgba(59, 130, 246, .08), transparent 58%), radial-gradient(700px 340px at 90% 10%, rgba(14, 165, 233, .06), transparent 55%), linear-gradient(180deg, #ffffff 0%, #f7faff 50%, #eef4fb 100%);--chart-bg: radial-gradient(360px 180px at 20% 30%, rgba(37, 99, 235, .1), transparent 62%), linear-gradient(180deg, #ffffff, #f4f8fd);--theme-switch-bg: rgba(255, 255, 255, .95);--theme-switch-border: rgba(148, 163, 184, .24);--theme-switch-thumb: linear-gradient(135deg, #2563eb, #1d4ed8);--shadow-lg: 0 20px 50px rgba(15, 23, 42, .1);--shadow-md: 0 12px 28px rgba(15, 23, 42, .08);--shadow-sm: 0 6px 14px rgba(15, 23, 42, .06);--shadow-primary: 0 10px 26px rgba(37, 99, 235, .2);--grain-opacity: .02}body[data-theme=dark-black]{--bg0: #000000;--bg1: #050505;--bg2: #0a0a0a;--card-bg-solid: #1f2430;--input-bg-solid: #1b202b;--input-focus-bg-solid: #232937;--soft-bg-solid: #252b36;--glass: rgba(255, 255, 255, .04);--glass-strong: rgba(255, 255, 255, .08);--stroke: rgba(255, 255, 255, .08);--stroke-strong: rgba(255, 255, 255, .14);--text: #f5f5f5;--text-strong: #ffffff;--muted: rgba(245, 245, 245, .65);--muted-soft: rgba(245, 245, 245, .45);--muted2: rgba(245, 245, 245, .55);--blue: #3b82f6;--blue-dark: #1d4ed8;--green: #22c55e;--orange: #f59e0b;--red: #ef4444;--card-bg: linear-gradient(180deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .02));--card-border: rgba(255, 255, 255, .1);--card-border-strong: rgba(255, 255, 255, .16);--card-highlight: radial-gradient(420px 260px at 20% 10%, rgba(255, 255, 255, .05), transparent 55%), radial-gradient(360px 240px at 90% 10%, rgba(59, 130, 246, .1), transparent 60%);--panel-bg: linear-gradient(180deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .02));--panel-border: rgba(255, 255, 255, .08);--soft-bg: rgba(255, 255, 255, .03);--soft-bg-2: rgba(255, 255, 255, .05);--hover-bg: rgba(255, 255, 255, .06);--table-border: rgba(255, 255, 255, .07);--input-bg: linear-gradient(180deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .02));--input-focus-bg: linear-gradient(180deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .03));--body-bg: radial-gradient(1000px 500px at 15% 0%, rgba(59, 130, 246, .15), transparent 60%), radial-gradient(800px 400px at 90% 10%, rgba(37, 99, 235, .12), transparent 60%), linear-gradient(180deg, #050505 0%, #020202 100%);--chart-bg: radial-gradient(360px 180px at 20% 30%, rgba(59, 130, 246, .18), transparent 62%), linear-gradient(180deg, rgba(255, 255, 255, .04), rgba(0, 0, 0, .15));--theme-switch-bg: rgba(255, 255, 255, .06);--theme-switch-border: rgba(255, 255, 255, .1);--theme-switch-thumb: linear-gradient(135deg, #3b82f6, #1d4ed8);--shadow-lg: 0 28px 70px rgba(0, 0, 0, .75);--shadow-md: 0 18px 40px rgba(0, 0, 0, .65);--shadow-sm: 0 10px 24px rgba(0, 0, 0, .45);--shadow-primary: 0 10px 30px rgba(59, 130, 246, .3);--grain-opacity: .04}body[data-theme=pink]{--bg0: #140a14;--bg1: #1f0f1f;--bg2: #2a142a;--card-bg-solid: #2a1628;--input-bg-solid: #21111f;--input-focus-bg-solid: #31182f;--soft-bg-solid: #341b31;--dropdown-active-bg: linear-gradient(135deg, #ec4899, #db2777);--dropdown-active-text: #ffffff;--dropdown-active-border: #ec4899;--glass: rgba(255, 255, 255, .06);--glass-strong: rgba(255, 255, 255, .1);--stroke: rgba(255, 255, 255, .1);--stroke-strong: rgba(255, 255, 255, .16);--text: #fff1f8;--text-strong: #ffffff;--muted: rgba(255, 241, 248, .68);--muted-soft: rgba(255, 241, 248, .45);--muted2: rgba(255, 241, 248, .55);--blue: #ec4899;--blue-dark: #db2777;--green: #22c55e;--orange: #fb7185;--red: #ef4444;--card-bg: linear-gradient(180deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .025));--card-border: rgba(255, 255, 255, .12);--card-border-strong: rgba(255, 255, 255, .18);--card-highlight: radial-gradient(420px 260px at 18% 10%, rgba(255, 255, 255, .05), transparent 55%), radial-gradient(360px 240px at 88% 12%, rgba(236, 72, 153, .18), transparent 60%);--panel-bg: linear-gradient(180deg, rgba(255, 255, 255, .07), rgba(255, 255, 255, .03));--panel-border: rgba(255, 255, 255, .1);--soft-bg: rgba(255, 255, 255, .04);--soft-bg-2: rgba(255, 255, 255, .05);--hover-bg: rgba(255, 255, 255, .07);--table-border: rgba(255, 255, 255, .08);--input-bg: linear-gradient(180deg, rgba(255, 255, 255, .07), rgba(255, 255, 255, .03));--input-focus-bg: linear-gradient(180deg, rgba(255, 255, 255, .09), rgba(255, 255, 255, .04));--body-bg: radial-gradient(1000px 520px at 15% 0%, rgba(236, 72, 153, .2), transparent 60%), radial-gradient(900px 420px at 90% 10%, rgba(244, 114, 182, .15), transparent 60%), linear-gradient(180deg, #1a0d1a 0%, #120812 100%);--chart-bg: radial-gradient(360px 180px at 20% 30%, rgba(236, 72, 153, .2), transparent 62%), linear-gradient(180deg, rgba(255, 255, 255, .04), rgba(0, 0, 0, .12));--theme-switch-bg: rgba(255, 255, 255, .07);--theme-switch-border: rgba(255, 255, 255, .12);--theme-switch-thumb: linear-gradient(135deg, #ec4899, #db2777);--shadow-lg: 0 28px 70px rgba(0, 0, 0, .55);--shadow-md: 0 18px 42px rgba(0, 0, 0, .42);--shadow-sm: 0 10px 24px rgba(0, 0, 0, .28);--shadow-primary: 0 12px 30px rgba(236, 72, 153, .3);--grain-opacity: .05}body[data-theme=obsidian-pro]{--bg0: #030303;--bg1: #080808;--bg2: #0f0f0f;--card-bg-solid: #16181d;--input-bg-solid: #111318;--input-focus-bg-solid: #1b1e25;--soft-bg-solid: #1d2027;--dropdown-active-bg: linear-gradient(135deg, #475569, #0f172a);--dropdown-active-text: #ffffff;--dropdown-active-border: #475569;--glass: rgba(255, 255, 255, .035);--glass-strong: rgba(255, 255, 255, .07);--stroke: rgba(255, 255, 255, .06);--stroke-strong: rgba(255, 255, 255, .12);--text: #fafafa;--text-strong: #ffffff;--muted: rgba(250, 250, 250, .6);--muted-soft: rgba(250, 250, 250, .4);--muted2: rgba(250, 250, 250, .5);--blue: #8b5cf6;--blue-dark: #6d28d9;--green: #22c55e;--orange: #f59e0b;--red: #ef4444;--card-bg: linear-gradient(180deg, rgba(255, 255, 255, .035), rgba(255, 255, 255, .015));--card-border: rgba(255, 255, 255, .08);--card-highlight: radial-gradient(500px 280px at 20% 10%, rgba(255, 255, 255, .04), transparent 60%), radial-gradient(360px 240px at 90% 10%, rgba(139, 92, 246, .12), transparent 60%);--panel-bg: linear-gradient(180deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .02));--panel-border: rgba(255, 255, 255, .07);--soft-bg: rgba(255, 255, 255, .02);--soft-bg-2: rgba(255, 255, 255, .04);--hover-bg: rgba(255, 255, 255, .05);--table-border: rgba(255, 255, 255, .06);--input-bg: linear-gradient(180deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .02));--input-focus-bg: linear-gradient(180deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .03));--body-bg: radial-gradient(1200px 600px at 10% 0%, rgba(139, 92, 246, .18), transparent 60%), radial-gradient(900px 500px at 90% 10%, rgba(59, 130, 246, .12), transparent 60%), linear-gradient(180deg, #080808 0%, #020202 100%);--shadow-primary: 0 10px 30px rgba(139, 92, 246, .25)}body[data-theme=titanium]{--bg0: #0f172a;--bg1: #1e293b;--bg2: #334155;--text: #e2e8f0;--text-strong: #ffffff;--muted: rgba(226, 232, 240, .65);--blue: #38bdf8;--blue-dark: #0ea5e9;--green: #22c55e;--orange: #f59e0b;--red: #ef4444;--card-bg-solid: #222831;--input-bg-solid: #1d232b;--input-focus-bg-solid: #2a313b;--soft-bg-solid: #2b323c;--dropdown-active-bg: linear-gradient(135deg, #94a3b8, #64748b);--dropdown-active-text: #ffffff;--dropdown-active-border: #94a3b8;--card-bg: linear-gradient(180deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .03));--card-border: rgba(255, 255, 255, .14);--panel-bg: linear-gradient(180deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .04));--body-bg: radial-gradient(1000px 500px at 20% 0%, rgba(56, 189, 248, .18), transparent 60%), linear-gradient(180deg, #1e293b 0%, #0f172a 100%);--shadow-primary: 0 10px 30px rgba(56, 189, 248, .25)}body[data-theme=neon-cyber]{--bg0: #020617;--bg1: #020c1b;--bg2: #031426;--card-bg-solid: #08141a;--input-bg-solid: #071116;--input-focus-bg-solid: #0c1b23;--soft-bg-solid: #0d2028;--dropdown-active-bg: linear-gradient(135deg, #00f5ff, #00c2ff);--dropdown-active-text: #001018;--dropdown-active-border: #00f5ff;--text: #e0f2fe;--text-strong: #ffffff;--muted: rgba(224, 242, 254, .65);--blue: #00f5ff;--blue-dark: #06b6d4;--green: #22c55e;--orange: #f59e0b;--red: #ef4444;--card-bg: linear-gradient(180deg, rgba(0, 245, 255, .08), rgba(255, 255, 255, .02));--card-border: rgba(0, 245, 255, .25);--panel-bg: linear-gradient(180deg, rgba(0, 245, 255, .06), rgba(255, 255, 255, .02));--body-bg: radial-gradient(900px 400px at 20% 0%, rgba(0, 245, 255, .2), transparent 60%), linear-gradient(180deg, #020617 0%, #000 100%);--shadow-primary: 0 10px 30px rgba(0, 245, 255, .35)}body[data-theme=rose-gold]{--bg0: #1a0d12;--bg1: #2a131b;--bg2: #3a1b24;--card-bg-solid: #2b1a1d;--input-bg-solid: #221316;--input-focus-bg-solid: #341f24;--soft-bg-solid: #392328;--dropdown-active-bg: linear-gradient(135deg, #fda4af, #e11d48);--dropdown-active-text: #ffffff;--dropdown-active-border: #fb7185;--text: #fff1f2;--text-strong: #ffffff;--muted: rgba(255, 241, 242, .65);--blue: #fda4af;--blue-dark: #fb7185;--green: #22c55e;--orange: #f59e0b;--red: #ef4444;--card-bg: linear-gradient(180deg, rgba(255, 255, 255, .07), rgba(255, 255, 255, .02));--card-border: rgba(255, 255, 255, .14);--panel-bg: linear-gradient(180deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .03));--body-bg: radial-gradient(900px 400px at 20% 0%, rgba(251, 113, 133, .2), transparent 60%), linear-gradient(180deg, #1a0d12 0%, #0d0608 100%);--shadow-primary: 0 10px 30px rgba(251, 113, 133, .28)}body[data-theme=gold]{--bg0: #0b0803;--bg1: #120d05;--bg2: #1a1308;--glass: rgba(255, 215, 120, .06);--glass-strong: rgba(255, 215, 120, .1);--stroke: rgba(255, 215, 120, .12);--stroke-strong: rgba(255, 215, 120, .2);--text: #fff6d8;--text-strong: #ffffff;--muted: rgba(255, 246, 216, .65);--muted-soft: rgba(255, 246, 216, .45);--muted2: rgba(255, 246, 216, .55);--blue: #fbbf24;--blue-dark: #d97706;--green: #22c55e;--orange: #f59e0b;--red: #ef4444;--card-bg: linear-gradient(180deg, rgba(255, 215, 120, .08), rgba(255, 215, 120, .03));--card-border: rgba(255, 215, 120, .16);--card-border-strong: rgba(255, 215, 120, .24);--card-highlight: radial-gradient(420px 260px at 20% 10%, rgba(255, 215, 120, .12), transparent 60%), radial-gradient(360px 240px at 90% 10%, rgba(255, 193, 7, .18), transparent 60%);--panel-bg: linear-gradient(180deg, rgba(255, 215, 120, .1), rgba(255, 215, 120, .04));--panel-border: rgba(255, 215, 120, .14);--soft-bg: rgba(255, 215, 120, .04);--soft-bg-2: rgba(255, 215, 120, .06);--hover-bg: rgba(255, 215, 120, .08);--table-border: rgba(255, 215, 120, .1);--input-bg: linear-gradient(180deg, rgba(255, 215, 120, .08), rgba(255, 215, 120, .03));--input-focus-bg: linear-gradient(180deg, rgba(255, 215, 120, .12), rgba(255, 215, 120, .05));--body-bg: radial-gradient(1100px 500px at 10% 0%, rgba(251, 191, 36, .2), transparent 60%), radial-gradient(900px 400px at 90% 10%, rgba(245, 158, 11, .15), transparent 60%), linear-gradient(180deg, #140f05 0%, #090602 100%);--chart-bg: radial-gradient(360px 180px at 20% 30%, rgba(251, 191, 36, .22), transparent 62%), linear-gradient(180deg, rgba(255, 255, 255, .04), rgba(0, 0, 0, .12));--theme-switch-bg: rgba(255, 215, 120, .08);--theme-switch-border: rgba(255, 215, 120, .16);--theme-switch-thumb: linear-gradient(135deg, #fbbf24, #d97706);--shadow-lg: 0 30px 70px rgba(0, 0, 0, .65);--shadow-md: 0 18px 40px rgba(0, 0, 0, .5);--shadow-sm: 0 10px 24px rgba(0, 0, 0, .3);--shadow-primary: 0 12px 30px rgba(251, 191, 36, .35);--grain-opacity: .05}body[data-theme=silver]{--bg0: #060709;--bg1: #0b0d11;--bg2: #13161b;--glass: rgba(220, 226, 235, .06);--glass-strong: rgba(220, 226, 235, .1);--stroke: rgba(220, 226, 235, .12);--stroke-strong: rgba(220, 226, 235, .2);--card-bg-solid: #f3f4f6;--input-bg-solid: #ffffff;--input-focus-bg-solid: #eceff3;--soft-bg-solid: #e5e7eb;--dropdown-active-bg: linear-gradient(135deg, #e5e7eb, #9ca3af);--dropdown-active-text: #111827;--dropdown-active-border: #9ca3af;--text: #edf2f7;--text-strong: #ffffff;--muted: rgba(237, 242, 247, .66);--muted-soft: rgba(237, 242, 247, .45);--muted2: rgba(237, 242, 247, .55);--blue: #cbd5e1;--blue-dark: #94a3b8;--green: #22c55e;--orange: #f59e0b;--red: #ef4444;--card-bg: linear-gradient(180deg, rgba(220, 226, 235, .08), rgba(220, 226, 235, .03));--card-border: rgba(220, 226, 235, .16);--card-border-strong: rgba(220, 226, 235, .24);--card-highlight: radial-gradient(420px 260px at 20% 10%, rgba(255, 255, 255, .1), transparent 60%), radial-gradient(360px 240px at 90% 10%, rgba(203, 213, 225, .16), transparent 60%);--panel-bg: linear-gradient(180deg, rgba(220, 226, 235, .1), rgba(220, 226, 235, .04));--panel-border: rgba(220, 226, 235, .14);--soft-bg: rgba(220, 226, 235, .04);--soft-bg-2: rgba(220, 226, 235, .06);--hover-bg: rgba(220, 226, 235, .08);--table-border: rgba(220, 226, 235, .1);--input-bg: linear-gradient(180deg, rgba(220, 226, 235, .08), rgba(220, 226, 235, .03));--input-focus-bg: linear-gradient(180deg, rgba(220, 226, 235, .12), rgba(220, 226, 235, .05));--body-bg: radial-gradient(1100px 500px at 10% 0%, rgba(203, 213, 225, .16), transparent 60%), radial-gradient(900px 400px at 90% 10%, rgba(148, 163, 184, .12), transparent 60%), linear-gradient(180deg, #0f1217 0%, #050608 100%);--chart-bg: radial-gradient(360px 180px at 20% 30%, rgba(203, 213, 225, .18), transparent 62%), linear-gradient(180deg, rgba(255, 255, 255, .04), rgba(0, 0, 0, .12));--theme-switch-bg: rgba(220, 226, 235, .08);--theme-switch-border: rgba(220, 226, 235, .16);--theme-switch-thumb: linear-gradient(135deg, #cbd5e1, #94a3b8);--shadow-lg: 0 30px 70px rgba(0, 0, 0, .68);--shadow-md: 0 18px 40px rgba(0, 0, 0, .52);--shadow-sm: 0 10px 24px rgba(0, 0, 0, .3);--shadow-primary: 0 12px 30px rgba(203, 213, 225, .18);--grain-opacity: .045}body[data-theme=midnight]{--bg0: #08101d;--bg1: #0d1728;--bg2: #16243c;--card-bg-solid: #171833;--input-bg-solid: #121328;--input-focus-bg-solid: #1e2040;--soft-bg-solid: #202344;--dropdown-active-bg: linear-gradient(135deg, #312e81, #1e1b4b);--dropdown-active-text: #ffffff;--dropdown-active-border: #4338ca;--glass: rgba(255, 255, 255, .07);--glass-strong: rgba(255, 255, 255, .11);--stroke: rgba(255, 255, 255, .1);--stroke-strong: rgba(255, 255, 255, .17);--text: #edf4ff;--text-strong: #ffffff;--muted: rgba(237, 244, 255, .66);--muted-soft: rgba(237, 244, 255, .44);--muted2: rgba(237, 244, 255, .56);--blue: #60a5fa;--blue-dark: #2563eb;--green: #22c55e;--orange: #f59e0b;--red: #f87171;--card-bg: linear-gradient(180deg, rgba(19, 32, 55, .94), rgba(12, 22, 40, .92));--card-border: rgba(148, 163, 184, .18);--card-border-strong: rgba(191, 219, 254, .18);--card-highlight: radial-gradient(420px 260px at 25% 15%, rgba(255, 255, 255, .05), transparent 55%), radial-gradient(360px 240px at 90% 10%, rgba(96, 165, 250, .12), transparent 60%);--panel-bg: linear-gradient(180deg, rgba(17, 28, 46, .92), rgba(12, 21, 37, .9));--panel-border: rgba(148, 163, 184, .16);--soft-bg: rgba(255, 255, 255, .035);--soft-bg-2: rgba(255, 255, 255, .05);--hover-bg: rgba(255, 255, 255, .07);--table-border: rgba(148, 163, 184, .12);--input-bg: linear-gradient(180deg, rgba(20, 33, 56, .95), rgba(12, 22, 40, .92));--input-focus-bg: linear-gradient(180deg, rgba(24, 39, 66, .98), rgba(14, 26, 46, .95));--body-bg: radial-gradient(1000px 500px at 12% 0%, rgba(96, 165, 250, .16), transparent 60%), radial-gradient(900px 400px at 100% 10%, rgba(37, 99, 235, .12), transparent 60%), linear-gradient(180deg, #0f1a2d 0%, #0a1322 55%, #07101d 100%);--chart-bg: radial-gradient(360px 180px at 20% 30%, rgba(96, 165, 250, .18), transparent 62%), linear-gradient(180deg, rgba(255, 255, 255, .04), rgba(0, 0, 0, .14));--theme-switch-bg: rgba(17, 28, 46, .9);--theme-switch-border: rgba(148, 163, 184, .16);--theme-switch-thumb: linear-gradient(135deg, #60a5fa, #2563eb);--shadow-lg: 0 26px 60px rgba(0, 0, 0, .4);--shadow-md: 0 16px 34px rgba(0, 0, 0, .32);--shadow-sm: 0 10px 22px rgba(0, 0, 0, .22);--shadow-primary: 0 10px 28px rgba(37, 99, 235, .28);--grain-opacity: .045}body[data-theme=gradient]{--bg0: #120d24;--bg1: #1a1335;--bg2: #25174c;--card-bg-solid: #22192f;--input-bg-solid: #1b1426;--input-focus-bg-solid: #291d39;--soft-bg-solid: #2d2140;--dropdown-active-bg: linear-gradient(135deg, #8b5cf6, #ec4899, #f59e0b);--dropdown-active-text: #ffffff;--dropdown-active-border: #a855f7;--glass: rgba(255, 255, 255, .08);--glass-strong: rgba(255, 255, 255, .12);--stroke: rgba(255, 255, 255, .11);--stroke-strong: rgba(255, 255, 255, .18);--text: #f4f2ff;--text-strong: #ffffff;--muted: rgba(244, 242, 255, .72);--muted-soft: rgba(244, 242, 255, .48);--muted2: rgba(244, 242, 255, .58);--blue: #7c4dff;--blue-dark: #5b3df5;--green: #22c55e;--orange: #fb7185;--red: #f43f5e;--card-bg: linear-gradient(180deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .05));--card-border: rgba(255, 255, 255, .13);--card-highlight: radial-gradient(420px 260px at 18% 12%, rgba(255, 255, 255, .12), transparent 55%), radial-gradient(360px 240px at 88% 10%, rgba(124, 77, 255, .18), transparent 60%), radial-gradient(420px 260px at 70% 100%, rgba(236, 72, 153, .12), transparent 55%);--panel-bg: linear-gradient(180deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .04));--panel-border: rgba(255, 255, 255, .12);--hover-bg: rgba(255, 255, 255, .07);--soft-bg: rgba(255, 255, 255, .045);--soft-bg-2: rgba(255, 255, 255, .06);--table-border: rgba(255, 255, 255, .08);--input-bg: linear-gradient(180deg, rgba(255, 255, 255, .12), rgba(255, 255, 255, .05));--input-focus-bg: linear-gradient(180deg, rgba(255, 255, 255, .15), rgba(255, 255, 255, .06));--grain-opacity: .055;--shadow-lg: 0 28px 70px rgba(10, 6, 26, .48);--shadow-md: 0 16px 40px rgba(10, 6, 26, .42);--shadow-sm: 0 10px 24px rgba(10, 6, 26, .28);--shadow-primary: 0 12px 32px rgba(124, 77, 255, .28);--body-bg: radial-gradient(1200px 600px at 10% 0%, rgba(124, 77, 255, .22), transparent 55%), radial-gradient(1000px 620px at 88% 8%, rgba(236, 72, 153, .18), transparent 55%), radial-gradient(900px 520px at 50% 100%, rgba(34, 197, 94, .1), transparent 60%), linear-gradient(135deg, #110b23 0%, #1b1240 28%, #291756 58%, #17112d 100%);--chart-bg: radial-gradient(360px 180px at 20% 30%, rgba(124, 77, 255, .2), transparent 62%), linear-gradient(180deg, rgba(255, 255, 255, .05), rgba(0, 0, 0, .12));--theme-switch-bg: rgba(255, 255, 255, .08);--theme-switch-border: rgba(255, 255, 255, .14);--theme-switch-thumb: linear-gradient(135deg, #7c4dff, #ec4899)}*{box-sizing:border-box}html,body{min-height:100%;overflow-x:hidden;scroll-behavior:auto}body.modal-open{overflow:hidden}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:var(--body-bg);overflow-x:hidden;transition:background .35s ease,color .25s ease}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='2'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.07'/%3E%3C/svg%3E");opacity:var(--grain-opacity);z-index:0}img{max-width:100%;display:block}a{color:inherit}.glass-card:before,.glass:before,.card:before{pointer-events:none}.glass{background:var(--panel-bg);border:1px solid var(--panel-border);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:background .25s ease,border-color .25s ease,box-shadow .25s ease}.glass-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);position:relative;overflow:hidden;transition:background .25s ease,border-color .25s ease,box-shadow .25s ease,transform .25s ease}.glass-card:before{content:"";position:absolute;inset:0;background:var(--card-highlight);opacity:.85}.glass-card:hover{transform:translateY(-2px)}.h1{font-size:20px;font-weight:700;color:var(--text-strong)}.h2{font-size:16px;font-weight:700;color:var(--text-strong)}.h3{font-size:13px;font-weight:600;color:var(--text-strong)}.text-muted{color:var(--muted)}.text-soft{color:var(--muted-soft)}.btn{min-height:38px;padding:0 18px;margin-right:10px;border-radius:var(--radius-sm);border:1px solid var(--stroke);background:var(--glass);color:var(--text);font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;white-space:nowrap;transition:transform .18s ease,background .22s ease,border-color .22s ease,box-shadow .22s ease,color .22s ease;box-shadow:inset 0 1px #ffffff0f}.btn:hover{transform:translateY(-1px);background:var(--hover-bg);border-color:var(--stroke-strong)}.btn:active{transform:translateY(0)}.btn-primary{background:linear-gradient(135deg,var(--blue),var(--blue-dark));border:none;color:#fff;box-shadow:var(--shadow-primary)}.btn-primary:hover{filter:brightness(1.03)}.btn-success{background:color-mix(in srgb,var(--green) 16%,transparent);border:1px solid color-mix(in srgb,var(--green) 30%,transparent);color:var(--text)}.btn-warning{background:color-mix(in srgb,var(--orange) 16%,transparent);border:1px solid color-mix(in srgb,var(--orange) 30%,transparent);color:var(--text)}.btn.primary{background:linear-gradient(135deg,var(--blue),var(--blue-dark));border:none;color:#fff}.btn.start{background:linear-gradient(135deg,color-mix(in srgb,var(--blue) 90%,white 10%),color-mix(in srgb,var(--blue-dark) 78%,transparent));border:none;color:#fff}.btn.detect{background:color-mix(in srgb,var(--green) 10%,transparent);border:1px solid color-mix(in srgb,var(--green) 20%,transparent);font-weight:700}.btn.present{background:var(--soft-bg-2);border:1px solid var(--stroke);font-weight:700}.btn-outline{background:transparent;border:1px solid var(--stroke);color:var(--text)}.btn-icon{width:38px;min-width:38px;padding:0}.btn-group{display:flex;flex-wrap:wrap;gap:10px}.btn-group .btn{margin-right:0}.btn:disabled{background:#dcdcdc;color:#fff;border:1px solid #dcdcdc;cursor:not-allowed;opacity:.7;transform:none;box-shadow:none}.theme-switch{display:inline-flex;align-items:center;gap:6px;padding:6px;border-radius:999px;background:var(--theme-switch-bg);border:1px solid var(--theme-switch-border);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow-sm)}.theme-switch .theme-btn{border:none;background:transparent;color:var(--muted);height:34px;min-width:88px;padding:0 14px;border-radius:999px;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s ease}body[data-theme=dark] .theme-switch .theme-btn[data-theme=dark],body[data-theme=light] .theme-switch .theme-btn[data-theme=light],body[data-theme=gradient] .theme-switch .theme-btn[data-theme=gradient]{background:var(--theme-switch-thumb);color:#fff;box-shadow:0 8px 22px #00000029}.chip{min-height:30px;padding:0 12px;border-radius:999px;font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:8px;background:var(--soft-bg-2);border:1px solid var(--stroke);color:var(--text);box-shadow:inset 0 1px #ffffff14}.chip.blue{background:color-mix(in srgb,var(--blue) 14%,transparent);border-color:color-mix(in srgb,var(--blue) 22%,transparent)}.chip.green{background:color-mix(in srgb,var(--green) 14%,transparent);border-color:color-mix(in srgb,var(--green) 22%,transparent)}.chip.orange{background:color-mix(in srgb,var(--orange) 14%,transparent);border-color:color-mix(in srgb,var(--orange) 22%,transparent)}.chip.gray{background:color-mix(in srgb,var(--muted) 12%,transparent);border-color:var(--stroke)}.page{min-height:100vh;padding:20px;position:relative;z-index:1}.center{display:flex;align-items:center;justify-content:center}.stack{display:flex;flex-direction:column;gap:18px}.row{display:flex;gap:16px}.wrap{flex-wrap:wrap}.grid{position:relative;z-index:1;display:grid;grid-template-columns:300px 1fr 370px;gap:18px;padding:6px 8px 2px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;width:100%}.grid-5{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;width:100%}.w-100{width:100%}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px}.nav{display:flex;gap:28px;align-items:center}.nav a{text-decoration:none;color:var(--muted);font-weight:600;position:relative;transition:color .2s ease}.nav a:hover{color:var(--text)}.nav a.active{color:var(--text-strong)}.nav a.active:after{content:"";position:absolute;left:10%;right:10%;bottom:-8px;height:3px;border-radius:999px;background:linear-gradient(90deg,transparent,var(--blue),transparent)}input,.input,select,textarea{width:100%;height:40px;padding:0 14px;border-radius:var(--radius-sm);border:1px solid var(--stroke);background:var(--input-bg);color:var(--text);font-family:inherit;font-size:13px;font-weight:500;outline:none;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:border .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease}input::placeholder,.input::placeholder,textarea::placeholder{color:var(--muted-soft);font-weight:500}input:focus,.input:focus,select:focus,textarea:focus{border-color:color-mix(in srgb,var(--blue) 55%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--blue) 24%,transparent),0 10px 30px color-mix(in srgb,var(--blue) 18%,transparent);background:var(--input-focus-bg)}input:disabled,.input:disabled,select:disabled,textarea:disabled{opacity:.52;cursor:not-allowed}textarea{min-height:110px;height:auto;padding:12px 14px;resize:vertical;line-height:1.55}input[type=date]{color:var(--muted)}body[data-theme=dark] input[type=date]::-webkit-calendar-picker-indicator,body[data-theme=gradient] input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1);opacity:.7}body[data-theme=light] input[type=date]::-webkit-calendar-picker-indicator{filter:none;opacity:.75}input[type=file]{height:auto;padding:10px;font-size:12px;cursor:pointer}select{padding:0 36px 0 14px;appearance:none;-webkit-appearance:none;-moz-appearance:none;color:var(--text)!important;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 18px) calc(50% - 3px),calc(100% - 12px) calc(50% - 3px);background-size:6px 6px,6px 6px;background-repeat:no-repeat}body[data-theme=dark] select,body[data-theme=gradient] select{color-scheme:dark}body[data-theme=light] select{color-scheme:light}body[data-theme=dark] select option,body[data-theme=gradient] select option{background-color:#1f2435!important;color:#eaf0ff!important}body[data-theme=light] select option{background-color:#fff!important;color:#0f172a!important}input[type=checkbox]{appearance:none;width:18px;height:18px;border-radius:6px;background:var(--glass);border:1px solid var(--stroke);display:inline-grid;place-items:center;cursor:pointer;margin-top:2px;padding:0}input[type=checkbox]:checked{background:linear-gradient(135deg,var(--blue),var(--blue-dark));border-color:transparent}input[type=checkbox]:checked:after{content:"\2714";font-size:12px;font-weight:900;color:#fff}input[type=radio]{appearance:none;width:18px;height:18px;border-radius:50%;background:var(--glass);border:1px solid var(--stroke);display:grid;place-items:center;cursor:pointer;padding:0}input[type=radio]:checked{border-color:var(--blue)}input[type=radio]:checked:after{content:"";width:8px;height:8px;border-radius:50%;background:var(--blue)}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:12px;font-weight:700;color:var(--muted)}.input.error,input.error,select.error,textarea.error{border-color:#ff505099;box-shadow:0 0 0 1px #ff50502e}.form-error{font-size:12px;color:var(--red);margin-top:4px}.input.sm{height:36px;font-size:12px}.input.lg{height:52px;font-size:15px}.titleRow{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.title{font-size:15px;font-weight:700;letter-spacing:.2px;color:var(--text-strong)}.sub{color:var(--muted);font-size:12px}.weatherHead{display:flex;justify-content:space-between;gap:12px}.temp{font-size:44px;font-weight:700;line-height:1;margin-top:8px;color:var(--text-strong)}.cloud{width:86px;height:86px;border-radius:22px;display:grid;place-items:center;background:var(--soft-bg-2);border:1px solid var(--stroke);box-shadow:inset 0 1px #ffffff1a;font-size:36px}.miniStats{margin-top:14px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.mini{border-radius:16px;padding:12px 10px;background:var(--soft-bg-2);border:1px solid var(--stroke);text-align:center}.mini b{display:block;font-size:22px;margin-top:6px;color:var(--text-strong)}.mini span{font-size:12px;color:var(--muted)}.addRow{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.ghostBtn{height:36px;border-radius:14px;border:1px solid var(--stroke);background:var(--soft-bg-2);color:var(--text);font-weight:700;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:inset 0 1px #ffffff1a;cursor:pointer;transition:all .2s ease}.ghostBtn:hover{transform:translateY(-1px);background:var(--hover-bg)}.chartArea{margin-top:12px;height:150px;border-radius:16px;border:1px solid var(--stroke);background:var(--chart-bg);position:relative;overflow:hidden}.chartLine{position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 200'%3E%3Cpath d='M20 160 C80 60, 140 180, 210 120 C280 60, 340 160, 420 90 C500 30, 560 140, 580 70' fill='none' stroke='%234da3ff' stroke-width='4' stroke-linecap='round' opacity='.8'/%3E%3Ccircle cx='210' cy='120' r='6' fill='%23ffffff' opacity='.65'/%3E%3Ccircle cx='420' cy='90' r='6' fill='%23ffffff' opacity='.65'/%3E%3C/svg%3E") center/cover no-repeat;opacity:.85;filter:drop-shadow(0 10px 18px color-mix(in srgb,var(--blue) 20%,transparent))}.filters{display:flex;gap:12px;margin:10px 0 18px;flex-wrap:nowrap;position:relative;z-index:50}.filters input,.filters select{height:38px;border-radius:14px;background:var(--glass);border:1px solid var(--stroke);color:var(--text);padding:0 14px}.select{flex:1;min-height:40px;border-radius:14px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;background:var(--soft-bg-2);border:1px solid var(--stroke);color:var(--text);font-weight:600;font-size:13px;position:relative;z-index:60}.select small{color:var(--muted2);font-weight:600}.dots{width:40px;flex:0 0 40px;justify-content:center}.studentsRow{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:6px}.studentsRow b{font-size:14px;color:var(--text-strong)}.toggle{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:999px;background:color-mix(in srgb,var(--green) 10%,transparent);border:1px solid color-mix(in srgb,var(--green) 18%,transparent);font-size:12px;font-weight:700;color:var(--text)}.dot{width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px color-mix(in srgb,var(--green) 18%,transparent)}.studentGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.stu{display:flex;align-items:center;gap:12px;padding:12px;border-radius:14px;background:var(--soft-bg-2);border:1px solid var(--stroke);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.stu:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.stu img{width:44px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0}.stu .name{font-weight:700;font-size:14px;color:var(--text-strong)}.stu .id{font-size:12px;color:var(--muted2)}.btnRow{margin-top:16px;display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:10px}.list{display:flex;flex-direction:column;gap:12px;margin-top:10px}.item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-radius:16px;background:var(--soft-bg);border:1px solid var(--stroke)}.leftInfo{display:flex;align-items:center;gap:12px}.appIcon{width:40px;height:40px;border-radius:14px;background:color-mix(in srgb,var(--blue) 12%,transparent);border:1px solid color-mix(in srgb,var(--blue) 18%,transparent);display:grid;place-items:center;font-weight:900}.meta b{display:block;font-size:13px;color:var(--text-strong)}.meta small{display:block;color:var(--muted2);margin-top:4px}.examRow{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.exam{display:flex;gap:12px;align-items:center;padding:12px;border-radius:18px;background:var(--soft-bg);border:1px solid var(--stroke)}.exam .face{width:44px;height:36px;border-radius:16px;background:url(https://i.pravatar.cc/100?img=13) center/cover no-repeat;border:1px solid var(--stroke-strong)}.exam b{display:block;font-size:13px;color:var(--text-strong)}.exam small{display:block;color:var(--muted2);margin-top:4px}.performGrid{margin-top:12px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.perf{padding:12px;border-radius:18px;background:var(--soft-bg);border:1px solid var(--stroke);display:flex;align-items:center;justify-content:space-between;gap:10px}.perf .p{display:flex;gap:10px;align-items:center}.perf .p img{width:34px;height:34px;border-radius:14px;object-fit:cover;border:1px solid var(--stroke-strong)}.perf b{display:block;font-size:12px;color:var(--text-strong)}.perf small{display:block;color:var(--muted2);margin-top:2px}.score{font-weight:800;color:var(--green)}.header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.header h1{margin:0;font-size:25px;color:var(--text-strong)}.header .btns{display:flex;gap:12px;flex-wrap:wrap}table{width:100%;border-collapse:collapse}th,td{padding:14px;font-size:11px;border-bottom:1px solid var(--table-border)}th{text-align:left;color:var(--muted);font-size:12px;font-weight:700}td{color:var(--text)}.user{display:flex;align-items:center;gap:12px}.user img{width:42px;height:42px;border-radius:14px;object-fit:cover}.tag{display:inline-flex;align-items:center;min-height:26px;padding:4px 10px;border-radius:10px;font-size:10px;font-weight:700;margin-right:6px;color:var(--text-strong);border:1px solid transparent}.physics{background:color-mix(in srgb,var(--orange) 24%,transparent);border-color:color-mix(in srgb,var(--orange) 34%,transparent)}.history{background:color-mix(in srgb,var(--blue) 24%,transparent);border-color:color-mix(in srgb,var(--blue) 34%,transparent)}.english{background:color-mix(in srgb,var(--green) 24%,transparent);border-color:color-mix(in srgb,var(--green) 34%,transparent)}.math{background:color-mix(in srgb,var(--blue) 18%,transparent);border-color:color-mix(in srgb,var(--blue) 28%,transparent)}.status{font-weight:700}.active{color:var(--green)}.leave{color:var(--orange)}.actions-col{font-size:12px;opacity:.95}.actions-col span{cursor:pointer;padding:6px;margin-right:6px;border-radius:8px;transition:background .2s ease,color .2s ease;font-size:12px;display:inline-flex;align-items:center;justify-content:center}.actions-col span:hover{background:var(--hover-bg)}.footer{display:flex;justify-content:space-between;gap:12px;margin-top:14px;font-size:12px;color:var(--muted)}.green{background:var(--green)}.orange{background:var(--orange)}.gray{background:#777}@media (max-width:768px){.responsive-table thead{display:none}.responsive-table,.responsive-table tbody,.responsive-table tr{display:block;width:100%}.responsive-table tr{background:var(--soft-bg);border:1px solid var(--stroke);border-radius:18px;padding:14px;margin-bottom:14px}.responsive-table td{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;border:none;font-size:13px}.responsive-table td:before{content:attr(data-label);font-weight:700;color:var(--muted);flex:0 0 90px}.responsive-table td.user{justify-content:flex-start;gap:12px}.responsive-table td.user:before{display:none}.responsive-table td:first-child:before{display:none}.actions-col{justify-content:flex-end}}.avatar-lg{height:100px;width:100px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--bg2) 85%,#1f2937 15%);border:1px solid var(--stroke)}.avatar-lg img{width:100%;height:100%;object-fit:cover;display:block}.avatar-lg span{font-size:40px;color:var(--text)}input.ng-invalid.ng-touched,select.ng-invalid.ng-touched,textarea.ng-invalid.ng-touched{border:1px solid #e53935}input.ng-valid.ng-touched,select.ng-valid.ng-touched,textarea.ng-valid.ng-touched{border:1px solid var(--blue)}select.ng-invalid.ng-touched{border:1px solid #e53935!important;outline:none}select.ng-valid.ng-touched{border:1px solid var(--blue)!important;outline:none}.error{color:var(--red)}.swal2-container{z-index:999999!important}.import-dropdown{position:relative;display:inline-block}.import-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:220px;border:1px solid var(--stroke);border-radius:10px;box-shadow:var(--shadow-sm);z-index:1000;overflow:hidden;background:var(--card-bg);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.import-menu-item{width:100%;border:none;padding:12px 14px;text-align:left;cursor:pointer;background:transparent;color:var(--text);transition:background .2s ease}.import-menu-item:hover{background:var(--hover-bg)}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--muted) 45%,transparent);border-radius:999px}*::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--muted) 65%,transparent)}@media (max-width:1200px){.grid-5{grid-template-columns:repeat(4,1fr)}}@media (max-width:992px){.grid-5{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.grid-5{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.grid-5{grid-template-columns:1fr}}@media (max-width:1200px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.grid-4{grid-template-columns:1fr}}@media (max-width:1200px){.grid-3{grid-template-columns:1fr}.grid{grid-template-columns:280px 1fr}.grid>div:nth-child(3){grid-column:1 / -1}.rightMid,.rightBot{margin-top:14px}.weather,.markCard,.rightTop,.rightMid,.rightBot,.chartCard,.midBottom{height:auto}.studentGrid{grid-template-columns:repeat(3,1fr)}}@media (max-width:1024px){.header h1{font-size:22px}.filters{flex-wrap:wrap}.filters input,.filters select{flex:1 1 220px}}@media (max-width:768px){.page{padding:14px}.row{flex-direction:column}.nav{display:none}.grid{grid-template-columns:1fr;gap:14px;padding:6px 4px}.card{border-radius:18px}.studentGrid{grid-template-columns:repeat(2,1fr)}.stu{padding:14px}.stu img{width:48px;height:48px}.stu .name{font-size:15px}.btnRow{grid-template-columns:1fr}.filters{flex-wrap:wrap}.select{flex:1 1 48%;width:48%}.select.dots{width:100%}.examRow,.performGrid{grid-template-columns:1fr}.miniStats{grid-template-columns:1fr 1fr}.header{flex-direction:column;align-items:flex-start;gap:12px}.header h1{font-size:22px}.header .btns{width:100%;flex-direction:column;gap:10px}.header .btns .btn{width:100%;margin-right:0;justify-content:center}.topbar{flex-direction:column;align-items:flex-start}.theme-switch{width:100%;justify-content:space-between;flex-wrap:wrap}.theme-switch .theme-btn{flex:1 1 calc(33.333% - 6px);min-width:unset}}@media (max-width:480px){.title{font-size:18px}.temp{font-size:36px}.studentGrid,.miniStats{grid-template-columns:1fr}.cloud{width:64px;height:64px;font-size:28px}.header h1{font-size:20px}.user img{width:36px;height:36px}.tag{font-size:11px;padding:3px 8px}.theme-switch .theme-btn{flex:1 1 100%}}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:22px;padding:16px;box-shadow:var(--shadow-lg);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);position:relative;overflow:hidden;transition:background .25s ease,border-color .25s ease,box-shadow .25s ease,transform .25s ease}.card:hover{transform:translateY(-2px);border-color:var(--card-border-strong)}.card:before{content:"";position:absolute;inset:0;background:var(--card-highlight);opacity:.85}.glass-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);position:relative;overflow:hidden;transition:all .25s ease}.glass-card:hover{border-color:var(--card-border-strong);transform:translateY(-2px)}.glass{background:var(--panel-bg);border:1px solid var(--panel-border);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}input,.input,select,textarea{width:100%;height:40px;padding:0 14px;border-radius:var(--radius-sm);border:1px solid var(--stroke);background:var(--input-bg);color:var(--text);font-family:inherit;font-size:13px;font-weight:500;outline:none;backdrop-filter:none;-webkit-backdrop-filter:none;transition:border .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease}input:focus,.input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2563eb1a,0 8px 24px #2563eb1a;background:var(--input-focus-bg)}.stu,.item,.exam,.perf,.mini,.select,.ghostBtn{border:1px solid var(--panel-border);background:var(--soft-bg-2)}::-webkit-scrollbar{width:0px;height:0px}*{scrollbar-width:none}*{-ms-overflow-style:none}