@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;300;400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--primary-h: 84;--primary-s: 15%;--primary-l: 35%;--primary: hsl(var(--primary-h) var(--primary-s) var(--primary-l));--primary-light: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) + 10%));--primary-dark: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) - 15%));--studio-obsidian: #0c0e0a;--studio-night: #151812;--studio-sage: #2a2e24;--studio-paper: #f8f9f7;--studio-mist: #e2e4e0;--color-surface-1: var(--studio-paper);--color-surface-2: #f1f2ef;--color-surface-3: #e8e9e5;--color-surface-4: #dfe0db;--color-text-1: #1a1c18;--color-text-2: #4a4d46;--color-text-3: #8a8d86;--color-surface-1: hsl(0 0% 100%);--color-surface-2: hsl(0 0% 98%);--color-surface-3: hsl(0 0% 95%);--color-surface-4: hsl(0 0% 92%);--color-text-1: hsl(0 0% 10%);--color-text-2: hsl(0 0% 30%);--color-text-3: hsl(0 0% 50%);--accent-blue: #3b82f6;--accent-purple: #8b5cf6;--accent-pink: #ec4899;--accent-orange: #f59e0b;--accent-cyan: #06b6d4;--accent-emerald: #10b981;--accent-red: #ef4444;--accent-indigo: #6366f1;--gradient-primary: linear-gradient(180deg, var(--primary) 0%, var(--primary-dark) 100%);--gradient-studio: linear-gradient(135deg, var(--studio-night) 0%, #1e221a 100%);--gradient-subtle: linear-gradient(180deg, rgba(255,255,255,.05) 0%, rgba(255,255,255,0) 100%);--gradient-static: linear-gradient(180deg, #fdfdfc 0%, #f5f6f3 100%);--gradient-noise: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");--glass-white: rgba(255, 255, 255, .08);--glass-white-strong: rgba(255, 255, 255, .15);--glass-border: rgba(255, 255, 255, .12);--glass-border-hover: rgba(255, 255, 255, .25);--glass-blur: blur(20px);--shadow-1: 0 1px 1px rgba(0,0,0,.02), 0 2px 2px rgba(0,0,0,.02);--shadow-2: 0 4px 8px -2px rgba(0,0,0,.04), 0 2px 4px -1px rgba(0,0,0,.02);--shadow-3: 0 12px 24px -4px rgba(0,0,0,.08), 0 4px 8px -2px rgba(0,0,0,.04);--shadow-4: 0 20px 32px -8px rgba(0,0,0,.12);--shadow-studio: 0 8px 32px -4px rgba(0,0,0,.1), 0 4px 12px -2px rgba(0,0,0,.05);--shadow-inset: inset 0 1px 0 0 rgba(255, 255, 255, .05);--ease-1: cubic-bezier(.25, 0, .5, 1);--ease-2: cubic-bezier(.25, 0, .4, 1);--ease-3: cubic-bezier(.25, 0, .3, 1);--ease-4: cubic-bezier(.25, 0, .2, 1);--ease-5: cubic-bezier(.25, 0, .1, 1);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-bounce: cubic-bezier(.5, -.25, .25, 1.25);--ease-elastic: cubic-bezier(.5, 1.5, .75, 1.25);--ease-squish: cubic-bezier(.5, -.3, .1, 1.5);--font-size-00: clamp(.625rem, .5rem + .39vw, .75rem);--font-size-0: clamp(.75rem, .68rem + .39vw, .875rem);--font-size-1: clamp(.875rem, .82rem + .26vw, 1rem);--font-size-2: clamp(1rem, .91rem + .43vw, 1.25rem);--font-size-3: clamp(1.25rem, 1.09rem + .78vw, 1.75rem);--font-size-4: clamp(1.5rem, 1.22rem + 1.39vw, 2.5rem);--font-size-5: clamp(2rem, 1.48rem + 2.61vw, 4rem);--font-size-6: clamp(2.5rem, 1.78rem + 3.61vw, 5.5rem);--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-weight-black: 900;--space-1: clamp(.25rem, .2rem + .13vw, .3rem);--space-2: clamp(.5rem, .45rem + .26vw, .625rem);--space-3: clamp(.75rem, .65rem + .52vw, 1rem);--space-4: clamp(1rem, .87rem + .65vw, 1.5rem);--space-5: clamp(1.5rem, 1.3rem + 1vw, 2rem);--space-6: clamp(2rem, 1.7rem + 1.5vw, 3rem);--space-7: clamp(3rem, 2.5rem + 2.5vw, 5rem);--space-8: clamp(4rem, 3.3rem + 3.5vw, 7rem);--font-heading: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace}html.dark{--primary-l: 60%;--primary: hsl(var(--primary-h) var(--primary-s) var(--primary-l));--primary-light: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) + 10%));--primary-dark: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) - 15%));--shadow-studio: 0 8px 32px -4px rgba(0,0,0,.5), 0 4px 12px -2px rgba(0,0,0,.3)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes studio-slide-up{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes studio-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce-subtle{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes pop-elastic{0%{transform:scale(.9);opacity:0}60%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes pop-in{0%{transform:scale(.8);opacity:0}70%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 5px #728c4b4d}50%{box-shadow:0 0 20px #728c4b99,0 0 40px #728c4b4d}}@keyframes heartbeat{0%,to{transform:scale(1)}14%{transform:scale(1.15)}28%{transform:scale(1)}42%{transform:scale(1.15)}70%{transform:scale(1)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes gradient-flow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(2deg)}}@keyframes morph{0%,to{border-radius:40% 60% 60% 40%/60% 40%}50%{border-radius:60% 40% 40% 60%/40% 60%}}@keyframes icon-spin-bounce{0%{transform:rotate(0) scale(1)}25%{transform:rotate(180deg) scale(1.1)}50%{transform:rotate(360deg) scale(1)}to{transform:rotate(360deg) scale(1)}}@keyframes attention-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.08);opacity:.9}}@keyframes slide-in-bottom{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slide-in-left{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slide-in-right{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes scale-fade-in{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes ripple{0%{transform:scale(0);opacity:.5}to{transform:scale(4);opacity:0}}@keyframes draw-check{0%{stroke-dashoffset:24}to{stroke-dashoffset:0}}@keyframes number-flip{0%{transform:translateY(-100%);opacity:0}60%{transform:translateY(10%)}to{transform:translateY(0);opacity:1}}@keyframes glow-ring{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.animate-bounce-subtle{animation:bounce-subtle 2s ease-in-out infinite}.animate-pop{animation:pop-in .4s var(--ease-spring) forwards}.animate-pop-elastic{animation:pop-elastic .5s var(--ease-spring) forwards}.animate-wiggle,.animate-wiggle-hover:hover{animation:wiggle .5s ease-in-out}.animate-shake{animation:shake .5s ease-in-out}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.animate-heartbeat{animation:heartbeat 1.5s ease-in-out infinite}.animate-shimmer{position:relative;overflow:hidden}.animate-shimmer:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 2s infinite}.animate-gradient-flow{background-size:200% 200%;animation:gradient-flow 3s ease infinite}.animate-float{animation:float 3s ease-in-out infinite}.animate-morph{animation:morph 8s ease-in-out infinite}.animate-spin-slow{animation:studio-spin 3s linear infinite}.animate-attention{animation:attention-pulse 2s ease-in-out infinite}.animate-breathe{animation:breathe 3s ease-in-out infinite}.animate-slide-up{animation:slide-in-bottom .5s var(--ease-out-expo) forwards}.animate-slide-left{animation:slide-in-left .5s var(--ease-out-expo) forwards}.animate-slide-right{animation:slide-in-right .5s var(--ease-out-expo) forwards}.animate-scale-in{animation:scale-fade-in .3s var(--ease-out-expo) forwards}.stagger-1{animation-delay:50ms}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}.stagger-7{animation-delay:.35s}.stagger-8{animation-delay:.4s}.hover-bounce:hover{animation:bounce-subtle .5s ease-in-out}.hover-pop:hover{animation:pop-in .3s var(--ease-spring)}.hover-shake:hover{animation:shake .4s ease-in-out}.hover-heartbeat:hover{animation:heartbeat .8s ease-in-out}.icon-hover-rotate:hover .material-symbols-outlined,.icon-hover-rotate:hover svg{transition:transform .3s var(--ease-spring);transform:rotate(15deg)}.icon-hover-scale:hover .material-symbols-outlined,.icon-hover-scale:hover svg{transition:transform .3s var(--ease-spring);transform:scale(1.2)}.icon-hover-bounce:hover .material-symbols-outlined,.icon-hover-bounce:hover svg{animation:bounce-subtle .5s ease-in-out}.btn-ripple{position:relative;overflow:hidden}.btn-ripple:after{content:"";position:absolute;width:100%;height:100%;top:50%;left:50%;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);transform:translate(-50%,-50%) scale(0);opacity:0;transition:transform .5s ease,opacity .3s ease;pointer-events:none}.btn-ripple:active:after{transform:translate(-50%,-50%) scale(2);opacity:1;transition:transform 0s,opacity 0s}.card-hover-lift{transition:transform .4s var(--ease-out-expo),box-shadow .4s var(--ease-out-expo)}.card-hover-lift:hover{transform:translateY(-8px) scale(1.01);box-shadow:0 20px 40px -10px #00000026,0 0 0 1px #728c4b1a}html.dark .card-hover-lift:hover{box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #728c4b33}.focus-ring-animated:focus{outline:none;animation:pulse-glow .6s ease-out;box-shadow:0 0 0 3px #728c4b4d}.input-focus-animate{transition:border-color .2s ease,box-shadow .3s ease,transform .2s ease}.input-focus-animate:focus{transform:translateY(-1px);box-shadow:0 4px 12px -2px #728c4b33}.badge-animate-in{animation:pop-elastic .4s var(--ease-spring) forwards}.glow-ring{position:relative}.glow-ring:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:inherit;background:var(--primary);opacity:0;z-index:-1;animation:glow-ring 1.5s ease-out infinite}.glow-ring-active:before{opacity:.3}.animate-success{animation:pop-elastic .5s var(--ease-spring)}.animate-success .checkmark-path{stroke-dasharray:24;stroke-dashoffset:24;animation:draw-check .4s .2s ease-out forwards}.counter-animate{display:inline-flex;overflow:hidden}.counter-animate .digit{animation:number-flip .5s var(--ease-out-expo) forwards}.link-underline-animate{position:relative}.link-underline-animate:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:var(--primary);transform:scaleX(0);transform-origin:right;transition:transform .3s var(--ease-out-expo)}.link-underline-animate:hover:after{transform:scaleX(1);transform-origin:left}.menu-item-animate{position:relative;transition:color .2s ease}.menu-item-animate:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#728c4b1a;border-radius:.75rem;transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease-out-expo)}.menu-item-animate:hover:before{transform:scaleX(1)}.toggle-animate{transition:background-color .3s ease}.toggle-animate .toggle-knob{transition:transform .3s var(--ease-spring),box-shadow .3s ease}.toggle-animate.active .toggle-knob{transform:translate(100%);box-shadow:0 2px 8px #728c4b66}.accordion-content{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s var(--ease-out-expo)}.accordion-content.open{grid-template-rows:1fr}.accordion-content>div{overflow:hidden}.tooltip-animate{animation:pop-in .2s var(--ease-out-expo) forwards}.progress-animate{transition:width .8s var(--ease-out-expo)}.progress-animate.animate{animation:shimmer 2s infinite}.skeleton-pulse{background:linear-gradient(90deg,#ffffff0d,#ffffff1a,#ffffff0d);background-size:200% 100%;animation:gradient-flow 1.5s ease infinite}html.light .skeleton-pulse{background:linear-gradient(90deg,#0000000d,#0000001a,#0000000d);background-size:200% 100%}.icon-filled{font-variation-settings:"FILL" 1}.icon-interactive{transition:transform .2s var(--ease-spring),opacity .2s ease}.icon-interactive:active{transform:scale(.9)}body{font-family:var(--font-body);background-color:var(--studio-paper);color:var(--color-text-1);-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;letter-spacing:-.02em}.liquid-card{position:relative;background:#ffffff73;-webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%);border:1px solid rgba(255,255,255,.82);border-radius:2.5rem;box-shadow:0 10px 40px -10px #0000001a,inset 0 1px 1px #fffc,inset 0 -1px 1px #0000000d;transition:all .6s var(--ease-out-expo);overflow:hidden}.liquid-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% -20%,rgba(255,255,255,.5) 0%,transparent 60%);pointer-events:none;opacity:.5}.liquid-card:hover{transform:translateY(-8px) scale(1.005);background:#ffffff8c;box-shadow:0 30px 60px -15px #00000026,inset 0 1px 2px #fff;border-color:#fff}html.dark body{background-color:#0c0e0a}html.dark .liquid-card{background:#141812d9;-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%);border:1px solid rgba(255,255,255,.12);box-shadow:0 25px 60px -15px #000c,inset 0 1px 1px #ffffff26,inset 0 -1px 1px #ffffff0d}html.dark .liquid-card:before{background:radial-gradient(circle at 30% -20%,rgba(255,255,255,.1) 0%,transparent 50%)}html.dark .liquid-card:hover{background:#23281ecc;border-color:#fff3;box-shadow:0 40px 100px -20px #000000e6,inset 0 1px 2px #ffffff40}.glass-3d{position:relative;background:#ffffff08;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000005e,inset 0 0 0 1px #ffffff0d;border-radius:1.5rem}.shadow-liquid{box-shadow:0 10px 30px -5px #0000001a,0 20px 40px -15px #0000000d}html.dark .shadow-liquid{box-shadow:0 20px 50px -10px #0009,0 10px 30px -15px #0006}.card-gradient-border{position:relative;background:#0f140ccc;border-radius:2rem;overflow:hidden}.card-gradient-border:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;padding:1px;border-radius:2rem;background:linear-gradient(135deg,rgba(114,140,75,.5) 0%,transparent 40%,transparent 60%,rgba(114,140,75,.3) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.card-hover-glow{transition:all .5s var(--ease-out-expo)}.card-hover-glow:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 30px 60px -20px #0006,var(--shadow-glow-primary)}.card-rainbow:hover:before{animation:rainbow-border 3s linear infinite}.btn-premium{position:relative;background:var(--gradient-primary);color:#fff;font-weight:800;padding:1rem 2rem;border-radius:1rem;overflow:hidden;transition:all .4s var(--ease-out-expo);border:none;cursor:pointer}.btn-premium:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:translate(-100%);transition:transform .6s ease}.btn-premium:hover:before{transform:translate(100%)}.btn-premium:hover{transform:translateY(-3px);box-shadow:0 20px 40px -10px var(--primary-glow)}.btn-premium:active{transform:translateY(-1px) scale(.98)}.btn-glass{background:#ffffff14;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);color:#fff;font-weight:700;padding:.875rem 1.75rem;border-radius:1rem;transition:all .4s var(--ease-out-expo);cursor:pointer}.btn-glass:hover{background:#ffffff26;border-color:#ffffff40;transform:translateY(-2px)}.btn-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#ffffffb3;transition:all .3s var(--ease-out-expo);cursor:pointer}.btn-icon:hover{background:#728c4b33;border-color:#728c4b66;color:var(--primary);transform:scale(1.08)}.input-premium{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:1rem;padding:1rem 1.5rem;color:#fff;font-weight:600;transition:all .3s var(--ease-out-expo)}.input-premium::placeholder{color:#fff6}.input-premium:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #728c4b26,0 0 30px -10px var(--primary-glow)}.input-premium:hover:not(:focus){border-color:#fff3}.badge-premium{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:.75rem;font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;background:#728c4b26;color:var(--primary-light);border:1px solid rgba(114,140,75,.3)}.badge-success{background:#10b98126;color:var(--accent-emerald);border-color:#10b9814d}.badge-warning{background:#f59e0b26;color:var(--accent-orange);border-color:#f59e0b4d}.badge-danger{background:#ef444426;color:var(--accent-red);border-color:#ef44444d}.badge-info{background:#3b82f626;color:var(--accent-blue);border-color:#3b82f64d}.stat-card-premium{position:relative;overflow:hidden}.stat-card-premium:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,rgba(114,140,75,.1) 0%,transparent 60%);opacity:0;transition:opacity .5s ease}.stat-card-premium:hover:before{opacity:1}.stat-number{font-variant-numeric:tabular-nums;letter-spacing:-.05em}.custom-scrollbar::-webkit-scrollbar{width:8px;height:8px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:100px;border:2px solid transparent;background-clip:padding-box;transition:background .3s ease}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#fff3;border:2px solid transparent;background-clip:padding-box}.skeleton{position:relative;overflow:hidden;background:#ffffff0d;border-radius:.5rem}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.05) 50%,transparent 100%);animation:shimmer 2s infinite}.tooltip-premium{background:#0f140cf2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:.75rem;padding:.75rem 1rem;font-size:.75rem;font-weight:600;color:#fff;box-shadow:0 20px 40px -10px #00000080}.dropdown-premium{background:#0f140cf2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:1.25rem;padding:.5rem;box-shadow:0 30px 60px -20px #00000080,0 0 0 1px #ffffff0d}.dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:.75rem;font-size:.8rem;font-weight:700;color:#ffffffb3;transition:all .2s ease;cursor:pointer}.dropdown-item:hover{background:#728c4b26;color:#fff}.modal-backdrop{background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-premium{background:#0f140cfa;border:1px solid rgba(255,255,255,.1);border-radius:2rem;box-shadow:0 40px 80px -20px #0009,0 0 0 1px #ffffff0d}.progress-premium{height:6px;background:#ffffff1a;border-radius:100px;overflow:hidden}.progress-premium-bar{height:100%;background:var(--gradient-primary);border-radius:100px;position:relative;transition:width .5s var(--ease-out-expo)}.progress-premium-bar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 1.5s infinite}.tabs-premium{display:flex;gap:.25rem;padding:.375rem;background:#ffffff08;border-radius:1rem;border:1px solid rgba(255,255,255,.05)}.tab-premium{padding:.625rem 1.25rem;border-radius:.75rem;font-size:.75rem;font-weight:800;color:#ffffff80;transition:all .3s var(--ease-out-expo);cursor:pointer;text-transform:uppercase;letter-spacing:.05em}.tab-premium:hover{color:#fffc;background:#ffffff0d}.tab-premium.active{color:#fff;background:var(--primary);box-shadow:0 4px 15px -5px var(--primary-glow)}.toast-premium{background:#0f140cf2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(114,140,75,.3);border-radius:1.25rem;padding:1.25rem;box-shadow:0 20px 40px -10px #0006,0 0 40px -10px var(--primary-glow)}.table-premium{width:100%;border-collapse:separate;border-spacing:0 .5rem}.table-premium th{text-align:left;padding:.75rem 1rem;font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#fff6}.table-premium td{padding:1rem;background:#ffffff08;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05);transition:all .3s ease}.table-premium td:first-child{border-left:1px solid rgba(255,255,255,.05);border-radius:1rem 0 0 1rem}.table-premium td:last-child{border-right:1px solid rgba(255,255,255,.05);border-radius:0 1rem 1rem 0}.table-premium tr:hover td{background:#728c4b14;border-color:#728c4b26}.avatar-premium{position:relative;display:inline-flex}.avatar-premium img{border-radius:1rem;border:2px solid rgba(255,255,255,.2);transition:all .3s ease}.avatar-premium:hover img{border-color:var(--primary);transform:scale(1.05)}.avatar-status{position:absolute;bottom:-2px;right:-2px;width:14px;height:14px;border-radius:50%;border:3px solid rgba(15,20,12,1);background:var(--accent-emerald)}.avatar-status.offline{background:#ffffff4d}.avatar-status.busy{background:var(--accent-red)}.divider-premium{height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%)}.icon-bg-primary{background:linear-gradient(135deg,#728c4b33,#728c4b1a);color:var(--primary)}.icon-bg-blue{background:linear-gradient(135deg,#3b82f633,#3b82f61a);color:var(--accent-blue)}.icon-bg-purple{background:linear-gradient(135deg,#8b5cf633,#8b5cf61a);color:var(--accent-purple)}.icon-bg-orange{background:linear-gradient(135deg,#f59e0b33,#f59e0b1a);color:var(--accent-orange)}.icon-bg-emerald{background:linear-gradient(135deg,#10b98133,#10b9811a);color:var(--accent-emerald)}.icon-bg-pink{background:linear-gradient(135deg,#ec489933,#ec48991a);color:var(--accent-pink)}@media(max-width:768px){.card-hover-glow:hover{transform:translateY(-4px) scale(1.01)}.btn-premium:hover{transform:translateY(-2px)}}html.dark{color-scheme:dark}html.light .card-gradient-border{background:#fffc}html.light .card-gradient-border:before{background:linear-gradient(135deg,rgba(114,140,75,.3) 0%,transparent 40%,transparent 60%,rgba(114,140,75,.2) 100%)}html.light .btn-glass{background:#0000000a;border-color:#0000001a;color:#151811}html.light .btn-glass:hover{background:#00000014;border-color:#00000026}html.light .input-premium{background:#0000000a;border-color:#0000001a;color:#151811}html.light .input-premium::placeholder{color:#0006}html.light .input-premium:focus{border-color:var(--primary);box-shadow:0 0 0 4px #728c4b1a}html.light .custom-scrollbar::-webkit-scrollbar-thumb{background:#0000001a}html.light .custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#0003}html.light .dropdown-premium,html.light .tooltip-premium,html.light .modal-premium{background:#fffffff2;border-color:#0000001a}html.light .dropdown-item{color:#0009}html.light .dropdown-item:hover{color:#151811}.spotlight-card{position:relative;overflow:hidden}.spotlight-card:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;background:radial-gradient(600px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(114,140,75,.08) 0%,transparent 40%);opacity:0;transition:opacity .5s ease}.spotlight-card:hover:after{opacity:1}.glass-enhanced{background:#ffffff14;-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%);border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px 1px #ffffff1a,0 20px 60px -20px #0000004d}.noise-overlay:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.02;pointer-events:none;border-radius:inherit}html.light .noise-overlay:before{opacity:.03}.focus-ring:focus-visible{outline:none;box-shadow:0 0 0 2px #0f140c,0 0 0 4px var(--primary)}html.light .focus-ring:focus-visible{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--primary)}.magnetic{transition:transform var(--duration-fast) var(--ease-out-expo)}.scale-on-hover{transition:transform var(--duration-normal) var(--ease-out-expo)}.scale-on-hover:hover{transform:scale(1.02)}.scale-on-hover:active{transform:scale(.98)}.lift-on-hover{transition:all var(--duration-normal) var(--ease-out-expo)}.lift-on-hover:hover{transform:translateY(-4px);box-shadow:var(--shadow-4)}.press-effect{transition:transform var(--duration-fast) var(--ease-spring)}.press-effect:active{transform:scale(.95)}.tilt-effect{transition:transform var(--duration-normal) var(--ease-out-expo);perspective:1000px}::selection{background:var(--primary);color:#fff}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.text-gradient-premium{background:var(--gradient-premium);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.text-gradient-ocean{background:var(--gradient-ocean);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.text-shadow-sm{text-shadow:0 1px 2px rgba(0,0,0,.2)}.text-shadow-md{text-shadow:0 2px 4px rgba(0,0,0,.2)}.text-shadow-lg{text-shadow:0 4px 8px rgba(0,0,0,.25)}.text-shadow-glow{text-shadow:0 0 20px var(--primary-glow)}.truncate-1{overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical}.truncate-2{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.truncate-3{overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical}.surface-1{background:var(--color-surface-1)}.surface-2{background:var(--color-surface-2)}.surface-3{background:var(--color-surface-3)}.surface-glass{background:var(--glass-white);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border)}.surface-elevated{background:var(--color-surface-1);box-shadow:var(--shadow-3)}.glass-frost{background:#ffffff1a;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.15)}.glass-aurora{background:linear-gradient(135deg,#728c4b1a,#8b5cf60d,#ec48991a);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1)}.bg-mesh{background:radial-gradient(at 40% 20%,hsla(87,30%,42%,.3) 0px,transparent 50%),radial-gradient(at 80% 0%,hsla(262,91%,72%,.2) 0px,transparent 50%),radial-gradient(at 0% 50%,hsla(330,81%,65%,.2) 0px,transparent 50%),radial-gradient(at 80% 50%,hsla(187,94%,43%,.15) 0px,transparent 50%),radial-gradient(at 0% 100%,hsla(262,91%,72%,.15) 0px,transparent 50%)}.state-disabled{opacity:.5;pointer-events:none;cursor:not-allowed}.state-loading{pointer-events:none;position:relative}.state-loading:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fffc;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center}.blend-multiply{mix-blend-mode:multiply}.blend-screen{mix-blend-mode:screen}.blend-overlay{mix-blend-mode:overlay}.blend-darken{mix-blend-mode:darken}.blend-lighten{mix-blend-mode:lighten}.blend-color-dodge{mix-blend-mode:color-dodge}.blend-soft-light{mix-blend-mode:soft-light}.blend-difference{mix-blend-mode:difference}.blend-exclusion{mix-blend-mode:exclusion}.blend-luminosity{mix-blend-mode:luminosity}.filter-grayscale{filter:grayscale(100%)}.filter-sepia{filter:sepia(100%)}.filter-saturate{filter:saturate(150%)}.filter-hue-rotate{filter:hue-rotate(90deg)}.filter-invert{filter:invert(100%)}.filter-brightness{filter:brightness(125%)}.filter-contrast{filter:contrast(125%)}@supports (animation-timeline: scroll()){.scroll-fade-in{animation:fade-in linear;animation-timeline:view();animation-range:entry 0% cover 40%}.scroll-scale-up{animation:scale-up linear;animation-timeline:view();animation-range:entry 0% cover 40%}@keyframes fade-in{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-up{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}}@supports (container-type: inline-size){.container-inline{container-type:inline-size}@container (min-width: 400px){.cq-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}}@container (min-width: 600px){.cq-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}}@container (min-width: 800px){.cq-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.animate-shimmer,.animate-pulse-glow,.animate-float,.animate-gradient-flow,.animate-spin-slow,.animate-morph,.animate-glow-pulse,.animate-heartbeat{animation:none!important}}@media print{.no-print{display:none!important}*{background:#fff!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}}html.dark{--color-surface-1: hsl(100 8% 8%);--color-surface-2: hsl(100 8% 12%);--color-surface-3: hsl(100 8% 16%);--color-surface-4: hsl(100 8% 20%);--color-text-1: hsl(0 0% 95%);--color-text-2: hsl(0 0% 75%);--color-text-3: hsl(0 0% 55%)}html.dark .surface-1{background:var(--color-surface-1)}html.dark .surface-2{background:var(--color-surface-2)}html.dark .surface-3{background:var(--color-surface-3)}html.dark .glass-frost{background:#0000004d;border-color:#ffffff14}.shadow-liquid-strong{box-shadow:0 8px 30px -5px #00000026,0 20px 50px -15px #0003}.animate-lux{animation:slide-up-fade .6s var(--ease-out-expo) forwards}@keyframes slide-up-fade{0%{opacity:0;transform:translateY(30px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes blur-in{0%{opacity:0;filter:blur(8px);transform:scale(.98)}to{opacity:1;filter:blur(0px);transform:scale(1)}}.animate-blur-in{animation:blur-in .8s var(--ease-out-expo) forwards}.aspect-square{aspect-ratio:1 / 1}.aspect-video{aspect-ratio:16 / 9}.aspect-portrait{aspect-ratio:3 / 4}.aspect-cinema{aspect-ratio:2.35 / 1}.aspect-ultrawide{aspect-ratio:21 / 9}.hover-lift{transition:transform var(--duration-normal) var(--ease-out-expo),box-shadow var(--duration-normal) var(--ease-out-expo)}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-4)}.hover-scale{transition:transform var(--duration-normal) var(--ease-spring)}.hover-scale:hover{transform:scale(1.02)}.hover-scale:active{transform:scale(.98)}.hover-glow{transition:box-shadow var(--duration-normal) var(--ease-out-expo)}.hover-glow:hover{box-shadow:var(--shadow-glow-primary)}.hover-wiggle:hover{animation:wiggle .5s var(--ease-spring)}.glass-card-frosted{background:#ffffffa6;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.4);border-radius:var(--radius-5);box-shadow:0 4px 30px #0000001a,inset 0 1px #fff9}html.dark .glass-card-frosted{background:#00000080;border-color:#ffffff1a;box-shadow:0 4px 30px #0000004d,inset 0 1px #ffffff0d}.glass-card-aurora{background:linear-gradient(135deg,#728c4b26,#8b5cf61a,#06b6d426);-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-5);animation:gradient-flow 8s ease infinite;background-size:200% 200%}html.dark .glass-card-aurora{background:linear-gradient(135deg,#728c4b33,#8b5cf626,#06b6d433);border-color:#ffffff14}html.dark .surface-elevated{background:#ffffff0d;box-shadow:var(--shadow-2)}html.light .surface-elevated{background:#fffc;box-shadow:var(--shadow-2)}.tab-premium-active{position:relative;overflow:hidden}.tab-premium-active:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:translate(-100%);animation:shimmer 2s ease-in-out infinite}@media(max-width:1024px){.header-nav-container{gap:2rem}.nav-desktop{display:none}.mobile-menu-btn{display:flex}}@media(max-width:768px){.page-container{padding-left:1rem;padding-right:1rem}.glass-card-frosted,.liquid-card,.glass-enhanced{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.liquid-card,.glass-card-frosted{padding:1rem;border-radius:1rem}.text-hero{font-size:2rem;line-height:1.1}.btn-premium,.btn-glass{padding:.75rem 1.25rem;font-size:.75rem}.stat-card-mobile{padding:1rem}.stat-card-mobile .stat-icon{width:40px;height:40px}.stat-card-mobile .stat-value{font-size:1.75rem}.modal-premium{margin:1rem;max-width:calc(100vw - 2rem);max-height:calc(100vh - 2rem);border-radius:1.5rem}.dropdown-premium{position:fixed;left:1rem;right:1rem;max-width:none}.table-premium{display:block;overflow-x:auto}@supports (-webkit-overflow-scrolling: touch){.table-premium{-webkit-overflow-scrolling:touch}}.animate-float,.animate-morph{animation:none}}@media(max-width:640px){.liquid-card,.glass-card-frosted{padding:.875rem;border-radius:.875rem}.badge-premium{padding:.375rem .75rem;font-size:.6rem}.icon-lg{font-size:1.25rem}.quick-actions-mobile{flex-direction:column;gap:.5rem}.btn-full-mobile{width:100%}}.mobile-nav-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:998;opacity:0;pointer-events:none;transition:opacity .3s ease}.mobile-nav-overlay.active{opacity:1;pointer-events:auto}.mobile-nav-drawer{position:fixed;top:0;right:0;bottom:0;width:85%;max-width:320px;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:999;transform:translate(100%);transition:transform .4s cubic-bezier(.16,1,.3,1);padding:2rem 1.5rem;display:flex;flex-direction:column;box-shadow:-20px 0 60px -20px #0000004d}html.dark .mobile-nav-drawer{background:#0f140cf2}.mobile-nav-drawer.active{transform:translate(0)}.mobile-nav-drawer-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(0,0,0,.1)}html.dark .mobile-nav-drawer-header{border-color:#ffffff1a}.mobile-nav-link{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:1rem;font-size:.95rem;font-weight:700;color:#475240;transition:all .2s ease;margin-bottom:.5rem}html.dark .mobile-nav-link{color:#ffffffb3}.mobile-nav-link:hover,.mobile-nav-link.active{background:#728c4b1a;color:var(--primary)}.mobile-nav-link.active{background:#728c4b26;color:var(--primary);font-weight:800}.mobile-nav-link .material-symbols-outlined{font-size:1.25rem}.mobile-header{padding:1rem}.mobile-header .logo-text{font-size:1.125rem}@media(pointer:coarse){button,a,.clickable{min-height:44px;min-width:44px}.btn-icon{width:48px;height:48px}.touch-spacing>*+*{margin-top:.75rem}}@supports (padding-top: env(safe-area-inset-top)){.safe-area-top{padding-top:env(safe-area-inset-top)}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom)}.mobile-nav-drawer{padding-top:calc(2rem + env(safe-area-inset-top));padding-bottom:calc(2rem + env(safe-area-inset-bottom))}}@media(max-height:500px)and (orientation:landscape){.mobile-nav-drawer{padding-top:1rem;padding-bottom:1rem}.mobile-nav-link{padding:.75rem 1rem;margin-bottom:.25rem}}.scrollbar-hide{-ms-overflow-style:none}@supports (scrollbar-width: none){.scrollbar-hide{scrollbar-width:none}}.scrollbar-hide::-webkit-scrollbar{display:none}@media(max-width:640px){.text-hero-mobile{font-size:1.75rem}.text-title-mobile{font-size:1.25rem}}.animation-delay-0{animation-delay:0ms}.animation-delay-150{animation-delay:.15s}.animation-delay-300{animation-delay:.3s}.animation-delay-500{animation-delay:.5s}.animation-delay-1000{animation-delay:1s}.animation-delay-1500{animation-delay:1.5s}.animation-delay-2000{animation-delay:2s}.bg-grid-pattern{background-image:linear-gradient(rgba(114,140,75,.5) 1px,transparent 1px),linear-gradient(90deg,rgba(114,140,75,.5) 1px,transparent 1px);background-size:60px 60px}.gradient-accent-flow{background-size:200% 100%}.progress-w-dynamic{width:var(--progress-width, 0%)}.storage-progress-bar{width:var(--storage-width, 0%)}.login-page-bg{background-color:var(--studio-obsidian)}.login-radial-overlay{background:radial-gradient(ellipse at center,transparent 0%,var(--studio-obsidian) 80%)}.login-top-glow{background:linear-gradient(90deg,transparent,rgba(114,140,75,.5),transparent)}.login-inner-glow{background:radial-gradient(ellipse at top,rgba(114,140,75,.15) 0%,transparent 70%)}.login-glass-btn{background:#ffffff08;border:1px solid rgba(255,255,255,.08)}.login-input-field{background:#ffffff0d!important;border:1px solid rgba(114,140,75,.3);color:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none}.login-input-field::placeholder{color:#ffffff59}.login-input-field:-webkit-autofill,.login-input-field:-webkit-autofill:hover,.login-input-field:-webkit-autofill:focus{-webkit-text-fill-color:#ffffff;-webkit-box-shadow:0 0 0px 1000px rgba(20,24,18,.95) inset;transition:background-color 5000s ease-in-out 0s}.login-subtle-border{border-color:#ffffff0d}.app-loading-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#0a0f08}.app-loading-spinner{width:40px;height:40px;border:3px solid rgba(114,140,75,.3);border-top-color:#728c4b;border-radius:50%}.login-card-glow{background:linear-gradient(135deg,rgba(114,140,75,.2) 0%,transparent 50%);filter:blur(20px);transform:translateY(20px)}@media(max-width:639px){h1,.text-hero{font-size:clamp(1.75rem,8vw,2.5rem)!important;line-height:1.1}h2,.text-title{font-size:clamp(1.5rem,6vw,2rem)!important}h3{font-size:clamp(1.125rem,4vw,1.5rem)!important}.container,.px-4,.px-6,.px-8{padding-left:1rem!important;padding-right:1rem!important}.flex-row-mobile-stack{flex-direction:column!important;gap:1rem}.btn-mobile-full{width:100%!important}.hide-mobile{display:none!important}button,.btn,[role=button]{min-height:44px;min-width:44px}.scroll-x-mobile{overflow-x:auto;-ms-overflow-style:none}@supports (scrollbar-width: none){.scroll-x-mobile{scrollbar-width:none}}.scroll-x-mobile::-webkit-scrollbar{display:none}.grid-mobile-1{grid-template-columns:1fr!important}.modal-content{max-height:90vh;max-width:95vw!important;margin:.5rem;border-radius:1.5rem!important}.liquid-card{padding:1.25rem!important}.nav-mobile{position:fixed;bottom:0;left:0;right:0;z-index:50;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(0,0,0,.1);padding:.5rem 1rem}html.dark .nav-mobile{background:#151812f2;border-top-color:#ffffff1a}.stats-grid-mobile{grid-template-columns:repeat(2,1fr)!important;gap:.75rem}.hide-3d-mobile canvas{display:none!important}}@media(min-width:640px)and (max-width:1023px){h1,.text-hero{font-size:clamp(2rem,6vw,3rem)}.container{padding-left:2rem;padding-right:2rem}.grid-tablet-2{grid-template-columns:repeat(2,1fr)!important}.nav-tablet-compact{gap:.5rem}.nav-tablet-compact span{font-size:.65rem;letter-spacing:.1em}.reduce-3d-tablet canvas{opacity:.7}}@media(min-width:1024px){.show-desktop-only{display:flex!important}.container-desktop{max-width:1400px;margin:0 auto}}@media(min-width:1440px){.container-wide{max-width:1600px;padding-left:3rem;padding-right:3rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}canvas{display:none!important}.animate-bounce-subtle,.animate-pop,.animate-wiggle,.animate-shimmer,.animate-float,.animate-pulse-glow{animation:none!important}.hover-lift:hover,.card-hover-lift:hover{transform:none}.loading-indicator:after{animation:none;border-color:currentColor}}@media(prefers-contrast:high){:root{--primary: #2d4a1c;--glass-border: rgba(0, 0, 0, .5)}html.dark{--primary: #a8c47a}.liquid-card,.glass-card-frosted{border-width:2px;border-color:currentColor}.text-gray-400,.text-gray-500{color:inherit!important;opacity:.8}}:focus-visible{outline:3px solid var(--primary);outline-offset:2px;border-radius:4px}.focus-ring-primary:focus-visible{outline-color:var(--primary);box-shadow:0 0 0 4px #728c4b4d}.focus-ring-white:focus-visible{outline-color:#fff;box-shadow:0 0 0 4px #ffffff4d}.skip-link{position:absolute;top:-100%;left:50%;transform:translate(-50%);z-index:9999;padding:1rem 2rem;background:var(--primary);color:#fff;font-weight:700;text-decoration:none;border-radius:.5rem;transition:top .2s}.skip-link:focus{top:1rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.touch-target{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.touch-target-lg{min-width:48px;min-height:48px}.icon-btn-accessible{position:relative;min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:.75rem;transition:all .2s}.icon-btn-accessible:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.loading-indicator{display:inline-flex;align-items:center;gap:.5rem}.loading-indicator:after{content:"";width:1rem;height:1rem;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:studio-spin .75s linear infinite}.error-message{color:#dc2626;background:#dc26261a;border:1px solid rgba(220,38,38,.3);padding:.75rem 1rem;border-radius:.5rem;font-weight:500}.error-message[role=alert]{position:relative}.success-message{color:#16a34a;background:#16a34a1a;border:1px solid rgba(22,163,74,.3);padding:.75rem 1rem;border-radius:.5rem;font-weight:500}.form-field-accessible label{display:block;margin-bottom:.5rem;font-weight:600}.form-field-accessible input,.form-field-accessible select,.form-field-accessible textarea{width:100%;padding:.75rem 1rem;border:2px solid transparent;border-radius:.75rem;background:#0000000d;transition:all .2s}html.dark .form-field-accessible input,html.dark .form-field-accessible select,html.dark .form-field-accessible textarea{background:#ffffff0d}.form-field-accessible input:focus,.form-field-accessible select:focus,.form-field-accessible textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #728c4b33}.form-field-accessible .error-text{color:#dc2626;font-size:.875rem;margin-top:.25rem}[data-focus-visible-added]{outline:3px solid var(--primary);outline-offset:2px}a:not(.btn):not(.no-underline){text-decoration-color:currentColor;text-underline-offset:.2em}a:not(.btn):not(.no-underline):hover{text-decoration-thickness:2px}.text-accessible-dark{color:#1a1a1a}.text-accessible-light{color:#fff}.img-responsive{width:100%;height:auto;object-fit:cover}.img-container-aspect{position:relative;width:100%;padding-bottom:56.25%}.img-container-aspect img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}@media print{nav,.hide-print,button:not(.print-show),.modal-backdrop,canvas{display:none!important}*{background:#fff!important;color:#000!important;box-shadow:none!important}a[href]:after{content:" (" attr(href) ")";font-size:.8em;color:#666}}html.dark{--color-text-1: #f5f5f5;--color-text-2: #d4d4d4;--color-text-3: #a3a3a3}@supports (-webkit-touch-callout: none){.min-h-screen{min-height:-webkit-fill-available}}.notif-fill{font-variation-settings:"FILL" 1}.notif-empty{font-variation-settings:"FILL" 0}.tour-overlay{z-index:9999;pointer-events:auto}.tour-svg-layer{pointer-events:none}.tour-click-catcher{z-index:10001}.tour-tooltip-container{z-index:10002}.tour-keyboard-hint{z-index:10003}.svg-origin-center{transform-origin:12px 12px}@supports (padding: env(safe-area-inset-bottom)){.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom)}.safe-area-top{padding-top:env(safe-area-inset-top)}.nav-mobile{padding-bottom:calc(.5rem + env(safe-area-inset-bottom))}}