:root{--bg: #0b1220;--panel: rgba(255,255,255,.18);--panel-strong: rgba(255,255,255,.24);--panel-border: rgba(255,255,255,.28);--text: #0f172a;--text-muted: #334155;--brand: #0ea5e9;--brand-rgb: 14, 165, 233;--brand-weak: rgba(14,165,233,.1);--accent: #38bdf8;--chip: rgba(255,255,255,.14);--ok: #10b981;--warn: #f59e0b;--danger: #ef4444;--env-demo: #16a34a;--env-demo-rgb: 22, 163, 74;--env-test: #1d4ed8;--env-test-rgb: 29, 78, 216;--env-prod: #b91c1c;--env-prod-rgb: 185, 28, 28;--shadow-1: 0 16px 28px rgba(0,0,0,.38);--shadow-2: 0 12px 24px rgba(2,6,23,.12);--backdrop-blur: blur(14px);--app-bg: #f9fafb;--panel-bg: rgba(255, 255, 255, .55);--panel-bg-alt: rgba(243, 244, 246, .65);--header-bg: rgba(255, 255, 255, .5);--text-color: #1f2937;--text-color-strong: #111827;--text-muted: #4b5563;--border-color: rgba(209, 213, 219, .5);--border-color-strong: rgba(156, 163, 175, .8);--input-bg: rgba(255, 255, 255, .4);--input-border: rgba(209, 213, 219, .6);--input-focus-ring: var(--brand);--link-color: #4f46e5;--link-hover-color: #4338ca;--btn-primary-bg: #4f46e5;--btn-primary-text: #ffffff;--btn-primary-hover-bg: #4338ca;--btn-secondary-bg: #ffffff;--btn-secondary-text: #374151;--btn-secondary-hover-bg: #f9fafb;--btn-secondary-border: #d1d5db;--btn-danger-bg: #dc2626;--btn-danger-text: #ffffff;--btn-danger-hover-bg: #b91c1c;--toggle-enabled-bg: #4f46e5;--toggle-disabled-bg: #e5e7eb;--alert-success-bg: #f0fdf4;--alert-success-border: #4ade80;--alert-success-text: #166534;--alert-success-icon: #22c55e;--alert-error-bg: #fef2f2;--alert-error-border: #f87171;--alert-error-text: #991b1b;--alert-error-icon: #ef4444;--tag-info-bg: #eff6ff;--tag-info-text: #1d4ed8;--tag-info-border: #93c5fd;--tag-accent-bg: #fefce8;--tag-accent-text: #a16207;--tag-accent-border: #fde047;--tag-ok-bg: #f0fdf4;--tag-ok-text: #166534;--tag-ok-border: #86efac;--tag-warn-bg: #fffbeb;--tag-warn-text: #b45309;--tag-warn-border: #fcd34d;--tag-danger-bg: #fef2f2;--tag-danger-text: #991b1b;--tag-danger-border: #fca5a5;--tag-neutral-bg: #f3f4f6;--tag-neutral-text: #374151;--tag-neutral-border: #d1d5db}.theme-neoorange{--bg: #0b0f14;--panel: rgba(15,18,24,.85);--panel-strong: rgba(18,22,29,.95);--panel-border: rgba(255,138,0,.22);--text: #e5e7eb;--text-muted: #a3a8b3;--brand: #ff8a00;--brand-rgb: 255, 138, 0;--brand-weak: rgba(255,138,0,.12);--accent: #ffb44d;--chip: rgba(255,255,255,.06);--ok: #34d399;--warn: #f59e0b;--danger: #f87171;--env-demo: #22c55e;--env-demo-rgb: 34, 197, 94;--env-test: #3b82f6;--env-test-rgb: 59, 130, 246;--env-prod: #ef4444;--env-prod-rgb: 239, 68, 68;--shadow-1: 0 1px 1px rgba(0,0,0,.08);--shadow-2: 0 16px 28px rgba(0,0,0,.38);--backdrop-blur: blur(6px);--app-bg: #111827;--panel-bg: #1f2937;--panel-bg-alt: #111827;--header-bg: #1f2937;--text-color: #f9fafb;--text-color-strong: #ffffff;--text-muted: #9ca3af;--border-color: #374151;--border-color-strong: #4b5563;--input-bg: #374151;--input-border: #4b5563;--input-focus-ring: var(--brand);--link-color: #60a5fa;--link-hover-color: #93c5fd;--btn-primary-bg: var(--brand);--btn-primary-text: #111827;--btn-primary-hover-bg: var(--accent);--btn-secondary-bg: #374151;--btn-secondary-text: #e5e7eb;--btn-secondary-hover-bg: #4b5563;--btn-secondary-border: #4b5563;--btn-danger-bg: #ef4444;--btn-danger-text: #ffffff;--btn-danger-hover-bg: #f87171;--toggle-enabled-bg: var(--brand);--toggle-disabled-bg: #4b5563;--alert-success-bg: rgba(52, 211, 153, .1);--alert-success-border: rgba(52, 211, 153, .4);--alert-success-text: #a7f3d0;--alert-success-icon: #34d399;--alert-error-bg: rgba(248, 113, 113, .1);--alert-error-border: rgba(248, 113, 113, .4);--alert-error-text: #fecaca;--alert-error-icon: #f87171;--tag-info-bg: rgba(96, 165, 250, .2);--tag-info-text: #bfdbfe;--tag-info-border: rgba(96, 165, 250, .5);--tag-accent-bg: rgba(234, 179, 8, .2);--tag-accent-text: #fef08a;--tag-accent-border: rgba(234, 179, 8, .5);--tag-ok-bg: rgba(52, 211, 153, .2);--tag-ok-text: #a7f3d0;--tag-ok-border: rgba(52, 211, 153, .5);--tag-warn-bg: rgba(245, 158, 11, .2);--tag-warn-text: #fde68a;--tag-warn-border: rgba(245, 158, 11, .5);--tag-danger-bg: rgba(239, 68, 68, .2);--tag-danger-text: #fecaca;--tag-danger-border: rgba(239, 68, 68, .5);--tag-neutral-bg: rgba(107, 114, 128, .2);--tag-neutral-text: #d1d5db;--tag-neutral-border: rgba(107, 114, 128, .5)}.app-bg-glass{background:radial-gradient(1200px 600px at -10% -10%,rgba(255,255,255,.25),transparent 50%),radial-gradient(1200px 600px at 110% 110%,rgba(255,255,255,.15),transparent 50%),linear-gradient(120deg,#f5d0fe,#818cf8);min-height:100vh}.app-bg-neoorange{background:radial-gradient(800px 400px at -10% -10%,rgba(255,138,0,.12),transparent 50%),radial-gradient(800px 400px at 110% 110%,rgba(255,138,0,.08),transparent 50%),linear-gradient(180deg,#0b0f14,#0b0f14);min-height:100vh}.app-background{background-color:var(--app-bg);color:var(--text-color);min-height:100vh}.themed-card{background-color:var(--panel-bg);border:1px solid var(--border-color);color:var(--text-color);box-shadow:var(--shadow-1);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur)}.themed-header{background-color:var(--header-bg);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-1);color:var(--text-color);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur)}.themed-header h1,.themed-header h2,.themed-header span{color:var(--text-color-strong)}.themed-header p,.themed-header button{color:var(--text-muted)}.themed-header button:hover{color:var(--link-hover-color)}.themed-header .icon{color:var(--brand)}.themed-table-header{background-color:var(--panel-bg-alt)}.themed-table-header th{color:var(--text-muted)}.themed-table-body{background-color:var(--panel-bg);color:var(--text-color)}.themed-table-body tr:hover{background-color:var(--panel-bg-alt)}.themed-table-body td{color:var(--text-muted)}.themed-table-body .font-medium{color:var(--text-color-strong)}.link,.themed-table-body .link{color:var(--link-color);cursor:pointer;text-decoration:none}.link:hover,.themed-table-body .link:hover{color:var(--link-hover-color);text-decoration:underline}.table-divide{border-color:var(--border-color)}.app-grid-overlay{background-image:linear-gradient(to right,rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.08) 1px,transparent 1px);background-size:24px 24px;-webkit-mask-image:radial-gradient(650px 650px at 50% 50%,#000 0,transparent 80%);mask-image:radial-gradient(650px 650px at 50% 50%,#000 0,transparent 80%)}.dark-bg-grid{background-color:var(--app-bg);background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:24px 24px;background-position:-1px -1px;color:var(--text-color)}.glass{background:var(--panel);border:1px solid var(--panel-border);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);box-shadow:var(--shadow-1),var(--shadow-2)}.glass-strong{background:var(--panel-strong);border:1px solid var(--panel-border);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);box-shadow:var(--shadow-1),var(--shadow-2)}.token-panel{color:var(--text)}.token-muted{color:var(--text-muted)}.token-brand{color:var(--brand)}.token-chip{background:var(--chip);border:1px solid var(--panel-border)}.token-cta{background:var(--brand);color:#0b0f14}.token-cta:hover{background:var(--accent)}.env-demo{background:var(--env-demo)!important}.env-test{background:var(--env-test)!important}.env-prod{background:var(--env-prod)!important}.perspective-container{perspective:1000px}.lift{position:relative;transform-style:preserve-3d;transition:transform .4s cubic-bezier(.1,.8,.2,1),box-shadow .4s ease,border-color .2s ease;overflow:hidden}.lift:hover{transform:translateZ(20px) rotateX(var(--rotate-x, 0)) rotateY(var(--rotate-y, 0));box-shadow:0 16px 28px #00000061;border-color:var(--brand)}.lift:before{content:"";position:absolute;top:var(--glow-y, 50%);left:var(--glow-x, 50%);width:250px;height:250px;transform:translate(-50%,-50%);background:radial-gradient(circle at center,rgba(var(--brand-rgb),.3) 0%,transparent 60%);opacity:0;transition:opacity .4s ease-out;pointer-events:none}.lift:hover:before{opacity:1}.hr{height:1px;background:linear-gradient(to right,transparent,var(--panel-border),transparent)}.btn-chip{border-radius:9999px;padding:6px 12px;font-weight:600}.input{width:100%;border-radius:12px;padding:10px 12px;border:1px solid var(--panel-border);background:var(--panel);color:var(--text);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);outline:none}.input::placeholder{color:var(--text-muted)}.headline{letter-spacing:.02em;text-shadow:0 1px 0 rgba(255,255,255,.12)}.env-toggle-container{position:relative;display:flex;padding:4px;border-radius:9999px;background-color:#00000040;border:1px solid var(--panel-border);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);box-shadow:inset 0 1px 2px #0003}.env-toggle-button{all:unset;box-sizing:border-box;position:relative;z-index:10;flex:1;min-width:80px;text-align:center;padding:6px 0;border-radius:9999px;font-size:12px;font-weight:700;color:#ffffffb3;transition:color .3s ease-out;text-transform:uppercase;cursor:pointer}.env-toggle-button:hover:not(.active){color:#fff;background-color:#ffffff1a}.env-glider{position:absolute;top:4px;bottom:4px;left:4px;width:calc((100% - 8px) / 3);border-radius:9999px;transition:transform .3s cubic-bezier(.4,0,.2,1),background-color .3s ease-out;box-shadow:0 4px 12px #0006;border:1px solid rgba(255,255,255,.1)}.theme-glasslight .env-toggle-button.active,.theme-neoorange .env-toggle-button.active{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.theme-switcher-container{position:fixed;top:47px;right:24px;z-index:50}.theme-switcher-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:9999px;background:var(--chip);border:1px solid var(--panel-border);color:var(--text);transition:all .2s ease-in-out}.theme-switcher-toggle:hover{border-color:var(--brand);transform:scale(1.05)}.theme-switcher-toggle svg{width:24px;height:24px}.theme-switcher-panel{position:absolute;right:0;top:52px;display:flex;flex-direction:column;gap:8px;padding:8px;background:var(--panel-strong);border:1px solid var(--panel-border);border-radius:12px;box-shadow:var(--shadow-2);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);transform-origin:top right;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s ease}.theme-switcher-panel[data-state=closed]{transform:scale(.9) translateY(-10px);opacity:0;pointer-events:none}.theme-switcher-panel[data-state=open]{transform:scale(1) translateY(0);opacity:1}.theme-option-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;border:1px solid transparent;color:var(--text-muted);background:transparent;transition:all .2s ease}.theme-option-btn:hover{background:var(--brand-weak);color:var(--brand)}.theme-option-btn[data-active=true]{border-color:var(--brand);background:var(--brand-weak);color:var(--brand)}.theme-option-btn svg{width:20px;height:20px}.main-hub-wrapper{padding:1rem;height:100vh;box-sizing:border-box;overflow:hidden}.main-panel-frame{height:100%;border-radius:1.5rem;border:1px solid var(--panel-border);background:var(--panel);box-shadow:0 0 25px -5px rgba(var(--brand-rgb),.2),inset 0 0 1px 1px rgba(var(--brand-rgb),.15);overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}.main-panel-frame::-webkit-scrollbar{display:none}.env-banner{padding:6px 1rem;color:#fff;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;position:sticky;top:0;z-index:40;backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);background-color:#0000004d}.env-banner-content{max-width:7xl;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 1rem}.env-banner-label{text-shadow:0 1px 2px rgba(0,0,0,.4)}.env-banner-description{font-weight:400;text-transform:none;letter-spacing:normal;opacity:.8;display:none}@media(min-width:768px){.env-banner-description{display:block}}.header-area{padding:22px 0;transition:background-color .3s ease,border-color .3s ease;border-bottom-width:1px}.header-area--demo{background-color:rgba(var(--env-demo-rgb),.1);border-color:rgba(var(--env-demo-rgb),.3)}.header-area--test{background-color:rgba(var(--env-test-rgb),.1);border-color:rgba(var(--env-test-rgb),.3)}.header-area--prod{background-color:rgba(var(--env-prod-rgb),.1);border-color:rgba(var(--env-prod-rgb),.3)}.input-themed{background-color:var(--input-bg);border:1px solid var(--input-border);color:var(--text-color);border-radius:.375rem;box-shadow:0 1px 2px #0000000d;font-size:.875rem;padding:.5rem .75rem;display:block;width:100%}.input-themed:focus{outline:none;border-color:var(--input-focus-ring);box-shadow:0 0 0 1px var(--input-focus-ring)}.input-themed::placeholder{color:var(--text-muted)}.theme-neoorange .input-themed[type=date]{color-scheme:dark}.checkbox-themed{height:1rem;width:1rem;border-radius:.25rem;border-width:1px;border-color:var(--border-color-strong);background-color:var(--input-bg);color:var(--brand)}.checkbox-themed:focus{ring:2px;ring-color:var(--input-focus-ring)}.tab-button{padding:1rem .25rem;border-bottom-width:2px;border-color:transparent;font-weight:500;font-size:.875rem;color:var(--text-muted);white-space:nowrap}.tab-button:hover{color:var(--text-color)}.tab-button-active{border-color:var(--brand)!important;color:var(--brand)!important}.code-block-themed{background-color:var(--panel-bg-alt);color:var(--text-color);border:1px solid var(--border-color)}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;font-weight:500;border-radius:.375rem;box-shadow:0 1px 2px #0000000d;outline:none;transition:all .2s}.btn:focus{outline:none;box-shadow:0 0 0 2px var(--panel-bg),0 0 0 4px var(--input-focus-ring)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.btn-md{padding:.625rem 1.25rem;font-size:.875rem}.btn-primary{background-color:var(--btn-primary-bg);color:var(--btn-primary-text)}.btn-primary:hover:not(:disabled){background-color:var(--btn-primary-hover-bg)}.btn-secondary{background-color:var(--btn-secondary-bg);color:var(--btn-secondary-text);border-color:var(--btn-secondary-border)}.btn-secondary:hover:not(:disabled){background-color:var(--btn-secondary-hover-bg)}.btn-danger{background-color:var(--btn-danger-bg);color:var(--btn-danger-text)}.btn-danger:hover:not(:disabled){background-color:var(--btn-danger-hover-bg)}.toggle-switch-bg{position:relative;display:inline-flex;height:1.5rem;width:2.75rem;flex-shrink:0;cursor:pointer;border-radius:9999px;border:2px solid transparent;transition:background-color .2s ease-in-out}.toggle-switch-bg:focus{outline:none;box-shadow:0 0 0 2px var(--panel-bg),0 0 0 4px var(--input-focus-ring)}.toggle-enabled{background-color:var(--toggle-enabled-bg)}.toggle-disabled{background-color:var(--toggle-disabled-bg)}.toggle-handle{pointer-events:none;display:inline-block;height:1.25rem;width:1.25rem;transform:translate(0);border-radius:9999px;background-color:#fff;box-shadow:0 1px 2px #0000000d;transition:transform .2s ease-in-out}.toggle-handle-on{transform:translate(1.25rem)}.toggle-handle-off{transform:translate(0)}.alert{border-left-width:4px;padding:1rem;border-radius:.375rem;box-shadow:0 1px 2px #0000000d}.alert-success{background-color:var(--alert-success-bg);border-color:var(--alert-success-border)}.alert-success .alert-text{color:var(--alert-success-text)}.alert-success .alert-icon{color:var(--alert-success-icon)}.alert-error{background-color:var(--alert-error-bg);border-color:var(--alert-error-border)}.alert-error .alert-text{color:var(--alert-error-text)}.alert-error .alert-icon{color:var(--alert-error-icon)}.spinner-color{color:var(--brand)}.tag{display:inline-flex;align-items:center;font-weight:600;border-radius:9999px}.tag-sm{padding:.125rem .5rem;font-size:.75rem}.tag-md{padding:.125rem .625rem;font-size:.875rem}.tag-lg{padding:.25rem .75rem;font-size:1rem}.tag-info{background-color:var(--tag-info-bg);color:var(--tag-info-text);border:1px solid var(--tag-info-border)}.tag-accent{background-color:var(--tag-accent-bg);color:var(--tag-accent-text);border:1px solid var(--tag-accent-border)}.tag-ok{background-color:var(--tag-ok-bg);color:var(--tag-ok-text);border:1px solid var(--tag-ok-border)}.tag-warn{background-color:var(--tag-warn-bg);color:var(--tag-warn-text);border:1px solid var(--tag-warn-border)}.tag-danger{background-color:var(--tag-danger-bg);color:var(--tag-danger-text);border:1px solid var(--tag-danger-border)}.tag-neutral{background-color:var(--tag-neutral-bg);color:var(--tag-neutral-text);border:1px solid var(--tag-neutral-border)}.theme-glasslight .lift:hover{transform:translateZ(20px) rotateX(var(--rotate-x, 0)) rotateY(var(--rotate-y, 0));box-shadow:0 16px 28px #00000061,0 0 30px 8px #ff69b4b3;border-color:#ff1493}