: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}:root{--primary: var(--blue);--accent: var(--blue-dark);--glass-bg: color-mix(in srgb, var(--glass) 88%, transparent)}.premium-page{display:grid;gap:16px}.premium-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);gap:18px;padding:20px;border-radius:24px;border:1px solid var(--card-border);background:var(--card-highlight),var(--card-bg);box-shadow:var(--shadow-sm)}.premium-kicker{display:inline-block;margin-bottom:8px;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--blue)}.premium-hero h1,.premium-hero h2,.premium-hero h3{margin:0;color:var(--text-strong)}.premium-subtitle{margin:8px 0 0;color:var(--muted);line-height:1.55}.premium-meta-note,.premium-stat-card,.premium-toolbar,.premium-table-shell,.premium-surface{border:1px solid var(--panel-border);background:color-mix(in srgb,var(--panel-bg) 94%,transparent);box-shadow:var(--shadow-sm)}.premium-meta-note,.premium-table-shell,.premium-surface{border-radius:20px}.premium-meta-note{align-self:start;padding:16px 18px}.premium-meta-note strong,.premium-meta-note span,.premium-stat-card span,.premium-section-head p{display:block}.premium-meta-note strong{color:var(--text-strong);font-size:18px}.premium-meta-note span,.premium-stat-card span,.premium-section-head p{margin-top:6px;color:var(--muted)}.premium-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.premium-stat-card{min-height:92px;padding:16px;border-radius:18px;display:grid;gap:10px}.premium-stat-card b{color:var(--text-strong);font-size:28px;line-height:1}.premium-tab-row{display:flex;flex-wrap:wrap;gap:10px}.premium-toolbar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:12px;padding:14px;border-radius:18px}.premium-toolbar input,.premium-toolbar select,.premium-toolbar .btn{min-height:40px}.premium-toolbar .btn{align-self:stretch}.premium-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap;margin-bottom:14px}.premium-section-head h2,.premium-section-head h3,.premium-section-head .h2,.premium-section-head .h3{margin:0;color:var(--text-strong)}.premium-section-head p{margin:6px 0 0}.premium-table-shell{overflow:hidden}.premium-table-shell .responsive-table,.premium-table-shell table{width:100%}.premium-table-shell .responsive-table{overflow-x:auto}.premium-empty{display:grid;justify-items:center;gap:8px;padding:28px 20px;text-align:center;color:var(--muted)}.premium-empty strong{color:var(--text-strong);font-size:15px}.premium-detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.premium-detail-grid>div{padding:14px;border-radius:16px;border:1px solid var(--panel-border);background:var(--soft-bg-2)}.premium-detail-grid span{display:block;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.premium-detail-grid b,.premium-detail-grid strong{display:block;margin-top:8px;color:var(--text-strong)}.premium-inline-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}@media (max-width: 1100px){.premium-hero,.premium-stat-grid,.premium-detail-grid,.premium-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 720px){.premium-hero,.premium-stat-grid,.premium-toolbar,.premium-detail-grid{grid-template-columns:1fr}}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){.page{padding:12px}.header{display:flex;flex-direction:column;align-items:stretch;gap:12px}.header h1{font-size:20px;line-height:1.2;margin:0}.header .btns{display:flex;width:100%}.header .btns .btn{width:100%;justify-content:center;min-height:42px}.filters{display:grid;grid-template-columns:1fr;gap:10px}.card{border-radius:18px;overflow:hidden}.responsive-table thead{display:none}.responsive-table,.responsive-table tbody,.responsive-table tr,.responsive-table td{display:block;width:100%}.responsive-table tr{background:var(--card-bg);border:1px solid var(--card-border);border-radius:18px;padding:14px;margin-bottom:14px;box-shadow:var(--shadow-sm)}.responsive-table td{padding:0;margin-bottom:10px;border:none}.responsive-table td:last-child{margin-bottom:0}.responsive-table td:before{content:attr(data-label);display:block;font-size:11px;font-weight:700;color:var(--muted);margin-bottom:6px;letter-spacing:.3px;text-transform:uppercase}.responsive-table td[data-label=Students]{padding-bottom:10px;margin-bottom:12px;border-bottom:1px dashed var(--card-border)}.responsive-table td[data-label=Students]:before{margin-bottom:8px}.compact-student-cell,.compact-class-cell{max-width:100%}.student-pill-list{display:flex;align-items:center;gap:6px;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;white-space:nowrap;padding-bottom:2px;scrollbar-width:none}.student-pill-list::-webkit-scrollbar{display:none}.student-pill,.class-pill{display:inline-flex;align-items:center;max-width:140px;min-height:26px;padding:4px 9px;border-radius:999px;border:1px solid var(--stroke);background:var(--soft-bg);color:var(--text);font-size:11px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:0 0 auto}.student-pill.more{font-weight:700;background:var(--hover-bg)}.mobile-value{font-size:13px;font-weight:600;color:var(--text);line-height:1.35;word-break:break-word}.actions-col{display:flex!important;align-items:center;justify-content:flex-end;gap:10px;padding-top:10px;margin-top:8px;border-top:1px dashed var(--card-border)}.icon-btn,.action-icon{width:34px;height:34px;min-width:34px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:var(--soft-bg);border:1px solid var(--stroke)}app-pagination{display:block;width:100%}.pagination-bar{flex-direction:column;align-items:stretch;gap:10px;padding:12px;border-radius:16px}.page-info{text-align:center}.page-controls,.page-size{justify-content:center}}.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}html{scroll-behavior:smooth}body{text-rendering:optimizeLegibility}:focus-visible{outline:0;box-shadow:0 0 0 3px color-mix(in srgb,var(--blue) 24%,transparent),0 0 0 1px color-mix(in srgb,var(--blue) 55%,transparent)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes live-pulse{0%{box-shadow:0 0 color-mix(in srgb,var(--green) 28%,transparent)}to{box-shadow:0 0 0 12px transparent}}.glass-card,.card,.btn,.topbar-chip,.iconBtn,.sidebar-link,.sidebar-group-btn,.dropdown-menu,.notification-item,.item,.stu,.mini,.exam,.perf,.chip,tr,td,th{transition:transform .18s ease-out,box-shadow .18s ease-out,background .18s ease-out,border-color .18s ease-out,opacity .18s ease-out,color .18s ease-out}.btn:hover,.topbar-chip:hover,.iconBtn:hover{transform:translateY(-1px) scale(1.02)}.btn:active,.topbar-chip:active,.iconBtn:active{transform:scale(.98)}.ghostBtn,.btn-outline{background:color-mix(in srgb,var(--soft-bg-2) 96%,transparent);border:1px solid var(--panel-border)}.ghostBtn:hover,.btn-outline:hover{border-color:var(--stroke-strong);box-shadow:0 10px 24px color-mix(in srgb,var(--blue) 12%,transparent)}.floating-field,.field-group{display:grid;gap:8px}.floating-field label,.field-group label{font-size:12px;font-weight:700;color:var(--muted)}.inline-error{font-size:12px;color:var(--red)}.live-indicator{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid color-mix(in srgb,var(--green) 26%,var(--panel-border));background:color-mix(in srgb,var(--green) 10%,transparent);color:var(--text);font-size:12px;font-weight:700}.live-indicator:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--green);animation:live-pulse 1.4s ease-out infinite}.emptyMini{padding:18px;border-radius:16px;border:1px dashed var(--panel-border);background:color-mix(in srgb,var(--soft-bg) 90%,transparent);color:var(--muted)}.premium-empty-shell{padding:18px;border-radius:22px;border:1px dashed var(--panel-border);background:color-mix(in srgb,var(--soft-bg-2) 84%,transparent)}.premium-empty-shell app-empty-state{min-height:100%}.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:transparent}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{max-width:none!important;max-height:none!important;width:auto;padding:0}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;-moz-box-sizing:border-box;box-sizing:border-box;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto}.leaflet-top,.leaflet-bottom{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{-webkit-transition:none;-moz-transition:none;transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{border:2px dotted #38f;background:#ffffff80}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{box-shadow:0 1px 5px #000000a6;border-radius:4px}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:#000}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{box-shadow:0 1px 5px #0006;background:#fff;border-radius:5px}.leaflet-control-layers-toggle{background-image:url("./media/layers-55W3Q4RM.png");width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url("./media/layers-2x-TBM42ERR.png");background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-scrollbar{overflow-y:scroll;overflow-x:hidden;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url("./media/marker-icon-2V3QKKVC.png")}.leaflet-container .leaflet-control-attribution{background:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;vertical-align:baseline!important;width:1em;height:.6669em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;white-space:nowrap;-moz-box-sizing:border-box;box-sizing:border-box;background:#fffc;text-shadow:1px 1px #fff}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 24px 13px 20px;line-height:1.3;font-size:13px;font-size:1.08333em;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-top:-1px;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;pointer-events:auto;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;color:#333;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;border:none;text-align:center;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;color:#757575;text-decoration:none;background:transparent}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto;-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=.70710678,M12=.70710678,M21=-.70710678,M22=.70710678)}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{position:absolute;padding:6px;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{position:absolute;pointer-events:none;border:6px solid transparent;background:transparent;content:""}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{bottom:0;margin-bottom:-12px;border-top-color:#fff}.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:#fff}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px}.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#fff}.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#fff}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}