*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--font-ui:"IBM Plex Sans", "IBM Plex Sans Arabic", system-ui, -apple-system, "Segoe UI", sans-serif;--font-ar:"IBM Plex Sans Arabic", "IBM Plex Sans", system-ui, "Segoe UI", sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "Cascadia Code", Consolas, monospace;--fs-2xs:10px;--fs-xs:11px;--fs-sm:12.5px;--fs-base:13.5px;--fs-md:15px;--fs-lg:17px;--fs-xl:20px;--fs-2xl:23px;--lh-tight:1.3;--lh-body:1.6;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--track-caps:.07em;--accent:var(--purple2);--primary:var(--purple);--bg:var(--bg-base);--bg-primary:var(--bg-base);--bg-secondary:var(--bg-surface);--card-bg:var(--bg-card);--surface2:var(--bg-card2);--text-primary:var(--text);--text-secondary:var(--text-muted);--blue-light:var(--blue3);--purple-light:var(--purple3)}:root,[data-theme=light]{--bg-base:#f4f6f8;--bg-surface:#eef1f5;--bg-card:#fff;--bg-card2:#f8fafc;--bg-input:#fff;--bg-hover:#eef2f7;--surface:#eef1f5;--border:#e4e8ee;--border2:#ccd4de;--border3:#aab4c2;--text:#1b2430;--text-muted:#4b5768;--text-dim:#657180;--purple:#1e3252;--purple2:#27466f;--purple3:#2f5c90;--blue:#27466f;--blue2:#2f5c90;--blue3:#2f5c90;--cyan:#3a6ea8;--gold:#27466f;--gold-light:#2f5c90;--gold-dark:#1e3252;--green:#0e7c4a;--green-light:#0b6b40;--red:#c02434;--red-light:#b01a2e;--warn:#a15c07;--yellow:#8a6100;--yellow-light:#7a5600;--glow-p:#1e325214;--glow-g:#0e7c4a14;--glow-r:#c0243414;--radius-sm:3px;--radius:5px;--radius-lg:6px;--radius-xl:6px;--radius-2xl:6px;--radius-field:3px;--radius-pill:3px;--radius-chip:4px;--radius-mark:6px;--radius-mark-lg:6px;--radius-empty:6px;--radius-feat:4px;--radius-tiny:3px;--radius-micro:2px;--r-7:4px;--r-8:4px;--r-9:5px;--r-10:5px;--r-11:5px;--r-12:6px;--r-13:6px;--r-14:6px;--r-16:6px;--r-18:6px;--r-20:6px;--r-22:6px;--r-24:6px;--r-full:4px;--shadow-sm:0 1px 1px #1018280a;--shadow:0 1px 2px #1018280f;--shadow-lg:0 2px 6px #10182812;--shadow-xl:0 8px 24px #1018281a;--glow-blue:none;--glow-green:none;--glow-red:none;--gradient-card:none;--gradient-brand:#1e3252;--gradient-blue:#27466f;--gradient-green:#0e7c4a;--gradient-red:#c02434;--gradient-purple:#1e3252;--transition:all .18s cubic-bezier(.4, 0, .2, 1);--body-bg-image:none;--chrome-bg:#fffffff0;--chrome-bg-strong:#fff;--chrome-blur:none;--chrome-blur-sm:none;--chrome-blur-lg:none;--panel-bg:#fff;--dropdown-bg:#fff;--dropdown-shadow:var(--shadow-lg);--dropdown-rail:#ccd4de;--overlay-bg:#1b243052;--overlay-blur:blur(2px);--modal-shadow:var(--shadow-xl);--logo-glow:none;--logo-text-bg:none;--title-bg:none;--title-fill:currentColor;--hover-wash:#f1f4f8;--hover-wash2:#eef2f7;--hairline:#e4e8ee;--chip-bg:#f1f4f8;--chip-border:#e4e8ee;--row-hover:#f6f8fa;--spinner-track:#1b24301a;--selection-bg:#27466f29;--selection-color:inherit;--scroll-thumb:#1b24302e;--scroll-thumb-hover:#1b243052;--scroll-thumb-thin:#1b243038;--accent-tint-6:#f4f6f9;--accent-tint-7:#f2f5f8;--accent-tint-8:#f1f4f8;--accent-tint-10:#eaeff5;--accent-tint-12:#e6ecf3;--accent-tint-16:#e0e8f1;--accent-tint-22:#d7e2ee;--accent-line-14:#dfe5ec;--accent-line-22:#ccd4de;--accent-line-26:#c3cedb;--accent-line-28:#bfcbd9;--accent-line-38:#a9bacb;--accent-line-40:#27466f;--menu-hover-bg:#f1f4f8;--menu-active-bg:#e8eef5;--focus-ring:0 0 0 3px #27466f24;--focus-ring-soft:0 0 0 3px #27466f1f;--green-tint-8:#eaf6f0;--green-tint-10:#e6f5ee;--green-tint-20:#d5ecdf;--green-line-20:#b9dcc8;--green-line-22:#b9dcc8;--green-line-26:#a8d3ba;--red-tint-10:#fdecee;--red-tint-20:#fadde1;--red-tint-25:#f7d2d7;--red-line-20:#f0c3c9;--red-line-22:#f0c3c9;--red-line-26:#e9b3ba;--blue-tint-10:#eaf0f7;--blue-line-22:#c6d6e6;--yellow-tint-10:#fbf3e0;--yellow-line-22:#ecdcb0;--neutral-tint:#f0f2f5;--card-hover-shadow:var(--shadow-sm);--card-lift:none;--stat-blue-bg:#fff;--stat-blue-line:#d7dfe8;--stat-blue-line-h:#b3c1d1;--stat-blue-glow:var(--shadow-sm);--stat-green-bg:#f7fbf9;--stat-green-line:#c8e2d3;--stat-green-line-h:#a8d3ba;--stat-green-glow:var(--shadow-sm);--stat-red-bg:#fdf8f9;--stat-red-line:#f0cbd0;--stat-red-line-h:#e9b3ba;--stat-red-glow:var(--shadow-sm);--stat-purple-bg:#fff;--stat-purple-line:#d7dfe8;--stat-purple-line-h:#b3c1d1;--stat-purple-glow:var(--shadow-sm);--btn-sheen:none;--btn-primary-bg:#27466f;--btn-primary-hover-bg:#1e3252;--btn-primary-color:#fff;--btn-primary-shadow:inset 0 0 0 1px #0c182a38;--btn-primary-hover-shadow:inset 0 0 0 1px #0c182a4d;--btn-primary-hover-lift:none;--btn-primary-hover-filter:none;--btn-secondary-bg:#f1f4f8;--btn-secondary-hover-bg:#e6ebf2;--login-bg:#fff;--login-panel-bg:#fff;--login-brand-bg:#f8fafc;--login-shadow:var(--shadow-lg);--login-blob-a:none;--login-blob-b:none;--grid-line:#1b24300d;--brand-mark-shadow:none;--brand-mark-shadow-lg:none;--select-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%235c6b7f' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--fill-2:#fafbfd;--fill-3:#f8fafc;--fill-4:#f6f8fb;--fill-5:#f4f7fa;--fill-6:#f1f4f8;--fill-8:#edf1f6;--fill-10:#e9eef4;--fill-12:#e4eaf2;--fill-15:#dee5ee;--fill-20:#d7dfe9;--fill-30:#ccd6e2;--fill-40:#c2cedd;--fill-50:#b8c5d6;--line-3:#eef1f5;--line-4:#eaeef3;--line-5:#e7ebf1;--line-6:#e4e8ee;--line-8:#dfe4eb;--line-10:#d7dfe8;--line-12:#ccd4de;--line-15:#bfcbd9;--line-20:#b3c1d1;--line-30:#a3b3c7;--line-40:#93a5bc;--line-50:#8496b0;--green-veil-20:#0e7c4a33;--green-veil-25:#0e7c4a40;--green-veil-30:#0e7c4a4d;--green-veil-40:#0e7c4a66;--green-veil-50:#0e7c4a80;--green-veil-65:#0e7c4aa6;--green-veil-80:#0e7c4acc;--red-veil-20:#c0243433;--red-veil-25:#c0243440;--red-veil-30:#c024344d;--red-veil-40:#c0243466;--red-veil-50:#c0243480;--red-veil-65:#c02434a6;--red-veil-80:#c02434cc;--blue-veil-20:#27466f33;--blue-veil-25:#27466f40;--blue-veil-30:#27466f4d;--blue-veil-40:#27466f66;--blue-veil-50:#27466f80;--blue-veil-65:#27466fa6;--blue-veil-80:#27466fcc;--cyan-veil-8:#2f5c9014;--cyan-veil-10:#2f5c901a;--cyan-veil-15:#2f5c9026;--cyan-veil-20:#2f5c9033;--cyan-veil-25:#2f5c9040;--cyan-veil-30:#2f5c904d;--cyan-veil-40:#2f5c9066;--cyan-veil-50:#2f5c9080;--cyan-veil-65:#2f5c90a6;--cyan-veil-80:#2f5c90cc;--yellow-veil-20:#8a610033;--yellow-veil-25:#8a610040;--yellow-veil-30:#8a61004d;--yellow-veil-40:#8a610066;--yellow-veil-50:#8a610080;--yellow-veil-65:#8a6100a6;--yellow-veil-80:#8a6100cc;--accent-veil-20:#1e325233;--accent-veil-25:#1e325240;--accent-veil-30:#1e32524d;--accent-veil-40:#1e325266;--accent-veil-50:#1e325280;--accent-veil-65:#1e3252a6;--accent-veil-80:#1e3252cc;--neutral-veil-20:#5c6b7f33;--neutral-veil-25:#5c6b7f40;--neutral-veil-30:#5c6b7f4d;--neutral-veil-40:#5c6b7f66;--neutral-veil-50:#5c6b7f80;--neutral-veil-65:#5c6b7fa6;--neutral-veil-80:#5c6b7fcc;--ink-10:#b3bcc8;--ink-20:#9aa5b4;--ink-30:#8a96a6;--ink-40:#6f7d90;--ink-50:#5c6b7f;--ink-60:#4d5c70;--ink-70:#384657;--ink-90:#1b2430;--shade-25:#1018280a;--shade-30:#1018280d;--shade-40:#1018280f;--shade-50:#10182812;--shade-60:#10182814;--scrim-10:#1b24300f;--scrim-40:#1b24303d;--scrim-70:#1b243052;--scrim-90:#1b243073;--edge-hi:#1018280d;--panel-raised:#f4f6f9;--panel-sunken:#eef1f5;--up:#0e7c4a;--up-vivid:#0e7c4a;--up-soft:#0b6b40;--up-deep:#0b6b40;--up-mint:#0b6b40;--up-pale:#0b6b40;--lime:#4a6b12;--down:#c02434;--down-vivid:#c02434;--down-soft:#b01a2e;--down-pale:#b01a2e;--warn-orange:#a15c07;--warn-deep:#96500a;--violet:#2f5c90;--violet-soft:#3a6ea8;--indigo:#27466f;--magenta:#27466f;--teal:#0e7c4a;--cyan-deep:#2f5c90;--on-yellow:#fff;--grad-brand:var(--purple);--grad-royal:var(--purple);--grad-accent:var(--purple);--grad-blue:var(--blue);--grad-up:var(--up);--grad-down:var(--down);--grad-warn:var(--warn);--grad-up-tint:var(--green-tint-10);--grad-up-fill:var(--green);--grad-down-fill:var(--red);--grad-up-bar:var(--green);--grad-down-bar:var(--red);--grad-accent-soft:var(--accent-tint-10);--grad-accent-soft-h:var(--accent-tint-16);--grad-meter:var(--purple);--wordmark-bg:none;--on-green:#fff}[data-theme=dark],[data-theme=blue]{--font-ui:"Inter", "IBM Plex Sans Arabic", "Segoe UI", system-ui, -apple-system, sans-serif;--font-ar:"IBM Plex Sans Arabic", "Inter", "Segoe UI", system-ui, sans-serif;--font-mono:"JetBrains Mono", "Cascadia Code", Consolas, monospace;--bg-base:#05070d;--bg-surface:#080d17;--bg-card:#0c1220;--bg-card2:#101828;--bg-input:#141d33;--bg-hover:#17223c;--surface:#080d17;--border:#94a3b817;--border2:#94a3b829;--border3:#94a3b847;--text:#edf1fa;--text-muted:#8f9cb8;--text-dim:#5a6785;--purple:#7c3aed;--purple2:#8b5cf6;--purple3:#a78bfa;--blue:#2563eb;--blue2:#3b82f6;--blue3:#60a5fa;--cyan:#22d3ee;--gold:#8b5cf6;--gold-light:#a78bfa;--gold-dark:#7c3aed;--green:#10b981;--green-light:#34d399;--red:#f43f5e;--red-light:#fb7185;--warn:#f59e0b;--yellow:#f0b90b;--yellow-light:#fbbf24;--glow-p:#8b5cf640;--glow-g:#10b98133;--glow-r:#f43f5e33;--radius-sm:8px;--radius:10px;--radius-lg:14px;--radius-xl:18px;--shadow-sm:0 1px 2px #00000059;--shadow:0 4px 12px #00000059, 0 1px 3px #00000040;--shadow-lg:0 12px 32px #00000073, 0 4px 12px #0000004d;--shadow-xl:0 24px 56px #0000008c, 0 8px 24px #0006;--glow-blue:0 0 24px #3b82f638;--glow-green:0 0 24px #10b98133;--glow-red:0 0 24px #f43f5e33;--gradient-card:linear-gradient(180deg, #ffffff06 0%, #fff0 100%);--gradient-brand:linear-gradient(135deg, #7c3aed 0%, #3b82f6 55%, #22d3ee 130%);--gradient-blue:linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);--gradient-green:linear-gradient(135deg, #34d399 0%, #059669 100%);--gradient-red:linear-gradient(135deg, #fb7185 0%, #e11d48 100%);--gradient-purple:linear-gradient(135deg, #a78bfa 0%, #7c3aed 100%);--transition:all .18s cubic-bezier(.4, 0, .2, 1);--radius-2xl:24px;--radius-field:10px;--radius-pill:999px;--radius-chip:9px;--radius-mark:13px;--radius-mark-lg:15px;--radius-empty:18px;--radius-feat:8px;--radius-tiny:5px;--radius-micro:4px;--r-7:7px;--r-8:8px;--r-9:9px;--r-10:10px;--r-11:11px;--r-12:12px;--r-13:13px;--r-14:14px;--r-16:16px;--r-18:18px;--r-20:20px;--r-22:22px;--r-24:24px;--r-full:999px;--body-bg-image:radial-gradient(1100px 500px at 12% -8%, #7c3aed13, transparent 60%), radial-gradient(900px 480px at 88% -10%, #22d3ee0b, transparent 60%), radial-gradient(1000px 700px at 50% 115%, #2563eb0d, transparent 60%);--chrome-bg:#05070dd9;--chrome-bg-strong:#05070deb;--chrome-blur:blur(24px) saturate(160%);--chrome-blur-sm:blur(16px) saturate(150%);--chrome-blur-lg:blur(48px) saturate(160%);--panel-bg:#0a0e18f7;--dropdown-bg:#080c16d1;--dropdown-shadow:var(--shadow-xl), inset 0 1px 0 #ffffff0a;--dropdown-rail:linear-gradient(90deg, transparent, #8b5cf680 40%, #22d3ee66 60%, transparent);--overlay-bg:#020409c7;--overlay-blur:blur(10px);--modal-shadow:var(--shadow-xl), 0 0 0 1px #ffffff08;--logo-glow:drop-shadow(0 0 10px #7c3aed73);--logo-text-bg:linear-gradient(135deg, #f0f4ff 20%, #a78bfa 70%, #22d3ee 110%);--title-bg:linear-gradient(135deg, var(--text) 30%, var(--text-muted) 100%);--title-fill:transparent;--hover-wash:#ffffff08;--hover-wash2:#ffffff0a;--hairline:#ffffff09;--chip-bg:#ffffff0d;--chip-border:#ffffff0f;--row-hover:#8b5cf60b;--spinner-track:#ffffff1a;--selection-bg:#8b5cf652;--selection-color:#fff;--scroll-thumb:#94a3b829;--scroll-thumb-hover:#94a3b84d;--scroll-thumb-thin:#94a3b838;--accent-tint-6:#8b5cf60f;--accent-tint-7:#8b5cf612;--accent-tint-8:#8b5cf614;--accent-tint-10:#8b5cf61a;--accent-tint-12:#8b5cf61f;--accent-tint-16:#8b5cf629;--accent-tint-22:#8b5cf638;--accent-line-14:#8b5cf624;--accent-line-22:#8b5cf638;--accent-line-26:#8b5cf642;--accent-line-28:#8b5cf647;--accent-line-38:#8b5cf661;--accent-line-40:#8b5cf666;--menu-hover-bg:linear-gradient(90deg, #8b5cf617, #8b5cf608);--menu-active-bg:linear-gradient(90deg, #8b5cf624, #8b5cf60a);--focus-ring:0 0 0 3px #8b5cf624;--focus-ring-soft:0 0 0 3px #8b5cf61f;--green-tint-8:#10b98114;--green-tint-10:#10b9811a;--green-tint-20:#10b98133;--green-line-20:#10b98133;--green-line-22:#10b98138;--green-line-26:#10b98142;--red-tint-10:#f43f5e1a;--red-tint-20:#f43f5e33;--red-tint-25:#f43f5e40;--red-line-20:#f43f5e33;--red-line-22:#f43f5e38;--red-line-26:#f43f5e42;--blue-tint-10:#3b82f61a;--blue-line-22:#3b82f638;--yellow-tint-10:#f0b90b1a;--yellow-line-22:#f0b90b38;--neutral-tint:#94a3b814;--card-hover-shadow:var(--shadow-lg);--card-lift:translateY(-2px);--stat-blue-bg:linear-gradient(135deg, #3b82f621 0%, #2563eb0d 100%);--stat-blue-line:#3b82f638;--stat-blue-line-h:#3b82f66b;--stat-blue-glow:var(--glow-blue);--stat-green-bg:linear-gradient(135deg, #10b98121 0%, #0596690d 100%);--stat-green-line:#10b98138;--stat-green-line-h:#10b9816b;--stat-green-glow:var(--glow-green);--stat-red-bg:linear-gradient(135deg, #f43f5e21 0%, #e11d480d 100%);--stat-red-line:#f43f5e38;--stat-red-line-h:#f43f5e6b;--stat-red-glow:var(--glow-red);--stat-purple-bg:linear-gradient(135deg, #8b5cf621 0%, #7c3aed0d 100%);--stat-purple-line:#8b5cf638;--stat-purple-line-h:#8b5cf66b;--stat-purple-glow:0 0 24px #8b5cf633;--btn-sheen:linear-gradient(to bottom, #ffffff17, transparent 55%);--btn-primary-bg:linear-gradient(135deg, var(--purple) 0%, var(--blue2) 100%);--btn-primary-hover-bg:linear-gradient(135deg, var(--purple) 0%, var(--blue2) 100%);--btn-primary-color:#fff;--btn-primary-shadow:0 2px 14px #6d58f659;--btn-primary-hover-shadow:0 4px 22px #6d58f680;--btn-primary-hover-lift:translateY(-1px);--btn-primary-hover-filter:brightness(1.08);--btn-secondary-bg:var(--bg-input);--btn-secondary-hover-bg:var(--bg-hover);--login-bg:#0a0e18b8;--login-panel-bg:#05070d59;--login-brand-bg:radial-gradient(600px 300px at 20% 0%, #7c3aed29, transparent 60%), linear-gradient(160deg, #7c3aed1a 0%, #22d3ee0a 100%);--login-shadow:var(--shadow-xl), 0 0 80px #7c3aed1a;--login-blob-a:radial-gradient(circle, #7c3aed38, transparent 65%);--login-blob-b:radial-gradient(circle, #22d3ee21, transparent 65%);--grid-line:#94a3b80b;--brand-mark-shadow:0 8px 24px #7c3aed66, inset 0 1px 0 #ffffff40;--brand-mark-shadow-lg:0 8px 28px #7c3aed66, inset 0 1px 0 #ffffff40;--select-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238f9cb8' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--fill-2:#ffffff05;--fill-3:#ffffff08;--fill-4:#ffffff0a;--fill-5:#ffffff0d;--fill-6:#ffffff0f;--fill-8:#ffffff14;--fill-10:#ffffff1a;--fill-12:#ffffff1f;--fill-15:#ffffff26;--fill-20:#fff3;--fill-30:#ffffff4d;--fill-40:#fff6;--fill-50:#ffffff80;--line-3:#ffffff08;--line-4:#ffffff0a;--line-5:#ffffff0d;--line-6:#ffffff0f;--line-8:#ffffff14;--line-10:#ffffff1a;--line-12:#ffffff1f;--line-15:#ffffff26;--line-20:#fff3;--line-30:#ffffff4d;--line-40:#fff6;--line-50:#ffffff80;--green-veil-20:#22c55e33;--green-veil-25:#22c55e40;--green-veil-30:#22c55e4d;--green-veil-40:#22c55e66;--green-veil-50:#22c55e80;--green-veil-65:#22c55ea6;--green-veil-80:#22c55ecc;--red-veil-20:#ef444433;--red-veil-25:#ef444440;--red-veil-30:#ef44444d;--red-veil-40:#ef444466;--red-veil-50:#ef444480;--red-veil-65:#ef4444a6;--red-veil-80:#ef4444cc;--blue-veil-20:#3b82f633;--blue-veil-25:#3b82f640;--blue-veil-30:#3b82f64d;--blue-veil-40:#3b82f666;--blue-veil-50:#3b82f680;--blue-veil-65:#3b82f6a6;--blue-veil-80:#3b82f6cc;--cyan-veil-8:#22d3ee14;--cyan-veil-10:#22d3ee1a;--cyan-veil-15:#22d3ee26;--cyan-veil-20:#22d3ee33;--cyan-veil-25:#22d3ee40;--cyan-veil-30:#22d3ee4d;--cyan-veil-40:#22d3ee66;--cyan-veil-50:#22d3ee80;--cyan-veil-65:#22d3eea6;--cyan-veil-80:#22d3eecc;--yellow-veil-20:#f59e0b33;--yellow-veil-25:#f59e0b40;--yellow-veil-30:#f59e0b4d;--yellow-veil-40:#f59e0b66;--yellow-veil-50:#f59e0b80;--yellow-veil-65:#f59e0ba6;--yellow-veil-80:#f59e0bcc;--accent-veil-20:#8b5cf633;--accent-veil-25:#8b5cf640;--accent-veil-30:#8b5cf64d;--accent-veil-40:#8b5cf666;--accent-veil-50:#8b5cf680;--accent-veil-65:#8b5cf6a6;--accent-veil-80:#8b5cf6cc;--neutral-veil-20:#94a3b833;--neutral-veil-25:#94a3b840;--neutral-veil-30:#94a3b84d;--neutral-veil-40:#94a3b866;--neutral-veil-50:#94a3b880;--neutral-veil-65:#94a3b8a6;--neutral-veil-80:#94a3b8cc;--ink-10:#ffffff1a;--ink-20:#fff3;--ink-30:#ffffff4d;--ink-40:#fff6;--ink-50:#ffffff80;--ink-60:#fff9;--ink-70:#ffffffb3;--ink-90:#ffffffe6;--shade-25:#00000040;--shade-30:#0000004d;--shade-40:#0006;--shade-50:#00000080;--shade-60:#0009;--scrim-10:#0000001a;--scrim-40:#0006;--scrim-70:#000000b3;--scrim-90:#000000e6;--edge-hi:#ffffff14;--panel-raised:#1a1f2e;--panel-sunken:#12122a;--up:#22c55e;--up-vivid:#00d26a;--up-soft:#4ade80;--up-deep:#00b167;--up-mint:#86efac;--up-pale:#bbf7d0;--lime:#84cc16;--down:#ef4444;--down-vivid:#ff4757;--down-soft:#f87171;--down-pale:#fca5a5;--warn-orange:#ff9f43;--warn-deep:#f97316;--violet:#a855f7;--violet-soft:#c084fc;--indigo:#6366f1;--magenta:#ec4899;--teal:#14b8a6;--cyan-deep:#06b6d4;--on-yellow:#000;--grad-brand:linear-gradient(135deg, var(--purple), var(--blue2));--grad-royal:linear-gradient(135deg, #7c3aed, #6366f1);--grad-accent:linear-gradient(135deg, #a855f7, #6366f1);--grad-blue:linear-gradient(135deg, #3b82f6, #2563eb);--grad-up:linear-gradient(90deg, #00d26a, #00b894);--grad-down:linear-gradient(90deg, #ff4757, #ff6b81);--grad-warn:linear-gradient(90deg, #f0b90b, #ff9f43);--grad-up-tint:linear-gradient(135deg, #22c55e33, #22c55e1a);--grad-up-fill:linear-gradient(135deg, #22c55ecc, var(--green));--grad-down-fill:linear-gradient(135deg, #ef4444cc, var(--red));--grad-up-bar:linear-gradient(90deg, #22c55e80, var(--green));--grad-down-bar:linear-gradient(90deg, #ef444480, var(--red));--grad-accent-soft:linear-gradient(135deg, #8b5cf624, #8b5cf60f);--grad-accent-soft-h:linear-gradient(135deg, #8b5cf63d, #8b5cf61f);--grad-meter:linear-gradient(90deg, var(--purple), var(--green));--wordmark-bg:linear-gradient(135deg, #f0f4ff 30%, #a78bfa 90%);--on-green:#000}[data-theme=blue]{--bg-base:#070b16;--bg-surface:#0a1020;--bg-card:#0e1629;--bg-card2:#131d36;--bg-input:#182642;--bg-hover:#1b2a4a;--border:#60a5fa1a;--border2:#60a5fa2e;--border3:#60a5fa4d;--text:#e6edf9;--text-muted:#7f8fb0;--text-dim:#4d5c7d}html{-webkit-text-size-adjust:100%;font-size:15px}body{background-color:var(--bg-base);background-image:var(--body-bg-image);color:var(--text);font-family:var(--font-ui);font-size:14.5px;line-height:var(--lh-body);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1, "lnum" 1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;background-repeat:no-repeat;background-attachment:fixed}[dir=rtl] body,[dir=rtl] button,[dir=rtl] input,[dir=rtl] select,[dir=rtl] textarea{font-family:var(--font-ar);letter-spacing:0!important}h1,h2,h3,h4,h5,h6{font-weight:var(--fw-semibold);line-height:var(--lh-tight);letter-spacing:-.005em}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit;font-size:inherit;background:0 0;border:none}input,select,textarea{font-variant-numeric:tabular-nums;direction:ltr;font-family:inherit;font-size:14px}[dir=rtl] input,[dir=rtl] textarea{direction:rtl}[dir=rtl] input[inputmode=decimal],[dir=rtl] input[type=number],[dir=rtl] input[type=tel]{direction:ltr}select option{background:var(--bg-card2);color:var(--text)}::selection{background:var(--selection-bg);color:var(--selection-color)}:focus-visible{outline:2px solid var(--purple2);outline-offset:2px;border-radius:var(--radius-micro)}.modal-box :focus,.form-input:focus,.btn:focus{outline:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:var(--r-8);background-clip:content-box;border:2px solid #0000}::-webkit-scrollbar-thumb:hover{background:var(--scroll-thumb-hover);background-clip:content-box}*{scrollbar-width:thin;scrollbar-color:var(--scroll-thumb-thin) transparent}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bounce{0%,80%,to{opacity:.4;transform:translateY(0)}40%{opacity:1;transform:translateY(-6px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes slideInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes livePulse{0%,to{box-shadow:0 0 #10b98180}50%{box-shadow:0 0 0 5px #10b98100}}@keyframes live-pulse{0%{box-shadow:0 0 #10b9818c}70%{box-shadow:0 0 0 8px #10b98100}to{box-shadow:0 0 #10b98100}}@keyframes auroraDrift{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30px,-20px)scale(1.06)}66%{transform:translate(-20px,15px)scale(.97)}}.spin{animation:.8s linear infinite spin}.fade-in{animation:.2s fadeIn}.slide-in-up{animation:.3s cubic-bezier(.4,0,.2,1) slideInUp}.scale-in{animation:.2s cubic-bezier(.4,0,.2,1) scaleIn}.float{animation:3s ease-in-out infinite float}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app-shell{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.main-content{scroll-behavior:smooth;flex:1;padding:24px;overflow-y:auto}.main-content-wrapper{flex:1;padding:24px;overflow-y:auto}.ticker-bar{background:var(--chrome-bg-strong);border-bottom:1px solid var(--border);z-index:101;height:34px;-webkit-backdrop-filter:var(--chrome-blur-sm);flex-shrink:0;align-items:center;display:flex;position:sticky;top:0;overflow:hidden}.ticker-bar-scroll{flex:1;align-items:center;height:100%;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 3% 97%,#0000);mask-image:linear-gradient(90deg,#0000,#000 3% 97%,#0000)}.ticker-bar-inner{align-items:center;animation:35s linear infinite tickerScroll;display:flex}.ticker-bar-inner:hover{animation-play-state:paused}@keyframes tickerScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}[dir=rtl] .ticker-bar-inner{animation-name:tickerScrollRtl}@keyframes tickerScrollRtl{0%{transform:translate(0)}to{transform:translate(50%)}}.ticker-item{border-right:1px solid var(--border);font-size:var(--fs-xs);white-space:nowrap;cursor:pointer;align-items:center;gap:7px;height:34px;padding:0 16px;transition:background .15s;display:flex}.ticker-item:hover{background:var(--accent-tint-8)}.ticker-item-icon{width:16px;height:16px;font-size:9px;font-weight:var(--fw-bold);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ticker-sym{color:var(--text);font-weight:var(--fw-semibold);font-family:var(--font-mono);letter-spacing:.02em;font-size:10.5px}.ticker-price{color:var(--text-muted);font-weight:var(--fw-medium);font-family:var(--font-mono);font-size:11.5px}.ticker-up{color:var(--green-light);font-weight:var(--fw-semibold);font-size:var(--fs-2xs);font-family:var(--font-mono)}.ticker-dn{color:var(--red-light);font-weight:var(--fw-semibold);font-size:var(--fs-2xs);font-family:var(--font-mono)}.ticker-chg{font-size:var(--fs-xs);font-weight:var(--fw-medium);font-family:var(--font-mono)}.ticker-chg.up{color:var(--green-light)}.ticker-chg.dn{color:var(--red-light)}.ticker-divider{background:var(--border);flex-shrink:0;width:1px;height:14px}.ticker-settings-btn{border-left:1px solid var(--border);cursor:pointer;width:34px;height:34px;color:var(--text-muted);background:0 0;flex-shrink:0;justify-content:center;align-items:center;transition:color .15s,background .15s;display:flex}.ticker-settings-btn:hover{color:var(--purple3);background:var(--accent-tint-8)}.ticker-settings-btn.active{color:var(--purple3);background:var(--accent-tint-12)}.ticker-panel{background:var(--panel-bg);border:1px solid var(--border2);border-radius:0 0 var(--radius-lg) var(--radius-lg);width:330px;box-shadow:var(--dropdown-shadow);-webkit-backdrop-filter:var(--chrome-blur-lg);z-index:200;animation:.18s cubic-bezier(.16,1,.3,1) dropIn;position:absolute;top:34px;right:0;overflow:hidden}.ticker-panel-header{border-bottom:1px solid var(--border);font-size:12px;font-weight:var(--fw-semibold);color:var(--text);justify-content:space-between;align-items:center;padding:11px 14px;display:flex}.ticker-panel-grid{grid-template-columns:1fr 1fr;max-height:260px;display:grid;overflow-y:auto}.ticker-panel-item{border-bottom:1px solid var(--border);border-right:1px solid var(--border);cursor:pointer;align-items:center;gap:8px;padding:9px 14px;transition:background .12s;display:flex}.ticker-panel-item:nth-child(2n){border-right:none}.ticker-panel-item:hover{background:var(--accent-tint-6)}.ticker-panel-item.selected{background:var(--accent-tint-10)}.ticker-panel-item.selected .tp-sym{color:var(--purple3)}.tp-check{border-radius:var(--radius-micro);border:1px solid var(--border3);flex-shrink:0;justify-content:center;align-items:center;width:15px;height:15px;display:flex}.ticker-panel-item.selected .tp-check{background:var(--purple2);border-color:var(--purple2)}.tp-sym{font-size:var(--fs-xs);font-weight:var(--fw-semibold);font-family:var(--font-mono);color:var(--text)}.tp-name{font-size:var(--fs-2xs);color:var(--text-muted)}.ticker-add-row{border-bottom:1px solid var(--border);padding:8px 10px 6px}.ticker-add-input-wrap{align-items:center;gap:6px;display:flex}.ticker-add-input{background:var(--bg-input);border:1px solid var(--border2);border-radius:var(--radius-sm);color:var(--text);font-size:12px;font-family:var(--font-mono);outline:none;flex:1;padding:6px 10px;transition:border-color .15s}.ticker-add-input::placeholder{color:var(--text-muted);font-family:var(--font-ui)}.ticker-add-input:focus{border-color:var(--purple2);box-shadow:var(--focus-ring-soft)}.ticker-add-btn{border-radius:var(--radius-sm);background:var(--gradient-brand);cursor:pointer;color:#fff;border:none;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:opacity .15s,transform .15s;display:flex}.ticker-add-btn:hover{opacity:.88;transform:scale(1.05)}.ticker-add-error{color:var(--red-light);margin-top:4px;padding:0 2px;font-size:10.5px}.ticker-custom-section{border-bottom:1px solid var(--border)}.ticker-section-label{font-size:9.5px;font-weight:var(--fw-semibold);letter-spacing:.08em;color:var(--text-muted);text-transform:uppercase;padding:6px 14px 4px}.ticker-custom-list{flex-direction:column;gap:2px;padding:0 10px 6px;display:flex}.ticker-custom-item{border-radius:var(--radius-sm);background:var(--accent-tint-7);border:1px solid var(--accent-line-14);align-items:center;gap:8px;padding:5px 8px;display:flex}.ticker-remove-btn{border-radius:var(--radius-tiny);background:var(--red-tint-10);border:1px solid var(--red-line-20);cursor:pointer;width:20px;height:20px;color:var(--red-light);flex-shrink:0;justify-content:center;align-items:center;transition:background .12s;display:flex}.ticker-remove-btn:hover{background:var(--red-tint-25)}.topnav{border-bottom:1px solid var(--border);background:var(--chrome-bg);height:54px;-webkit-backdrop-filter:var(--chrome-blur);z-index:100;flex-shrink:0;align-items:center;padding:0 20px;display:flex;position:sticky;top:34px}.topnav-logo{flex-shrink:0;align-items:center;gap:10px;margin-right:6px;display:flex}.topnav-logo-icon{width:30px;height:30px;filter:var(--logo-glow);flex-shrink:0}.topnav-logo-text{font-size:var(--fs-md);font-weight:var(--fw-bold);letter-spacing:.06em;background:var(--logo-text-bg);-webkit-text-fill-color:var(--title-fill);-webkit-background-clip:text;background-clip:text}.topnav-links{align-items:center;height:54px;display:flex}.topnav-link{height:54px;font-size:13px;font-weight:var(--fw-medium);color:var(--text-muted);white-space:nowrap;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:0 13px;transition:all .18s;display:flex}.topnav-link svg{opacity:.7;flex-shrink:0}.topnav-link:hover{color:var(--text);background:var(--hover-wash)}.topnav-link.active{color:var(--text);border-bottom-color:var(--purple2);font-weight:var(--fw-semibold)}.topnav-link.active svg{opacity:1;color:var(--purple3)}.topnav-ticker{flex:1;align-items:center;margin:0 8px;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000);mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000)}.topnav-tick{border-right:1px solid var(--border);font-size:var(--fs-xs);white-space:nowrap;align-items:center;gap:5px;padding:0 12px;display:flex}.topnav-tick:last-child{border:none}.tick-sym{color:var(--text-dim);font-weight:var(--fw-medium);font-family:var(--font-mono)}.tick-price{color:var(--text);font-weight:var(--fw-semibold);font-family:var(--font-mono)}.tick-up{color:var(--green-light);font-weight:var(--fw-semibold)}.tick-dn{color:var(--red-light);font-weight:var(--fw-semibold)}.topnav-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.theme-toggle{border-radius:var(--radius-sm);background:var(--btn-secondary-bg);border:1px solid var(--border2);width:32px;height:32px;color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;transition:color .15s,background .15s,border-color .15s;display:inline-flex}.theme-toggle:hover{color:var(--text);background:var(--btn-secondary-hover-bg);border-color:var(--border3)}.live-indicator{border-radius:var(--radius-pill);background:var(--green-tint-8);border:1px solid var(--green-line-20);font-size:var(--fs-2xs);font-weight:var(--fw-bold);color:var(--green-light);letter-spacing:.08em;align-items:center;gap:5px;padding:3px 9px;display:flex}.live-dot{background:var(--green);border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:2s infinite livePulse;display:inline-flex;position:relative}.topbar-glass{-webkit-backdrop-filter:var(--chrome-blur-sm);background:var(--chrome-bg)!important;border-bottom:1px solid var(--border)!important}.nav-dropdown-wrap{align-items:center;height:54px;display:flex;position:relative}.nav-drop-btn{cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;font-family:inherit}.nav-drop-btn.open{background:var(--accent-tint-7);border-bottom-color:var(--accent-line-40)}.drop-chevron{opacity:.45;flex-shrink:0;margin-left:-1px;transition:transform .25s cubic-bezier(.34,1.56,.64,1),opacity .2s}.drop-chevron.rotated{opacity:.9;transform:rotate(180deg)}.nav-dropdown{z-index:9990;min-width:250px;padding-top:1px;position:absolute;top:54px;left:0}.nav-dropdown:before{content:"";background:var(--dropdown-rail);border-radius:var(--r-full);height:1px;position:absolute;top:0;left:10%;right:10%}.nav-dropdown-inner{background:var(--dropdown-bg);border:1px solid var(--accent-line-14);border-radius:0 0 var(--radius-lg) var(--radius-lg);box-shadow:var(--dropdown-shadow);-webkit-backdrop-filter:var(--chrome-blur-lg);border-top:none;animation:.18s cubic-bezier(.16,1,.3,1) dropIn;overflow:hidden}@keyframes dropIn{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.nav-dropdown-item{border:none;border-bottom:1px solid var(--hairline);cursor:pointer;text-align:left;width:100%;color:var(--text-muted);background:0 0;align-items:center;gap:11px;padding:10px 14px;font-family:inherit;transition:background .14s;display:flex;position:relative;overflow:hidden}.nav-dropdown-item:before{content:"";background:var(--gradient-brand);opacity:0;width:2px;transition:opacity .15s;position:absolute;top:0;bottom:0;left:0}.nav-dropdown-item:last-child{border-bottom:none}.nav-dropdown-item:hover{background:var(--menu-hover-bg);color:var(--text)}.nav-dropdown-item:hover:before{opacity:1}.nav-dropdown-item.active{background:var(--menu-active-bg);color:var(--purple3)}.nav-dropdown-item.active:before{opacity:1}.nav-di-icon{border-radius:var(--radius-chip);background:var(--chip-bg);border:1px solid var(--chip-border);width:31px;height:31px;color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;transition:background .14s,color .14s,border-color .14s;display:flex}.nav-dropdown-item:hover .nav-di-icon{background:var(--accent-tint-16);border-color:var(--accent-line-28);color:var(--purple3)}.nav-dropdown-item.active .nav-di-icon{background:var(--accent-tint-22);border-color:var(--accent-line-38);color:var(--purple3)}.nav-di-text{flex-direction:column;gap:1.5px;display:flex}.nav-di-label{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--text);line-height:1.25;transition:color .14s}.nav-dropdown-item:hover .nav-di-label{color:var(--text)}.nav-dropdown-item.active .nav-di-label{color:var(--purple3)}.nav-di-desc{color:var(--text-muted);font-size:10.5px;line-height:1.35}.sidebar{background:var(--bg-surface);border-inline-end:1px solid var(--border);flex-direction:column;height:100%;display:flex;overflow:hidden}.sidebar-logo{flex-shrink:0;align-items:center;gap:10px;display:flex}.sidebar-nav{flex-direction:column;flex:1;gap:1px;display:flex;overflow:hidden auto}.sidebar-nav::-webkit-scrollbar{width:4px}.nav-item{font-size:13px;font-weight:var(--fw-medium);color:var(--text-muted);cursor:pointer;white-space:nowrap;box-sizing:border-box;background:0 0;border:none;align-items:center;gap:10px;width:100%;transition:color .15s,background .15s;display:flex}.nav-item:hover{color:var(--text);background:var(--hover-wash2)}.nav-item.active{color:var(--blue3);font-weight:var(--fw-semibold)}.sidebar-footer{flex-shrink:0}.sidebar-collapse{background:var(--bg-card);border:1px solid var(--border2);cursor:pointer;width:24px;height:24px;color:var(--text-muted);z-index:10;box-shadow:var(--shadow);border-radius:50%;justify-content:center;align-items:center;transition:all .15s;display:flex;position:absolute;bottom:60px;right:-12px}.sidebar-collapse:hover{background:var(--bg-card2);color:var(--text);border-color:var(--border3)}.card,.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;transition:border-color .2s,transform .2s,box-shadow .2s;animation:.3s cubic-bezier(.4,0,.2,1) slideInUp;position:relative;overflow:hidden}.card:before,.stat-card:before{content:"";background:var(--gradient-card);pointer-events:none;position:absolute;inset:0}.card:hover{border-color:var(--border2);transform:var(--card-lift);box-shadow:var(--card-hover-shadow)}.stat-card:hover{transform:var(--card-lift);border-color:var(--border2);box-shadow:var(--card-hover-shadow)}.stat-card-blue{background:var(--stat-blue-bg);border-color:var(--stat-blue-line)}.stat-card-blue:hover{border-color:var(--stat-blue-line-h);box-shadow:var(--stat-blue-glow)}.stat-card-green{background:var(--stat-green-bg);border-color:var(--stat-green-line)}.stat-card-green:hover{border-color:var(--stat-green-line-h);box-shadow:var(--stat-green-glow)}.stat-card-red{background:var(--stat-red-bg);border-color:var(--stat-red-line)}.stat-card-red:hover{border-color:var(--stat-red-line-h);box-shadow:var(--stat-red-glow)}.stat-card-purple{background:var(--stat-purple-bg);border-color:var(--stat-purple-line)}.stat-card-purple:hover{border-color:var(--stat-purple-line-h);box-shadow:var(--stat-purple-glow)}.grid-4{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=1200px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}}.btn{border-radius:var(--radius);font-size:13.5px;font-weight:var(--fw-semibold);cursor:pointer;transition:var(--transition);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;padding:9px 18px;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";background:var(--btn-sheen);pointer-events:none;position:absolute;inset:0}.btn:active{transform:translateY(.5px)scale(.99)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-color);font-weight:var(--fw-semibold);box-shadow:var(--btn-primary-shadow)}.btn-primary:hover{background:var(--btn-primary-hover-bg);box-shadow:var(--btn-primary-hover-shadow);transform:var(--btn-primary-hover-lift);filter:var(--btn-primary-hover-filter)}.btn-secondary{background:var(--btn-secondary-bg);color:var(--text-muted);border:1px solid var(--border2)}.btn-secondary:hover{color:var(--text);background:var(--btn-secondary-hover-bg);border-color:var(--border3)}.btn-danger{background:var(--red-tint-10);color:var(--red-light);border:1px solid var(--red-line-26)}.btn-danger:hover{background:var(--red-tint-20)}.btn-success{background:var(--green-tint-10);color:var(--green-light);border:1px solid var(--green-line-26)}.btn-success:hover{background:var(--green-tint-20)}.btn-ghost{color:var(--text-muted);border:1px solid var(--border2);background:0 0}.btn-ghost:hover{background:var(--bg-hover);color:var(--text);border-color:var(--border3)}.btn-icon{width:36px;height:36px;padding:8px}.badge{border-radius:var(--radius-pill);font-size:11.5px;font-weight:var(--fw-semibold);letter-spacing:.01em;align-items:center;gap:5px;padding:3px 10px;display:inline-flex}.badge-green{background:var(--green-tint-10);color:var(--green-light);border:1px solid var(--green-line-22)}.badge-red{background:var(--red-tint-10);color:var(--red-light);border:1px solid var(--red-line-22)}.badge-blue{background:var(--blue-tint-10);color:var(--blue3);border:1px solid var(--blue-line-22)}.badge-purple{background:var(--accent-tint-10);color:var(--purple3);border:1px solid var(--accent-line-22)}.badge-yellow{background:var(--yellow-tint-10);color:var(--yellow-light);border:1px solid var(--yellow-line-22)}.badge-gold{background:var(--accent-tint-12);color:var(--purple3);border:1px solid var(--accent-line-26)}.badge-gray{background:var(--neutral-tint);color:var(--text-muted);border:1px solid var(--border)}.badge-dot{border-radius:50%;width:6px;height:6px}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--text-muted)}.form-input{background:var(--bg-input);border:1px solid var(--border2);border-radius:var(--radius-field);width:100%;color:var(--text);outline:none;padding:10px 14px;font-size:14px;transition:border-color .15s,box-shadow .15s,background .15s}.form-input:hover{border-color:var(--border3)}.form-input:focus{border-color:var(--purple2);box-shadow:var(--focus-ring);background:var(--bg-card2)}.form-input::placeholder{color:var(--text-dim)}.form-select{appearance:none;background-image:var(--select-arrow);background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}[dir=rtl] .form-select{background-position:12px;padding-left:36px;padding-right:14px}.modal-overlay{background:var(--overlay-bg);-webkit-backdrop-filter:var(--overlay-blur);z-index:50;justify-content:center;align-items:center;padding:16px;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.modal-box{background:var(--bg-card2);border:1px solid var(--border2);border-radius:var(--radius-xl);width:100%;max-width:480px;box-shadow:var(--modal-shadow);animation:.2s cubic-bezier(.4,0,.2,1) scaleIn}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.modal-title{font-size:15.5px;font-weight:var(--fw-semibold);color:var(--text)}.modal-body{flex-direction:column;gap:16px;padding:24px;display:flex}.modal-close{border-radius:var(--radius-sm);width:30px;height:30px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:all .15s;display:flex}.modal-close:hover{background:var(--bg-hover);color:var(--text)}.table-wrap{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.table-head{background:var(--bg-surface);border-bottom:1px solid var(--border);padding:12px 20px;display:grid}.table-head-cell{font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--text-dim);text-transform:uppercase;letter-spacing:var(--track-caps)}.table-row{border-bottom:1px solid var(--border);align-items:center;padding:13px 20px;transition:background .12s;display:grid}.table-row:last-child{border-bottom:none}.table-row:hover{background:var(--row-hover)}.table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:26px;display:flex}.page-title{font-size:var(--fs-2xl);font-weight:var(--fw-semibold);letter-spacing:-.01em;background:var(--title-bg);-webkit-text-fill-color:var(--title-fill);-webkit-background-clip:text;background-clip:text}.page-subtitle{color:var(--text-muted);margin-top:4px;font-size:13px}.spinner{border:2px solid var(--spinner-track);border-top-color:var(--purple3);border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin;display:inline-block}.spinner-lg{border-width:3px;width:32px;height:32px}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:64px 20px;display:flex}.empty-icon{border-radius:var(--radius-empty);background:var(--accent-tint-7);border:1px solid var(--accent-line-14);width:60px;height:60px;color:var(--purple3);justify-content:center;align-items:center;margin-bottom:16px;display:flex}.empty-title{font-size:15.5px;font-weight:var(--fw-semibold);color:var(--text-muted);margin-bottom:6px}.empty-sub{color:var(--text-dim);margin-bottom:20px;font-size:13px}.skeleton{background:linear-gradient(90deg, var(--bg-card2) 25%, var(--bg-input) 50%, var(--bg-card2) 75%);border-radius:var(--radius);background-size:200%;animation:1.5s linear infinite shimmer}.section-divider{align-items:center;gap:12px;margin:24px 0 16px;display:flex}.section-divider:before,.section-divider:after{content:"";background:var(--border);flex:1;height:1px}.section-divider-text{font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em;white-space:nowrap}.glow-blue{box-shadow:var(--glow-blue)}.glow-green{box-shadow:var(--glow-green)}.glow-red{box-shadow:var(--glow-red)}.login-wrap{background:var(--bg-base);justify-content:center;align-items:center;min-height:100dvh;padding:24px 16px;display:flex;position:relative;overflow:hidden}.login-wrap:before,.login-wrap:after{content:"";filter:blur(90px);pointer-events:none;border-radius:50%;position:absolute}.login-wrap:before{background:var(--login-blob-a);width:560px;height:560px;animation:14s ease-in-out infinite auroraDrift;top:-180px;left:-120px}.login-wrap:after{background:var(--login-blob-b);width:520px;height:520px;animation:18s ease-in-out infinite reverse auroraDrift;bottom:-200px;right:-120px}.login-grid-bg{pointer-events:none;background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(90% 70% at 50% 40%,#000 20%,#0000 75%);mask-image:radial-gradient(90% 70% at 50% 40%,#000 20%,#0000 75%)}.login-split{z-index:1;border-radius:var(--radius-2xl);border:1px solid var(--border2);width:100%;max-width:980px;min-height:560px;box-shadow:var(--login-shadow);background:var(--login-bg);-webkit-backdrop-filter:var(--chrome-blur);grid-template-columns:1.05fr 1fr;display:grid;position:relative;overflow:hidden}.login-brand{background:var(--login-brand-bg);border-right:1px solid var(--border);flex-direction:column;padding:48px 44px;display:flex;position:relative}.login-brand-logo{align-items:center;gap:12px;margin-bottom:auto;display:flex}.login-brand-mark{border-radius:var(--radius-mark);background:var(--gradient-brand);width:44px;height:44px;box-shadow:var(--brand-mark-shadow);justify-content:center;align-items:center;display:flex}.login-brand-name{font-size:var(--fs-lg);font-weight:var(--fw-bold);letter-spacing:.05em;color:var(--text)}.login-brand-tag{font-size:10.5px;font-weight:var(--fw-semibold);color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;margin-top:1px}.login-brand-body{margin:44px 0}.login-brand-title{font-size:30px;font-weight:var(--fw-semibold);letter-spacing:-.02em;color:var(--text);margin-bottom:6px;line-height:1.25}.login-brand-title .grad{color:var(--purple2);background:var(--gradient-brand);-webkit-text-fill-color:var(--title-fill);-webkit-background-clip:text;background-clip:text}.login-brand-ar{font-family:var(--font-ar);font-size:16px;font-weight:var(--fw-semibold);color:var(--purple3);letter-spacing:0;margin-bottom:18px}.login-brand-desc{color:var(--text-muted);max-width:380px;font-size:13.5px;line-height:1.7}.login-feats{flex-direction:column;gap:12px;margin-top:30px;display:flex}.login-feat{font-size:13px;font-weight:var(--fw-medium);color:var(--text-muted);align-items:center;gap:10px;display:flex}.login-feat-icon{border-radius:var(--radius-feat);background:var(--accent-tint-12);border:1px solid var(--accent-line-22);width:28px;height:28px;color:var(--purple3);flex-shrink:0;justify-content:center;align-items:center;display:flex}.login-panel{background:var(--login-panel-bg);justify-content:center;align-items:center;padding:44px 40px;display:flex}.login-box{width:100%;max-width:360px}.login-box .login-logo{display:none}.login-card{background:0 0;border:none;padding:0}.login-card h2{letter-spacing:-.01em;font-size:19px!important;font-weight:var(--fw-semibold)!important}.login-card-sub{color:var(--text-muted);margin:-12px 0 20px;font-size:13px}.login-logo{flex-direction:column;align-items:center;margin-bottom:32px;display:flex}.login-logo-icon{border-radius:var(--radius-mark-lg);background:var(--gradient-brand);width:56px;height:56px;box-shadow:var(--brand-mark-shadow-lg);justify-content:center;align-items:center;margin-bottom:14px;display:flex}.divider{background:var(--border);height:1px;margin:4px 0}.text-green{color:var(--green-light)}.text-red{color:var(--red-light)}.text-blue{color:var(--blue3)}.text-muted{color:var(--text-muted)}.text-dim{color:var(--text-dim)}.font-bold{font-weight:var(--fw-bold)}.font-semibold{font-weight:var(--fw-semibold)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mb-4{margin-bottom:16px}.w-full{width:100%}.text-sm{font-size:13px}.text-xs{font-size:var(--fs-xs)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mono{font-family:var(--font-mono)}.num,.metric,.figure{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1, "lnum" 1, "zero" 1;letter-spacing:-.01em}@media (width<=900px){.login-split{grid-template-columns:1fr;max-width:460px;min-height:0}.login-brand{display:none}.login-panel{background:0 0;padding:36px 26px}.login-box .login-logo{margin-bottom:24px;display:flex}.login-box .login-logo-icon{width:48px;height:48px}}@media (width<=768px){html{font-size:14.5px}.app-shell{flex-direction:column}.content-row{flex-direction:column;overflow:hidden}.sidebar{border-right:none;border-bottom:1px solid var(--border);flex-shrink:0;height:auto;width:100%!important}.sidebar-nav{flex-flow:row;gap:4px;padding:6px 8px;overflow-x:auto}.sidebar-nav>*{flex:none}.sidebar-nav>div{display:contents}.sidebar-nav .nav-item{padding:8px 10px;width:auto!important;margin:1px 2px!important}.nav-item{padding:8px 12px;font-size:12px}.sidebar-footer,.sidebar-collapse,.sidebar-logo{display:none}.main-content{padding:14px!important}.main-content-wrapper{padding:14px 14px 76px!important}.page-header{flex-direction:column;align-items:flex-start}.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)!important}.grid-2{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)!important}.modal-box{max-width:95%;margin:8px}.table-wrap{overflow-x:auto}.table-head,.table-row{min-width:600px}.login-box{max-width:100%}h2{font-size:16px!important}.card-mobile{padding:12px!important}.topbar-mobile{padding:0 12px!important}.ticker-item{padding:0 10px}.topnav{padding:0 12px}}@media (width<=1280px){.dash-layout{height:auto!important;display:block!important;overflow:visible!important}.dash-layout>aside{border-top:1px solid var(--border);margin-top:24px;border-left:none!important;width:100%!important}}@media (width<=480px){.main-content{padding:12px}.card,.stat-card{padding:15px}.page-title{font-size:19px}.btn{padding:8px 13px;font-size:12.5px}.ticker-panel{width:92vw;right:-8px}}@media (width>=769px){.mobile-bottom-nav{display:none!important}}@media (width<=768px){.mobile-bottom-nav{display:flex!important}.topnav-links{display:none}}.mobile-bottom-nav{border-top:1px solid var(--border);-webkit-backdrop-filter:var(--chrome-blur-sm);background:var(--bg-surface)!important}[dir=rtl] .sidebar{border-left:none;border-right:1px solid var(--border);left:auto;right:0}[dir=rtl] .sidebar-logo,[dir=rtl] .nav-item{flex-direction:row-reverse}[dir=rtl] .sidebar-collapse{left:-12px;right:auto}[dir=rtl] .app-shell{flex-direction:column}[dir=rtl] .main-content{direction:rtl}[dir=rtl] .login-brand{border-right:none;border-left:1px solid var(--border)}
