:root{--accent:#f5c518;--accent-hover:#e6b800;--bg:#0a0a0a;--card:#111;--border:hsla(0,0%,100%,.1);--text:#f5f5f0;--text-muted:#88887f;--sidebar-bg:#111;--card-border:rgba(245,197,24,.08);--glass-bg:hsla(0,0%,100%,.04);--glass-border:hsla(0,0%,100%,.08);--glass-blur:20px;--glass-shadow:0 8px 32px rgba(0,0,0,.4);--glass-hover-border:hsla(0,0%,100%,.15);--glass-card-bg:hsla(0,0%,100%,.03);--glass-card-border:hsla(0,0%,100%,.06);--glass-input-bg:hsla(0,0%,100%,.04);--glass-reflection:linear-gradient(135deg,hsla(0,0%,100%,.08),transparent 50%)}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
/* ! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com */*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:JetBrains Mono,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.contents{display:contents}.hidden{display:none}.flex-shrink{flex-shrink:1}.grow{flex-grow:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.border{border-width:1px}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.underline{text-decoration-line:underline}.outline{outline-style:solid}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-filter{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}@import url("https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Outfit:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500&display=swap");:root,[data-theme=gold]{--accent:#f5c518;--bg:#0a0a0a;--card:#111;--border:hsla(0,0%,100%,.1);--ink:#000;--paper:#0a0a0a;--cream:#141414;--warm-gray:#1e1e1e;--text:#f5f5f0;--text-secondary:#a0a09a;--text-muted:#666660;--violet:#f5c518;--violet-light:#ffd84d;--violet-glow:rgba(245,197,24,.15);--violet-bg:rgba(245,197,24,.08);--coral:#ff5c5c;--emerald:#4ade80;--gold:#f5c518;--sidebar-bg:hsla(0,0%,7%,.85);--card-bg:hsla(0,0%,7%,.6);--card-border:hsla(0,0%,100%,.06);--input-bg:hsla(0,0%,4%,.8);--btn-text:#000;--hover-lift:0 8px 32px rgba(0,0,0,.5);--glass-bg:hsla(0,0%,100%,.03);--glass-border:hsla(0,0%,100%,.08);--glass-card-bg:hsla(0,0%,100%,.03);--glass-card-border:hsla(0,0%,100%,.06)}[data-theme=ocean]{--accent:#38bdf8;--bg:#0d1b2a;--card:#132236;--border:rgba(56,189,248,.1);--ink:#0a1628;--paper:#0d1b2a;--cream:#1b2838;--warm-gray:#243447;--text:#e8f0fe;--text-secondary:#8ba4c4;--text-muted:#5a7a9e;--violet:#38bdf8;--violet-light:#7dd3fc;--violet-glow:rgba(56,189,248,.15);--violet-bg:rgba(56,189,248,.08);--coral:#f87171;--emerald:#34d399;--gold:#38bdf8;--sidebar-bg:rgba(15,31,51,.85);--card-bg:rgba(19,34,54,.6);--card-border:rgba(56,189,248,.08);--input-bg:rgba(13,27,42,.8);--btn-text:#0a1628;--hover-lift:0 8px 32px rgba(56,189,248,.2);--glass-bg:rgba(56,189,248,.03);--glass-border:rgba(56,189,248,.1);--glass-card-bg:rgba(56,189,248,.04);--glass-card-border:rgba(56,189,248,.08)}[data-theme=emerald]{--accent:#10b981;--bg:#041f1a;--card:#0a2f27;--border:rgba(16,185,129,.1);--ink:#022c22;--paper:#041f1a;--cream:#0a2f27;--warm-gray:#134035;--text:#ecfdf5;--text-secondary:#6ee7b7;--text-muted:#34d399;--violet:#10b981;--violet-light:#34d399;--violet-glow:rgba(16,185,129,.15);--violet-bg:rgba(16,185,129,.08);--coral:#fb7185;--emerald:#10b981;--gold:#10b981;--sidebar-bg:rgba(6,40,34,.85);--card-bg:rgba(10,47,39,.6);--card-border:rgba(16,185,129,.08);--input-bg:rgba(4,31,26,.8);--btn-text:#022c22;--hover-lift:0 8px 32px rgba(16,185,129,.2);--glass-bg:rgba(16,185,129,.03);--glass-border:rgba(16,185,129,.1);--glass-card-bg:rgba(16,185,129,.04);--glass-card-border:rgba(16,185,129,.08)}[data-theme=purple]{--accent:#a855f7;--bg:#110827;--card:#1a0f35;--border:rgba(168,85,247,.1);--ink:#0f0520;--paper:#110827;--cream:#1a0f35;--warm-gray:#261648;--text:#f3eeff;--text-secondary:#c4b5fd;--text-muted:#8b5cf6;--violet:#a855f7;--violet-light:#c084fc;--violet-glow:rgba(168,85,247,.15);--violet-bg:rgba(168,85,247,.08);--coral:#fb7185;--emerald:#4ade80;--gold:#a855f7;--sidebar-bg:rgba(19,10,46,.85);--card-bg:rgba(26,15,53,.6);--card-border:rgba(168,85,247,.08);--input-bg:rgba(17,8,39,.8);--btn-text:#0f0520;--hover-lift:0 8px 32px rgba(168,85,247,.2);--glass-bg:rgba(168,85,247,.03);--glass-border:rgba(168,85,247,.1);--glass-card-bg:rgba(168,85,247,.04);--glass-card-border:rgba(168,85,247,.08)}[data-theme=rose]{--accent:#f43f5e;--bg:#1c0c14;--card:#2d1420;--border:rgba(244,63,94,.1);--ink:#1a0a10;--paper:#1c0c14;--cream:#2d1420;--warm-gray:#3d1c2e;--text:#fff1f5;--text-secondary:#fda4af;--text-muted:#e11d48;--violet:#f43f5e;--violet-light:#fb7185;--violet-glow:rgba(244,63,94,.15);--violet-bg:rgba(244,63,94,.08);--coral:#f43f5e;--emerald:#4ade80;--gold:#f43f5e;--sidebar-bg:rgba(31,14,22,.85);--card-bg:rgba(45,20,32,.6);--card-border:rgba(244,63,94,.08);--input-bg:rgba(28,12,20,.8);--btn-text:#1a0a10;--hover-lift:0 8px 32px rgba(244,63,94,.2);--glass-bg:rgba(244,63,94,.03);--glass-border:rgba(244,63,94,.1);--glass-card-bg:rgba(244,63,94,.04);--glass-card-border:rgba(244,63,94,.08)}[data-theme=light]{--accent:#f5c518;--bg:#f8f8f6;--card:#fff;--border:rgba(0,0,0,.08);--ink:#fff;--paper:#f8f8f6;--cream:#fff;--warm-gray:#f0f0ec;--text:#1a1a18;--text-secondary:#6b6b63;--text-muted:#a0a09a;--violet:#f5c518;--violet-light:#ffd84d;--violet-glow:rgba(245,197,24,.2);--violet-bg:rgba(245,197,24,.06);--coral:#ef4444;--emerald:#22c55e;--gold:#f5c518;--sidebar-bg:hsla(0,0%,100%,.85);--card-bg:hsla(0,0%,100%,.7);--card-border:rgba(0,0,0,.06);--input-bg:hsla(60,12%,97%,.9);--btn-text:#000;--hover-lift:0 8px 32px rgba(0,0,0,.1);--glass-bg:hsla(0,0%,100%,.6);--glass-border:rgba(0,0,0,.08);--glass-card-bg:hsla(0,0%,100%,.5);--glass-card-border:rgba(0,0,0,.06)}*{box-sizing:border-box}body{font-family:Outfit,sans-serif;background:var(--paper);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background .3s ease,color .3s ease}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--paper)}::-webkit-scrollbar-thumb{background:var(--warm-gray);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 0 rgba(245,197,24,.2)}50%{box-shadow:0 0 0 8px rgba(245,197,24,0)}}.animate-fade-in{animation:fadeIn .5s ease-out}.animate-fade-up{animation:fadeUp .6s ease-out}.animate-slide-in{animation:slideIn .5s ease-out}.toast-container{position:fixed;bottom:24px;right:24px;z-index:9999}.toast{background:var(--violet);color:var(--btn-text);padding:14px 24px;border-radius:14px;font-size:14px;font-weight:600;box-shadow:0 8px 30px var(--violet-glow),0 2px 8px rgba(0,0,0,.2);animation:fadeUp .3s ease-out;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.theme-picker{display:flex;gap:8px;flex-wrap:wrap;padding:8px 0}.theme-dot{width:28px;height:28px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:all .2s ease;position:relative}.theme-dot:hover{transform:scale(1.2)}.theme-dot.active{border-color:var(--text);box-shadow:0 0 0 3px var(--violet-glow)}.theme-dot.active:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}@media (max-width:768px){.sidebar-desktop{display:none!important}.main-content{margin-left:0!important;padding:20px!important}.mobile-header{display:flex!important}}@media (min-width:769px){.mobile-header{display:none!important}}.theme-transition{transition:background .3s ease,border-color .3s ease,color .3s ease,box-shadow .3s ease}.welcome-banner{background:var(--glass-card-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-card-border);border-radius:20px;padding:28px;margin-bottom:24px;position:relative;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.15)}.welcome-banner:before{top:-50%;right:-20%;width:300px;height:300px;background:radial-gradient(circle,var(--violet-glow) 0,transparent 70%)}.welcome-banner:after,.welcome-banner:before{content:"";position:absolute;pointer-events:none}.welcome-banner:after{top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent)}.welcome-banner .close-btn{position:absolute;top:12px;right:12px;background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:18px;padding:4px 8px;border-radius:6px}.welcome-banner .close-btn:hover{background:var(--violet-bg);color:var(--text)}.quick-action{background:var(--glass-card-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-card-border);border-radius:16px;padding:18px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.quick-action:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.06),transparent);pointer-events:none}.quick-action:hover{border-color:var(--violet);transform:translateY(-3px);box-shadow:var(--hover-lift)}.quick-action .icon{font-size:28px;margin-bottom:8px}.quick-action .title{font-size:14px;font-weight:600;color:var(--text);margin-bottom:2px}.quick-action .desc{font-size:12px;color:var(--text-muted)}[data-theme=ivory]{--accent:#d97706;--bg:#faf9f7;--card:#fff;--border:rgba(28,25,23,.08);--ink:#fff;--paper:#faf9f7;--cream:#fff;--warm-gray:#f0ede8;--text:#1c1917;--text-secondary:#57534e;--text-muted:#a8a29e;--violet:#d97706;--violet-light:#f59e0b;--violet-glow:rgba(217,119,6,.15);--violet-bg:rgba(217,119,6,.06);--coral:#dc2626;--emerald:#16a34a;--gold:#d97706;--sidebar-bg:hsla(0,0%,100%,.85);--card-bg:hsla(0,0%,100%,.7);--card-border:rgba(28,25,23,.06);--input-bg:hsla(40,23%,97%,.9);--btn-text:#fff;--hover-lift:0 8px 32px rgba(28,25,23,.12);--glass-bg:hsla(0,0%,100%,.6);--glass-border:rgba(28,25,23,.08);--glass-card-bg:hsla(0,0%,100%,.5);--glass-card-border:rgba(28,25,23,.06)}[data-theme=aurora]{--accent:#6366f1;--bg:#f0f4ff;--card:#fff;--border:rgba(99,102,241,.12);--ink:#fff;--paper:#f0f4ff;--cream:#fff;--warm-gray:#e8edff;--text:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--violet:#6366f1;--violet-light:#818cf8;--violet-glow:rgba(99,102,241,.18);--violet-bg:rgba(99,102,241,.07);--coral:#f43f5e;--emerald:#10b981;--gold:#6366f1;--sidebar-bg:hsla(0,0%,100%,.85);--card-bg:hsla(0,0%,100%,.7);--card-border:rgba(99,102,241,.08);--input-bg:rgba(240,244,255,.9);--btn-text:#fff;--hover-lift:0 8px 32px rgba(99,102,241,.18);--glass-bg:hsla(0,0%,100%,.6);--glass-border:rgba(99,102,241,.12);--glass-card-bg:hsla(0,0%,100%,.5);--glass-card-border:rgba(99,102,241,.08)}[data-theme=aurora] aside,[data-theme=ivory] aside,[data-theme=light] aside{box-shadow:1px 0 0 var(--card-border),4px 0 24px rgba(0,0,0,.04)}[data-theme=cream]{--accent:#c8a96e;--bg:#faf7f2;--card:#fff;--border:hsla(39,45%,61%,.2);--ink:#fff;--paper:#faf7f2;--cream:#f5f0e8;--warm-gray:#ede7dc;--text:#2c2416;--text-secondary:#6b5b45;--text-muted:#a0906e;--violet:#c8a96e;--violet-light:#d4bc8a;--violet-glow:hsla(39,45%,61%,.2);--violet-bg:hsla(39,45%,61%,.08);--coral:#c0604a;--emerald:#5a8a5a;--gold:#c8a96e;--sidebar-bg:hsla(37,39%,94%,.85);--card-bg:hsla(0,0%,100%,.7);--card-border:hsla(39,45%,61%,.12);--input-bg:hsla(38,44%,96%,.9);--btn-text:#2c2416;--hover-lift:0 8px 32px hsla(39,45%,61%,.18);--glass-bg:hsla(0,0%,100%,.5);--glass-border:hsla(39,45%,61%,.15);--glass-card-bg:hsla(0,0%,100%,.5);--glass-card-border:hsla(39,45%,61%,.1)}[data-theme=midnight]{--accent:#4f8ef7;--bg:#030b1a;--card:#071428;--border:rgba(79,142,247,.12);--ink:#000510;--paper:#030b1a;--cream:#071428;--warm-gray:#0e2040;--text:#e8f0ff;--text-secondary:#7aa0e0;--text-muted:#4a6fa0;--violet:#4f8ef7;--violet-light:#7aabff;--violet-glow:rgba(79,142,247,.2);--violet-bg:rgba(79,142,247,.08);--coral:#ff6b6b;--emerald:#4adeaa;--gold:#4f8ef7;--sidebar-bg:rgba(5,15,32,.9);--card-bg:rgba(7,20,40,.6);--card-border:rgba(79,142,247,.08);--input-bg:rgba(3,11,26,.8);--btn-text:#000510;--hover-lift:0 8px 32px rgba(79,142,247,.25);--glass-bg:rgba(79,142,247,.03);--glass-border:rgba(79,142,247,.12);--glass-card-bg:rgba(79,142,247,.04);--glass-card-border:rgba(79,142,247,.08)}[data-theme=neon]{--accent:#0f8;--bg:#0a0a0a;--card:#111;--border:rgba(0,255,136,.12);--ink:#000;--paper:#0a0a0a;--cream:#111;--warm-gray:#1a1a1a;--text:#f0f0f0;--text-secondary:#a0a0a0;--text-muted:#606060;--violet:#0f8;--violet-light:#4fa;--violet-glow:rgba(0,255,136,.2);--violet-bg:rgba(0,255,136,.06);--coral:#f36;--emerald:#0f8;--gold:#0f8;--sidebar-bg:rgba(8,8,8,.9);--card-bg:hsla(0,0%,7%,.6);--card-border:rgba(0,255,136,.08);--input-bg:hsla(0,0%,4%,.8);--btn-text:#000;--hover-lift:0 8px 32px rgba(0,255,136,.25);--glass-bg:rgba(0,255,136,.02);--glass-border:rgba(0,255,136,.12);--glass-card-bg:rgba(0,255,136,.03);--glass-card-border:rgba(0,255,136,.08)}.glass{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.glass-card{background:var(--glass-card-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-card-border);border-radius:20px;box-shadow:0 4px 24px rgba(0,0,0,.2);position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);pointer-events:none}.glass-card:hover{border-color:var(--glass-hover-border);transform:translateY(-2px);box-shadow:var(--hover-lift)}.glass-sidebar{background:var(--sidebar-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-right:1px solid var(--glass-card-border)}.glass-input{background:var(--glass-input-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-card-border);border-radius:12px;transition:all .2s ease}.glass-input:focus{border-color:var(--violet);box-shadow:0 0 0 4px var(--violet-glow)}.glass-btn{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-border);transition:all .25s cubic-bezier(.4,0,.2,1)}.glass-btn:hover{background:var(--glass-bg);border-color:var(--glass-hover-border);transform:translateY(-1px)}.glass-reflection{position:relative}.glass-reflection:after{content:"";position:absolute;bottom:-40%;left:5%;right:5%;height:40%;background:inherit;filter:blur(20px);opacity:.15;transform:scaleY(-1);pointer-events:none;mask-image:linear-gradient(180deg,rgba(0,0,0,.3),transparent);-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.3),transparent)}@keyframes gradient-shift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.glass-premium{position:relative;border:none}.glass-premium:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,var(--violet-glow),transparent 40%,var(--violet-glow));background-size:200% 200%;animation:gradient-shift 4s ease infinite;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:xor;pointer-events:none}.icon-3d{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:28px;position:relative;background:linear-gradient(135deg,var(--glass-card-bg),var(--glass-bg));border:1px solid var(--glass-card-border);box-shadow:0 4px 12px rgba(0,0,0,.2),inset 0 1px 0 hsla(0,0%,100%,.1)}.glow-dot{width:8px;height:8px;border-radius:50%;background:var(--emerald);box-shadow:0 0 8px var(--emerald),0 0 16px rgba(74,222,128,.3);animation:pulse-glow 2s ease-in-out infinite}