: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;--status-danger:var(--error);--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;--spring-snappy:cubic-bezier(.34, 1.4, .64, 1);--spring-bouncy:cubic-bezier(.34, 1.56, .64, 1);--spring-gentle:cubic-bezier(.22, 1, .36, 1);--spring-snappy-dur:.5s;--spring-bouncy-dur:.74s;--spring-gentle-dur:.66s;--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}@supports (transition-timing-function:linear(0, 1)){:root{--spring-snappy:linear(0, .034, .121, .237, .367, .498, .621, .731, .825, .901, .96, 1.003, 1.033, 1.052, 1.061, 1.064, 1.062, 1.056, 1.048, 1.04, 1.032, 1.024, 1.017, 1.011, 1.006, 1.002, 1, .998, .997, .996, .996, .996, .996, .997, .997, .998, 1);--spring-bouncy:linear(0, .049, .169, .328, .499, .663, .807, .924, 1.012, 1.071, 1.106, 1.12, 1.119, 1.107, 1.089, 1.069, 1.048, 1.03, 1.014, 1.002, .994, .989, .986, .985, .986, .988, .991, .993, .996, .998, .999, 1, 1.001, 1.002, 1.002, 1.002, 1);--spring-gentle:linear(0, .025, .085, .165, .252, .341, .426, .505, .576, .64, .696, .745, .787, .822, .852, .878, .899, .917, .932, .944, .954, .963, .97, .975, .98, .984, .987, .989, .991, .993, .994, .995, .996, .997, .998, .998, 1)}}[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{object-fit:contain;width:48px;min-width:48px;height:48px;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);border-radius:50%}.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.is-outline{opacity:.85;transition:opacity var(--duration-normal) var(--ease-out), background var(--duration-normal) var(--ease-out), box-shadow var(--duration-normal) var(--ease-out);border:1px solid;border-radius:8px;position:relative;overflow:hidden}.sidebar-footer-link.is-outline:before{content:"";pointer-events:none;filter:blur(1px);background:linear-gradient(115deg,#0000 0%,#ffffffb3 50%,#0000 100%);width:22%;height:100%;transition:left 1.8s cubic-bezier(.22,1,.36,1);position:absolute;top:0;left:-150%;transform:skew(-22deg)}.sidebar-footer-link.is-outline>*{z-index:1;position:relative}.sidebar-footer-link.is-outline:hover{opacity:1;background:var(--outline-bg-hover)}.sidebar-footer-link.is-outline:hover:before{left:150%}.sidebar-footer-link.is-outline.active{opacity:1;background:var(--outline-bg-hover)}.sidebar-footer-link.is-outline-admin{color:var(--status-error);--outline-bg-hover:#ef44441a;--outline-shadow:#ef444440}.sidebar-footer-link.is-outline-toolbox{color:var(--primary);--outline-bg-hover:var(--primary-bg);--outline-shadow:var(--primary-gradient-shadow)}.sidebar-footer-link.is-outline svg{color:inherit}.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-width:0;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:flex}.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;transform-origin:100% 0;animation:dropdownIn var(--spring-snappy-dur) var(--spring-snappy);position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-8px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}.dropdown-item.dropdown-item-admin{color:#e11d48;font-weight:700}.dropdown-item.dropdown-item-admin:hover{color:#e11d48;background:#f43f5e1a}[data-theme=dark] .dropdown-item.dropdown-item-admin,[data-theme=cosmic] .dropdown-item.dropdown-item-admin,[data-theme=noble] .dropdown-item.dropdown-item-admin,[data-theme=fantasy] .dropdown-item.dropdown-item-admin,[data-theme=arctic-night] .dropdown-item.dropdown-item-admin{color:#fb7185}.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), transform var(--spring-snappy-dur) var(--spring-snappy);align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:600;display:inline-flex}.btn:active{transition-duration:var(--duration-normal), 80ms;transform:scale(.96)}.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}.card-header{flex-wrap:wrap;gap:12px}.card-header>.flex{flex-wrap:wrap}.card-header .btn{white-space:nowrap}}@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 minmax(0,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:minmax(0,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{grid-template-columns:repeat(var(--bnav-count,5), minmax(0, 1fr));background:var(--surface-container);border:1px solid var(--outline-variant);height:64px;box-shadow:var(--shadow-float);-webkit-backdrop-filter:blur(20px)saturate(140%);animation:bottom-nav-rise var(--spring-bouncy-dur) var(--spring-bouncy) backwards;border-radius:22px;align-items:stretch;padding:6px;overflow:hidden;bottom:calc(8px + env(safe-area-inset-bottom,0px))!important;z-index:9999!important;display:grid!important;position:fixed!important;left:12px!important;right:12px!important}.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;pointer-events:none;height:3px;position:absolute;top:0;left:0;right:0}.bottom-nav-indicator{width:calc((100% - 12px) / var(--bnav-count,5));background:var(--primary-bg);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--primary) 16%, transparent);transform:translateX(calc(var(--bnav-index,0) * 100%));transition:transform var(--spring-snappy-dur) var(--spring-snappy), opacity .2s ease;pointer-events:none;border-radius:16px;position:absolute;top:6px;bottom:6px;left:6px}.bottom-nav-indicator.is-hidden{opacity:0}.bottom-nav-item{min-width:0;color:var(--on-surface-variant);letter-spacing:.02em;-webkit-tap-highlight-color:transparent;transition:color var(--duration-normal) var(--ease-out), transform var(--spring-snappy-dur) var(--spring-snappy);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:4px 2px;font-size:10.5px;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(--spring-bouncy-dur) var(--spring-bouncy)}.bottom-nav-item:active{transition-duration:80ms;transform:scale(.9)}.bottom-nav-item.active{color:var(--primary)}.bottom-nav-item.active svg{transform:translateY(-1px)scale(1.1)}.bottom-nav-item.is-back{color:var(--outline)}.bottom-nav-more.is-open svg{transform:scale(.86)rotate(90deg)}}@keyframes bottom-nav-rise{0%{opacity:0;transform:translateY(120%)}to{opacity:1;transform:translateY(0)}}.sheet-root{z-index:10050;flex-direction:column;justify-content:flex-end;display:flex;position:fixed;inset:0}.sheet-backdrop{background:var(--backdrop-overlay);-webkit-backdrop-filter:blur(4px);transition:opacity .22s;animation:.25s backwards sheet-fade;position:absolute;inset:0}.sheet-root.is-closing .sheet-backdrop{opacity:0}.sheet-panel{background:var(--surface-container);-webkit-backdrop-filter:blur(24px)saturate(160%);border:1px solid var(--outline-variant);width:100%;max-width:560px;max-height:min(86vh,760px);padding-bottom:env(safe-area-inset-bottom,0px);will-change:transform;animation:sheet-up var(--spring-snappy-dur) var(--spring-snappy) backwards;transition:transform var(--spring-snappy-dur) var(--spring-snappy);border-bottom:none;border-radius:26px 26px 0 0;outline:none;flex-direction:column;margin:0 auto;display:flex;position:relative;box-shadow:0 -18px 50px -12px #0f172a4d}.sheet-grab{touch-action:none;cursor:grab;flex-shrink:0;padding:8px 18px}.sheet-grab:active{cursor:grabbing}.sheet-handle{background:var(--outline-variant);border-radius:999px;width:40px;height:5px;margin:0 auto 10px;display:block}.sheet-header{align-items:center;gap:10px;display:flex}.sheet-heading{flex:1;min-width:0}.sheet-title{letter-spacing:-.01em;color:var(--on-surface);font-size:17px;font-weight:800}.sheet-subtitle{color:var(--outline);margin-top:2px;font-size:12px}.sheet-close{width:32px;height:32px;color:var(--on-surface-variant);background:var(--surface-container-high);transition:transform var(--spring-snappy-dur) var(--spring-snappy), background .15s ease;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sheet-close:active{transition-duration:80ms;transform:scale(.86)}.sheet-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:6px 18px 22px;overflow-y:auto}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translate(0,0)}}@keyframes sheet-fade{0%{opacity:0}to{opacity:1}}.bnav-banner{border:1px solid var(--outline-variant);background:var(--surface-container-low);color:var(--on-surface);-webkit-tap-highlight-color:transparent;animation:bnav-pop var(--spring-bouncy-dur) var(--spring-bouncy) backwards;transition:transform var(--spring-snappy-dur) var(--spring-snappy);border-radius:18px;align-items:center;gap:12px;margin:2px 0 18px;padding:14px;display:flex}.bnav-banner:active{transition-duration:80ms;transform:scale(.97)}.bnav-banner.tone-admin{background:linear-gradient(135deg, color-mix(in srgb, #f43f5e 13%, var(--surface-container)), color-mix(in srgb, #a855f7 12%, var(--surface-container)));border-color:color-mix(in srgb, #f43f5e 28%, var(--outline-variant))}.bnav-banner-icon{background:var(--surface-container-high);width:44px;height:44px;color:var(--on-surface);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.bnav-banner.tone-admin .bnav-banner-icon{color:#fff;background:linear-gradient(135deg,#f43f5e,#a855f7);box-shadow:0 8px 18px -6px #f43f5e80}.bnav-banner-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.bnav-banner-text strong{font-size:14.5px;font-weight:800}.bnav-banner-text small{color:var(--on-surface-variant);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.bnav-banner-arrow{color:var(--outline);flex-shrink:0}.bnav-group+.bnav-group{margin-top:20px}.bnav-group-title{letter-spacing:.08em;text-transform:uppercase;color:var(--outline);margin:0 2px 12px;font-size:11px;font-weight:700}.bnav-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 8px;display:grid}.bnav-tile{color:var(--on-surface-variant);text-align:center;-webkit-tap-highlight-color:transparent;animation:bnav-pop var(--spring-bouncy-dur) var(--spring-bouncy) backwards;transition:transform var(--spring-snappy-dur) var(--spring-snappy), color .2s ease;border-radius:16px;flex-direction:column;align-items:center;gap:7px;padding:2px;display:flex}.bnav-tile:active{transition-duration:80ms;transform:scale(.88)}.bnav-tile-icon{background:var(--surface-container-high);width:54px;height:54px;color:var(--on-surface);border-radius:18px;justify-content:center;align-items:center;transition:background .2s,color .2s,box-shadow .2s;display:flex}.bnav-tile-label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11.5px;font-weight:600;line-height:1.25;overflow:hidden}.bnav-tile.active{color:var(--primary)}.bnav-tile.active .bnav-tile-icon{background:var(--primary-gradient);color:var(--on-primary);box-shadow:0 10px 20px -8px var(--primary-gradient-shadow)}@keyframes bnav-pop{0%{opacity:0;transform:translateY(14px)scale(.9)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.bottom-nav,.bottom-nav-indicator,.bottom-nav-item,.bottom-nav-item svg,.sheet-panel,.sheet-backdrop,.bnav-banner,.bnav-tile{transition:none!important;animation:none!important}}@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}}@keyframes akarion-spin{to{transform:rotate(360deg)}}.spin{transform-origin:50%;animation:.9s linear infinite akarion-spin}@media (prefers-reduced-motion:reduce){.spin{animation:none}}.onboarding-root{z-index:11000;pointer-events:none;position:fixed;inset:0}.onboarding-backdrop{-webkit-backdrop-filter:blur(1.5px);pointer-events:auto;z-index:11000;background:#080c149e;animation:.2s onb-fade;position:fixed;inset:0}.onboarding-spotlight{box-shadow:0 0 0 9999px #080c149e, 0 0 0 2px var(--primary), 0 0 22px 4px color-mix(in srgb, var(--primary) 50%, transparent);pointer-events:none;z-index:11001;border-radius:12px;transition:top .25s,left .25s,width .25s,height .25s;animation:.2s onb-fade;position:fixed}.onboarding-spotlight:after{content:"";border:2px solid color-mix(in srgb, var(--primary) 70%, transparent);border-radius:15px;animation:1.7s ease-in-out infinite onb-pulse;position:absolute;inset:-5px}.onboarding-tooltip{z-index:11002;pointer-events:auto;background:var(--surface-container);color:var(--on-surface);border:1px solid var(--outline-variant);border-radius:var(--radius-xl,20px);box-shadow:var(--shadow-float,0 24px 60px -12px #0f172a47);padding:20px;animation:.24s cubic-bezier(.2,.9,.3,1.15) onb-pop;position:fixed}.onboarding-close{width:26px;height:26px;color:var(--outline);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex;position:absolute;top:12px;right:12px}.onboarding-close:hover{background:var(--surface-container-high,#0000000f);color:var(--on-surface)}.onboarding-step-count{letter-spacing:.5px;color:var(--primary);margin-bottom:6px;font-size:11px;font-weight:700}.onboarding-title{color:var(--on-surface);margin:0 0 8px;padding-right:24px;font-size:16px;font-weight:700}.onboarding-body{color:var(--on-surface-variant);margin:0;font-size:13px;line-height:1.6}.onboarding-dots{gap:6px;margin:16px 0;display:flex}.onboarding-dots span{background:var(--outline-variant);border-radius:999px;width:6px;height:6px;transition:width .2s,background .2s}.onboarding-dots span.active{background:var(--primary);width:18px}.onboarding-foot{justify-content:space-between;align-items:center;gap:8px;display:flex}.onboarding-foot-right{align-items:center;gap:8px;margin-left:auto;display:flex}.onboarding-btn{align-items:center;gap:5px;padding:7px 14px;font-size:13px;display:inline-flex}.onboarding-skip{color:var(--outline);cursor:pointer;background:0 0;border:none;padding:4px 2px;font-size:12px}.onboarding-skip:hover{color:var(--on-surface);text-decoration:underline}@keyframes onb-fade{0%{opacity:0}to{opacity:1}}@keyframes onb-pop{0%{opacity:0;transform:translateY(8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes onb-pulse{0%,to{opacity:.9;transform:scale(1)}50%{opacity:.35;transform:scale(1.04)}}@media (prefers-reduced-motion:reduce){.onboarding-spotlight,.onboarding-spotlight:after,.onboarding-tooltip,.onboarding-backdrop{transition:none;animation:none}}.evm-overlay{z-index:450;-webkit-backdrop-filter:blur(4px);animation:fadeIn var(--duration-fast) var(--ease-out);background:#0f142380;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.evm-panel{background:var(--surface-container-lowest);border:1px solid var(--outline-variant);border-radius:var(--radius-lg);width:min(1180px,100%);height:min(800px,100%);box-shadow:var(--shadow-lg);animation:modalIn var(--duration-normal) var(--ease-spring);flex-direction:column;display:flex;overflow:hidden}.evm-head{border-bottom:1px solid var(--outline-variant);justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 24px 16px;display:flex}.evm-title{color:var(--on-surface);letter-spacing:-.01em;font-size:17px;font-weight:700}.evm-subtitle{color:var(--outline);margin-top:4px;font-size:12.5px}.evm-filters{border-bottom:1px solid var(--outline-variant);background:var(--surface-container-lowest);flex-wrap:wrap;align-items:flex-end;gap:12px;padding:14px 24px;display:flex}.evm-field{flex-direction:column;gap:5px;min-width:0;display:flex}.evm-field .filter-select-wrap{width:100%}.evm-field .filter-select{width:100%;min-width:170px}.evm-field-compact .filter-select{min-width:96px}.evm-field-label{color:var(--outline);flex-wrap:wrap;align-items:baseline;gap:2px 8px;font-size:11.5px;font-weight:600;display:flex}.evm-field-hint{color:var(--outline-variant);font-size:10.5px;font-weight:500}.evm-reset{gap:5px;height:38px;padding:0 12px;font-size:12.5px}.evm-body{flex:1;min-height:0;padding:4px 24px 8px;overflow-y:auto}.evm-rows.is-refreshing{opacity:.45;pointer-events:none;transition:opacity var(--duration-fast) var(--ease-out)}.evm-card-view{display:none}.evm-state{min-height:260px;color:var(--outline);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:48px 24px;font-size:13.5px;display:flex}.evm-foot{border-top:1px solid var(--outline-variant);background:var(--surface-container-lowest);justify-content:space-between;align-items:center;gap:12px;padding:12px 24px;display:flex}.evm-foot-info{color:var(--outline);font-size:12.5px}.evm-foot-info strong{color:var(--on-surface);font-weight:700}.evm-pager{align-items:center;gap:8px;display:flex}.evm-pager .btn{gap:4px;font-size:12.5px}.evm-pager .btn:disabled{opacity:.4;cursor:not-allowed}@media (max-width:768px){.evm-overlay{padding:0}.evm-panel{border:none;border-radius:0;width:100%;height:100%;max-height:none}.evm-head{padding:16px 16px 12px}.evm-title{font-size:16px}.evm-filters{gap:10px;padding:12px 16px}.evm-field{flex:calc(50% - 5px)}.evm-field .filter-select{min-width:0}.evm-field-compact{flex:100%}.evm-reset{flex:100%;justify-content:center;height:34px}.evm-body{padding:12px 12px 16px}.evm-table-view{display:none}.evm-card-view{flex-direction:column;gap:8px;display:flex}.evm-card{text-align:left;background:var(--surface-container-lowest);border:1px solid var(--outline-variant);border-radius:var(--radius-md);cursor:pointer;width:100%;transition:border-color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out);flex-direction:column;gap:6px;padding:12px 14px;display:flex}.evm-card:active{background:var(--surface-container);border-color:var(--primary)}.evm-card-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.evm-card-type{color:var(--on-surface);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;min-width:0;font-size:13px;font-weight:600;display:flex;overflow:hidden}.evm-card-desc{color:var(--on-surface-variant);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12.5px;line-height:1.5;display:-webkit-box;overflow:hidden}.evm-card-meta{color:var(--outline);flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:11px;display:flex}.evm-card-meta>span+span:before{content:"";background:var(--outline-variant);vertical-align:middle;border-radius:50%;width:3px;height:3px;margin-right:8px;display:inline-block}.evm-card-foot{justify-content:space-between;align-items:center;gap:8px;padding-top:2px;display:flex}.evm-card-cost{color:var(--status-success);font-family:monospace;font-size:12px;font-weight:600}.evm-card-time{color:var(--outline-variant);margin-left:auto;font-size:11px}.evm-foot{padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));flex-direction:column;align-items:stretch;gap:8px}.evm-foot-info{text-align:center}.evm-pager .btn{flex:1;justify-content:center;min-height:42px}}@media (min-width:600px) and (max-width:768px){.evm-card-view{grid-template-columns:1fr 1fr;align-items:start;display:grid}.evm-field,.evm-field-compact{flex:calc(33.333% - 7px)}.evm-reset{flex:none}.evm-foot{flex-direction:row}.evm-pager .btn{flex:none}}@media (prefers-reduced-motion:reduce){.evm-overlay,.evm-panel{animation:none}}.tb-shell{max-width:1400px;margin:0 auto}.tb-head{animation:fadeInUp var(--duration-slow) var(--ease-out) backwards;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.tb-head-main{align-items:center;gap:14px;min-width:0;display:flex}.tb-head-icon{width:46px;height:46px;color:var(--on-primary);background:var(--primary-gradient);box-shadow:0 12px 26px -12px var(--primary-gradient-shadow);border-radius:15px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.tb-head h1{letter-spacing:-.02em;color:var(--on-surface);margin:0;font-size:24px;font-weight:800}.tb-head p{color:var(--on-surface-variant);margin-top:2px;font-size:13px}.tb-head-actions{flex-shrink:0;gap:8px;display:flex}.tb-tasks-link{color:var(--on-surface-variant);background:var(--surface-container);border:1px solid var(--outline-variant);transition:transform var(--spring-snappy-dur) var(--spring-snappy), border-color .15s ease, color .15s ease;border-radius:12px;align-items:center;gap:7px;padding:9px 14px;font-size:13px;font-weight:700;display:inline-flex;position:relative}.tb-tasks-link:hover{color:var(--primary);border-color:color-mix(in srgb, var(--primary) 45%, var(--outline-variant));transform:translateY(-1px)}.tb-tasks-link:active{transition-duration:80ms;transform:scale(.96)}.tb-tasks-link.is-busy{color:var(--primary);border-color:color-mix(in srgb, var(--primary) 45%, var(--outline-variant))}.tb-live-count{min-width:20px;height:20px;color:var(--on-primary);background:var(--primary-gradient);animation:tb-pop var(--spring-bouncy-dur) var(--spring-bouncy) backwards;border-radius:999px;justify-content:center;align-items:center;padding:0 6px;font-size:11px;font-weight:800;display:inline-flex}.tb-live-dot{background:var(--primary);width:7px;height:7px;box-shadow:0 0 0 0 color-mix(in srgb, var(--primary) 60%, transparent);border-radius:50%;animation:1.6s ease-out infinite tb-live}@keyframes tb-live{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--primary) 55%, transparent)}to{box-shadow:0 0 0 9px #0000}}.tb-nav{margin-bottom:20px;display:flex}.tb-seg{background:color-mix(in srgb, var(--on-surface) 6%, transparent);scrollbar-width:none;-webkit-overflow-scrolling:touch;border-radius:14px;align-items:center;gap:2px;max-width:100%;padding:4px;display:inline-flex;position:relative;overflow-x:auto}.tb-seg::-webkit-scrollbar{display:none}.tb-seg.is-stretch{width:100%;display:flex}.tb-seg.is-stretch .tb-seg-btn{flex:1 0 auto;justify-content:center}.tb-seg-pill{opacity:0;background:var(--surface-container);box-shadow:0 1px 2px #0f172a14, 0 4px 12px -4px #0f172a1f, inset 0 0 0 1px color-mix(in srgb, var(--primary) 18%, transparent);transition:transform var(--spring-snappy-dur) var(--spring-snappy), width var(--spring-snappy-dur) var(--spring-snappy), opacity .2s ease;pointer-events:none;border-radius:10px;position:absolute;top:4px;bottom:4px;left:0}.tb-seg-pill.is-placed{opacity:1}.tb-seg.is-strong .tb-seg-pill{background:var(--primary-gradient);box-shadow:0 8px 18px -8px var(--primary-gradient-shadow)}.tb-seg-btn{z-index:1;white-space:nowrap;color:var(--on-surface-variant);-webkit-tap-highlight-color:transparent;transition:color .2s ease, transform var(--spring-snappy-dur) var(--spring-snappy);border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;display:inline-flex;position:relative}.tb-seg-btn:hover{color:var(--on-surface)}.tb-seg-btn.active{color:var(--primary)}.tb-seg.is-strong .tb-seg-btn.active{color:var(--on-primary)}.tb-seg-btn:active{transition-duration:80ms;transform:scale(.94)}.tb-seg-btn .tb-seg-lock{color:var(--status-warning)}.tb-seg-btn.is-nsfw.active{color:#fff}.tb-seg-sm .tb-seg-btn{padding:6px 11px;font-size:12px}.tb-seg-count{text-align:center;background:color-mix(in srgb, var(--on-surface) 9%, transparent);min-width:18px;color:inherit;border-radius:999px;padding:0 5px;font-size:10.5px;font-weight:800;line-height:18px}.tb-panel{background:var(--surface-container);border:1px solid var(--outline-variant);min-width:0;box-shadow:var(--shadow-sm);animation:tb-rise var(--spring-gentle-dur) var(--spring-gentle) backwards;border-radius:18px;padding:18px}.tb-panel-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.tb-panel-title{color:var(--on-surface);align-items:center;gap:7px;font-size:13.5px;font-weight:700;display:inline-flex}.tb-panel-title svg{color:var(--primary)}.tb-panel-actions{align-items:center;gap:6px;display:flex}.tb-form{flex-direction:column;gap:16px;display:flex}.tb-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.tb-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.tb-toolbar-text{color:var(--on-surface-variant);max-width:640px;font-size:13px;line-height:1.6}.tb-workbench{grid-template-columns:minmax(0,400px) minmax(0,1fr);align-items:start;gap:20px;display:grid}.tb-workbench-form{flex-direction:column;gap:14px;min-width:0;display:flex}.tb-workbench-stage{top:calc(var(--topbar-height) + 28px);min-width:0;scroll-margin-top:calc(var(--topbar-height) + 24px);position:sticky}.tb-stage{flex-direction:column;min-height:460px;display:flex}@keyframes tb-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes tb-pop{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:none}}@keyframes tb-reveal{0%{opacity:0;filter:blur(6px);transform:scale(.96)}to{opacity:1;filter:none;transform:none}}.tb-select,.tb-textarea,.tb-input{width:100%;font:inherit;color:var(--on-surface);background:var(--surface-container-low);border:1px solid var(--outline-variant);border-radius:12px;outline:none;font-size:13.5px;transition:border-color .15s,box-shadow .2s,background .2s}.tb-input{padding:10px 12px}.tb-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238B93A1' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding:10px 36px 10px 12px}.tb-textarea{resize:vertical;min-height:96px;padding:12px 14px;line-height:1.6}.tb-select:focus,.tb-textarea:focus,.tb-input:focus{border-color:var(--primary);background-color:var(--surface-container-lowest);box-shadow:0 0 0 4px color-mix(in srgb, var(--primary) 16%, transparent)}.tb-select:disabled{opacity:.55;cursor:not-allowed}.tb-range{width:100%;accent-color:var(--primary)}.tb-field-error{color:var(--status-error);margin-top:6px;font-size:11.5px}.tb-model{flex-direction:column;gap:6px;display:flex}.tb-model-note{color:var(--outline);flex-wrap:wrap;align-items:center;gap:6px;font-size:11.5px;display:flex}.tb-tag{white-space:nowrap;color:var(--primary);background:color-mix(in srgb, var(--primary) 12%, transparent);border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:10.5px;font-weight:700;display:inline-flex}.tb-tag.tone-warm{color:#d97706;background:#f59e0b24}.tb-tag.tone-muted{color:var(--on-surface-variant);background:color-mix(in srgb, var(--on-surface) 7%, transparent)}.tb-prompt{flex-direction:column;gap:6px;display:flex}.tb-prompt-foot{color:var(--outline);justify-content:space-between;align-items:center;padding:0 2px;font-size:11px;display:flex}.tb-prompt-hint{align-items:center;gap:3px;display:inline-flex}.tb-prompt-hint kbd{font:inherit;background:var(--surface-container-high);border:1px solid var(--outline-variant);border-radius:5px;padding:1px 5px;font-size:10px}.tb-prompt-count{font-variant-numeric:tabular-nums;margin-left:auto}@media (hover:none){.tb-prompt-hint{display:none}}.tb-ideas{flex-wrap:wrap;align-items:center;gap:6px;margin-top:2px;display:flex}.tb-ideas-label{color:var(--brand-orange);align-items:center;gap:4px;font-size:11px;font-weight:700;display:inline-flex}.tb-idea{color:var(--on-surface-variant);background:var(--surface-container-high);transition:transform var(--spring-snappy-dur) var(--spring-snappy), border-color .15s ease, color .15s ease;border:1px solid #0000;border-radius:999px;padding:4px 10px;font-size:11.5px}.tb-idea:hover{color:var(--primary);border-color:var(--primary);transform:translateY(-1px)}.tb-idea:active{transition-duration:80ms;transform:scale(.94)}.tb-chips{flex-wrap:wrap;gap:6px;display:flex}.tb-chip{color:var(--on-surface-variant);background:var(--surface-container-low);border:1px solid var(--outline-variant);-webkit-tap-highlight-color:transparent;transition:transform var(--spring-snappy-dur) var(--spring-snappy), background .15s ease, color .15s ease, border-color .15s ease, box-shadow .2s ease;border-radius:10px;align-items:center;gap:6px;padding:7px 12px;font-size:12.5px;font-weight:600;display:inline-flex}.tb-chip:hover:not(:disabled){color:var(--on-surface);border-color:color-mix(in srgb, var(--primary) 50%, var(--outline-variant))}.tb-chip:active:not(:disabled){transition-duration:80ms;transform:scale(.93)}.tb-chip.active{color:var(--primary);border-color:var(--primary);background:color-mix(in srgb, var(--primary) 11%, var(--surface-container));box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 12%, transparent)}.tb-chip:disabled{opacity:.5;cursor:not-allowed}.tb-aspect-glyph{opacity:.85;border:1.6px solid;border-radius:3px;display:inline-block}.tb-switch-card{text-align:left;background:var(--surface-container-low);border:1px solid var(--outline-variant);border-radius:14px;align-items:center;gap:12px;width:100%;padding:12px 14px;transition:border-color .2s,background .2s;display:flex}.tb-switch-card.is-on{border-color:color-mix(in srgb, var(--primary) 45%, var(--outline-variant));background:color-mix(in srgb, var(--primary) 7%, var(--surface-container-low))}.tb-switch-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.tb-switch-text strong{color:var(--on-surface);font-size:13px}.tb-switch-text small{color:var(--outline);font-size:11.5px}.tb-switch{background:color-mix(in srgb, var(--on-surface) 18%, transparent);border-radius:999px;flex-shrink:0;width:40px;height:24px;transition:background .2s;position:relative}.tb-switch:after{content:"";width:18px;height:18px;transition:transform var(--spring-bouncy-dur) var(--spring-bouncy);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.tb-switch-card.is-on .tb-switch{background:var(--primary)}.tb-switch-card.is-on .tb-switch:after{transform:translate(16px)}.tb-slot{border:1.5px dashed var(--outline-variant);background:var(--surface-container-low);width:100%;min-height:150px;color:var(--on-surface-variant);text-align:center;transition:border-color .15s ease, background .2s ease, transform var(--spring-snappy-dur) var(--spring-snappy);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:18px;font-size:13px;font-weight:600;display:flex;position:relative;overflow:hidden}.tb-slot:hover,.tb-slot.is-over{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 6%, var(--surface-container-low))}.tb-slot.is-over{transform:scale(1.015)}.tb-slot small{color:var(--outline);font-size:11px;font-weight:500}.tb-slot-icon{width:42px;height:42px;color:var(--primary);background:var(--surface-container-high);transition:transform var(--spring-bouncy-dur) var(--spring-bouncy);border-radius:13px;justify-content:center;align-items:center;display:flex}.tb-slot:hover .tb-slot-icon{transform:translateY(-2px)scale(1.06)}.tb-slot.is-compact{min-height:100px}.tb-slot.is-filled{background:repeating-conic-gradient(var(--surface-container-high) 0 25%, var(--surface-container-low) 0 50%) 0 0 / 16px 16px;border-style:solid;min-height:0;padding:0}.tb-slot.is-filled img{object-fit:contain;width:100%;max-height:240px;display:block}.tb-slot-actions{gap:6px;display:flex;position:absolute;top:8px;right:8px}.tb-slot-actions button{color:#fff;width:28px;height:28px;transition:transform var(--spring-snappy-dur) var(--spring-snappy), background .15s ease;background:#0000008c;border-radius:50%;justify-content:center;align-items:center;display:flex}.tb-slot-actions button:hover{background:#000000bf;transform:scale(1.08)}.tb-slot-busy{color:#fff;background:#00000059;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.tb-strip{border-radius:12px;flex-wrap:wrap;gap:8px;padding:2px;transition:background .2s;display:flex}.tb-strip.is-over{background:color-mix(in srgb, var(--primary) 8%, transparent);outline:1.5px dashed var(--primary);outline-offset:2px}.tb-strip-item{border:1px solid var(--outline-variant);width:68px;height:68px;animation:tb-pop var(--spring-bouncy-dur) var(--spring-bouncy) backwards;border-radius:12px;position:relative;overflow:hidden}.tb-strip-item img{object-fit:cover;width:100%;height:100%;display:block}.tb-strip-item button{color:#fff;background:#0009;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;top:3px;right:3px}.tb-strip-add{width:68px;height:68px;color:var(--outline);border:1.5px dashed var(--outline-variant);transition:border-color .15s ease, color .15s ease, transform var(--spring-snappy-dur) var(--spring-snappy);border-radius:12px;justify-content:center;align-items:center;display:flex}.tb-strip-add:hover{color:var(--primary);border-color:var(--primary);transform:scale(1.05)}.tb-generate{width:100%;color:var(--on-primary);background:var(--primary-gradient);box-shadow:0 12px 26px -12px var(--primary-gradient-shadow), inset 0 1px 0 #ffffff2e;transition:transform var(--spring-snappy-dur) var(--spring-snappy), box-shadow .25s ease, opacity .2s ease;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:13px 18px;font-size:14px;font-weight:800;display:inline-flex;position:relative;overflow:hidden}.tb-generate:after{content:"";pointer-events:none;background:linear-gradient(110deg,#0000 30%,#ffffff47 50%,#0000 70%);transition:transform .8s;position:absolute;inset:0;transform:translate(-100%)}.tb-generate:hover:not(:disabled){box-shadow:0 18px 32px -14px var(--primary-gradient-shadow-hover);transform:translateY(-2px)}.tb-generate:hover:not(:disabled):after{transform:translate(100%)}.tb-generate:active:not(:disabled){transition-duration:80ms;transform:scale(.97)}.tb-generate:disabled{opacity:.6;cursor:not-allowed}.tb-generate-cost{background:#fff3;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.tb-generate.tone-warm{color:#fff;background:linear-gradient(135deg,#f59e0b,#ef4444 60%,#ec4899);box-shadow:0 12px 26px -12px #ef44448c}.tb-btn{white-space:nowrap;color:var(--on-surface-variant);background:var(--surface-container);border:1px solid var(--outline-variant);transition:transform var(--spring-snappy-dur) var(--spring-snappy), border-color .15s ease, color .15s ease, background .15s ease;border-radius:11px;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-size:12.5px;font-weight:700;display:inline-flex}.tb-btn:hover:not(:disabled){color:var(--primary);border-color:color-mix(in srgb, var(--primary) 45%, var(--outline-variant))}.tb-btn:active:not(:disabled){transition-duration:80ms;transform:scale(.95)}.tb-btn:disabled{opacity:.5;cursor:not-allowed}.tb-btn.is-primary{color:var(--on-primary);background:var(--primary-gradient);box-shadow:0 8px 18px -10px var(--primary-gradient-shadow);border-color:#0000}.tb-btn.is-primary:hover:not(:disabled){color:var(--on-primary);transform:translateY(-1px)}.tb-btn.is-danger:hover:not(:disabled){color:var(--status-error);border-color:color-mix(in srgb, var(--status-error) 45%, var(--outline-variant))}.tb-btn.is-ghost{background:0 0;border-color:#0000}.tb-btn.is-ghost:hover:not(:disabled){background:var(--surface-container-low);border-color:#0000}.tb-icon-btn{width:34px;height:34px;color:var(--on-surface-variant);transition:background .15s ease, color .15s ease, transform var(--spring-snappy-dur) var(--spring-snappy);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.tb-icon-btn:hover:not(:disabled){color:var(--primary);background:var(--surface-container-low)}.tb-icon-btn:active:not(:disabled){transition-duration:80ms;transform:scale(.88)}.tb-icon-btn.is-danger:hover:not(:disabled){color:var(--status-error)}.tb-icon-btn:disabled{opacity:.4;cursor:not-allowed}.tb-actions{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.tb-action{color:var(--on-surface-variant);background:var(--surface-container-low);border:1px solid var(--outline-variant);transition:transform var(--spring-snappy-dur) var(--spring-snappy), border-color .15s ease, color .15s ease;border-radius:10px;align-items:center;gap:6px;padding:7px 12px;font-size:12px;font-weight:600;display:inline-flex}.tb-action:hover{color:var(--primary);border-color:color-mix(in srgb, var(--primary) 45%, var(--outline-variant));transform:translateY(-1px)}.tb-action:active{transition-duration:80ms;transform:scale(.95)}.tb-action.is-icon{padding:7px 9px}.tb-notice{animation:tb-pop var(--spring-snappy-dur) var(--spring-snappy) backwards;border:1px solid;border-radius:12px;align-items:flex-start;gap:9px;padding:10px 12px;font-size:12.5px;line-height:1.55;display:flex}.tb-notice-icon{flex-shrink:0;margin-top:2px}.tb-notice-body{word-break:break-word;flex:1;min-width:0}.tb-notice-close{opacity:.7;flex-shrink:0}.tb-notice.tone-error{color:color-mix(in srgb, var(--status-error) 82%, var(--on-surface));background:color-mix(in srgb, var(--status-error) 9%, transparent);border-color:color-mix(in srgb, var(--status-error) 26%, transparent)}.tb-notice.tone-warn{color:color-mix(in srgb, var(--status-warning) 70%, var(--on-surface));background:color-mix(in srgb, var(--status-warning) 10%, transparent);border-color:color-mix(in srgb, var(--status-warning) 30%, transparent)}.tb-notice.tone-info{color:color-mix(in srgb, var(--primary) 80%, var(--on-surface));background:color-mix(in srgb, var(--primary) 8%, transparent);border-color:color-mix(in srgb, var(--primary) 24%, transparent)}.tb-notice.tone-success{color:color-mix(in srgb, var(--status-success) 75%, var(--on-surface));background:color-mix(in srgb, var(--status-success) 9%, transparent);border-color:color-mix(in srgb, var(--status-success) 26%, transparent)}.tb-stage-empty,.tb-stage-working{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;padding:48px 20px;display:flex}.tb-stage-empty-art{width:72px;height:72px;color:var(--primary);background:radial-gradient(circle at 30% 25%, color-mix(in srgb, var(--primary) 22%, transparent), color-mix(in srgb, var(--primary) 6%, transparent));border:1px solid color-mix(in srgb, var(--primary) 20%, transparent);border-radius:22px;justify-content:center;align-items:center;margin-bottom:8px;animation:4s ease-in-out infinite tb-float;display:flex}@keyframes tb-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.tb-stage-empty-title,.tb-stage-working-title{color:var(--on-surface);font-size:15px;font-weight:700}.tb-stage-empty-hint,.tb-stage-working-hint{max-width:360px;color:var(--outline);font-size:12.5px;line-height:1.6}.tb-stage-working-hint a,.tb-stage-empty-hint a{color:var(--primary);font-weight:600}.tb-orb{justify-content:center;align-items:center;width:96px;height:96px;margin-bottom:10px;display:flex;position:relative}.tb-orb-ring{background:color-mix(in srgb, var(--primary) 18%, transparent);animation:tb-ripple 2.2s var(--ease-out) infinite;border-radius:50%;position:absolute;inset:0}.tb-orb-ring.is-delayed{animation-delay:1.1s}.tb-orb-core{width:60px;height:60px;color:var(--on-primary);background:var(--primary-gradient);box-shadow:0 12px 30px -10px var(--primary-gradient-shadow);border-radius:50%;justify-content:center;align-items:center;animation:1.8s ease-in-out infinite tb-breathe;display:flex;position:relative}.tb-stage-working.tone-warm .tb-orb-ring{background:#f59e0b33}.tb-stage-working.tone-warm .tb-orb-core{color:#fff;background:linear-gradient(135deg,#f59e0b,#ef4444)}@keyframes tb-ripple{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(1.5)}}@keyframes tb-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.tb-stage-working-time{color:var(--on-surface-variant);font-variant-numeric:tabular-nums;font-size:12.5px}.tb-progress{background:var(--surface-container-high);border-radius:999px;width:220px;max-width:80%;height:5px;margin-top:6px;overflow:hidden}.tb-progress span{border-radius:inherit;background:var(--primary-gradient);height:100%;transition:width .25s linear;display:block}.tb-result-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.tb-results{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.tb-results.is-single{grid-template-columns:minmax(0,1fr)}.tb-media{cursor:zoom-in;background:repeating-conic-gradient(var(--surface-container-high) 0 25%, var(--surface-container-low) 0 50%) 0 0 / 18px 18px;width:100%;animation:tb-reveal var(--spring-gentle-dur) var(--spring-gentle) backwards;border-radius:14px;padding:0;display:block;position:relative;overflow:hidden}.tb-media img,.tb-media video{object-fit:contain;width:100%;max-height:62vh;display:block}.tb-media-zoom{color:#fff;opacity:0;width:30px;height:30px;transition:opacity .2s ease, transform var(--spring-snappy-dur) var(--spring-snappy);background:#00000080;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:10px;right:10px;transform:scale(.8)}.tb-media:hover .tb-media-zoom{opacity:1;transform:none}.tb-media.is-video{cursor:default;background:#000}.tb-media.is-video .tb-media-zoom{opacity:.85;transform:none}@media (hover:none){.tb-media-zoom{opacity:1;transform:none}}.tb-audio{border:1px solid var(--outline-variant);background:linear-gradient(135deg, color-mix(in srgb, var(--primary) 10%, var(--surface-container-low)), var(--surface-container-low));animation:tb-reveal var(--spring-gentle-dur) var(--spring-gentle) backwards;border-radius:16px;flex-direction:column;gap:14px;padding:18px;display:flex}.tb-audio-head{align-items:center;gap:12px;display:flex}.tb-audio-icon{width:46px;height:46px;color:var(--on-primary);background:var(--primary-gradient);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.tb-audio-title{color:var(--on-surface);font-size:14px;font-weight:700}.tb-audio-sub{color:var(--outline);font-size:11.5px}.tb-audio audio{width:100%}.tb-wave{align-items:center;gap:3px;height:34px;display:flex}.tb-wave span{background:color-mix(in srgb, var(--primary) 55%, transparent);animation:tb-wave-in var(--spring-bouncy-dur) var(--spring-bouncy) backwards;transform-origin:50%;border-radius:2px;flex:1}@keyframes tb-wave-in{0%{opacity:0;transform:scaleY(.1)}to{opacity:1;transform:none}}.tb-history{border-top:1px dashed var(--outline-variant);margin-top:16px;padding-top:14px}.tb-history-head{color:var(--on-surface-variant);justify-content:space-between;align-items:center;margin-bottom:10px;font-size:12px;font-weight:700;display:flex}.tb-history-head span{align-items:center;gap:6px;display:inline-flex}.tb-history-head b{color:var(--outline);background:var(--surface-container-high);border-radius:999px;padding:1px 7px;font-size:10.5px}.tb-history-head button{color:var(--outline);font-size:11.5px}.tb-history-head button:hover{color:var(--status-error)}.tb-history-row{scrollbar-width:thin;gap:8px;padding:2px 2px 6px;display:flex;overflow-x:auto}.tb-history-item{background:var(--surface-container-high);width:64px;height:64px;animation:tb-pop var(--spring-bouncy-dur) var(--spring-bouncy) backwards;transition:transform var(--spring-snappy-dur) var(--spring-snappy), border-color .15s ease;border:2px solid #0000;border-radius:12px;flex:none;padding:0;overflow:hidden}.tb-history-item:hover{transform:translateY(-2px)}.tb-history-item.active{border-color:var(--primary)}.tb-history-item img,.tb-history-item video{object-fit:cover;width:100%;height:100%;display:block}.tb-history-audio{width:100%;height:100%;color:var(--primary);justify-content:center;align-items:center;display:flex}.tb-lightbox{z-index:10100;cursor:zoom-out;-webkit-backdrop-filter:blur(8px);background:#000000d6;justify-content:center;align-items:center;padding:24px;animation:.2s backwards sheet-fade;display:flex;position:fixed;inset:0}.tb-lightbox-media{cursor:default;max-width:min(1200px,100%);max-height:100%;animation:tb-zoom var(--spring-snappy-dur) var(--spring-snappy) backwards}.tb-lightbox-media img,.tb-lightbox-media video{border-radius:14px;max-width:100%;max-height:calc(100vh - 48px);display:block;box-shadow:0 30px 80px #00000080}.tb-lightbox-close{color:#fff;background:#ffffff24;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute;top:16px;right:16px}@keyframes tb-zoom{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:none}}.tb-empty{text-align:center;border:1.5px dashed var(--outline-variant);color:var(--outline);border-radius:18px;flex-direction:column;align-items:center;gap:8px;padding:56px 20px;display:flex}.tb-empty strong{color:var(--on-surface);font-size:15px}.tb-empty p{max-width:380px;font-size:12.5px;line-height:1.6}.tb-launch{border:1px solid color-mix(in srgb, var(--primary) 22%, var(--outline-variant));background:radial-gradient(700px 220px at 100% 0%, color-mix(in srgb, var(--brand-purple) 14%, transparent), transparent 70%), radial-gradient(600px 240px at 0% 100%, color-mix(in srgb, var(--primary-sky) 12%, transparent), transparent 70%), var(--surface-container);box-shadow:var(--shadow-sm);animation:tb-rise var(--spring-gentle-dur) var(--spring-gentle) backwards;border-radius:22px;flex-direction:column;gap:12px;margin-bottom:22px;padding:20px;display:flex}.tb-launch-title{color:var(--on-surface);align-items:center;gap:8px;font-size:16px;font-weight:800;display:flex}.tb-launch-title svg{color:var(--primary)}.tb-launch-box{background:var(--surface-container-low);border:1px solid var(--outline-variant);border-radius:16px;align-items:flex-end;gap:10px;padding:8px 8px 8px 14px;transition:border-color .15s,box-shadow .2s;display:flex}.tb-launch-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb, var(--primary) 14%, transparent)}.tb-launch-box textarea{resize:none;min-height:44px;max-height:160px;font:inherit;color:var(--on-surface);background:0 0;border:none;outline:none;flex:1;padding:10px 0;font-size:14px;line-height:1.55}.tb-launch-go{flex-shrink:0}.tb-launch-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.tb-section-title{letter-spacing:.08em;text-transform:uppercase;color:var(--outline);justify-content:space-between;align-items:center;gap:10px;margin:26px 0 12px;font-size:12px;font-weight:800;display:flex}.tb-section-title a{letter-spacing:0;text-transform:none;color:var(--primary);font-size:12px;font-weight:700}.tb-hub-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;display:grid}.tb-tool{background:var(--surface-container);border:1px solid var(--outline-variant);min-height:176px;box-shadow:var(--shadow-sm);-webkit-tap-highlight-color:transparent;animation:tb-rise var(--spring-gentle-dur) var(--spring-gentle) backwards;transition:transform var(--spring-snappy-dur) var(--spring-snappy), box-shadow .25s ease, border-color .2s ease;border-radius:20px;flex-direction:column;gap:10px;padding:18px;display:flex;position:relative;overflow:hidden}.tb-tool:before{content:"";background:radial-gradient(420px circle at 100% 0%, color-mix(in srgb, var(--tool-color,var(--primary)) 14%, transparent), transparent 60%);opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.tb-tool:hover{box-shadow:var(--shadow-lg);border-color:color-mix(in srgb, var(--tool-color,var(--primary)) 45%, var(--outline-variant));transform:translateY(-4px)}.tb-tool:hover:before{opacity:1}.tb-tool:active{transition-duration:80ms;transform:scale(.98)}.tb-tool-icon{color:#fff;background:var(--tool-gradient,var(--primary-gradient));width:46px;height:46px;box-shadow:0 10px 22px -10px var(--tool-color,var(--primary));transition:transform var(--spring-bouncy-dur) var(--spring-bouncy);border-radius:14px;justify-content:center;align-items:center;display:flex;position:relative}.tb-tool:hover .tb-tool-icon{transform:rotate(-6deg)scale(1.08)}.tb-tool-title{color:var(--on-surface);align-items:center;gap:8px;font-size:15px;font-weight:800;display:flex;position:relative}.tb-tool-desc{color:var(--on-surface-variant);font-size:12.5px;line-height:1.55;position:relative}.tb-tool-meta{color:var(--outline);justify-content:space-between;align-items:center;gap:8px;margin-top:auto;font-size:11.5px;font-weight:600;display:flex;position:relative}.tb-tool-arrow{transition:transform var(--spring-snappy-dur) var(--spring-snappy), color .2s ease}.tb-tool:hover .tb-tool-arrow{color:var(--tool-color,var(--primary));transform:translate(4px)}.tb-recent{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:10px;display:grid}.tb-recent-item{aspect-ratio:1;border:1px solid var(--outline-variant);background:var(--surface-container-high);animation:tb-pop var(--spring-bouncy-dur) var(--spring-bouncy) backwards;transition:transform var(--spring-snappy-dur) var(--spring-snappy), box-shadow .25s ease;border-radius:16px;padding:0;position:relative;overflow:hidden}.tb-recent-item:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)scale(1.02)}.tb-recent-item img,.tb-recent-item video{object-fit:cover;width:100%;height:100%;display:block}.tb-recent-badge{color:#fff;background:#0000008c;border-radius:999px;align-items:center;gap:4px;padding:3px 8px;font-size:10.5px;font-weight:700;display:inline-flex;position:absolute;bottom:8px;left:8px}.tb-chat{grid-template-columns:290px minmax(0,1fr);gap:16px;height:calc(100dvh - 300px);min-height:520px;display:grid}.tb-chat-side,.tb-chat-main{background:var(--surface-container);border:1px solid var(--outline-variant);min-height:0;box-shadow:var(--shadow-sm);border-radius:20px;flex-direction:column;display:flex;overflow:hidden}.tb-chat-side-head{border-bottom:1px solid var(--outline-variant);flex-direction:column;gap:8px;padding:12px;display:flex}.tb-chat-search{position:relative}.tb-chat-search svg{color:var(--outline);pointer-events:none;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.tb-chat-search .tb-input{border-radius:10px;padding-left:32px;font-size:12.5px}.tb-chat-list{flex:1;padding:6px;overflow-y:auto}.tb-conv{text-align:left;-webkit-tap-highlight-color:transparent;width:100%;transition:background .15s ease, transform var(--spring-snappy-dur) var(--spring-snappy);border-radius:12px;align-items:center;gap:10px;padding:9px 10px;display:flex}.tb-conv:hover{background:var(--surface-container-low)}.tb-conv:active{transform:scale(.98)}.tb-conv.active{background:color-mix(in srgb, var(--primary) 11%, transparent)}.tb-conv-avatar{width:34px;height:34px;color:var(--primary);background:color-mix(in srgb, var(--primary) 10%, var(--surface-container-high));border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.tb-conv-avatar img{object-fit:cover;width:100%;height:100%}.tb-conv-text{flex:1;min-width:0}.tb-conv-title{color:var(--on-surface);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.tb-conv-sub{color:var(--outline);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.tb-conv-del{opacity:0}.tb-conv:hover .tb-conv-del,.tb-conv:focus-within .tb-conv-del{opacity:1}@media (hover:none){.tb-conv-del{opacity:.7}}.tb-conv-check{color:var(--outline);flex-shrink:0}.tb-conv-check.is-on{color:var(--primary)}.tb-chat-bulkbar{border-top:1px solid var(--outline-variant);color:var(--on-surface-variant);align-items:center;gap:8px;padding:10px 12px;font-size:12px;display:flex}.tb-chat-top{border-bottom:1px solid var(--outline-variant);align-items:center;gap:10px;padding:12px 14px;display:flex}.tb-chat-top-text{flex:1;min-width:0}.tb-chat-top-title{color:var(--on-surface);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.tb-model-chip{max-width:100%;color:var(--on-surface-variant);background:var(--surface-container-high);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;align-items:center;gap:5px;margin-top:2px;padding:2px 8px;font-family:SF Mono,Fira Code,ui-monospace,monospace;font-size:11px;transition:color .15s,background .15s;display:inline-flex;overflow:hidden}.tb-model-chip:hover{color:var(--primary);background:color-mix(in srgb, var(--primary) 12%, transparent)}.tb-chat-scroll{flex-direction:column;flex:1;gap:14px;padding:18px;display:flex;overflow-y:auto}.tb-msg{animation:tb-msg-in var(--spring-snappy-dur) var(--spring-snappy) backwards;align-items:flex-end;gap:10px;display:flex}.tb-msg.is-user{flex-direction:row-reverse}.tb-msg-avatar{width:30px;height:30px;color:var(--primary);background:color-mix(in srgb, var(--primary) 10%, var(--surface-container-high));border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.tb-msg-avatar img{object-fit:cover;width:100%;height:100%}.tb-msg-col{flex-direction:column;gap:4px;min-width:0;max-width:min(78%,680px);display:flex}.tb-msg.is-user .tb-msg-col{align-items:flex-end}.tb-bubble{white-space:pre-wrap;word-break:break-word;color:var(--on-surface);background:var(--surface-container-high);border-radius:18px 18px 18px 6px;padding:10px 14px;font-size:14px;line-height:1.65}.tb-msg.is-user .tb-bubble{color:var(--on-primary);background:var(--primary-gradient);box-shadow:0 8px 20px -12px var(--primary-gradient-shadow);border-radius:18px 18px 6px}.tb-msg.is-error .tb-bubble{color:var(--status-error);background:color-mix(in srgb, var(--status-error) 10%, transparent)}.tb-bubble-images{flex-wrap:wrap;gap:6px;display:flex}.tb-bubble-images img{object-fit:cover;border-radius:12px;max-width:200px;max-height:200px}.tb-msg-tools{opacity:0;gap:4px;transition:opacity .15s;display:flex}.tb-msg:hover .tb-msg-tools{opacity:1}@media (hover:none){.tb-msg-tools{opacity:.8}}.tb-msg-tool{color:var(--outline);border-radius:6px;align-items:center;gap:4px;padding:2px 6px;font-size:11px;display:inline-flex}.tb-msg-tool:hover{color:var(--primary);background:var(--surface-container-low)}@keyframes tb-msg-in{0%{opacity:0;transform:translateY(10px)scale(.96)}to{opacity:1;transform:none}}.tb-typing{background:var(--surface-container-high);border-radius:18px 18px 18px 6px;gap:4px;padding:13px 15px;display:inline-flex}.tb-typing span{background:var(--outline);border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite tb-bounce}.tb-typing span:nth-child(2){animation-delay:.15s}.tb-typing span:nth-child(3){animation-delay:.3s}@keyframes tb-bounce{0%,80%,to{opacity:.45;transform:translateY(0)}40%{opacity:1;transform:translateY(-5px)}}.tb-starters{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px;display:flex}.tb-starter{color:var(--on-surface-variant);background:var(--surface-container-low);border:1px solid var(--outline-variant);animation:tb-pop var(--spring-bouncy-dur) var(--spring-bouncy) backwards;transition:transform var(--spring-snappy-dur) var(--spring-snappy), border-color .15s ease, color .15s ease;border-radius:999px;padding:8px 14px;font-size:12.5px}.tb-starter:hover{color:var(--primary);border-color:var(--primary);transform:translateY(-2px)}.tb-starter:active{transition-duration:80ms;transform:scale(.95)}.tb-composer{border-top:1px solid var(--outline-variant);padding:12px}.tb-composer-box{background:var(--surface-container-low);border:1px solid var(--outline-variant);border-radius:18px;align-items:flex-end;gap:6px;padding:6px;transition:border-color .15s,box-shadow .2s;display:flex}.tb-composer-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb, var(--primary) 14%, transparent)}.tb-composer textarea{resize:none;min-height:38px;max-height:180px;font:inherit;color:var(--on-surface);background:0 0;border:none;outline:none;flex:1;padding:9px 4px;font-size:14px;line-height:1.55}.tb-send{width:40px;height:40px;color:var(--on-primary);background:var(--primary-gradient);box-shadow:0 8px 18px -8px var(--primary-gradient-shadow);transition:transform var(--spring-bouncy-dur) var(--spring-bouncy), opacity .2s ease;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.tb-send:hover:not(:disabled){transform:translateY(-1px)scale(1.05)}.tb-send:active:not(:disabled){transition-duration:80ms;transform:scale(.9)}.tb-send:disabled{opacity:.45;cursor:not-allowed}.tb-attach-row{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.tb-chat-scrim,.tb-chat-drawer-btn{display:none}.tb-char-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;display:grid}.tb-char{background:var(--surface-container);border:1px solid var(--outline-variant);box-shadow:var(--shadow-sm);animation:tb-rise var(--spring-gentle-dur) var(--spring-gentle) backwards;transition:transform var(--spring-snappy-dur) var(--spring-snappy), box-shadow .25s ease, border-color .2s ease;border-radius:20px;flex-direction:column;gap:12px;padding:16px;display:flex;position:relative}.tb-char:hover{box-shadow:var(--shadow-md);border-color:color-mix(in srgb, var(--primary) 35%, var(--outline-variant));transform:translateY(-3px)}.tb-char-top{align-items:center;gap:12px;display:flex}.tb-char-avatar{width:52px;height:52px;color:var(--primary);background:linear-gradient(135deg, color-mix(in srgb, var(--primary) 22%, transparent), color-mix(in srgb, var(--brand-purple) 18%, transparent));border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.tb-char-avatar img{object-fit:cover;width:100%;height:100%}.tb-char-name{color:var(--on-surface);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:800;overflow:hidden}.tb-char-model{color:var(--outline);white-space:nowrap;text-overflow:ellipsis;font-family:SF Mono,Fira Code,ui-monospace,monospace;font-size:11px;overflow:hidden}.tb-char-prompt{min-height:3.2em;color:var(--on-surface-variant);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:12.5px;line-height:1.6;display:-webkit-box;overflow:hidden}.tb-char-prompt.is-empty{color:var(--outline);font-style:italic}.tb-char-tags{flex-wrap:wrap;gap:5px;display:flex}.tb-char-foot{align-items:center;gap:6px;margin-top:auto;padding-top:4px;display:flex}.tb-char-foot .tb-btn.is-primary{flex:1}.tb-rag{grid-template-columns:300px minmax(0,1fr);align-items:start;gap:16px;display:grid}.tb-store{text-align:left;width:100%;transition:background .15s ease, border-color .15s ease, transform var(--spring-snappy-dur) var(--spring-snappy);border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;display:flex}.tb-store:hover{background:var(--surface-container-low)}.tb-store.active{background:color-mix(in srgb, var(--primary) 9%, transparent);border-color:color-mix(in srgb, var(--primary) 30%, transparent)}.tb-store-icon{width:32px;height:32px;color:var(--brand-purple);background:color-mix(in srgb, var(--brand-purple) 12%, transparent);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.tb-mono{font-family:SF Mono,Fira Code,ui-monospace,monospace}.tb-dropzone{border:2px dashed var(--outline-variant);color:var(--on-surface-variant);text-align:center;cursor:pointer;transition:border-color .15s ease, background .2s ease, transform var(--spring-snappy-dur) var(--spring-snappy);border-radius:16px;flex-direction:column;align-items:center;gap:6px;padding:26px 16px;font-size:13px;display:flex}.tb-dropzone:hover,.tb-dropzone.is-over{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 6%, transparent)}.tb-dropzone.is-over{transform:scale(1.01)}.tb-file{background:var(--surface-container-low);animation:tb-rise var(--spring-gentle-dur) var(--spring-gentle) backwards;border-radius:12px;align-items:center;gap:10px;padding:9px 12px;display:flex}.tb-task-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;display:grid}.tb-task{background:var(--surface-container);border:1px solid var(--outline-variant);box-shadow:var(--shadow-sm);animation:tb-rise var(--spring-gentle-dur) var(--spring-gentle) backwards;transition:transform var(--spring-snappy-dur) var(--spring-snappy), box-shadow .25s ease;border-radius:20px;flex-direction:column;gap:10px;padding:14px;display:flex}.tb-task:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.tb-task.is-active{border-color:color-mix(in srgb, var(--primary) 40%, var(--outline-variant))}.tb-task-head{align-items:flex-start;gap:10px;display:flex}.tb-task-icon{width:36px;height:36px;color:var(--primary);background:color-mix(in srgb, var(--primary) 10%, var(--surface-container-high));border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.tb-task-icon.is-nsfw{color:#f97316;background:color-mix(in srgb, #f97316 12%, var(--surface-container-high))}.tb-task-title{color:var(--on-surface);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.tb-task-sub{color:var(--outline);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.tb-task-pending{background:var(--surface-container-high);border-radius:14px;height:150px;position:relative;overflow:hidden}.tb-task-pending:after{content:"";background:linear-gradient(100deg, transparent 20%, color-mix(in srgb, var(--primary) 16%, transparent) 50%, transparent 80%);animation:1.6s ease-in-out infinite tb-sweep;position:absolute;inset:0}@keyframes tb-sweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}.tb-task-foot{color:var(--outline);justify-content:space-between;align-items:center;font-size:11px;display:flex}@media (max-width:1100px){.tb-workbench{grid-template-columns:minmax(0,360px) minmax(0,1fr)}}@media (max-width:960px){.tb-workbench{grid-template-columns:minmax(0,1fr)}.tb-workbench-stage{position:static}.tb-stage{min-height:320px}}@media (max-width:900px){.tb-rag{grid-template-columns:minmax(0,1fr)}.tb-chat{grid-template-columns:minmax(0,1fr);height:calc(100dvh - 290px);min-height:460px}.tb-chat-side{z-index:10030;width:min(88vw,340px);padding-top:env(safe-area-inset-top,0px);transition:transform var(--spring-gentle-dur) var(--spring-gentle);box-shadow:var(--shadow-lg);border-radius:0 24px 24px 0;position:fixed;top:0;bottom:0;left:0;transform:translate(-104%)}.tb-chat.is-drawer .tb-chat-side{transform:none}.tb-chat-scrim{z-index:10025;background:var(--backdrop-overlay);opacity:0;pointer-events:none;transition:opacity .25s;display:block;position:fixed;inset:0}.tb-chat.is-drawer .tb-chat-scrim{opacity:1;pointer-events:auto}.tb-chat-drawer-btn{display:inline-flex}}@media (max-width:768px){.tb-head{align-items:flex-start;margin-bottom:14px}.tb-head h1{font-size:20px}.tb-head p{display:none}.tb-head-icon{border-radius:13px;width:40px;height:40px}.tb-tasks-link span.tb-tasks-label{display:none}.tb-nav{margin:0 -16px 16px;padding:0 16px}.tb-panel{border-radius:16px;padding:14px}.tb-row{grid-template-columns:minmax(0,1fr)}.tb-chat{height:calc(100dvh - 286px);min-height:380px}.tb-chat-scroll{padding:14px}.tb-msg-col{max-width:86%}.tb-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tb-tool{gap:8px;min-height:0;padding:14px}.tb-tool-desc{display:none}.tb-tool-icon{width:40px;height:40px}.tb-launch{padding:16px}.tb-recent{grid-template-columns:repeat(3,minmax(0,1fr))}.tb-task-grid,.tb-char-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:960px){.tb-shell [style*="grid-template-columns: minmax(0, 380px) 1fr"],.tb-shell [style*="grid-template-columns: minmax(0, 300px) 1fr"]{grid-template-columns:minmax(0,1fr)!important}}@media (prefers-reduced-motion:reduce){.tb-head,.tb-panel,.tb-seg-pill,.tb-seg-btn,.tb-chip,.tb-strip-item,.tb-media,.tb-audio,.tb-wave span,.tb-history-item,.tb-tool,.tb-recent-item,.tb-msg,.tb-starter,.tb-char,.tb-task,.tb-file,.tb-lightbox,.tb-lightbox-media,.tb-notice,.tb-launch,.tb-live-count{transition:none!important;animation:none!important}.tb-stage-empty-art,.tb-orb-ring,.tb-orb-core,.tb-typing span,.tb-task-pending:after,.tb-live-dot{animation:none!important}}.mp-overlay{z-index:10060;background:var(--backdrop-overlay);-webkit-backdrop-filter:blur(6px);justify-content:center;align-items:center;padding:16px;animation:.2s backwards sheet-fade;display:flex;position:fixed;inset:0}.mp-panel{background:var(--surface-container);border:1px solid var(--outline-variant);width:min(960px,100%);max-height:86vh;animation:tb-zoom var(--spring-snappy-dur) var(--spring-snappy) backwards;border-radius:22px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 30px 80px #0000004d}.mp-head{border-bottom:1px solid var(--outline-variant);justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}.mp-tabs{background:color-mix(in srgb, var(--on-surface) 6%, transparent);border-radius:12px;gap:4px;padding:4px;display:flex}.mp-tab{color:var(--on-surface-variant);transition:background .2s ease, color .2s ease, transform var(--spring-snappy-dur) var(--spring-snappy);border-radius:9px;align-items:center;gap:6px;padding:7px 12px;font-size:13px;font-weight:600;display:inline-flex}.mp-tab:active{transform:scale(.94)}.mp-tab.active{color:var(--primary);background:var(--surface-container);box-shadow:0 1px 2px #0f172a14, inset 0 0 0 1px color-mix(in srgb, var(--primary) 18%, transparent)}.mp-close{width:34px;height:34px;color:var(--on-surface-variant);background:var(--surface-container-high);border-radius:50%;justify-content:center;align-items:center;display:flex}.mp-body{overscroll-behavior:contain;flex:1;padding:16px;overflow:auto}.mp-grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:10px;display:grid}.mp-item{text-align:left;border:1px solid var(--outline-variant);background:var(--surface-container-low);animation:tb-pop var(--spring-bouncy-dur) var(--spring-bouncy) backwards;transition:transform var(--spring-snappy-dur) var(--spring-snappy), border-color .15s ease, box-shadow .2s ease;border-radius:14px;padding:0;overflow:hidden}.mp-item:hover{border-color:color-mix(in srgb, var(--primary) 45%, var(--outline-variant));transform:translateY(-2px)}.mp-item:active{transform:scale(.96)}.mp-item.is-selected{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 22%, transparent)}.mp-thumb{aspect-ratio:1;background:repeating-conic-gradient(var(--surface-container-high) 0 25%, var(--surface-container-low) 0 50%) 0 0 / 14px 14px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.mp-thumb img,.mp-thumb video{object-fit:cover;width:100%;height:100%}.mp-check{width:24px;height:24px;color:var(--on-primary);background:var(--primary-gradient);box-shadow:0 4px 10px -2px var(--primary-gradient-shadow);animation:tb-pop var(--spring-bouncy-dur) var(--spring-bouncy) backwards;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:7px;right:7px}.mp-name{color:var(--on-surface);white-space:nowrap;text-overflow:ellipsis;padding:7px 9px;font-size:11px;overflow:hidden}.mp-drop{text-align:center;border:2px dashed var(--outline-variant);border-radius:16px;padding:56px 20px}.mp-foot{padding:12px 14px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--outline-variant);justify-content:space-between;align-items:center;gap:10px;display:flex}@media (max-width:640px){.mp-overlay{align-items:flex-end;padding:0}.mp-panel{width:100%;max-height:88vh;animation:sheet-up var(--spring-snappy-dur) var(--spring-snappy) backwards;border-bottom:none;border-radius:24px 24px 0 0}.mp-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.mp-tab{padding:7px 10px}}@media (prefers-reduced-motion:reduce){.mp-overlay,.mp-panel,.mp-item,.mp-check{animation:none!important}}.ui-modal-overlay{z-index:10000;background:var(--backdrop-overlay);-webkit-backdrop-filter:blur(6px);justify-content:center;align-items:center;padding:16px;animation:.18s backwards sheet-fade;display:flex;position:fixed;inset:0}.ui-modal{background:var(--surface-container);border:1px solid var(--outline-variant);max-height:90vh;animation:tb-zoom var(--spring-snappy-dur) var(--spring-snappy) backwards;border-radius:22px;flex-direction:column;display:flex;box-shadow:0 30px 80px #0000004d}.ui-modal-head{border-bottom:1px solid var(--outline-variant);flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding:14px 18px;display:flex}.ui-modal-title{min-width:0;color:var(--on-surface);font-size:15px;font-weight:700}.ui-modal-close{width:32px;height:32px;color:var(--on-surface-variant);background:var(--surface-container-high);transition:transform var(--spring-snappy-dur) var(--spring-snappy);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ui-modal-close:active{transform:scale(.86)}.ui-modal-body{overscroll-behavior:contain;flex:1;padding:18px;overflow:auto}.ui-modal-foot{padding:12px 18px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--outline-variant);flex-shrink:0;justify-content:flex-end;gap:8px;display:flex}.tb-btn.is-destructive{color:#fff;background:var(--error);border-color:var(--error)}.tb-btn.is-destructive:hover:not(:disabled){color:#fff;filter:brightness(1.06)}@media (max-width:640px){.ui-modal-overlay{align-items:flex-end;padding:0}.ui-modal{max-height:90vh;animation:sheet-up var(--spring-snappy-dur) var(--spring-snappy) backwards;border-bottom:none;border-radius:24px 24px 0 0;width:100%!important}}@media (prefers-reduced-motion:reduce){.ui-modal-overlay,.ui-modal{animation:none!important}}