.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}.chat-fab{z-index:9999;color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed 0%,#6366f1 100%);border:none;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;transition:transform .2s,box-shadow .2s;display:flex;position:fixed;bottom:28px;right:28px;box-shadow:0 4px 20px #6366f166}.chat-fab:hover{transform:scale(1.08);box-shadow:0 6px 28px #6366f18c}.chat-fab-badge{color:#fff;background:#ef4444;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:11px;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px;box-shadow:0 2px 6px #ef444480}.chat-window{z-index:9998;background:#0f172a;border:1px solid #6366f140;border-radius:16px;flex-direction:column;width:380px;height:560px;animation:.25s ease-out chatSlideUp;display:flex;position:fixed;bottom:92px;right:28px;overflow:hidden;box-shadow:0 12px 48px #00000080}@keyframes chatSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chat-header{background:linear-gradient(135deg,#1e1b4b 0%,#0f172a 100%);border-bottom:1px solid #6366f126;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.chat-header-left{align-items:center;gap:8px;display:flex}.chat-status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.chat-header-title{color:#e2e8f0;font-size:15px;font-weight:600}.chat-header-status{color:#94a3b8;font-size:12px}.chat-close-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;transition:background .15s}.chat-close-btn:hover{color:#e2e8f0;background:#64748b26}.chat-status-tip{color:#94a3b8;background:#1e1b4b66;border-bottom:1px solid #6366f114;padding:8px 16px;font-size:12px}.chat-not-logged{color:#94a3b8;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;display:flex}.chat-login-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed 0%,#6366f1 100%);border:none;border-radius:8px;padding:8px 24px;font-size:14px;font-weight:500}.chat-messages{flex-direction:column;flex:1;gap:8px;padding:12px 16px;display:flex;overflow-y:auto}.chat-empty{color:#64748b;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;font-size:14px;display:flex}.chat-msg{flex-direction:column;max-width:82%;display:flex}.chat-msg-user{align-self:flex-end;align-items:flex-end}.chat-msg-admin{align-self:flex-start;align-items:flex-start}.chat-msg-system{align-self:center}.chat-msg-bubble{word-break:break-word;white-space:pre-wrap;border-radius:12px;padding:8px 12px;font-size:14px;line-height:1.5}.chat-msg-user .chat-msg-bubble{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#7c3aed 100%);border-bottom-right-radius:4px}.chat-msg-admin .chat-msg-bubble{color:#e2e8f0;background:#1e293b;border:1px solid #6366f11f;border-bottom-left-radius:4px}.chat-msg-system-text{color:#64748b;text-align:center;background:#64748b14;border-radius:10px;padding:4px 12px;font-size:12px}.chat-msg-time{color:#475569;margin-top:2px;padding:0 4px;font-size:11px}.chat-tip{color:#a78bfa;text-align:center;background:#6366f10f;padding:6px 16px;font-size:12px}.chat-quick{border-top:1px solid #6366f114;flex-wrap:wrap;gap:6px;padding:8px 16px;display:flex}.chat-quick-btn{color:#a5b4fc;cursor:pointer;background:#6366f114;border:1px solid #6366f126;border-radius:14px;align-items:center;gap:4px;padding:5px 10px;font-size:12px;transition:background .15s;display:flex}.chat-quick-btn:hover{background:#6366f12e}.chat-input-area{background:#0f172acc;border-top:1px solid #6366f11f;align-items:center;gap:8px;padding:10px 12px;display:flex}.chat-input{color:#e2e8f0;background:#1e293b;border:1px solid #6366f126;border-radius:10px;outline:none;flex:1;padding:8px 12px;font-size:14px;transition:border-color .15s}.chat-input:focus{border-color:#6366f1}.chat-input::placeholder{color:#475569}.chat-send-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed 0%,#6366f1 100%);border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:opacity .15s;display:flex}.chat-send-btn:disabled{opacity:.4;cursor:not-allowed}@media (width<=480px){.chat-window{border-radius:0;width:100vw;height:100vh;bottom:0;right:0}.chat-fab{bottom:16px;right:16px}}