:root{--primary:#6366f1;--primary-dim:#4f46e5;--primary-light:#a5b4fc;--primary-sky:#0ea5e9;--primary-lavender:#8b5cf6;--primary-gradient:linear-gradient(135deg, #38bdf8 0%, #6366f1 50%, #a855f7 100%);--primary-gradient-hover:linear-gradient(135deg, #0ea5e9 0%, #4f46e5 50%, #9333ea 100%);--primary-gradient-shadow:#6366f14d;--primary-gradient-shadow-hover:#a5b4fc66;--primary-bg:#38bdf81a;--primary-container:#dbeafe;--on-primary:#fff;--on-primary-container:#1e3a8a;--surface:#eef1f6;--surface-container:#fff;--surface-container-low:#f6f8fb;--surface-container-high:#e2e6ee;--surface-container-highest:#d2d7e1;--surface-container-lowest:#fff;--surface-dim:#c9cfdb;--secondary:#64748b;--secondary-container:#e2e8f0;--on-secondary:#fff;--tertiary:#5c5f63;--tertiary-container:#f2f4f8;--on-surface:#0b1220;--on-surface-variant:#334155;--on-background:#0b1220;--outline:#64748b;--outline-variant:#b6bfcd;--error:#dc2626;--error-container:#fee2e2;--on-error:#fff;--brand-indigo:#6366f1;--brand-teal:#14b8a6;--brand-purple:#a855f7;--brand-pink:#ec4899;--brand-orange:#f59e0b;--status-success:#22c55e;--status-warning:#eab308;--status-error:#ef4444;--shadow-sm:0 1px 3px #0f172a0f, 0 1px 2px #0f172a14;--shadow-md:0 6px 16px #0f172a14, 0 2px 6px #0f172a0f;--shadow-lg:0 16px 40px #0f172a1f, 0 6px 14px #0f172a14;--shadow-float:0 24px 60px -12px #0f172a2e, 0 8px 20px -8px #0f172a1f, 0 0 0 1px #0f172a0a;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--sidebar-width:256px;--sidebar-collapsed:72px;--topbar-height:64px;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.4s;--hover-overlay:#ffffff80;--hover-overlay-light:#fff6;--backdrop-overlay:#00000080;--topbar-bg:#eef1f6eb;--body-gradient-1:radial-gradient(ellipse 80% 60% at 30% 80%, #7dd3fc1f 0%, transparent 60%);--body-gradient-2:radial-gradient(ellipse 60% 50% at 75% 20%, #b4a5fc1a 0%, transparent 55%);--scrollbar-thumb:#00000026;--scrollbar-thumb-hover:#00000040}[data-theme=dark]{--primary:#6e7ae6;--primary-dim:#5560d4;--primary-light:#8b95f0;--primary-sky:#4fa8e5;--primary-lavender:#9b85f0;--primary-bg:#6e7ae61a;--primary-container:#1a1d3d;--on-primary:#fff;--on-primary-container:#c5ccff;--primary-gradient:linear-gradient(135deg, #5560d4 0%, #6e7ae6 50%, #8b95f0 100%);--primary-gradient-hover:linear-gradient(135deg, #6671e0 0%, #8590f0 50%, #a0a8f5 100%);--primary-gradient-shadow:#6e7ae64d;--primary-gradient-shadow-hover:#8b95f066;--surface:#060608;--surface-container:#0e0e11;--surface-container-low:#0a0a0d;--surface-container-high:#14141a;--surface-container-highest:#1b1b22;--surface-container-lowest:#08080a;--surface-dim:#030305;--secondary:#6e7280;--secondary-container:#14141a;--on-secondary:#fff;--tertiary:#5b5f6b;--tertiary-container:#14141a;--on-surface:#ecedef;--on-surface-variant:#8b8e96;--on-background:#ecedef;--outline:#4a4d55;--outline-variant:#1c1c22;--error:#e5697a;--error-container:#2a0a14;--on-error:#fff;--brand-indigo:#6e7ae6;--brand-teal:#4fbfb0;--brand-purple:#9b7be5;--brand-pink:#e5697a;--brand-orange:#e5a055;--status-success:#4fbe85;--status-warning:#e5c055;--status-error:#e5697a;--shadow-sm:0 1px 2px #00000080, 0 1px 1px #0006;--shadow-md:0 4px 12px #0000008c, 0 2px 4px #0006;--shadow-lg:0 12px 32px #000000a6, 0 6px 12px #00000073;--shadow-float:0 24px 60px -12px #000c, 0 8px 20px -8px #0009, 0 0 0 1px #ffffff0a;--hover-overlay:#ffffff0a;--hover-overlay-light:#ffffff06;--backdrop-overlay:#000000c7;--topbar-bg:#08080aeb;--body-gradient-1:none;--body-gradient-2:none;--scrollbar-thumb:#ffffff14;--scrollbar-thumb-hover:#ffffff2e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=dark] body{background-color:#060608}[data-theme=dark] .kpi-card,[data-theme=dark] .card{background:#0e0e11;border:1px solid #ffffff0f}[data-theme=dark] .kpi-card:hover,[data-theme=dark] .card:hover{background:#111114;border-color:#ffffff1a}[data-theme=dark] .sidebar-nav-item:hover{color:#ecedef;background:#ffffff0a}[data-theme=dark] .sidebar-nav-item.active{color:#c5ccff;background:#6e7ae61f;border:1px solid #6e7ae640;font-weight:600;box-shadow:inset 0 1px #ffffff0a}[data-theme=dark] .sidebar-nav-item.active svg{color:#8b95f0}[data-theme=cosmic]{--primary:#a8b0c8;--primary-dim:#7b8398;--primary-light:#c8cfe0;--primary-sky:#8b9bb0;--primary-lavender:#a095b0;--primary-bg:#a8b0c80f;--primary-container:#0d1018;--on-primary:#fff;--on-primary-container:#dde2ee;--primary-gradient:linear-gradient(135deg, #5b6378 0%, #8b95ab 55%, #b0b8cc 100%);--primary-gradient-hover:linear-gradient(135deg, #6e7689 0%, #9ca5b8 55%, #c0c7d8 100%);--primary-gradient-shadow:#a8b0c838;--primary-gradient-shadow-hover:#c8cfe04d;--surface:#030308;--surface-container:#07080f;--surface-container-low:#050609;--surface-container-high:#0c0d14;--surface-container-highest:#131520;--surface-container-lowest:#060710;--surface-dim:#000005;--secondary:#7a8298;--secondary-container:#0d1018;--on-secondary:#fff;--tertiary:#95a0b8;--tertiary-container:#0f1218;--on-surface:#d8dce5;--on-surface-variant:#7b8398;--on-background:#d8dce5;--outline:#4a5266;--outline-variant:#16181f;--error:#c97585;--error-container:#2a0810;--on-error:#fff;--brand-indigo:#a8b0c8;--brand-teal:#8fb5c0;--brand-purple:#b0a8c0;--brand-pink:#c0a0ac;--brand-orange:#c0b098;--status-success:#95b0a0;--status-warning:#c0b098;--status-error:#c97585;--shadow-sm:0 1px 3px #0009, 0 1px 2px #0006;--shadow-md:0 6px 16px #000000b3, 0 2px 6px #00000080;--shadow-lg:0 16px 40px #000c, 0 6px 14px #0009;--shadow-float:0 24px 60px -12px #000000d9, 0 8px 20px -8px #000000b3, 0 0 0 1px #a8b0c814;--hover-overlay:#a8b0c80a;--hover-overlay-light:#a8b0c805;--backdrop-overlay:#000003e6;--topbar-bg:#030408f0;--body-gradient-1:none;--body-gradient-2:none;--scrollbar-thumb:#a8b0c826;--scrollbar-thumb-hover:#a8b0c847;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=cosmic] .sidebar-nav-item:hover{color:#e0e5f0;background:#ffffff08}[data-theme=cosmic] .sidebar-nav-item.active{color:#f0f2f8;background:#ffffff0a;border:1px solid #a8b0c82e;font-weight:600;box-shadow:inset 0 1px #ffffff0a,0 0 20px -8px #a8b0c833}[data-theme=cosmic] .sidebar-nav-item.active:hover{color:#fff;background:#ffffff0f}[data-theme=cosmic] .sidebar-nav-item.active svg{color:#d8dce5}[data-theme=cosmic] body{background-color:#000003}[data-theme=cosmic] body:before{content:"";pointer-events:none;z-index:-2;filter:blur(100px);background:radial-gradient(50% 40% at 22% 30%,#3c4b6e0f 0%,#0000 65%),radial-gradient(55% 45% at 78% 75%,#505a780d 0%,#0000 65%);animation:32s ease-in-out infinite cosmic-nebula;position:fixed;inset:-10%}[data-theme=cosmic] body{position:relative}[data-theme=cosmic]:after{content:"";filter:blur(.5px);pointer-events:none;z-index:-1;opacity:0;background:linear-gradient(90deg,#0000,#fff0 20%,#fffffff2 50%,#a78bfab3 80%,#0000);border-radius:100px;width:140px;height:2px;animation:9s linear infinite cosmic-shoot;position:fixed;top:-10%;left:-10%;box-shadow:0 0 12px #fffc,0 0 24px #a78bfa99}@keyframes cosmic-nebula{0%,to{opacity:.85;transform:translate(0)scale(1)rotate(0)}25%{opacity:1;transform:translate(30px,-25px)scale(1.08)rotate(2deg)}50%{opacity:.92;transform:translate(-20px,30px)scale(.96)rotate(-1deg)}75%{opacity:.98;transform:translate(25px,15px)scale(1.04)rotate(1deg)}}@keyframes cosmic-twinkle{0%,to{opacity:.55}50%{opacity:1}}@keyframes cosmic-shoot{0%{opacity:0;transform:translate(0)rotate(28deg)}3%{opacity:1}12%{opacity:0;transform:translate(120vw,60vh)rotate(28deg)}to{opacity:0;transform:translate(120vw,60vh)rotate(28deg)}}[data-theme=noble]{--primary:#d4af6a;--primary-dim:#9c7a3a;--primary-light:#edd590;--primary-sky:#d4af37;--primary-lavender:#f5e6a8;--primary-bg:#d4af6a14;--primary-container:#1a1408;--on-primary:#0a0703;--on-primary-container:#edd590;--primary-gradient:linear-gradient(135deg, #1a1408 0%, #2a1f0c 30%, #6b5028 60%, #d4af6a 88%, #f5e6a8 100%);--primary-gradient-hover:linear-gradient(135deg, #221b0c 0%, #3d2e12 30%, #8c6a38 60%, #edd590 88%, #fff3c4 100%);--primary-gradient-shadow:#d4af6a59;--primary-gradient-shadow-hover:#edd59073;--surface:#050505;--surface-container:#0c0a07;--surface-container-low:#070605;--surface-container-high:#14110b;--surface-container-highest:#1c1810;--surface-container-lowest:#020201;--surface-dim:#000;--secondary:#8c7340;--secondary-container:#1a1408;--on-secondary:#edd590;--tertiary:#6b5028;--tertiary-container:#14110b;--on-surface:#e8e1d2;--on-surface-variant:#a89878;--on-background:#e8e1d2;--outline:#6b5028;--outline-variant:#1f1a0e;--error:#c44848;--error-container:#2a0808;--on-error:#fff;--brand-indigo:#e8e1d2;--brand-teal:#b8ae9c;--brand-purple:#a89878;--brand-pink:#948770;--brand-orange:#d4af6a;--status-success:#9cb570;--status-warning:#d4af6a;--status-error:#c44848;--shadow-sm:0 1px 3px #000000b3, 0 1px 2px #00000080;--shadow-md:0 6px 16px #000c, 0 2px 6px #0009;--shadow-lg:0 16px 40px #000000e6, 0 6px 14px #000000b3;--shadow-float:0 24px 60px -12px #000000f2, 0 8px 20px -8px #000c, 0 0 0 1px #d4af6a2e;--hover-overlay:#d4af6a0f;--hover-overlay-light:#d4af6a0a;--backdrop-overlay:#000000e0;--topbar-bg:#080704f0;--body-gradient-1:radial-gradient(ellipse 80% 60% at 20% 100%, #d4af6a0d 0%, transparent 60%);--body-gradient-2:radial-gradient(ellipse 60% 50% at 80% 0%, #edd5900a 0%, transparent 55%);--scrollbar-thumb:#d4af6a40;--scrollbar-thumb-hover:#d4af6a66;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@keyframes noble-shimmer{0%,to{background-position:0%}50%{background-position:100%}}[data-theme=noble] .kpi-value,[data-theme=noble] .stat-value{color:#e8e1d2}[data-theme=noble] .page-header h2,[data-theme=noble] h1.page-title{background:linear-gradient(120deg,#6b5028 0%,#b89570 30%,#f5e6a8 50%,#b89570 70%,#6b5028 100%) 0 0/200% 100%;-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;animation:5s ease-in-out infinite noble-shimmer}[data-theme=noble] .sidebar-nav-item.active{color:#f5e6a8;background:linear-gradient(135deg,#d4af6a14 0%,#d4af6a05 100%);border:1px solid;border-image:linear-gradient(135deg,#d4af6a80,#edd590e6,#d4af6a80) 1;font-weight:600;box-shadow:inset 0 1px #f5e6a81a,0 0 16px -4px #d4af6a4d}[data-theme=noble] .sidebar-nav-item.active svg{color:#edd590}[data-theme=noble] .sidebar-nav-item:hover{color:#edd590;background:#d4af6a0d}[data-theme=noble] .btn-primary{color:#f5e6a8;background:linear-gradient(120deg,#0000 30%,#fff3c440 50%,#0000 70%) 100% 0/200% 100%,linear-gradient(135deg,#1a1408 0%,#2a1f0c 30%,#6b5028 60%,#d4af6a 100%) 0 0/100% 100%;border:1px solid #d4af6a80;animation:4s linear infinite noble-shimmer}[data-theme=noble] .btn-primary:hover{background:linear-gradient(120deg,#0000 30%,#fff3c459 50%,#0000 70%) 0 0/200% 100%,linear-gradient(135deg,#221b0c 0%,#3d2e12 30%,#8c6a38 60%,#edd590 100%) 0 0/100% 100%}[data-theme=noble] .kpi-card,[data-theme=noble] .card{background:#060503;border:1px solid #d4af6a1a}[data-theme=noble] .kpi-card:hover,[data-theme=noble] .card:hover{border-color:#d4af6a38}[data-theme=fresh]{--primary:#5bbe7e;--primary-dim:#3fa866;--primary-light:#8dd8a4;--primary-sky:#7dc8e8;--primary-lavender:#b5d6f0;--primary-bg:#5bbe7e1f;--primary-container:#dbf2e2;--on-primary:#fff;--on-primary-container:#1f4e33;--primary-gradient:linear-gradient(135deg, #b5e8c6 0%, #7dd8a4 50%, #5bbe7e 100%);--primary-gradient-hover:linear-gradient(135deg, #8dd8a4 0%, #5bbe7e 50%, #3fa866 100%);--primary-gradient-shadow:#5bbe7e4d;--primary-gradient-shadow-hover:#3fa86666;--surface:#f0f9f2;--surface-container:#fff;--surface-container-low:#f6fbf7;--surface-container-high:#e2f1e7;--surface-container-highest:#cde7d7;--surface-container-lowest:#fff;--surface-dim:#c0ddc9;--secondary:#7dc8e8;--secondary-container:#def0f7;--on-secondary:#fff;--tertiary:#f4b8c8;--tertiary-container:#fbe5ea;--on-surface:#1f4e33;--on-surface-variant:#4a6f58;--on-background:#1f4e33;--outline:#87a693;--outline-variant:#c5dacf;--error:#e57676;--error-container:#fbe0e0;--on-error:#fff;--brand-indigo:#7dc8e8;--brand-teal:#5bbe7e;--brand-purple:#b5a4dd;--brand-pink:#f4b8c8;--brand-orange:#ffc97a;--status-success:#5bbe7e;--status-warning:#ffc97a;--status-error:#e57676;--shadow-sm:0 1px 3px #5bbe7e14, 0 1px 2px #1f4e330f;--shadow-md:0 6px 16px #5bbe7e1f, 0 2px 6px #1f4e330f;--shadow-lg:0 16px 40px #5bbe7e26, 0 6px 14px #1f4e3314;--shadow-float:0 24px 60px -12px #5bbe7e33, 0 8px 20px -8px #1f4e331f, 0 0 0 1px #5bbe7e1a;--hover-overlay:#5bbe7e14;--hover-overlay-light:#5bbe7e0d;--backdrop-overlay:#1f4e3373;--topbar-bg:#f0f9f2eb;--body-gradient-1:radial-gradient(ellipse 100% 70% at 20% 100%, #7dc8e82e 0%, transparent 60%);--body-gradient-2:radial-gradient(ellipse 80% 60% at 80% 0%, #8dd8a42e 0%, transparent 55%);--scrollbar-thumb:#5bbe7e4d;--scrollbar-thumb-hover:#5bbe7e80;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=fantasy]{--primary:#f5a924;--primary-dim:#b8650a;--primary-light:#ffc857;--primary-sky:#d4860b;--primary-lavender:#c97a1c;--primary-bg:#f5a92424;--primary-container:#3d2410;--on-primary:#1a0e04;--on-primary-container:#ffe5b0;--primary-gradient:linear-gradient(135deg, #2b1810 0%, #6b4423 35%, #b8650a 70%, #ffc857 100%);--primary-gradient-hover:linear-gradient(135deg, #3d2410 0%, #8b5a2b 35%, #d4860b 70%, #ffd580 100%);--primary-gradient-shadow:#d4860b80;--primary-gradient-shadow-hover:#f5a9248c;--surface:#2b1810;--surface-container:#3d2410;--surface-container-low:#351e0f;--surface-container-high:#4a3418;--surface-container-highest:#5c4620;--surface-container-lowest:#1a0e06;--surface-dim:#120804;--secondary:#c97a1c;--secondary-container:#3d2410;--on-secondary:#ffe5b0;--tertiary:#8b6f47;--tertiary-container:#2b1810;--on-surface:#f5e5c8;--on-surface-variant:#d4b585;--on-background:#f5e5c8;--outline:#8b6f47;--outline-variant:#4a3418;--error:#c74c20;--error-container:#3d0f06;--on-error:#fff;--brand-indigo:#8b6f47;--brand-teal:#6b8a4d;--brand-purple:#a85f2d;--brand-pink:#d4860b;--brand-orange:#f5a924;--status-success:#7a9d5f;--status-warning:#f5a924;--status-error:#c74c20;--shadow-sm:0 1px 3px #000000a6, 0 1px 2px #f5a9242e;--shadow-md:0 6px 16px #000000b3, 0 2px 8px #f5a92438;--shadow-lg:0 16px 40px #000000d1, 0 6px 18px #f5a92447;--shadow-float:0 24px 60px -12px #000000eb, 0 8px 22px -8px #f5a9246b, 0 0 0 1px #f5a92440;--hover-overlay:#f5a9241f;--hover-overlay-light:#f5a92412;--backdrop-overlay:#0f0804e6;--topbar-bg:#2b1810f5;--body-gradient-1:radial-gradient(ellipse 70% 50% at 18% 12%, #ffc85738 0%, transparent 60%), radial-gradient(ellipse 60% 45% at 82% 18%, #f5a9242e 0%, transparent 60%), radial-gradient(ellipse 90% 60% at 50% 100%, #b8650a2e 0%, transparent 65%);--body-gradient-2:radial-gradient(ellipse 45% 30% at 50% 55%, #ffb43c1a 0%, transparent 65%);--scrollbar-thumb:#f5a92466;--scrollbar-thumb-hover:#f5a92499;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=glass]{--primary:#4fa3d9;--primary-dim:#2e7fb8;--primary-light:#7ec4e8;--primary-sky:#b0dcef;--primary-lavender:#c4d8f5;--primary-bg:#4fa3d91a;--primary-container:#ffffff8c;--on-primary:#fff;--on-primary-container:#1e3a5f;--primary-gradient:linear-gradient(135deg, #b0dcefd9 0%, #7ec4e8e6 50%, #4fa3d9f2 100%);--primary-gradient-hover:linear-gradient(135deg, #7ec4e8f2 0%, #4fa3d9 50%, #2e7fb8 100%);--primary-gradient-shadow:#4fa3d94d;--primary-gradient-shadow-hover:#7ec4e866;--surface:#e8f0f7;--surface-container:#ffffff8c;--surface-container-low:#fff6;--surface-container-high:#ffffffb3;--surface-container-highest:#ffffffd9;--surface-container-lowest:#ffffffa6;--surface-dim:#dce8f599;--secondary:#6b8fa8;--secondary-container:#ffffff80;--on-secondary:#fff;--tertiary:#8ba9c2;--tertiary-container:#ffffff73;--on-surface:#1e2a3a;--on-surface-variant:#4a5c73;--on-background:#1e2a3a;--outline:#7a8ca3;--outline-variant:#fff9;--error:#e57676;--error-container:#fee2e2b3;--on-error:#fff;--brand-indigo:#5b8bc9;--brand-teal:#4fb3c9;--brand-purple:#9b8fc9;--brand-pink:#d89bb3;--brand-orange:#e8b574;--status-success:#5bbe9e;--status-warning:#e8c574;--status-error:#e57676;--shadow-sm:0 1px 3px #1e2a3a0f, 0 1px 2px #4fa3d914, inset 0 1px 0 #fff9;--shadow-md:0 6px 16px #1e2a3a14, 0 2px 6px #4fa3d91a, inset 0 1px 0 #ffffffb3;--shadow-lg:0 16px 40px #1e2a3a1f, 0 6px 14px #4fa3d91f, inset 0 1px 0 #ffffffb3;--shadow-float:0 24px 60px -12px #1e2a3a2e, 0 8px 20px -8px #4fa3d92e, inset 0 1px 0 #fffc, 0 0 0 1px #fff6;--hover-overlay:#ffffff8c;--hover-overlay-light:#fff6;--backdrop-overlay:#1e2a3a59;--topbar-bg:#ffffff80;--body-gradient-1:radial-gradient(ellipse 100% 80% at 20% 0%, #b0dcef80 0%, transparent 60%), radial-gradient(ellipse 80% 60% at 80% 100%, #c4d8f573 0%, transparent 55%);--body-gradient-2:radial-gradient(ellipse 60% 50% at 50% 50%, #ffffff4d 0%, transparent 70%), radial-gradient(circle at 70% 30%, #7ec4e840 0%, transparent 40%);--scrollbar-thumb:#4fa3d94d;--scrollbar-thumb-hover:#4fa3d980;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=glass] .sidebar,[data-theme=glass] .bottom-nav,[data-theme=glass] .card,[data-theme=glass] .kpi-card,[data-theme=glass] .topbar:before,[data-theme=glass] .dropdown,[data-theme=glass] .topbar-dropdown{-webkit-backdrop-filter:blur(28px)saturate(200%)brightness(1.05);border:1px solid #ffffff8c;background:#ffffff73!important}[data-theme=glass] .card,[data-theme=glass] .kpi-card{box-shadow:0 12px 32px -8px #1e3c642e,0 4px 12px -4px #4fa3d91f,inset 0 1px #ffffffd9,inset 0 -1px #ffffff4d,-8px -8px 24px #fff9,8px 8px 24px #7896be26}[data-theme=glass] .sidebar{box-shadow:0 24px 60px -12px #1e3c6438,0 8px 24px -8px #4fa3d92e,inset 0 1px #ffffffe6,-10px -10px 30px #ffffff80,10px 10px 30px #7896be2e}[data-theme=glass] .bottom-nav{box-shadow:0 24px 60px -12px #1e3c6440,inset 0 1px #ffffffe6,-8px -8px 24px #ffffff80,8px 8px 24px #7896be33}[data-theme=glass] .input-ghost,[data-theme=glass] .input-select,[data-theme=glass] input[type=text],[data-theme=glass] input[type=email],[data-theme=glass] input[type=password],[data-theme=glass] input[type=search],[data-theme=glass] textarea{-webkit-backdrop-filter:blur(8px);border:1px solid #fff9;box-shadow:inset 4px 4px 10px #7896be26,inset -4px -4px 10px #ffffffb3,0 1px #ffffffe6;background:#ffffff80!important}[data-theme=glass] .btn,[data-theme=glass] .topbar-btn,[data-theme=glass] .icon-btn{color:#1e2a3a;-webkit-backdrop-filter:blur(12px);background:#ffffff8c;border:1px solid #fff9;box-shadow:-3px -3px 8px #ffffffb3,3px 3px 8px #7896be26,inset 0 1px #fffc}[data-theme=glass] .btn-primary{background:var(--primary-gradient);color:#fff;text-shadow:0 1px 2px #00000026;border:1px solid #fff6}[data-theme=glass] .btn-primary:hover{background:var(--primary-gradient-hover);color:#fff}[data-theme=glass] .btn:hover,[data-theme=glass] .topbar-btn:hover,[data-theme=glass] .icon-btn:hover{background:#ffffffbf;box-shadow:-2px -2px 6px #fffc,2px 2px 6px #7896be33,inset 0 1px #ffffffe6}[data-theme=glass] .btn:active,[data-theme=glass] .topbar-btn:active,[data-theme=glass] .icon-btn:active{box-shadow:inset 3px 3px 8px #7896be33,inset -3px -3px 8px #ffffffb3}[data-theme=arctic]{--primary:#4e9fd8;--primary-dim:#2e7fb8;--primary-light:#87c5e8;--primary-sky:#b8dcf0;--primary-lavender:#d6e8f5;--primary-bg:#4e9fd81a;--primary-container:#e0eef8;--on-primary:#fff;--on-primary-container:#0f3658;--primary-gradient:linear-gradient(135deg, #e8f4fb 0%, #b8dcf0 50%, #4e9fd8 100%);--primary-gradient-hover:linear-gradient(135deg, #d6e8f5 0%, #87c5e8 50%, #2e7fb8 100%);--primary-gradient-shadow:#4e9fd84d;--primary-gradient-shadow-hover:#87c5e866;--surface:#f4f9fc;--surface-container:#fff;--surface-container-low:#f8fbfd;--surface-container-high:#e8f1f8;--surface-container-highest:#d6e5f0;--surface-container-lowest:#fff;--surface-dim:#c0d4e3;--secondary:#6b92ad;--secondary-container:#e0eef8;--on-secondary:#fff;--tertiary:#87b0c9;--tertiary-container:#e8f1f8;--on-surface:#0f2a3e;--on-surface-variant:#3d5a72;--on-background:#0f2a3e;--outline:#6b8fa8;--outline-variant:#bfd3e0;--error:#dc4444;--error-container:#fbe0e0;--on-error:#fff;--brand-indigo:#4e9fd8;--brand-teal:#5bc4d8;--brand-purple:#8fa6d4;--brand-pink:#c9dfe8;--brand-orange:#e8b574;--status-success:#5bbe9e;--status-warning:#e8c574;--status-error:#dc4444;--shadow-sm:0 1px 3px #0f2a3e0f, 0 1px 2px #4e9fd814;--shadow-md:0 6px 16px #0f2a3e14, 0 2px 6px #4e9fd81a;--shadow-lg:0 16px 40px #0f2a3e1f, 0 6px 14px #4e9fd81f;--shadow-float:0 24px 60px -12px #0f2a3e26, 0 8px 20px -8px #4e9fd82e, 0 0 0 1px #4e9fd81a;--hover-overlay:#4e9fd814;--hover-overlay-light:#4e9fd80d;--backdrop-overlay:#0f2a3e66;--topbar-bg:#f4f9fceb;--body-gradient-1:radial-gradient(ellipse 100% 80% at 20% 0%, #87c5e859 0%, transparent 60%);--body-gradient-2:radial-gradient(ellipse 80% 60% at 80% 100%, #b8dcf066 0%, transparent 55%);--scrollbar-thumb:#4e9fd84d;--scrollbar-thumb-hover:#4e9fd880;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=arctic-night]{--primary:#2ee886;--primary-dim:#1fb868;--primary-light:#6ff5a8;--primary-sky:#4fd8e0;--primary-lavender:#7fc8f0;--primary-bg:#2ee8861f;--primary-container:#062014;--on-primary:#021008;--on-primary-container:#b8f5d0;--primary-gradient:linear-gradient(135deg, #1fb868 0%, #2ee886 45%, #4fd8e0 100%);--primary-gradient-hover:linear-gradient(135deg, #2ee886 0%, #6ff5a8 45%, #80eaf0 100%);--primary-gradient-shadow:#2ee88673;--primary-gradient-shadow-hover:#6ff5a88c;--surface:#02071a;--surface-container:#060f26;--surface-container-low:#040b1f;--surface-container-high:#0b1830;--surface-container-highest:#13233f;--surface-container-lowest:#010410;--surface-dim:#00020a;--secondary:#4fd8e0;--secondary-container:#060f26;--on-secondary:#02101a;--tertiary:#7fc8f0;--tertiary-container:#06122a;--on-surface:#d4e8e0;--on-surface-variant:#6a95a8;--on-background:#d4e8e0;--outline:#2a4a65;--outline-variant:#0b1830;--error:#ff6b8a;--error-container:#3d0a1a;--on-error:#fff;--brand-indigo:#5a8fe0;--brand-teal:#2ee886;--brand-purple:#7fc8f0;--brand-pink:#6ff5a8;--brand-orange:#4fd8e0;--status-success:#2ee886;--status-warning:#ffd074;--status-error:#ff6b8a;--shadow-sm:0 1px 3px #0009, 0 1px 2px #2ee8861a;--shadow-md:0 6px 16px #000000a6, 0 2px 6px #2ee88624;--shadow-lg:0 16px 40px #000000c7, 0 6px 14px #2ee8862e;--shadow-float:0 24px 60px -12px #000000e6, 0 8px 20px -8px #2ee8864d, 0 0 0 1px #2ee88633;--hover-overlay:#2ee88614;--hover-overlay-light:#2ee8860d;--backdrop-overlay:#00020af0;--topbar-bg:#040a1af5;--body-gradient-1:none;--body-gradient-2:none;--scrollbar-thumb:#2ee88652;--scrollbar-thumb-hover:#2ee8868c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=arctic-night] body:before{content:"";pointer-events:none;z-index:-1;filter:blur(40px);background:radial-gradient(70% 50% at 35% 18%,#2ee88638 0%,#0000 60%),radial-gradient(55% 40% at 65% 25%,#1fb8682e 0%,#0000 60%),radial-gradient(80% 45% at 50% 8%,#4fd8e01a 0%,#0000 65%);animation:16s ease-in-out infinite aurora-drift;position:fixed;inset:0}[data-theme=arctic-night] body:after{content:"";pointer-events:none;z-index:-1;background-color:#0000;background-image:radial-gradient(circle at 15% 25%,#ffffffb3 .6px,#0000 1.2px),radial-gradient(circle at 35% 70%,#ffffff80 .5px,#0000 1px),radial-gradient(circle at 55% 40%,#fff9 .5px,#0000 1px),radial-gradient(circle at 75% 80%,#ffffffb3 .6px,#0000 1.2px),radial-gradient(circle at 88% 18%,#ffffff80 .5px,#0000 1px),radial-gradient(circle at 22% 88%,#fff9 .5px,#0000 1px),radial-gradient(circle at 65% 12%,#ffffff80 .5px,#0000 1px);background-position:0 0,0 0,0 0,0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat,repeat,repeat,repeat;background-size:100% 100%;background-attachment:scroll,scroll,scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box,border-box,border-box;animation:4s ease-in-out infinite aurora-twinkle;position:fixed;inset:0}@keyframes aurora-drift{0%,to{opacity:.85;transform:translate(0)scale(1)}25%{opacity:1;transform:translate(40px,-20px)scale(1.08)}50%{opacity:.9;transform:translate(-30px,30px)scale(.95)}75%{opacity:1;transform:translate(20px,10px)scale(1.05)}}@keyframes aurora-twinkle{0%,to{opacity:.6}50%{opacity:1}}[data-theme=akashic]{--primary:#8b6243;--primary-dim:#6b4a2f;--primary-light:#b58860;--primary-sky:#a0cce5;--primary-lavender:#c9a0d4;--primary-bg:#8b62431a;--primary-container:#f2e2c5;--on-primary:#fffcf4;--on-primary-container:#4a2f18;--primary-gradient:linear-gradient(135deg, #b58860 0%, #8b6243 50%, #6b4a2f 100%);--primary-gradient-hover:linear-gradient(135deg, #c9a076 0%, #a87648 50%, #7e5635 100%);--primary-gradient-shadow:#8b62434d;--primary-gradient-shadow-hover:#b5886066;--surface:#fbf6ea;--surface-container:#fffcf4;--surface-container-low:#fbf5e4;--surface-container-high:#fffef8;--surface-container-highest:#fff;--surface-container-lowest:#fffcf4;--surface-dim:#f0e6cd;--secondary:#5b8bb0;--secondary-container:#dce9f2;--on-secondary:#1e3a4f;--tertiary:#8aab78;--tertiary-container:#e5eedd;--on-surface:#4a3220;--on-surface-variant:#7a5c40;--on-background:#4a3220;--outline:#b58860;--outline-variant:#e5d2a8;--error:#c46850;--error-container:#f8dcd7;--on-error:#fff;--brand-indigo:#5b8bb0;--brand-teal:#6fa890;--brand-purple:#9b7fb5;--brand-pink:#c97b6e;--brand-orange:#d49044;--status-success:#7ba058;--status-warning:#d49044;--status-error:#c46850;--shadow-sm:0 1px 2px #5c42321f, 0 1px 1px #8b62430f;--shadow-md:0 4px 12px #5c423224, 0 2px 4px #8b624314;--shadow-lg:0 12px 28px #5c42322e, 0 6px 12px #8b62431a;--shadow-float:0 20px 48px -10px #5c423240, 0 8px 16px -6px #8b62432e, 0 0 0 1px #b5886033;--hover-overlay:#8b62430f;--hover-overlay-light:#8b624308;--backdrop-overlay:#5c423266;--topbar-bg:#fbf4e5e6;--body-gradient-1:radial-gradient(ellipse 80% 60% at 20% 0%, #a0cce580 0%, transparent 60%), radial-gradient(ellipse 70% 50% at 80% 10%, #b5d9ec73 0%, transparent 55%);--body-gradient-2:radial-gradient(ellipse 60% 45% at 50% 100%, #e8b8b02e 0%, transparent 60%), radial-gradient(ellipse 50% 40% at 10% 70%, #b5c9a826 0%, transparent 55%);--scrollbar-thumb:#8b624359;--scrollbar-thumb-hover:#8b62438c;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=akashic] body{background-color:#b5d9ec}[data-theme=akashic] body:before{content:"";pointer-events:none;z-index:-2;background-blend-mode:multiply;background:linear-gradient(#a8d0e6 0%,#c1deec 50%,#dce9f0 100%),url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.4 0 0 0 0 0.3 0 0 0 0 0.2 0 0 0 0.18 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}[data-theme=akashic] body:after{content:"";pointer-events:none;z-index:-1;filter:blur(2px);background-image:radial-gradient(18% 8% at 12% 14%,#ffffffd9 0%,#ffffff80 40%,#0000 70%),radial-gradient(14% 6% at 28% 22%,#ffffffbf 0%,#0000 70%),radial-gradient(22% 9% at 68% 8%,#ffffffe6 0%,#ffffff8c 35%,#0000 75%),radial-gradient(16% 7% at 88% 18%,#ffffffc7 0%,#0000 70%),radial-gradient(20% 8% at 45% 32%,#ffffffb3 0%,#0000 70%),radial-gradient(14% 6% at 8% 42%,#ffffffa6 0%,#0000 70%);animation:60s ease-in-out infinite akashic-clouds;position:fixed;inset:0}@keyframes akashic-clouds{0%,to{opacity:.92;transform:translate(0)}50%{opacity:1;transform:translate(20px,-8px)}}[data-theme=akashic] .card,[data-theme=akashic] .stat-card,[data-theme=akashic] .modal-content,[data-theme=akashic] .topbar,[data-theme=akashic] .sidebar,[data-theme=akashic] .project-sidebar,[data-theme=akashic] .admin-sidebar{border:1.5px solid #8b62432e;border-radius:18px}[data-theme=akashic] .card:hover,[data-theme=akashic] .stat-card:hover{border-color:#8b62434d}[data-theme=akashic] h1,[data-theme=akashic] h2,[data-theme=akashic] h3,[data-theme=akashic] .stat-value,[data-theme=akashic] .page-title{color:#6b4a2f;letter-spacing:.01em}[data-theme=akashic] .btn-primary{background:var(--primary-gradient);color:#fffcf4;border:1.5px solid #6b4a2f4d}[data-accent=blue-purple]{--primary-gradient:linear-gradient(135deg, #38bdf8 0%, #6366f1 50%, #a855f7 100%);--primary-gradient-hover:linear-gradient(135deg, #0ea5e9 0%, #4f46e5 50%, #9333ea 100%);--primary-gradient-shadow:#6366f14d;--primary-gradient-shadow-hover:#a5b4fc66}[data-accent=pastel]{--primary-gradient:linear-gradient(135deg, #7dd3fc 0%, #a5b4fc 50%, #c4b5fd 100%);--primary-gradient-hover:linear-gradient(135deg, #38bdf8 0%, #818cf8 50%, #a78bfa 100%);--primary-gradient-shadow:#a5b4fc4d;--primary-gradient-shadow-hover:#a78bfa66}[data-accent=dark]{--primary-gradient:linear-gradient(135deg, #374151 0%, #1f2937 50%, #111827 100%);--primary-gradient-hover:linear-gradient(135deg, #4b5563 0%, #374151 50%, #1f2937 100%);--primary-gradient-shadow:#1f29374d;--primary-gradient-shadow-hover:#37415166}[data-accent=silver]{--primary-gradient:linear-gradient(135deg, #d1d5db 0%, #9ca3af 50%, #6b7280 100%);--primary-gradient-hover:linear-gradient(135deg, #e5e7eb 0%, #d1d5db 50%, #9ca3af 100%);--primary-gradient-shadow:#9ca3af4d;--primary-gradient-shadow-hover:#d1d5db66}[data-accent=pink]{--primary-gradient:linear-gradient(135deg, #f9a8d4 0%, #f472b6 50%, #ec4899 100%);--primary-gradient-hover:linear-gradient(135deg, #ec4899 0%, #db2777 50%, #be185d 100%);--primary-gradient-shadow:#f472b64d;--primary-gradient-shadow-hover:#ec489966}[data-accent=red]{--primary-gradient:linear-gradient(135deg, #fca5a5 0%, #f87171 50%, #ef4444 100%);--primary-gradient-hover:linear-gradient(135deg, #f87171 0%, #ef4444 50%, #dc2626 100%);--primary-gradient-shadow:#f871714d;--primary-gradient-shadow-hover:#ef444466}[data-accent=orange]{--primary-gradient:linear-gradient(135deg, #fdba74 0%, #fb923c 50%, #f97316 100%);--primary-gradient-hover:linear-gradient(135deg, #fb923c 0%, #f97316 50%, #ea580c 100%);--primary-gradient-shadow:#fb923c4d;--primary-gradient-shadow-hover:#f9731666}[data-accent=yellow]{--primary-gradient:linear-gradient(135deg, #fde68a 0%, #fbbf24 50%, #f59e0b 100%);--primary-gradient-hover:linear-gradient(135deg, #fbbf24 0%, #f59e0b 50%, #d97706 100%);--primary-gradient-shadow:#fbbf244d;--primary-gradient-shadow-hover:#f59e0b66;--on-primary:#422006}[data-accent=green]{--primary-gradient:linear-gradient(135deg, #6ee7b7 0%, #34d399 50%, #10b981 100%);--primary-gradient-hover:linear-gradient(135deg, #34d399 0%, #10b981 50%, #059669 100%);--primary-gradient-shadow:#34d3994d;--primary-gradient-shadow-hover:#10b98166}[data-accent=teal]{--primary-gradient:linear-gradient(135deg, #5eead4 0%, #2dd4bf 50%, #14b8a6 100%);--primary-gradient-hover:linear-gradient(135deg, #2dd4bf 0%, #14b8a6 50%, #0d9488 100%);--primary-gradient-shadow:#2dd4bf4d;--primary-gradient-shadow-hover:#14b8a666}[data-accent=black-gold]{--primary:#c9a24a;--primary-dim:#8c6f2a;--primary-light:#d4af37;--primary-bg:#c9a24a14;--primary-container:#100a02;--on-primary:#f5e6a8;--on-primary-container:#d4af37;--primary-gradient:linear-gradient(135deg, #000 0%, #0a0703 35%, #1a1207 70%, #6b5012 92%, #c9a24a 100%);--primary-gradient-hover:linear-gradient(135deg, #050505 0%, #100a02 35%, #251a0a 70%, #8c6f2a 92%, #d4af37 100%);--primary-gradient-shadow:#0000008c;--primary-gradient-shadow-hover:#c9a24a59}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}html.theme-transition,html.theme-transition *,html.theme-transition :before,html.theme-transition :after{transition:background-color .3s,color .3s,border-color .3s,box-shadow .3s!important}body{background:var(--surface);background-image:var(--body-gradient-1), var(--body-gradient-2);color:var(--on-surface);background-attachment:fixed;font-family:Inter,Noto Sans TC,-apple-system,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,textarea,select{border:none;outline:none;font-family:inherit}.text-display{color:var(--primary);letter-spacing:-.025em;font-size:28px;font-weight:700;line-height:1.15}.text-nav-title{font-size:1.25rem;font-weight:700}.text-body{font-size:14px;font-weight:300;line-height:1.7}.text-label{font-size:13px;font-weight:500}.text-micro{text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:700}.text-data{font-variant-numeric:tabular-nums;font-size:12px;font-weight:700}.dashboard-layout{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--surface-container);z-index:50;border-radius:var(--radius-xl);border:1px solid var(--outline-variant);height:auto;box-shadow:var(--shadow-float);-webkit-backdrop-filter:blur(20px)saturate(140%);transition:width var(--duration-slow) var(--ease-spring), transform var(--duration-slow) var(--ease-spring), box-shadow var(--duration-normal) var(--ease-out);flex-direction:column;display:flex;position:fixed;top:14px;bottom:14px;left:14px;overflow:hidden}.sidebar:before{content:"";background:var(--primary-gradient);opacity:.85;pointer-events:none;height:3px;position:absolute;top:0;left:0;right:0}.sidebar:hover{box-shadow:var(--shadow-float), 0 0 0 1px var(--primary-gradient-shadow)}.sidebar{will-change:transform, width;contain:layout style}.sidebar.dragging{box-shadow:0 32px 80px -12px #0f172a47, 0 12px 28px -8px #0f172a2e, 0 0 0 1px var(--primary-gradient-shadow);-webkit-user-select:none;user-select:none;cursor:grabbing!important;transition:none!important}.sidebar.detached{box-shadow:var(--shadow-float), 0 0 0 1px var(--primary-gradient-shadow)}.sidebar.collapsed{width:var(--sidebar-collapsed)}.sidebar.sidebar-side-right{left:auto;right:14px}.sidebar.sidebar-side-top,.sidebar.sidebar-side-bottom{flex-direction:row;align-items:center;width:auto;height:68px;padding:0 12px;left:14px;right:14px}.sidebar.sidebar-side-top{top:calc(var(--topbar-height) + 14px);bottom:auto}.sidebar.sidebar-side-bottom{top:auto;bottom:14px}.sidebar.sidebar-side-top.collapsed,.sidebar.sidebar-side-bottom.collapsed{width:auto;height:56px}.sidebar.sidebar-side-top .sidebar-brand,.sidebar.sidebar-side-bottom .sidebar-brand{border-right:1px solid var(--outline-variant);flex-shrink:0;height:100%;min-height:0;margin-right:8px;padding:0 12px 0 4px}.sidebar.sidebar-side-top .sidebar-brand-text,.sidebar.sidebar-side-bottom .sidebar-brand-text{display:none}.sidebar.sidebar-side-top .sidebar-nav,.sidebar.sidebar-side-bottom .sidebar-nav{flex-direction:row;flex:1;align-items:center;gap:4px;height:100%;padding:0;overflow:auto hidden}.sidebar.sidebar-side-top .sidebar-nav-item,.sidebar.sidebar-side-bottom .sidebar-nav-item{flex-shrink:0;padding:8px 14px}.sidebar.sidebar-side-top .sidebar-nav-item:hover,.sidebar.sidebar-side-bottom .sidebar-nav-item:hover{transform:translateY(-2px)}.sidebar.sidebar-side-top .sidebar-footer,.sidebar.sidebar-side-bottom .sidebar-footer{border-left:1px solid var(--outline-variant);flex-direction:row;flex-shrink:0;align-items:center;gap:4px;height:100%;margin-left:8px;padding:0 4px 0 8px}.sidebar.sidebar-side-top .sidebar-footer-link span,.sidebar.sidebar-side-bottom .sidebar-footer-link span{display:none}.sidebar.sidebar-side-top .sidebar-footer-link,.sidebar.sidebar-side-bottom .sidebar-footer-link{padding:8px}.sidebar.sidebar-side-top .project-sidebar-header,.sidebar.sidebar-side-bottom .project-sidebar-header{border-bottom:none;border-right:1px solid var(--outline-variant);flex-direction:row;flex-shrink:0;align-items:center;gap:6px;height:100%;margin-right:8px;padding:0 10px 0 4px;display:flex}.sidebar.sidebar-side-top .project-sidebar-header>div:first-child,.sidebar.sidebar-side-bottom .project-sidebar-header>div:first-child{flex-direction:row;align-items:center;gap:4px;width:auto;display:flex}.sidebar.sidebar-side-top .project-sidebar-header .sidebar-toggle,.sidebar.sidebar-side-bottom .project-sidebar-header .sidebar-toggle,.sidebar.sidebar-side-top .project-sidebar-back span,.sidebar.sidebar-side-bottom .project-sidebar-back span{display:none}.sidebar.sidebar-side-top .project-sidebar-info,.sidebar.sidebar-side-bottom .project-sidebar-info{border:none;align-items:center;gap:8px;margin:0;padding:0;display:flex}.sidebar.sidebar-side-top .project-sidebar-name h1,.sidebar.sidebar-side-bottom .project-sidebar-name h1{white-space:nowrap;text-overflow:ellipsis;max-width:120px;font-size:13px;overflow:hidden}.sidebar.sidebar-side-top .project-sidebar-name button,.sidebar.sidebar-side-bottom .project-sidebar-name button{display:none}.sidebar.sidebar-side-top .project-sidebar-icon,.sidebar.sidebar-side-bottom .project-sidebar-icon{width:28px;height:28px;font-size:12px}.sidebar-brand{align-items:center;gap:12px;min-height:76px;padding:20px 20px 28px;display:flex}.sidebar-brand-link{color:inherit;align-items:center;gap:12px;text-decoration:none;display:flex}.sidebar-brand-icon{background:var(--primary-gradient);width:36px;min-width:36px;height:36px;color:var(--on-primary);border-radius:var(--radius-sm);transition:transform var(--duration-normal) var(--ease-spring), opacity var(--duration-normal) var(--ease-out), width var(--duration-normal) var(--ease-out), min-width var(--duration-normal) var(--ease-out);justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex}.sidebar-brand-icon:hover{transform:scale(1.08)}.sidebar-brand-text{white-space:nowrap;opacity:1;transition:opacity var(--duration-normal) var(--ease-out);overflow:hidden}.sidebar.collapsed .sidebar-brand-text{opacity:0;width:0;min-width:0}.sidebar.collapsed .sidebar-brand{justify-content:center;gap:0;padding:20px 0 28px}.sidebar.collapsed .sidebar-brand-icon{opacity:0;pointer-events:none;width:0;min-width:0;margin:0;transform:scale(0)}.sidebar-brand h1{color:var(--on-surface);letter-spacing:-.01em;font-size:20px;font-weight:700}.sidebar-brand p{text-transform:uppercase;letter-spacing:.1em;color:var(--outline);font-size:11px;font-weight:700}.sidebar-toggle{border-radius:var(--radius-sm);z-index:60;cursor:pointer;width:32px;height:32px;transition:all var(--duration-normal) var(--ease-out);color:var(--outline);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;display:flex;position:relative}.sidebar-toggle:hover{color:var(--on-surface);background:var(--hover-overlay)}.sidebar-toggle svg{width:18px;height:18px}.sidebar.collapsed .sidebar-toggle,.sidebar.collapsed .sidebar-brand .sidebar-toggle{margin:0 auto}.sidebar.collapsed .sidebar-brand-link{display:none}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:0 8px;display:flex}.sidebar-nav-item{color:var(--on-surface-variant);transition:color var(--duration-normal) var(--ease-out), background var(--duration-normal) var(--ease-out), transform var(--duration-normal) var(--ease-spring), box-shadow var(--duration-normal) var(--ease-out);border-radius:var(--radius-md);white-space:nowrap;align-items:center;gap:14px;padding:11px 16px;font-size:13px;font-weight:600;display:flex;position:relative;overflow:hidden}.sidebar-nav-item:before{content:"";background:var(--primary-gradient);width:3px;height:20px;transition:transform var(--duration-normal) var(--ease-spring);border-radius:0 4px 4px 0;position:absolute;top:50%;left:0;transform:translateY(-50%)scaleY(0)}.sidebar-nav-item:hover{color:var(--on-surface);background:var(--surface-container-high);transform:translate(2px)}.sidebar-nav-item.active{color:var(--on-primary);background:var(--primary-gradient);box-shadow:0 8px 20px -8px var(--primary-gradient-shadow), 0 0 0 1px #ffffff14 inset;font-weight:700}.sidebar-nav-item.active:hover{color:var(--on-primary);background:var(--primary-gradient-hover);transform:translate(2px)}.sidebar-nav-item.active:before{display:none;transform:translateY(-50%)scaleY(1)}.sidebar-nav-item svg{width:20px;min-width:20px;height:20px;transition:transform var(--duration-normal) var(--ease-out);flex-shrink:0}.sidebar-nav-item:hover svg{transform:scale(1.1)}.sidebar-nav-item span{opacity:1;transition:opacity var(--duration-normal) var(--ease-out)}.sidebar.collapsed .sidebar-nav-item span{opacity:0;width:0;min-width:0}.sidebar.collapsed .sidebar-nav{padding:0 4px}.sidebar.collapsed .sidebar-nav-item{justify-content:center;gap:0;padding:11px}.sidebar-footer{flex-direction:column;gap:2px;padding:16px 16px 28px;display:flex}.sidebar-footer-link{text-transform:uppercase;letter-spacing:.1em;color:var(--outline);border-radius:var(--radius-sm);transition:all var(--duration-normal) var(--ease-out);white-space:nowrap;align-items:center;gap:12px;padding:8px;font-size:11px;font-weight:700;display:flex;overflow:hidden}.sidebar-footer-link:hover{color:var(--on-surface);background:var(--hover-overlay-light)}.sidebar-footer-link svg{width:16px;min-width:16px;height:16px}.sidebar.collapsed .sidebar-footer-link span{opacity:0;width:0;min-width:0}.sidebar.collapsed .sidebar-footer-link{justify-content:center;gap:0;padding:8px}.sidebar-admin{background:#000}.sidebar-admin .sidebar-toggle{color:#9ca3af}.sidebar-admin .sidebar-toggle:hover{color:#f1f1f1;background:#ffffff0f}.sidebar-admin .sidebar-brand h1{color:#f1f1f1}.sidebar-admin .sidebar-brand p,.sidebar-admin .project-sidebar-back{color:#9ca3af}.sidebar-admin .project-sidebar-back:hover{color:#f1f1f1}.sidebar-admin .sidebar-nav-item{color:#9ca3af}.sidebar-admin .sidebar-nav-item:hover{color:#f1f1f1;background:#ffffff0f}.sidebar-admin .sidebar-nav-item.active{color:#a78bfa;background:#a78bfa1a}.sidebar-admin .sidebar-nav-item.active:before{background:linear-gradient(#a78bfa,#7c3aed)}.sidebar-admin .sidebar-footer-link{color:#9ca3af}.sidebar-admin .sidebar-footer-link:hover{color:#f1f1f1;background:#ffffff0f}.sidebar-overlay{display:none}.main-area{margin-left:calc(var(--sidebar-width) + 28px);min-height:100vh;transition:margin-left var(--duration-slow) var(--ease-spring);flex:1}.main-area.sidebar-collapsed{margin-left:calc(var(--sidebar-collapsed) + 28px)}.main-area.sidebar-side-right{margin-left:0;margin-right:calc(var(--sidebar-width) + 28px);transition:margin-left var(--duration-slow) var(--ease-spring), margin-right var(--duration-slow) var(--ease-spring)}.main-area.sidebar-side-right.sidebar-collapsed{margin-left:0;margin-right:calc(var(--sidebar-collapsed) + 28px)}.main-area.sidebar-side-top,.main-area.sidebar-side-bottom{transition:margin var(--duration-slow) var(--ease-spring);margin-left:0;margin-right:0}.main-area.sidebar-side-bottom{padding-bottom:96px}.main-area.sidebar-side-top .topbar,.main-area.sidebar-side-top .topbar.sidebar-collapsed,.main-area.sidebar-side-bottom .topbar,.main-area.sidebar-side-bottom .topbar.sidebar-collapsed{padding-left:32px;padding-right:32px;top:0}.main-area.sidebar-side-top{padding-top:calc(var(--topbar-height) + 14px + 68px + 14px)}.topbar{height:var(--topbar-height);padding:0 32px 0 calc(var(--sidebar-width) + 28px + 32px);box-shadow:none;z-index:40;transition:padding var(--duration-slow) var(--ease-spring);background:0 0;border:none;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.topbar:before{content:"";background:var(--topbar-bg);-webkit-backdrop-filter:blur(20px)saturate(180%);pointer-events:none;z-index:0;position:absolute;inset:0 0 -32px;-webkit-mask-image:linear-gradient(#000 0%,#000000f2 50%,#0009 80%,#0000 100%);mask-image:linear-gradient(#000 0%,#000000f2 50%,#0009 80%,#0000 100%)}.topbar>*{z-index:1;position:relative}.topbar.sidebar-collapsed{padding-left:calc(var(--sidebar-collapsed) + 28px + 32px)}.main-area.sidebar-side-right .topbar{padding-left:32px;padding-right:calc(var(--sidebar-width) + 28px + 32px)}.main-area.sidebar-side-right .topbar.sidebar-collapsed{padding-left:32px;padding-right:calc(var(--sidebar-collapsed) + 28px + 32px)}.topbar-left{flex:1;align-items:center;gap:12px;display:flex}.topbar-search{background:var(--surface-container-low);border-radius:var(--radius-full);cursor:text;width:100%;max-width:480px;transition:all var(--duration-normal) var(--ease-out);border:1px solid #0000;align-items:center;gap:10px;padding:8px 14px;display:flex}.topbar-search:hover{background:var(--surface-container-lowest);border-color:var(--outline-variant)}.topbar-search svg{width:16px;height:16px;color:var(--outline);flex-shrink:0}.topbar-search-placeholder{color:var(--outline);text-align:left;pointer-events:none;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;overflow:hidden}.topbar-search-kbd{color:var(--outline);background:var(--surface-container-high);border:1px solid var(--outline-variant);border-radius:4px;flex-shrink:0;padding:1px 6px;font-family:inherit;font-size:11px;font-weight:600}.topbar-actions{align-items:center;gap:4px;display:flex}.topbar-dropdown-wrap{position:relative}.topbar-btn{color:var(--outline);transition:all var(--duration-normal) var(--ease-out);border-radius:var(--radius-sm);justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:relative}.topbar-btn:hover,.topbar-btn.active{color:var(--primary);background:var(--primary-bg)}.topbar-btn svg{width:20px;height:20px}.topbar-badge-count{background:var(--error);color:#fff;border-radius:var(--radius-full);justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;line-height:1;display:flex;position:absolute;top:5px;right:5px}.topbar-user{border-left:1px solid var(--outline-variant);border-radius:var(--radius-sm);height:40px;transition:background var(--duration-normal) var(--ease-out);cursor:pointer;align-items:center;gap:10px;margin-left:4px;padding:0 4px 0 12px;display:flex}.topbar-user:hover,.topbar-user.active{background:var(--primary-bg)}.topbar-user-info{text-align:right}.topbar-user-name{color:var(--on-surface);font-size:13px;font-weight:600}.topbar-user-role{text-transform:uppercase;letter-spacing:.1em;color:var(--outline);font-size:11px;font-weight:700}.topbar-avatar-wrap{flex-shrink:0;width:32px;height:32px;position:relative}.topbar-avatar{border-radius:var(--radius-sm);width:32px;height:32px;display:block}.topbar-avatar-fallback{background:var(--primary-gradient);width:32px;height:32px;color:var(--on-primary);border-radius:var(--radius-sm);justify-content:center;align-items:center;font-size:14px;font-weight:700;display:none}.topbar-dropdown{background:var(--surface-container-lowest);border:1px solid var(--outline-variant);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:200;animation:dropdownIn var(--duration-fast) var(--ease-out);position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-6px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.dropdown-item{width:100%;color:var(--on-surface-variant);text-align:left;transition:all var(--duration-fast) var(--ease-out);white-space:nowrap;align-items:center;gap:10px;padding:10px 16px;font-size:13px;font-weight:500;display:flex}.dropdown-item:hover{background:var(--surface-container-low);color:var(--on-surface)}.dropdown-item.danger{color:var(--error)}.dropdown-item.danger:hover{background:var(--error-container)}.topbar-plan-tag{border-radius:var(--radius-full);letter-spacing:.5px;margin-left:auto;padding:2px 8px;font-size:10px;font-weight:700}.topbar-plan-tag.plan-free{color:var(--on-surface-variant);background:var(--surface-container)}.topbar-plan-tag.plan-pro{color:#fff;background:linear-gradient(135deg,#6366f1,#818cf8)}.topbar-plan-tag.plan-max{color:#fff;background:linear-gradient(135deg,#7c3aed,#c084fc)}.topbar-plan-tag.plan-vip{color:#fbbf24;background:linear-gradient(135deg,#1a1a1a,#3d3520);border:1px solid #92702440}.notif-panel{width:360px}.notif-header{border-bottom:1px solid var(--outline-variant);justify-content:space-between;align-items:center;padding:14px 16px 10px;display:flex}.notif-title{color:var(--on-surface);font-size:14px;font-weight:600}.notif-unread-badge{background:var(--primary);color:#fff;border-radius:var(--radius-full);padding:1px 7px;font-size:11px;font-weight:700}.notif-mark-all{color:var(--primary);border-radius:var(--radius-sm);transition:background var(--duration-fast);align-items:center;gap:5px;padding:4px 8px;font-size:12px;font-weight:500;display:flex}.notif-mark-all:hover{background:var(--primary-bg)}.notif-tabs{border-bottom:1px solid var(--outline-variant);gap:2px;padding:8px 12px 0;display:flex}.notif-tab{color:var(--outline);border-radius:var(--radius-sm) var(--radius-sm) 0 0;transition:all var(--duration-fast);padding:6px 10px;font-size:12px;font-weight:500;position:relative}.notif-tab:hover{color:var(--on-surface)}.notif-tab.active{color:var(--primary);font-weight:600}.notif-tab.active:after{content:"";background:var(--primary);border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:-1px;left:0;right:0}.notif-list{max-height:320px;overflow-y:auto}.notif-item{text-align:left;width:100%;transition:background var(--duration-fast);border-bottom:1px solid var(--surface-container);align-items:flex-start;gap:12px;padding:12px 16px;display:flex;position:relative}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:var(--surface-container-low)}.notif-item.unread{background:#6366f10a}.notif-item-body{flex:1;min-width:0}.notif-item-title{color:var(--on-surface);margin-bottom:2px;font-size:13px;font-weight:600}.notif-item-desc{color:var(--on-surface-variant);font-size:12px;line-height:1.5}.notif-item-time{color:var(--outline);margin-top:4px;font-size:11px}.notif-unread-dot{background:var(--primary);border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:5px}.notif-empty{color:var(--outline);flex-direction:column;align-items:center;gap:8px;padding:40px 20px;font-size:13px;display:flex}.notif-footer{border-top:1px solid var(--outline-variant);text-align:center;padding:10px 16px}.notif-footer button{color:var(--primary);border-radius:var(--radius-sm);transition:background var(--duration-fast);padding:4px 8px;font-size:13px;font-weight:500}.notif-footer button:hover{background:var(--primary-bg)}.help-panel{width:200px;padding:6px}.help-panel .dropdown-item{border-radius:var(--radius-sm)}.help-center-panel{flex-direction:column;width:380px;max-height:520px;padding:0;display:flex}.help-center-header{padding:14px 16px 0}.help-center-title{color:var(--on-surface);font-size:14px;font-weight:700}.help-center-tabs{border-bottom:1px solid var(--outline-variant);gap:0;margin-top:10px;padding:0 16px;display:flex}.help-center-tab{all:unset;cursor:pointer;color:var(--outline);transition:color var(--duration-fast) ease, border-color var(--duration-fast) ease;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:600;display:flex}.help-center-tab:hover{color:var(--on-surface)}.help-center-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.help-center-unread-badge{background:var(--status-error);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;line-height:1;display:inline-flex}.help-center-body{flex:1;min-height:200px;max-height:400px;padding:8px;overflow-y:auto}.help-center-empty{color:var(--outline);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:40px 20px;font-size:13px;display:flex}.help-changelog-item{border-radius:var(--radius-sm);cursor:pointer;transition:background var(--duration-fast) ease;border-left:3px solid #0000;padding:10px 12px}.help-changelog-item:hover{background:var(--surface-container-low)}.help-changelog-item.unread{border-left-color:var(--primary);background:#6366f10a}.help-changelog-item-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.help-changelog-content{background:var(--surface-container-low);border-radius:var(--radius-sm);color:var(--on-surface-variant);margin-top:8px;padding:10px 12px;font-size:12px;line-height:1.6}.help-changelog-content ul{padding-left:16px;list-style:outside}.help-changelog-content li{margin:2px 0}.help-shortcuts-list{flex-direction:column;gap:2px;display:flex}.help-shortcut-row{border-radius:var(--radius-sm);justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.help-shortcut-row:hover{background:var(--surface-container-low)}.help-shortcut-desc{color:var(--on-surface-variant);font-size:13px}.help-shortcut-kbd{background:var(--surface-container);border:1px solid var(--outline-variant);color:var(--on-surface-variant);border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-family:inherit;font-size:11px;font-weight:600;line-height:1;display:inline-flex}.topbar-badge-dot{background:var(--status-error);border:2px solid var(--surface-container-lowest);border-radius:50%;width:8px;height:8px;position:absolute;top:6px;right:6px}.changelog-modal-overlay{background:var(--backdrop-overlay);z-index:1000;animation:fadeIn var(--duration-fast) ease;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.changelog-modal{background:var(--surface-container-lowest);border-radius:var(--radius-lg);width:90vw;max-width:640px;max-height:85vh;box-shadow:var(--shadow-lg);animation:fadeInUp var(--duration-normal) var(--ease-out);flex-direction:column;display:flex}.changelog-modal-header{justify-content:space-between;align-items:center;padding:20px 24px 0;display:flex}.changelog-modal-header h3{font-size:18px;font-weight:700}.changelog-modal-body{flex-direction:column;flex:1;gap:16px;padding:20px 24px;display:flex;overflow-y:auto}.changelog-modal-footer{border-top:1px solid var(--outline-variant);justify-content:flex-end;gap:8px;padding:16px 24px;display:flex}.changelog-preview{background:var(--surface-container-low);border-radius:var(--radius-sm);min-height:200px;color:var(--on-surface-variant);padding:16px;font-size:13px;line-height:1.7}@media (max-width:768px){.help-center-panel{width:320px}}.user-panel{width:200px;padding:6px}.user-panel .dropdown-item{border-radius:var(--radius-sm)}.search-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:300;animation:fadeIn var(--duration-fast) var(--ease-out);background:#0f14238c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.search-modal{background:var(--surface-container-lowest);border:1px solid var(--outline-variant);border-radius:var(--radius-lg);width:100%;max-width:600px;box-shadow:var(--shadow-lg);animation:dropdownIn var(--duration-normal) var(--ease-out);flex-direction:column;max-height:calc(100vh - 120px);display:flex;overflow:hidden}.search-modal-input-row{border-bottom:1px solid var(--outline-variant);flex-shrink:0;align-items:center;gap:12px;padding:16px 20px;display:flex}.search-modal-input{color:var(--on-surface);background:0 0;flex:1;font-size:15px}.search-modal-input::placeholder{color:var(--outline)}.search-modal-close{color:var(--outline);border-radius:var(--radius-sm);transition:all var(--duration-fast);flex-shrink:0;padding:4px}.search-modal-close:hover{color:var(--on-surface);background:var(--surface-container)}.search-modal-body{flex:1;padding:8px 0;overflow-y:auto}.search-hint{color:var(--outline);flex-direction:column;align-items:center;gap:16px;padding:40px 20px;font-size:13px;display:flex}.search-kbd-hints{gap:20px;font-size:12px;display:flex}.search-kbd-hints kbd{background:var(--surface-container);border:1px solid var(--outline-variant);border-radius:4px;margin-right:4px;padding:1px 5px;font-family:inherit;font-size:11px}.search-empty{color:var(--outline);flex-direction:column;align-items:center;gap:10px;padding:40px 20px;font-size:13px;display:flex}.search-section{padding:4px 0 8px}.search-section-label{text-transform:uppercase;letter-spacing:.1em;color:var(--outline);padding:6px 20px 4px;font-size:11px;font-weight:700}.search-result-item{width:100%;color:var(--on-surface-variant);text-align:left;transition:all var(--duration-fast);align-items:center;gap:10px;padding:10px 20px;font-size:13px;font-weight:500;display:flex}.search-result-item:hover,.search-result-item.focused{background:var(--primary-bg);color:var(--primary)}@media (max-width:768px){.topbar{padding:0 16px}.topbar-search-placeholder,.topbar-search-kbd{display:none}.topbar-search{background:0 0;border-color:#0000;max-width:40px;padding:8px 10px}.topbar-search:hover{background:var(--primary-bg);border-color:#0000}.topbar-user-info{display:none}.search-overlay{align-items:flex-start;padding-top:16px}.search-modal{border-radius:0 0 var(--radius-lg) var(--radius-lg);max-width:100%;max-height:80vh}}.main-content{padding:calc(var(--topbar-height) + 32px + 14px) 32px 48px}.mobile-menu-btn{display:none}.page-header{animation:fadeInUp var(--duration-slow) var(--ease-out);margin-bottom:40px}.page-header h2{color:var(--on-surface);letter-spacing:-.025em;margin-bottom:6px;font-size:28px;font-weight:700}.page-header p{color:var(--on-surface-variant);font-size:14px;font-weight:400}.bento-grid{grid-template-columns:repeat(12,1fr);gap:20px;display:grid}.col-2{grid-column:span 2}.col-3{grid-column:span 3}.col-4{grid-column:span 4}.col-6{grid-column:span 6}.col-8{grid-column:span 8}.col-12{grid-column:span 12}.kpi-card{background:var(--surface-container-lowest);border-radius:var(--radius-md);height:100%;min-height:120px;box-shadow:var(--shadow-sm);transition:all var(--duration-normal) var(--ease-out);animation:fadeInUp var(--duration-slow) var(--ease-out) both;isolation:isolate;flex-direction:column;justify-content:space-between;padding:24px;display:flex;position:relative;overflow:hidden}.kpi-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.kpi-card:before,.card:before{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%), #ffffff1f, #ffffff0a 25%, transparent 55%);opacity:var(--glow-opacity,0);z-index:-1;transition:opacity .35s;position:absolute;inset:0}.kpi-card:after,.card:after{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(320px circle at var(--mx,50%) var(--my,50%), #ffffff8c, #ffffff14 30%, transparent 50%);-webkit-mask-composite:xor;opacity:var(--glow-opacity,0);z-index:1;padding:1px;transition:opacity .35s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}[data-theme=cosmic] .kpi-card:before,[data-theme=cosmic] .card:before{background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%), #dce2f01a, #a8b0c80a 25%, transparent 55%)}[data-theme=cosmic] .kpi-card:after,[data-theme=cosmic] .card:after{background:radial-gradient(320px circle at var(--mx,50%) var(--my,50%), #dce2f080, #a8b0c81a 30%, transparent 50%)}[data-theme=cosmic] .kpi-card,[data-theme=cosmic] .card{transform-style:preserve-3d;will-change:transform;transition:transform .4s cubic-bezier(.22, 1, .36, 1), box-shadow var(--duration-normal) var(--ease-out), border-color var(--duration-normal) var(--ease-out);transform:perspective(900px) rotateX(calc(var(--tilt-y,0) * -8deg)) rotateY(calc(var(--tilt-x,0) * 8deg)) scale(calc(1 + var(--tilt-active,0) * .015))}[data-theme=cosmic] .kpi-card:hover,[data-theme=cosmic] .card:hover{transform:perspective(900px) rotateX(calc(var(--tilt-y,0) * -10deg)) rotateY(calc(var(--tilt-x,0) * 10deg)) scale(1.02);box-shadow:0 24px 48px -16px #000000b3,0 0 0 1px #dce2f01f}[data-theme=cosmic] .kpi-card>*,[data-theme=cosmic] .card>*{transition:transform .4s cubic-bezier(.22,1,.36,1);transform:translateZ(20px)}[data-theme=noble] .kpi-card:before,[data-theme=noble] .card:before{background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%), #f5e6a82e, #d4af6a0f 25%, transparent 55%)}[data-theme=noble] .kpi-card:after,[data-theme=noble] .card:after{background:radial-gradient(320px circle at var(--mx,50%) var(--my,50%), #f5e6a8d9, #d4af6a2e 30%, transparent 50%)}[data-theme=dark] .kpi-card:before,[data-theme=dark] .card:before{background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%), #ffffff1a, #ffffff08 25%, transparent 55%)}[data-theme=dark] .kpi-card:after,[data-theme=dark] .card:after{background:radial-gradient(320px circle at var(--mx,50%) var(--my,50%), #ffffff73, #ffffff0f 30%, transparent 50%)}[data-theme=akashic] .kpi-card:before,[data-theme=akashic] .card:before{background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%), #d4904429, #b588600d 25%, transparent 55%)}[data-theme=akashic] .kpi-card:after,[data-theme=akashic] .card:after{background:radial-gradient(320px circle at var(--mx,50%) var(--my,50%), #d490448c, #b588601f 30%, transparent 50%)}.kpi-label{text-transform:uppercase;letter-spacing:.1em;color:var(--outline);font-size:11px;font-weight:700}.kpi-value{font-variant-numeric:tabular-nums;letter-spacing:-.02em;margin-top:4px;font-size:28px;font-weight:700}.kpi-subtitle{color:var(--outline);margin-left:8px;font-size:14px}.kpi-trend{align-items:center;gap:4px;margin-top:12px;font-size:12px;font-weight:700;display:flex}.kpi-trend.up{color:#16a34a}.kpi-trend.down{color:var(--error)}.kpi-trend.neutral{color:var(--brand-orange)}.kpi-trend svg{width:16px;height:16px}.status-pip{border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.status-pip.success{background:var(--status-success)}.status-pip.warning{background:var(--status-warning)}.status-pip.error{background:var(--status-error)}.status-pip.system{background:var(--primary)}.status-pip.live{background:var(--status-success);animation:2s ease-in-out infinite pulse-pip}@keyframes pulse-pip{0%,to{opacity:1}50%{opacity:.3}}.card{background:var(--surface-container-lowest);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:all var(--duration-normal) var(--ease-out);animation:fadeInUp var(--duration-slow) var(--ease-out) both;isolation:isolate;padding:28px;position:relative;overflow:hidden}.card:hover{box-shadow:var(--shadow-md)}.card-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.card-title{color:var(--on-surface);font-size:18px;font-weight:700}.card-subtitle{text-transform:uppercase;letter-spacing:.1em;color:var(--outline);margin-top:4px;font-size:11px;font-weight:700}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full);transition:transform var(--duration-fast) var(--ease-out);align-items:center;padding:4px 12px;font-size:10px;font-weight:700;display:inline-flex}.badge:hover{transform:scale(1.05)}.badge-indigo{color:var(--brand-indigo);background:#6366f11a}.badge-teal{color:var(--brand-teal);background:#14b8a61a}.badge-success{color:#16a34a;background:#22c55e1a}.badge-warning{color:#b45309;background:#eab3081a}.badge-error{color:#dc2626;background:#ef44441a}.badge-purple{color:var(--brand-purple);background:#a855f71a}.badge-orange{color:var(--brand-orange);background:#f59e0b1a}.data-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.data-table{text-align:left;border-collapse:collapse;width:100%;min-width:600px}.data-table thead th{text-transform:uppercase;letter-spacing:.1em;color:var(--outline);border-bottom:1px solid var(--surface-container);white-space:nowrap;padding:0 10px 16px;font-size:11px;font-weight:700}.data-table thead th:first-child{padding-left:0}.data-table thead th:last-child{padding-right:0}.data-table tbody td{padding:14px 10px;font-size:13px}.data-table tbody td:first-child{padding-left:0}.data-table tbody td:last-child{padding-right:0}.data-table tbody tr{transition:all var(--duration-fast) var(--ease-out)}.data-table tbody tr:hover{background:var(--surface-container-low)}.data-table .text-right{text-align:right}.progress-track{background:var(--surface-container);border-radius:var(--radius-full);width:100%;height:4px;overflow:hidden}.progress-fill{border-radius:var(--radius-full);height:100%;transition:width .6s var(--ease-out)}.btn{border-radius:var(--radius-sm);transition:all var(--duration-normal) var(--ease-out);align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:600;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--primary-gradient);color:var(--on-primary);box-shadow:0 2px 8px var(--primary-gradient-shadow)}.btn-primary:hover{background:var(--primary-gradient-hover);box-shadow:0 4px 14px var(--primary-gradient-shadow-hover);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)scale(.98)}.btn-ghost{color:var(--on-surface-variant)}.btn-ghost:hover{background:var(--surface-container-low);color:var(--on-surface)}.btn svg{width:18px;height:18px}.input-ghost{background:var(--surface-container-low);border:1px solid var(--outline-variant);width:100%;color:var(--on-surface);border-radius:var(--radius-sm);transition:all var(--duration-normal) var(--ease-out);padding:10px 16px;font-size:13px}.input-ghost:hover{border-color:var(--outline)}.input-ghost::placeholder{color:var(--outline)}.input-ghost:focus{background:var(--surface-container-lowest);border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-light)}.input-label{text-transform:uppercase;letter-spacing:.1em;color:var(--outline);margin-bottom:8px;font-size:11px;font-weight:700;display:block}.project-card{background:var(--surface-container-lowest);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:all var(--duration-normal) var(--ease-out);cursor:pointer;animation:fadeInUp var(--duration-slow) var(--ease-out) both;padding:24px}.project-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.project-card-platform{background:var(--surface-container);text-transform:uppercase;letter-spacing:.05em;color:var(--outline);border-radius:var(--radius-full);align-items:center;gap:6px;padding:4px 10px;font-size:10px;font-weight:700;display:inline-flex}.project-card h3{color:var(--on-surface);margin-top:16px;font-size:18px;font-weight:700}.project-card-meta{gap:24px;margin-top:16px;display:flex}.project-card-stat{flex-direction:column;gap:2px;display:flex}.project-card-stat .label{text-transform:uppercase;letter-spacing:.1em;color:var(--outline);font-size:11px;font-weight:700}.project-card-stat .value{color:var(--on-surface);font-variant-numeric:tabular-nums;font-size:16px;font-weight:700}.draggable-card{cursor:grab}.draggable-card:active{cursor:grabbing}.project-card.drag-overlay,.project-list-item.drag-overlay{border-color:var(--primary);cursor:grabbing;box-shadow:0 16px 48px #0000002e,0 4px 12px #0000001a}.project-card.drag-overlay{transform:scale(1.02)}.view-toggle{border:1px solid var(--surface-container);border-radius:var(--radius-sm);display:inline-flex;overflow:hidden}.view-toggle-btn{width:34px;height:32px;color:var(--outline);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.view-toggle-btn:not(:last-child){border-right:1px solid var(--surface-container)}.view-toggle-btn:hover{color:var(--on-surface);background:var(--surface-container)}.view-toggle-btn.active{color:var(--primary);background:#6366f114}.project-list{background:var(--surface-container);border:1px solid var(--surface-container);border-radius:var(--radius-md);flex-direction:column;gap:1px;display:flex;overflow:hidden}.project-list-item{background:var(--surface-container-lowest);transition:background var(--duration-fast) var(--ease-out);cursor:pointer;align-items:center;gap:16px;padding:16px 20px;display:flex}.project-list-item:hover{background:var(--surface-container-low)}.project-list-left{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.project-list-info{min-width:0}.project-list-info h3{color:var(--on-surface);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.project-list-info p{color:var(--outline);white-space:nowrap;text-overflow:ellipsis;max-width:300px;margin-top:2px;font-size:12px;overflow:hidden}.project-list-stats{flex-shrink:0;align-items:center;gap:20px;display:flex}.project-list-stat{flex-direction:column;align-items:center;gap:2px;min-width:52px;display:flex}.project-list-stat .label{color:var(--outline);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;font-size:10px}.project-list-stat .value{color:var(--on-surface);font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}.project-list-badges{flex-shrink:0;align-items:center;gap:6px;margin-left:8px;display:flex}.env-dropdown{position:relative}.env-trigger{letter-spacing:.02em;text-transform:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);white-space:nowrap;border:1px solid #0000;outline:none;align-items:center;gap:5px;padding:4px 10px;font-size:10px;font-weight:600;line-height:1;display:inline-flex}.env-trigger:hover{filter:brightness(.92)}.env-trigger:active{transform:scale(.97)}.env-trigger-arrow{transition:transform var(--duration-fast) var(--ease-out);opacity:.6}.env-trigger-arrow.open{transform:rotate(180deg)}.env-trigger.env-development{color:var(--primary);background:#6366f11a;border-color:#6366f133}.env-trigger.env-development:hover{background:#6366f12e}.env-trigger.env-production{color:#ea580c;background:#ea580c1a;border-color:#ea580c33}.env-trigger.env-production:hover{background:#ea580c2e}.env-popover{z-index:50;background:var(--surface);border:1px solid var(--surface-container);border-radius:var(--radius-md);min-width:130px;animation:envPopoverIn var(--duration-fast) var(--ease-out);padding:4px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 24px #0000001f,0 2px 8px #00000014}@keyframes envPopoverIn{0%{opacity:0;transform:translateY(-4px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.env-popover-item{width:100%;color:var(--on-surface-variant);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);white-space:nowrap;background:0 0;border:none;align-items:center;gap:8px;padding:8px 10px;font-size:12px;font-weight:500;display:flex}.env-popover-item:hover{background:var(--surface-container);color:var(--on-surface)}.env-popover-item.active{color:var(--primary);font-weight:600}.env-popover-check{color:var(--primary);margin-left:auto}.project-card-icon{background:var(--primary-gradient);width:32px;min-width:32px;height:32px;color:var(--on-primary);border-radius:var(--radius-sm);justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.switch{flex-shrink:0;width:44px;height:24px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.switch-slider{cursor:pointer;background:var(--outline-variant);border-radius:var(--radius-full);transition:background var(--duration-fast) var(--ease-out);position:absolute;inset:0}.switch-slider:before{content:"";background:var(--surface-container-lowest);border-radius:var(--radius-full);width:18px;height:18px;transition:transform var(--duration-fast) var(--ease-out);position:absolute;bottom:3px;left:3px}.switch input:checked+.switch-slider{background:var(--primary)}.switch input:checked+.switch-slider:before{transform:translate(20px)}.auth-page{background:linear-gradient(135deg, var(--surface-container) 0%, var(--surface) 100%);justify-content:center;align-items:center;min-height:100vh;display:flex}.auth-card{background:var(--surface-container-lowest);border-radius:var(--radius-lg);width:420px;box-shadow:var(--shadow-lg);animation:fadeInUp .6s var(--ease-out);padding:48px 40px}.auth-card h1{color:var(--on-surface);letter-spacing:-.025em;margin-bottom:8px;font-size:28px;font-weight:700}.auth-card .subtitle{color:var(--on-surface-variant);margin-bottom:40px;font-size:14px;font-weight:400}.auth-form{flex-direction:column;gap:20px;display:flex}.auth-form .btn-primary{justify-content:center;width:100%;margin-top:8px;padding:12px}.settings-section{background:var(--surface-container-lowest);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);animation:fadeInUp var(--duration-slow) var(--ease-out) both;transition:box-shadow var(--duration-normal) var(--ease-out);margin-bottom:20px;padding:28px}.settings-section:hover{box-shadow:var(--shadow-md)}.settings-section h3{color:var(--on-surface);margin-bottom:24px;font-size:18px;font-weight:700}.settings-row{border-bottom:1px solid var(--surface-container-low);transition:background var(--duration-fast) var(--ease-out);justify-content:space-between;align-items:center;padding:16px 0;display:flex}.settings-row:last-child{border-bottom:none}.settings-row:hover{background:var(--surface-container-low);border-radius:var(--radius-sm);margin:0 -12px;padding:16px 12px}.settings-row-label{color:var(--on-surface);font-size:13px;font-weight:500}.settings-row-desc{color:var(--outline);margin-top:2px;font-size:12px}.notif-settings-row{border-bottom:1px solid var(--surface-container-low);justify-content:space-between;align-items:center;gap:12px;padding:16px 0;display:flex}.notif-settings-row:last-child{border-bottom:none}.chart-container{width:100%;height:220px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}.bento-grid>:first-child{animation-delay:0s}.bento-grid>:nth-child(2){animation-delay:50ms}.bento-grid>:nth-child(3){animation-delay:.1s}.bento-grid>:nth-child(4){animation-delay:.15s}.bento-grid>:nth-child(5){animation-delay:.2s}.bento-grid>:nth-child(6){animation-delay:.25s}.bento-grid>:nth-child(7){animation-delay:.3s}.bento-grid>:nth-child(8){animation-delay:.35s}.bento-grid>:nth-child(9){animation-delay:.4s}.bento-grid>:nth-child(10){animation-delay:.45s}.bento-grid>:nth-child(11){animation-delay:.5s}.bento-grid>:nth-child(12){animation-delay:.55s}@media (max-width:1024px){.col-2,.col-3,.col-4{grid-column:span 6}.col-6{grid-column:span 12}}@media (max-width:768px){.sidebar,.sidebar.mobile-open,.sidebar.collapsed,.sidebar.collapsed.mobile-open{display:none!important}.sidebar-toggle{display:none}.sidebar-overlay{display:none!important}.main-area,.main-area.sidebar-collapsed{margin-left:0}.topbar,.topbar.sidebar-collapsed{padding:0 16px;top:12px;left:12px;right:12px}.main-content{padding:calc(var(--topbar-height) + 20px) 16px 32px;padding-bottom:calc(82px + env(safe-area-inset-bottom,0px))!important}.mobile-menu-btn{border-radius:var(--radius-sm);width:40px;height:40px;color:var(--outline);transition:all var(--duration-normal) var(--ease-out);flex-shrink:0;justify-content:center;align-items:center;margin-right:12px;display:none!important}.mobile-menu-btn:hover{background:var(--primary-bg);color:var(--primary)}.mobile-menu-btn svg{width:22px;height:22px}.topbar-user-info{display:none}.topbar-user{border:none;margin-left:0;padding-left:0}.bento-grid{gap:12px}.col-2,.col-3,.col-4{grid-column:span 6}.col-6{grid-column:span 12}.page-header h2{font-size:22px}.card,.kpi-card,.settings-section{padding:20px}.project-card-meta{flex-wrap:wrap;gap:16px}.auth-card{width:calc(100vw - 32px);max-width:420px;padding:36px 24px}.settings-row{flex-direction:column;align-items:flex-start;gap:10px}.settings-row>.flex{align-self:flex-start}.tab-nav{-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px;overflow-x:auto}.tab-nav::-webkit-scrollbar{display:none}.tab-nav-item{white-space:nowrap;flex-shrink:0;padding:10px 16px}.notif-panel,.help-center-panel{width:calc(100vw - 24px);max-width:360px}.page-header{flex-direction:column;gap:12px;align-items:flex-start!important}.topup-grid{grid-template-columns:repeat(2,1fr)!important}.payment-mgmt-grid{grid-template-columns:1fr!important}.balance-card{flex-wrap:wrap;gap:14px}.balance-card>div:last-child{align-items:flex-start!important}.filter-bar .input-ghost{min-width:0;width:100%!important}.filter-bar>div{flex:100%;min-width:0}.filter-bar>div:last-child{justify-content:flex-end}.filter-bar .filter-search{flex:1;width:auto;min-width:0}.filter-bar .filter-select-wrap{flex-shrink:0}.col-8{grid-column:span 12}.scroll-x{-webkit-overflow-scrolling:touch}}@media (max-width:480px){.topbar-search{max-width:200px}.kpi-value{font-size:22px}.col-2,.col-3,.col-4{grid-column:span 12}.bento-grid{gap:10px}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-4{gap:16px}.gap-6{gap:24px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.project-sidebar-header{flex-direction:column;gap:16px;padding:16px 16px 20px;display:flex}.project-sidebar-back{text-transform:uppercase;letter-spacing:.1em;color:var(--outline);border-radius:var(--radius-sm);transition:all var(--duration-normal) var(--ease-out);align-items:center;gap:8px;padding:6px 8px;font-size:11px;font-weight:700;display:flex}.project-sidebar-back:hover{color:var(--on-surface);background:var(--hover-overlay)}.project-sidebar-back svg{width:14px;min-width:14px;height:14px}.project-sidebar-info{align-items:center;gap:10px;display:flex}.project-sidebar-icon{background:var(--primary-gradient);width:36px;min-width:36px;height:36px;color:var(--on-primary);border-radius:var(--radius-sm);justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex}.project-sidebar-name{white-space:nowrap;opacity:1;transition:opacity var(--duration-normal) var(--ease-out);overflow:hidden}.project-sidebar-name h1{color:var(--on-surface);letter-spacing:-.01em;font-size:16px;font-weight:700}.sidebar.collapsed .project-sidebar-header{align-items:center;padding:16px 0 20px}.sidebar.collapsed .project-sidebar-back,.sidebar.collapsed .project-sidebar-info{display:none}.sidebar.collapsed .project-sidebar-name{opacity:0;width:0;min-width:0}.tab-nav{border-bottom:1px solid var(--surface-container);gap:0;margin-bottom:32px;display:flex}.tab-nav-item{color:var(--outline);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);background:0 0;border:none;border-bottom:2px solid #0000;padding:12px 24px;font-size:13px;font-weight:500}.tab-nav-item:hover{color:var(--on-surface)}.tab-nav-item.active{color:var(--on-surface);border-bottom-color:var(--primary);font-weight:600}.toggle-group{border:1px solid var(--outline-variant);border-radius:var(--radius-sm);display:flex;overflow:hidden}.toggle-btn{color:var(--outline);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);background:0 0;border:none;padding:6px 14px;font-size:12px;font-weight:600}.toggle-btn.active{background:var(--primary);color:var(--on-primary)}.toggle-btn:not(.active):hover{background:var(--surface-container)}.filter-bar{flex-wrap:wrap;align-items:center;gap:12px;padding:12px 0 20px;display:flex}.modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:400;animation:fadeIn var(--duration-fast) var(--ease-out);background:#0f142380;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:var(--surface-container-lowest);border:1px solid var(--outline-variant);border-radius:var(--radius-lg);width:100%;max-width:480px;box-shadow:var(--shadow-lg);animation:modalIn var(--duration-normal) var(--ease-spring);overflow:hidden}@keyframes modalIn{0%{opacity:0;transform:scale(.95)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-header{justify-content:space-between;align-items:center;padding:20px 24px 0;display:flex}.modal-title{color:var(--on-surface);letter-spacing:-.01em;font-size:16px;font-weight:700}.modal-close{width:32px;height:32px;color:var(--outline);border-radius:var(--radius-sm);transition:all var(--duration-fast);justify-content:center;align-items:center;display:flex}.modal-close:hover{color:var(--on-surface);background:var(--surface-container)}.modal-body{flex-direction:column;gap:18px;padding:20px 24px;display:flex}.modal-footer{justify-content:flex-end;align-items:center;gap:10px;padding:0 24px 20px;display:flex}.form-field{flex-direction:column;gap:6px;display:flex}.form-field .input-label{color:var(--on-surface-variant);font-size:13px;font-weight:600}.form-field .input-ghost{transition:border-color var(--duration-fast), box-shadow var(--duration-fast)}.form-field .input-ghost:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11f}.form-field .input-ghost.error{border-color:var(--error);box-shadow:0 0 0 3px #ef44441a}.form-field-error{color:var(--error);align-items:center;gap:4px;font-size:12px;display:flex}.form-textarea{resize:vertical;min-height:80px}.filter-search{background:var(--surface-container-lowest);border:1.5px solid var(--outline-variant);border-radius:var(--radius-md);width:260px;transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);align-items:center;display:flex;position:relative}.filter-search:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11f}.filter-search-icon{width:15px;height:15px;color:var(--outline);transition:color var(--duration-fast);flex-shrink:0;margin-left:12px}.filter-search:focus-within .filter-search-icon{color:var(--primary)}.filter-search-input{color:var(--on-surface);background:0 0;flex:1;padding:9px 12px;font-size:13px}.filter-search-input::placeholder{color:var(--outline)}.filter-select-wrap{background:var(--surface-container-lowest);border:1.5px solid var(--outline-variant);border-radius:var(--radius-md);transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);align-items:center;display:flex;position:relative}.filter-select-wrap:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11f}.filter-select-prefix{width:14px;height:14px;color:var(--outline);pointer-events:none;transition:color var(--duration-fast);flex-shrink:0;margin-left:12px}.filter-select-wrap:focus-within .filter-select-prefix{color:var(--primary)}.filter-select{appearance:none;color:var(--on-surface);cursor:pointer;background:0 0;min-width:110px;padding:9px 36px 9px 8px;font-size:13px;font-weight:500}.filter-select-arrow{width:14px;height:14px;color:var(--outline);pointer-events:none;transition:transform var(--duration-fast) var(--ease-out), color var(--duration-fast);position:absolute;right:10px}.filter-select-wrap:focus-within .filter-select-arrow{color:var(--primary);transform:rotate(180deg)}.input-select{border:1px solid var(--outline-variant);border-radius:var(--radius-sm);background:var(--surface-container-lowest);color:var(--on-surface);cursor:pointer;padding:8px 12px;font-size:13px}.input-select-sm{border:1px solid var(--outline-variant);border-radius:var(--radius-sm);background:var(--surface-container-lowest);color:var(--on-surface);cursor:pointer;padding:4px 8px;font-size:12px}.icon-btn{width:32px;height:32px;color:var(--outline);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.icon-btn:hover{background:var(--surface-container);color:var(--on-surface)}.dropdown-menu{background:var(--surface-container-lowest);border:1px solid var(--outline-variant);border-radius:var(--radius-sm);min-width:180px;box-shadow:var(--shadow-lg);z-index:100;flex-direction:column;padding:4px;display:flex;position:absolute;top:100%;right:0}.dropdown-menu button{text-align:left;color:var(--on-surface);cursor:pointer;transition:background var(--duration-fast) var(--ease-out);background:0 0;border:none;border-radius:4px;padding:8px 12px;font-size:13px}.dropdown-menu button:hover{background:var(--surface-container)}.dropdown-divider{background:var(--outline-variant);height:1px;margin:4px 0}.dropdown-danger{color:var(--error)!important}.dropdown-danger:hover{background:var(--error-container)!important}.side-panel-overlay{background:var(--backdrop-overlay);z-index:200;justify-content:flex-end;display:flex;position:fixed;inset:0}.side-panel{background:var(--surface-container-lowest);width:400px;max-width:90vw;box-shadow:var(--shadow-lg);animation:slideInRight var(--duration-normal) var(--ease-out);flex-direction:column;display:flex}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.side-panel-header{border-bottom:1px solid var(--surface-container);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.side-panel-header h3{font-size:16px;font-weight:600}.side-panel-body{flex:1;padding:24px;overflow-y:auto}.detail-row{border-bottom:1px solid var(--surface-container);justify-content:space-between;padding:12px 0;font-size:13px;display:flex}.detail-label{color:var(--outline);font-weight:500}.inline-form{background:var(--surface-container-low);border-radius:var(--radius-sm);margin:0 0 16px;padding:16px}.form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-group{flex-direction:column;gap:4px;display:flex}.input-label{color:var(--outline);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:600}.btn-danger{background:var(--error);color:var(--on-error);cursor:pointer;border:none}.btn-danger:hover{opacity:.9}.btn-danger:disabled{opacity:.4;cursor:not-allowed}.data-tables-layout{grid-template-columns:220px 1fr;gap:20px;display:grid}.data-tables-sidebar .table-list{flex-direction:column;gap:2px;padding:8px;display:flex}.table-list-item{color:var(--outline);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:8px 12px;font-size:13px;font-weight:500;display:flex}.table-list-item:hover{background:var(--surface-container);color:var(--on-surface)}.table-list-item.active{background:var(--primary-bg);color:var(--primary);font-weight:600}.table-list-count{color:var(--outline-variant);font-variant-numeric:tabular-nums;font-size:11px}.media-grid{grid-template-columns:repeat(3,1fr);gap:12px;padding:16px;display:grid}.media-item{border:1px solid var(--surface-container);border-radius:var(--radius-sm);transition:all var(--duration-fast) var(--ease-out);overflow:hidden}.media-item:hover{box-shadow:var(--shadow-sm)}.media-thumb{aspect-ratio:4/3;width:100%;overflow:hidden}.media-info{flex-direction:column;gap:2px;padding:8px 10px;display:flex}.media-name{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;overflow:hidden}.media-size{color:var(--outline-variant);font-size:11px}.media-actions{gap:2px;padding:4px 8px 8px;display:flex}.media-list{flex-direction:column;gap:8px;padding:16px;display:flex}.media-list-item{background:var(--surface-container-low);border-radius:var(--radius-sm);transition:all var(--duration-fast) var(--ease-out);align-items:center;gap:12px;padding:12px;display:flex}.media-list-item:hover{background:var(--surface-container)}.media-list-icon{background:var(--surface-container);border-radius:var(--radius-sm);width:40px;height:40px;color:var(--outline);justify-content:center;align-items:center;display:flex}.upload-drop-zone{border:2px dashed var(--outline-variant);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);flex-direction:column;justify-content:center;align-items:center;display:flex}.upload-drop-zone.drag-over{border-color:var(--primary);background:var(--primary-bg)}.folder-browser-card{border:1px solid var(--outline-variant);border-radius:var(--radius-sm);cursor:pointer;background:var(--surface-container-lowest);transition:border-color .15s,box-shadow .15s;overflow:hidden}.folder-browser-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md)}.folder-browser-preview{background:var(--surface-container);justify-content:center;align-items:center;width:100%;height:110px;display:flex;overflow:hidden}.settings-section{margin-bottom:20px}.danger-zone{border:1px solid var(--error-container)}.sidebar-footer-link.active{color:var(--primary);background:var(--primary-bg)}@media (max-width:768px){.data-tables-layout{grid-template-columns:1fr}.media-grid{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.side-panel{width:100vw}.data-table{min-width:500px}.data-table thead th{padding:0 6px 12px;font-size:10px}.data-table tbody td{padding:10px 6px;font-size:12px}}.bottom-nav{display:none}@media (max-width:768px){.bottom-nav{background:var(--surface-container);border:1px solid var(--outline-variant);border-radius:var(--radius-xl);height:60px;box-shadow:var(--shadow-float);-webkit-backdrop-filter:blur(20px)saturate(140%);animation:bottom-nav-rise var(--duration-slow) var(--ease-spring);scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;justify-content:flex-start;align-items:center;gap:2px;padding:0 8px;overflow:auto hidden;bottom:calc(8px + env(safe-area-inset-bottom,0px))!important;z-index:9999!important;display:flex!important;position:fixed!important;left:12px!important;right:12px!important}.bottom-nav::-webkit-scrollbar{display:none}.bottom-nav.dragging{box-shadow:0 32px 80px -12px #0f172a4d, 0 16px 32px -8px #0f172a38, 0 0 0 1px var(--primary-gradient-shadow);cursor:grabbing}.bottom-nav:before{content:"";background:var(--primary-gradient);opacity:.85;border-radius:var(--radius-xl) var(--radius-xl) 0 0;pointer-events:none;height:3px;position:absolute;top:0;left:0;right:0}.bottom-nav-item{border-radius:var(--radius-md);min-width:0;max-width:80px;color:var(--on-surface-variant);letter-spacing:.02em;scroll-snap-align:start;transition:color var(--duration-normal) var(--ease-out), transform var(--duration-normal) var(--ease-spring);flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:4px;padding:8px 6px;font-size:10px;font-weight:600;display:flex;position:relative}.bottom-nav-item span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.bottom-nav-item svg{width:22px;height:22px;transition:transform var(--duration-normal) var(--ease-spring)}.bottom-nav-item:active svg{transform:scale(.88)}.bottom-nav-item.active{color:var(--primary)}.bottom-nav-item.active svg{transform:translateY(-2px)scale(1.08)}.bottom-nav-item.active:after{content:"";background:var(--primary-gradient);width:4px;height:4px;box-shadow:0 0 10px var(--primary-gradient-shadow);animation:bottom-nav-dot-in var(--duration-normal) var(--ease-spring);border-radius:50%;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.bottom-nav-item.bottom-nav-page{border:1px dashed var(--outline-variant);color:var(--primary);cursor:pointer;background:0 0;margin-left:4px}.bottom-nav-item.bottom-nav-page:hover{background:var(--hover-overlay);border-style:solid}.bottom-nav-item.bottom-nav-page span{font-variant-numeric:tabular-nums;opacity:.85;font-size:9px}.bottom-nav-item.bottom-nav-page svg{color:var(--primary)}.bottom-nav{justify-content:space-around;overflow:hidden}}@keyframes bottom-nav-rise{0%{opacity:0;transform:translateY(120%)}to{opacity:1;transform:translateY(0)}}@keyframes bottom-nav-dot-in{0%{opacity:0;transform:translate(-50%)scale(0)}to{opacity:1;transform:translate(-50%)scale(1)}}@media (max-width:480px){.media-grid{grid-template-columns:1fr}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg, var(--surface-container) 25%, var(--surface-container-high) 50%, var(--surface-container) 75%);background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer}.theme-card-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-top:10px;display:grid}.theme-card{border-radius:var(--radius-lg);border:2px solid var(--outline-variant);background:var(--surface-container-lowest);cursor:pointer;transition:border-color var(--duration-normal) var(--ease-out), transform var(--duration-normal) var(--ease-spring), box-shadow var(--duration-normal) var(--ease-out);flex-direction:column;gap:8px;padding:8px;display:flex}.theme-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-light);transform:translateY(-2px)}.theme-card.active{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-bg), var(--shadow-md)}.theme-card-preview{border-radius:var(--radius-md);border:1px solid #0000000f;width:100%;height:70px;position:relative;overflow:hidden}.theme-card-dot{border-radius:50%;width:14px;height:14px;position:absolute;bottom:8px;right:8px;box-shadow:0 2px 6px #00000040,inset 0 1px #fff6}.theme-card-label{color:var(--on-surface);text-align:center;font-size:12px;font-weight:600}.accent-card-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;margin-top:10px;display:grid}.accent-card{border-radius:var(--radius-md);border:2px solid var(--outline-variant);background:var(--surface-container-lowest);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);align-items:center;gap:8px;padding:8px 10px;display:flex}.accent-card:hover{border-color:var(--primary-light);transform:translateY(-1px)}.accent-card.active{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-bg)}.accent-card-swatch{border-radius:50%;flex-shrink:0;width:24px;height:24px;box-shadow:inset 0 1px #fff6,0 1px 3px #00000026}.accent-card-label{color:var(--on-surface);font-size:12px;font-weight:600}.dropdown-item-row{align-items:center;gap:4px;padding-right:6px;display:flex}.theme-more-btn{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--outline);background:var(--surface-container);transition:all var(--duration-fast) var(--ease-out);flex-shrink:0;justify-content:center;align-items:center;display:flex}.theme-more-btn:hover{color:var(--primary);background:var(--primary-bg);transform:scale(1.05)}.theme-popover{background:var(--surface-container);border:1px solid var(--outline-variant);border-radius:var(--radius-md);animation:dropdownIn var(--duration-fast) var(--ease-out);grid-template-columns:repeat(2,1fr);gap:6px;margin:4px 6px 6px;padding:8px;display:grid}.theme-popover-card{border-radius:var(--radius-sm);background:var(--surface-container-lowest);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);border:1.5px solid #0000;flex-direction:column;gap:4px;padding:6px;display:flex}.theme-popover-card:hover{border-color:var(--primary-light);transform:translateY(-1px)}.theme-popover-card.active{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-bg)}.theme-popover-preview{border:1px solid #0000000f;border-radius:4px;width:100%;height:28px}.theme-popover-card span{text-align:center;color:var(--on-surface);font-size:11px;font-weight:600}.dash-card-wrap{cursor:grab;transition:transform var(--duration-normal) var(--ease-spring), opacity var(--duration-normal) var(--ease-out), box-shadow var(--duration-normal) var(--ease-out);will-change:transform}.dash-card-wrap:active{cursor:grabbing}.dash-card-wrap.is-dragging{opacity:.4;transform:scale(.97)}.dash-card-wrap.is-drop-target>*{outline:2px dashed var(--primary);outline-offset:4px;border-radius:var(--radius-lg);transition:transform var(--duration-normal) var(--ease-spring);transform:scale(1.015)}@media (max-width:768px){.dash-card-wrap{cursor:default}.dash-card-wrap.is-dragging,.dash-card-wrap.is-drop-target>*{outline:none;transform:none}}