:root{--accent-primary: #a78bfa;--accent-primary-hover: #c4b2fd;--accent-secondary: #8b7ae0;--accent-secondary-dark: #6f61c9;--accent-danger: #d9534f;--accent-success: #3fb782;--accent-warning: #f2b84b;--accent-info: #5ec2f5;--brand-deep: #24163d;--bg-color: #131017;--bg-surface: #1c1823;--bg-surface-hover: #241f2e;--text-primary: #f5f2f8;--text-secondary: #bdb5c8;--border-subtle: rgba(167, 139, 250, .25);--control-border: #6e6680;--selected-surface: rgba(167, 139, 250, .14);--warning-bg: rgba(148, 98, 0, .18);--on-primary: var(--brand-deep);--glass-bg: rgba(28, 20, 42, .65);--glass-border: var(--border-subtle);--glass-shadow: 0 10px 30px rgba(0, 0, 0, .35);--page-glow-primary: rgba(124, 92, 255, .22);--page-glow-secondary: color-mix(in srgb, var(--accent-secondary) 20%, transparent);--font-heading: "Sora", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body: "Sora", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--max-width: 1200px;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-card: 12px;--radius-pill: 9999px;--transition-fast: .2s ease;--transition-normal: .3s ease}:root[data-theme=light]{--accent-primary: #6d28d9;--accent-primary-hover: #5b21b6;--accent-secondary: #4c3aa8;--accent-secondary-dark: #3a2b85;--accent-danger: #b42318;--accent-success: #16734a;--accent-warning: #946200;--accent-info: #2563a8;--brand-deep: #24163d;--bg-color: #f6f5f8;--bg-surface: #ffffff;--bg-surface-hover: #f1f5f9;--text-primary: #201b2b;--text-secondary: #6b6475;--border-subtle: #e3dfe8;--control-border: #8c8498;--selected-surface: #f0eafb;--warning-bg: #fff8e6;--on-primary: #ffffff;--glass-bg: rgba(255, 255, 255, .95);--glass-border: var(--border-subtle);--glass-shadow: 0 10px 30px rgba(32, 20, 60, .06);--page-glow-primary: rgba(109, 40, 217, .035);--page-glow-secondary: rgba(109, 40, 217, .02)}*{box-sizing:border-box;margin:0;padding:0}dialog:modal{margin:auto}html,body{width:100%;min-height:100vh;background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-body);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 15% 20%,var(--page-glow-primary),transparent 65%),radial-gradient(circle at 85% 75%,var(--page-glow-secondary),transparent 65%);pointer-events:none}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.04;pointer-events:none}::selection{background-color:#7c5cff80;color:#fff}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:4px}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);line-height:1.2}h1,h2{font-size:2.25rem;font-weight:700;letter-spacing:-.005em}h3{font-size:1.5rem;font-weight:600}.gradient-title{background:linear-gradient(to right,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 4px 10px rgba(0,0,0,.2)}a{text-decoration:none;color:inherit;transition:color var(--transition-fast)}button{font-family:var(--font-body);cursor:pointer;border:none;outline:none;transition:all var(--transition-fast)}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 24px}main.container{margin-top:32px}.responsive-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 24px;font-weight:600;border-radius:var(--radius-sm);transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast);font-size:1rem;border:1px solid transparent;cursor:pointer}.btn-sm{min-height:36px;padding:8px 16px;font-size:.875rem}.btn-lg{min-height:52px;padding:14px 32px;font-size:1.125rem}.btn-primary{background:var(--accent-primary);color:var(--on-primary);box-shadow:0 1px 2px #100c1814}.btn-primary:hover{background:var(--accent-primary-hover);box-shadow:0 2px 6px #6d28d940}.btn-secondary{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--control-border)}.btn-secondary:hover{background:var(--selected-surface);border-color:var(--accent-primary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .6s cubic-bezier(.16,1,.3,1) forwards}.holo-effect{position:relative;overflow:hidden}.holo-effect:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(to right,#fff0,#fff6,#fff0);transform:skew(-20deg);transition:all .5s ease;z-index:10;pointer-events:none}.holo-effect:hover:after{animation:holoSweep 1.2s ease}@keyframes holoSweep{0%{left:-100%}to{left:200%}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}.glass-card{background:var(--bg-surface);border:1px solid var(--border-subtle);box-shadow:var(--glass-shadow);border-radius:var(--radius-card);padding:24px;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast)}.glass-card:hover{transform:translateY(-2px);border-color:var(--accent-primary)}.empty-state{text-align:center;padding:60px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--radius-lg)}.empty-state .empty-icon{color:var(--glass-border);margin-bottom:24px;width:80px;height:80px;opacity:.6}.empty-state h3{color:var(--text-primary);font-size:1.5rem;margin-bottom:12px}.empty-state p{color:var(--text-secondary);font-size:1rem;max-width:400px;margin-bottom:24px}.form-group{margin-bottom:20px;display:flex;flex-direction:column}.form-group label{margin-bottom:8px;font-weight:600;color:var(--text-primary);font-size:.95rem}.form-input,.form-control,.glass-input{width:100%;padding:12px 16px;background:var(--bg-surface);border:1px solid var(--control-border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-body);font-size:1rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input::placeholder,.form-control::placeholder,.glass-input::placeholder{color:var(--text-secondary);opacity:.7}.form-input:hover,.form-control:hover,.glass-input:hover{border-color:var(--accent-primary)}.form-input:focus,.form-control:focus,.glass-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--selected-surface)}textarea.form-control,textarea.glass-input{resize:vertical;min-height:120px}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:var(--bg-surface-hover);background-image:linear-gradient(90deg,#fff0 0,#ffffff0d 20%,#ffffff1a 60%,#fff0);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite linear;border-radius:var(--radius-sm);position:relative;overflow:hidden}.skeleton>img{opacity:0;transition:opacity .3s ease}.card-aspect-ratio{aspect-ratio:63 / 88;object-fit:cover;width:100%}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--radius-pill);font-size:.75rem;font-weight:600;background:var(--selected-surface);color:var(--accent-primary);border:1px solid var(--border-subtle)}.badge-success{background:color-mix(in srgb,var(--accent-success) 14%,transparent);color:var(--accent-success)}.badge-warning{background:var(--warning-bg);color:var(--accent-warning)}.badge-danger{background:color-mix(in srgb,var(--accent-danger) 14%,transparent);color:var(--accent-danger)}.badge-neutral{background:var(--bg-surface-hover);color:var(--text-secondary);border-color:var(--border-subtle)}.alert{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:var(--radius-card);border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-primary);font-size:.9rem;line-height:1.5}.alert-success{border-color:color-mix(in srgb,var(--accent-success) 35%,transparent);background:color-mix(in srgb,var(--accent-success) 10%,var(--bg-surface))}.alert-warning{border-color:color-mix(in srgb,var(--accent-warning) 35%,transparent);background:var(--warning-bg);color:var(--accent-warning)}.alert-danger{border-color:color-mix(in srgb,var(--accent-danger) 35%,transparent);background:color-mix(in srgb,var(--accent-danger) 10%,var(--bg-surface))}.alert-info{border-color:color-mix(in srgb,var(--accent-info) 35%,transparent);background:color-mix(in srgb,var(--accent-info) 10%,var(--bg-surface))}@media(max-width:768px){.container{padding-left:16px!important;padding-right:16px!important;max-width:100%!important;overflow-x:hidden}html,body{overflow-x:hidden;width:100%}.glass-card,.deck-group,.form-header,.announce-form-wrapper{padding:16px!important;border-radius:12px!important}.profile-header{padding:16px!important;gap:16px!important;flex-direction:column!important}.profile-header>div{min-width:100%!important}.profile-actions{min-width:100%!important;width:100%!important}.profile-actions .btn{width:100%!important;white-space:normal!important;height:auto!important}.profile-actions .btn small{white-space:normal!important;display:block!important}h1{font-size:2.2rem!important}h2{font-size:1.8rem!important}h3{font-size:1.3rem!important}.global-pricing-table,.history-chart-container{overflow-x:auto;width:100%}.header-actions .mega-dropdown{width:100%!important;left:0!important;right:0!important;margin:0!important;border-radius:0!important;max-height:80vh;overflow-y:auto}}html{min-width:320px;scroll-behavior:smooth}html.page-transitioning{cursor:progress}body{min-height:100vh;min-height:100dvh;margin:0;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body::selection{color:var(--on-primary);background:var(--accent-primary)}#app-shell{min-height:100vh;min-height:100dvh}.skip-link{position:fixed;top:10px;left:10px;z-index:100000;padding:10px 14px;color:var(--on-primary);text-decoration:none;background:var(--accent-primary);border-radius:8px;box-shadow:0 8px 24px #00000047;transform:translateY(-150%);transition:transform .18s ease}.skip-link:focus{transform:translateY(0)}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.toast-region{position:fixed;top:max(84px,calc(env(safe-area-inset-top) + 18px));right:max(18px,env(safe-area-inset-right));z-index:100000;display:grid;gap:10px;width:min(390px,calc(100vw - 36px));pointer-events:none}.global-toast{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:11px;align-items:center;min-height:56px;padding:12px 12px 12px 14px;color:var(--text-primary, #fff);background:#181622f7;border:1px solid rgba(255,255,255,.09);border-radius:13px;box-shadow:0 18px 45px #00000061;opacity:0;transform:translate(20px);pointer-events:auto;transition:opacity .18s ease,transform .18s ease;backdrop-filter:blur(16px)}.global-toast.visible{opacity:1;transform:translate(0)}.global-toast.leaving{opacity:0;transform:translate(18px)}.global-toast-icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;color:var(--accent-primary);background:var(--selected-surface);border-radius:8px}.global-toast-success .global-toast-icon{color:#40c997;background:#40c9971a}.global-toast-error .global-toast-icon{color:#f06f85;background:#f06f851a}.global-toast-message{color:var(--text-primary, #fff);font-size:.84rem;line-height:1.45}.global-toast-close{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;color:var(--text-secondary, #a3a0ad);background:transparent;border:0;border-radius:7px;cursor:pointer}.global-toast-close:hover{color:var(--text-primary, #fff);background:#ffffff0e}.button-loading-content{display:inline-flex;align-items:center;justify-content:center;gap:8px}.button-spinner{width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:global-button-spin .75s linear infinite}.is-processing{cursor:wait!important;opacity:.78;pointer-events:none}@keyframes global-button-spin{to{transform:rotate(360deg)}}html[data-theme=light] .global-toast{color:#201d29;background:#fffffffa;border-color:#231d2f1a;box-shadow:0 18px 42px #2d223b24}html[data-theme=light] .global-toast-message{color:#201d29}@media(max-width:640px){.toast-region{top:max(72px,calc(env(safe-area-inset-top) + 12px));right:12px;left:12px;width:auto}.global-toast{min-height:52px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.skip-link,.global-toast{transition:none}.button-spinner{animation-duration:1.5s}}
