:root{--sidebar-w: 280px;--sidebar-w-collapsed: 72px}.layout{display:flex;height:100vh;overflow:hidden;position:relative;z-index:1}.sidebar{width:var(--sidebar-w);height:100vh;background:var(--color-bg-elevated);border-right:1px solid var(--color-border);display:flex;flex-direction:column;flex-shrink:0;position:sticky;top:0;left:0;overflow:hidden;transition:width .25s ease}.sidebar--collapsed{width:var(--sidebar-w-collapsed)}.sidebar__header{padding:22px 20px;border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;min-height:88px;flex-shrink:0}.sidebar__logo-link{display:flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;max-width:100%;overflow:hidden}.sidebar__logo-link:hover{text-decoration:none}.sidebar__logo-img{max-height:48px;max-width:170px;width:auto;height:auto;object-fit:contain;display:block;flex-shrink:0}.sidebar__logo-icon-img{width:46px;height:46px;min-width:46px;min-height:46px;max-width:46px;max-height:46px;object-fit:contain;object-position:center;display:block;flex-shrink:0;border-radius:8px}.sidebar--collapsed .sidebar__logo-icon-img{width:40px;height:40px;min-width:40px;min-height:40px;max-width:40px;max-height:40px}.sidebar__logo-link--full{justify-content:center;width:100%;overflow:hidden}.sidebar__logo-full{width:220px;height:44px;max-width:100%;max-height:44px;object-fit:contain;object-position:center;display:block;flex-shrink:0}.sidebar--collapsed .sidebar__logo-full{width:44px;height:40px;max-width:44px;max-height:40px}.sidebar__logo-icon{width:46px;height:46px;flex-shrink:0;display:block}.sidebar--collapsed .sidebar__logo-icon{width:40px;height:40px}.sidebar__logo-text{font-size:1.25rem;font-weight:700;color:var(--color-accent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.02em}.sidebar__nav{flex:1;padding:10px 0;display:flex;flex-direction:column;gap:14px;overflow-y:auto;overflow-x:hidden}.sidebar__link{display:flex;align-items:center;gap:14px;padding:12px 20px;border-radius:0;text-decoration:none;color:var(--color-text-muted);font-size:.95rem;font-weight:500;white-space:nowrap;transition:background .15s ease,color .15s ease;min-height:50px;overflow:hidden;width:100%}.sidebar__link:hover{background:var(--color-accent-muted);color:var(--color-accent);text-decoration:none}.sidebar__link--active{background:var(--color-accent-muted);color:var(--color-accent);border-left:3px solid var(--color-accent);padding-left:17px}button.sidebar__link{border:none;background:transparent;cursor:pointer;font:inherit;text-align:left}.sidebar__icon{position:relative;display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0}.sidebar__icon svg{width:24px;height:24px;display:block}.sidebar__cart-badge{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;line-height:16px;text-align:center;color:var(--color-bg);background:var(--neon-green);border-radius:8px}.sidebar__label{flex:1;overflow:hidden;text-overflow:ellipsis}.sidebar__footer{padding:10px 0 16px;border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:0;flex-shrink:0}.sidebar__btn-logout{display:flex;align-items:center;gap:14px;width:100%;padding:12px 20px;border:none;border-top:1px solid rgba(239,68,68,.2);background:#ef444414;color:#ef4444;border-radius:0;font-size:.95rem;font-weight:600;cursor:pointer;white-space:nowrap;overflow:hidden;transition:background .15s ease;min-height:50px}.sidebar__btn-logout:hover{background:#ef444429}.sidebar__toggle{position:absolute;right:-11px;top:50%;transform:translateY(-50%);width:22px;height:22px;border:1px solid var(--color-border);background:var(--color-bg-elevated);color:var(--color-text-muted);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:20;transition:color .15s,border-color .15s;flex-shrink:0}.sidebar__toggle svg{width:12px;height:12px}.sidebar__toggle:hover{color:var(--color-accent);border-color:var(--color-accent)}.layout__main{flex:1;display:flex;flex-direction:column;min-width:0;height:100vh;overflow-y:auto;overflow-x:hidden}.layout__content{flex:1;padding:var(--space-6, 1.5rem)}.layout__footer{padding:var(--space-4, 1rem) var(--space-6, 1.5rem);border-top:1px solid var(--color-border);background:var(--color-bg-elevated);text-align:center;font-size:var(--font-size-sm, .875rem);color:var(--color-text-muted);flex-shrink:0}.footer__links{display:flex;justify-content:center;gap:var(--space-4, 1rem);margin-bottom:var(--space-2, .5rem)}.footer__links a{color:var(--color-accent);text-decoration:none}.footer__links a:hover{text-decoration:underline}.footer__links .btn-logout{display:inline-flex;align-items:center;gap:.5rem;padding:0;border:none;background:none;color:var(--color-accent);font-size:inherit;font-family:inherit;cursor:pointer;text-decoration:none}.footer__links .btn-logout:hover{text-decoration:underline}.footer__links .btn-logout svg{width:18px;height:18px}.footer__powered-top{margin:0 0 .5rem;font-size:.8125rem;color:var(--color-text-muted)}.footer__powered-top strong{font-weight:600;font-size:1rem;letter-spacing:.02em}.footer__powered-link{text-decoration:none}.footer__powered-link:hover strong{opacity:.9}.footer__sub{margin:0;font-size:.8125rem;color:var(--color-text-muted)}.footer__sub .footer__bot-link{color:var(--color-accent);font-weight:600;text-decoration:none;filter:brightness(1.2);transition:opacity .2s}.footer__sub .footer__bot-link:hover{opacity:.85}@media (max-width: 768px){.sidebar{position:fixed;left:0;top:0;z-index:100}.sidebar--collapsed{transform:translate(calc(-1 * var(--sidebar-w)));width:var(--sidebar-w)}.layout__main{margin-left:0;width:100%}.sidebar__toggle{right:-32px;width:28px;height:28px;border-radius:0 6px 6px 0;background:var(--color-bg-elevated);border-left:none}.sidebar__toggle svg{width:14px;height:14px}}.app{min-height:100vh}.demo-options-panel{position:fixed;bottom:1rem;right:1rem;z-index:9999;background:#000a14f2;border:1px solid rgba(0,255,135,.35);border-radius:8px;box-shadow:0 4px 20px #0006;font-size:.8125rem}.demo-options-toggle{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:none;border:none;color:#00ff87f2;cursor:pointer;font-size:inherit;font-weight:600}.demo-options-toggle svg{width:18px;height:18px}.demo-options-panel.demo-options-collapsed .demo-options-content{display:none}.demo-options-content{padding:.5rem .75rem .75rem;border-top:1px solid rgba(0,255,135,.2)}.demo-options-title{display:block;color:#ffffffb3;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.demo-options-row{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:#ffffffeb;padding:.25rem 0}.demo-options-row input{accent-color:#00ff87}:root{--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--color-bg: var(--bg-dark);--color-bg-elevated: var(--bg-card);--color-text: var(--text-primary);--color-text-muted: var(--text-tertiary);--color-border: var(--border-neon);--color-accent: var(--neon-green);--color-accent-hover: var(--neon-green-dark);--color-accent-muted: rgba(var(--neon-r), var(--neon-g), var(--neon-b), .12);--color-accent-glow: rgba(var(--neon-r), var(--neon-g), var(--neon-b), .32)}.badge-standard,.badge-gold,.badge-platinum,.badge-black,.badge-infinite,.badge-classic{padding:.25rem .75rem;border-radius:.375rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;width:fit-content;display:inline-block}.badge-standard{background:#9ca3af1a;border:1px solid rgba(156,163,175,.3);color:#9ca3af}.badge-gold{background:#fbbf241a;border:1px solid rgba(251,191,36,.3);color:#fbbf24}.badge-platinum{background:#93c5fd1a;border:1px solid rgba(147,197,253,.3);color:#93c5fd}.badge-black{background:#0000004d;border:1px solid rgba(255,255,255,.2);color:#fff}.badge-infinite{background:#a855f71a;border:1px solid rgba(168,85,247,.3);color:#a855f7}.badge-classic{background:#9ca3af1a;border:1px solid rgba(156,163,175,.3);color:#9ca3af}*{margin:0;padding:0;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:rgba(var(--neon-r),var(--neon-g),var(--neon-b),.4) rgba(255,255,255,.04)}html,body{overflow-x:hidden;width:100%;max-width:100vw}#root{width:100%;max-width:100vw;overflow-x:hidden}:root{--neon-green: #00FF88;--neon-green-dark: #00CC6A;--neon-green-light: #33FFAA;--neon-green-bright: #66FFCC;--neon-green-glow: rgba(var(--neon-r), var(--neon-g), var(--neon-b), .3);--neon-green-subtle: rgba(var(--neon-r), var(--neon-g), var(--neon-b), .1);--neon-green-ultra-subtle: rgba(var(--neon-r), var(--neon-g), var(--neon-b), .03);--neon-r: 0;--neon-g: 255;--neon-b: 136;--bg-dark: #000000;--bg-darker: #000000;--bg-card: #0a0a10;--text-primary: #FFFFFF;--text-secondary: rgba(255, 255, 255, .85);--text-tertiary: rgba(255, 255, 255, .65);--text-dim: rgba(255, 255, 255, .45);--border-neon: rgba(var(--neon-r), var(--neon-g), var(--neon-b), .15);--border-neon-bright: rgba(var(--neon-r), var(--neon-g), var(--neon-b), .3);--gradient-primary: linear-gradient(135deg, var(--neon-green) 0%, var(--neon-green-dark) 100%);--gradient-glow: radial-gradient(circle, rgba(var(--neon-r), var(--neon-g), var(--neon-b), .2) 0%, transparent 70%);--orb-opacity: .25;--color-accent: var(--neon-green);--color-accent-hover: var(--neon-green-dark);--color-accent-muted: var(--neon-green-subtle);--color-accent-glow: var(--neon-green-glow);--color-bg: var(--bg-dark);--color-bg-elevated: var(--bg-card);--color-bg-muted: rgba(255, 255, 255, .04);--color-text: var(--text-primary);--color-text-muted: var(--text-tertiary);--color-border: var(--border-neon);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 30px;--sidebar-width: 240px;--sidebar-collapsed: 56px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-dark);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden;position:relative}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:#ffffff0a;border-radius:4px}*::-webkit-scrollbar-thumb{background:rgba(var(--neon-r),var(--neon-g),var(--neon-b),.35);border-radius:4px;border:2px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:rgba(var(--neon-r),var(--neon-g),var(--neon-b),.55);background-clip:padding-box}*::-webkit-scrollbar-thumb:active{background:rgba(var(--neon-r),var(--neon-g),var(--neon-b),.7);background-clip:padding-box}*::-webkit-scrollbar-corner{background:#ffffff0a;border-radius:4px}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(var(--neon-r),var(--neon-g),var(--neon-b),.03) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--neon-r),var(--neon-g),var(--neon-b),.03) 1px,transparent 1px),linear-gradient(rgba(var(--neon-r),var(--neon-g),var(--neon-b),.01) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--neon-r),var(--neon-g),var(--neon-b),.01) 1px,transparent 1px);background-size:100px 100px,100px 100px,20px 20px,20px 20px;background-position:0 0,0 0,0 0,0 0;pointer-events:none;z-index:0;opacity:.8;animation:grid-move 30s linear infinite}@keyframes grid-move{0%{background-position:0 0,0 0,0 0,0 0}to{background-position:100px 100px,100px 100px,20px 20px,20px 20px}}body:after{content:"";position:fixed;top:-100%;left:-100%;width:300%;height:300%;background:radial-gradient(circle at 15% 25%,rgba(var(--neon-r),var(--neon-g),var(--neon-b),.06) 0%,transparent 40%),radial-gradient(circle at 85% 75%,rgba(var(--neon-r),var(--neon-g),var(--neon-b),.05) 0%,transparent 45%),radial-gradient(circle at 50% 50%,rgba(var(--neon-r),var(--neon-g),var(--neon-b),.04) 0%,transparent 60%),radial-gradient(circle at 30% 60%,rgba(var(--neon-r),var(--neon-g),var(--neon-b),.03) 0%,transparent 30%),radial-gradient(circle at 70% 20%,rgba(var(--neon-r),var(--neon-g),var(--neon-b),.03) 0%,transparent 30%),radial-gradient(circle at 10% 80%,rgba(var(--neon-r),var(--neon-g),var(--neon-b),.02) 0%,transparent 20%),radial-gradient(circle at 90% 10%,rgba(var(--neon-r),var(--neon-g),var(--neon-b),.02) 0%,transparent 20%);pointer-events:none;z-index:0;animation:float-complex 25s ease-in-out infinite;filter:blur(80px)}@keyframes float-complex{0%,to{transform:translate(0) rotate(0) scale(1);opacity:.8}25%{transform:translate(50px,-80px) rotate(90deg) scale(1.1);opacity:1}50%{transform:translate(-40px,60px) rotate(180deg) scale(.9);opacity:.7}75%{transform:translate(30px,40px) rotate(270deg) scale(1.05);opacity:.9}}code{font-family:Fira Code,Courier New,monospace}.gradient-text-purple-cyan{background:linear-gradient(135deg,#6d28d9,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}