.text-4xl{font-size:2.25rem;line-height:2.5rem}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.tracking-wider{letter-spacing:.05em}.mt-8{margin-top:2rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-gray-500{color:#6b7280}.transition-opacity{transition-property:opacity;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}*,:before,:after{box-sizing:border-box}body{margin:0}.sidebar{white-space:nowrap;background:#0b1120;border-right:1px solid #ffffff0f;flex-direction:column;flex-shrink:0;width:72px;min-height:100vh;padding:1.5rem 0;transition:width .3s cubic-bezier(.4,0,.2,1);display:flex;overflow-x:hidden}.sidebar:hover{width:220px}.sidebar-brand-wrap{margin-bottom:2rem;padding:0 .5rem;position:relative}.sidebar-brand{border-radius:10px;align-items:center;gap:1rem;padding:.6rem .65rem;transition:background .2s;display:flex}.sidebar-brand:hover{background:#ffffff0a}.brand-icon{color:#a78bfa;flex-shrink:0}.brand-text{background:linear-gradient(135deg,#a78bfa 0%,#3b82f6 100%);-webkit-text-fill-color:transparent;opacity:0;-webkit-background-clip:text;background-clip:text;font-size:1.15rem;font-weight:700;transition:opacity .2s}.sidebar:hover .brand-text{opacity:1;transition-delay:.1s}.sidebar-nav{flex-direction:column;flex:1;gap:.25rem;padding:0 .5rem;display:flex}.nav-item{color:#64748b;border-radius:10px;align-items:center;gap:1rem;padding:.75rem .65rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex;overflow:hidden}.nav-icon{flex-shrink:0}.nav-label{opacity:0;transition:opacity .2s}.sidebar:hover .nav-label{opacity:1;transition-delay:.1s}.nav-item:hover{color:#cbd5e1;background:#ffffff0a}.nav-item.active{color:#e2e8f0;background:#8b5cf61f}.nav-item.active svg{color:#a78bfa}.brand-dropdown{z-index:9000;background:#1a1f3a;border:1px solid #8b5cf640;border-radius:10px;min-width:180px;padding:6px;animation:.15s brandDropIn;position:absolute;top:100%;left:.5rem;box-shadow:0 8px 28px #00000080}@keyframes brandDropIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.brand-dropdown-item{color:#94a3b8;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:.88rem;transition:all .15s;display:flex}.brand-dropdown-item:hover{color:#e2e8f0;background:#8b5cf61f}.user-badge{z-index:8000;position:fixed;top:12px;right:16px}.user-badge-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#3b82f6);border:2px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:.85rem;font-weight:700;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 2px 8px #8b5cf64d}.user-badge-btn:hover{transform:scale(1.08);box-shadow:0 4px 16px #8b5cf680}.user-badge-dropdown{background:#1a1f3a;border:1px solid #8b5cf640;border-radius:12px;min-width:200px;padding:12px;animation:.15s ubFadeIn;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 32px #00000080}@keyframes ubFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.user-badge-email{color:#94a3b8;word-break:break-all;padding:4px 0;font-size:.82rem}.user-badge-vip{color:#fbbf24;padding:2px 0 6px;font-size:.72rem;font-weight:600}.user-badge-divider{border:none;border-top:1px solid #ffffff0f;margin:6px 0}.user-badge-nav,.user-badge-logout{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;width:100%;padding:8px 6px;font-size:.85rem;transition:all .15s;display:flex}.user-badge-nav:hover{color:#e2e8f0;background:#8b5cf61f}.user-badge-logout:hover{color:#f87171;background:#f871711a}