.app-bar{position:relative;box-sizing:border-box;width:56px;min-width:56px;height:100vh;background:#0a0a0a;border-right:1px solid #1a1a1a;flex-direction:column;padding:12px 0;gap:4px;z-index:500}.app-bar,.app-bar-logo{display:flex;align-items:center}.app-bar-logo{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#6366f1,#8b5cf6);justify-content:center;font-size:16px;font-weight:800;color:#fff;margin-bottom:12px;text-decoration:none;transition:transform .15s ease}.app-bar-logo:hover{transform:scale(1.05)}.app-bar-divider{width:24px;height:1px;background:#222;margin:4px 0}.app-bar-nav{flex-direction:column;gap:4px;flex:1 1}.app-bar-item,.app-bar-nav{display:flex;align-items:center}.app-bar-item{position:relative;width:40px;height:40px;border-radius:10px;justify-content:center;color:#555;text-decoration:none;transition:all .15s ease;cursor:pointer}.app-bar-item:hover{background:#1a1a1a;color:#ccc}.app-bar-item.active{background:#1a1a1a;color:#fff}.app-bar-item.active:before{content:"";position:absolute;left:-8px;top:50%;transform:translateY(-50%);width:3px;height:20px;background:#6366f1;border-radius:0 3px 3px 0}.app-bar-item svg{width:20px;height:20px}.app-bar-item .app-bar-tooltip{position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%);background:#222;color:#e5e5e5;font-size:12px;font-weight:500;padding:4px 10px;border-radius:6px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app-bar-item:hover .app-bar-tooltip{opacity:1}.app-bar-bottom{display:flex;flex-direction:column;align-items:center;gap:4px;padding-bottom:4px;position:relative}.app-bar-notification-btn,.app-bar-user-btn{border:0;background:transparent;padding:0}.app-bar-notification-badge{position:absolute;top:5px;right:5px;min-width:16px;height:16px;border-radius:999px;padding:0 4px;display:inline-flex;align-items:center;justify-content:center;font-size:10px;line-height:1;font-weight:700;background:#ef4444;color:#fff}.app-bar-inbox-panel{max-height:72vh;display:flex;flex-direction:column}.app-bar-inbox-panel,.app-bar-user-panel{position:absolute;left:calc(100% + 12px);bottom:4px;width:340px;border:1px solid #232323;border-radius:12px;overflow:hidden;background:#111;box-shadow:0 18px 30px rgba(0,0,0,.35);z-index:520}.app-bar-user-header{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid #232323}.app-bar-user-avatar{width:32px;height:32px;border-radius:999px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-weight:700;font-size:13px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.app-bar-user-info{display:flex;flex-direction:column;gap:2px;min-width:0;color:#e5e7eb}.app-bar-user-info strong{font-size:14px;line-height:1.2}.app-bar-user-info span{font-size:11px;color:#94a3b8}.app-bar-user-close{margin-left:auto;width:24px;height:24px;border-radius:999px;border:0;background:transparent;color:#94a3b8;font-size:16px;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.app-bar-user-close:hover{color:#e2e8f0;background:rgba(148,163,184,.14)}.app-bar-user-section{padding:12px 14px;border-bottom:1px solid #232323}.app-bar-user-section-title{font-size:12px;color:#94a3b8;margin-bottom:10px}.app-bar-user-recharge-actions,.app-bar-user-theme-options{display:flex;gap:8px;flex-wrap:wrap}.app-bar-user-recharge-actions button,.app-bar-user-theme-options button{border:1px solid #334155;background:transparent;color:#cbd5e1;border-radius:999px;padding:4px 10px;font-size:12px;cursor:pointer}.app-bar-user-theme-options button.active{border-color:#6366f1;color:#c7d2fe;background:rgba(99,102,241,.15)}.app-bar-user-balance{font-size:24px;line-height:1;font-weight:700;color:#f8fafc;margin-bottom:10px}.app-bar-user-recharge-hint{margin-top:8px;font-size:11px;color:#93c5fd}.app-bar-user-footer{padding:12px 14px;display:flex;flex-direction:column;gap:8px}.app-bar-user-footer a{text-decoration:none;color:#cbd5e1}.app-bar-user-footer a,.app-bar-user-logout-btn{display:inline-flex;width:100%;justify-content:center;border-radius:8px;padding:8px 10px;border:1px solid #334155;font-size:12px;transition:all .2s}.app-bar-user-logout-btn{color:#ef4444;background:transparent;cursor:pointer}.app-bar-user-logout-btn:hover{background:rgba(239,68,68,.1);border-color:#ef4444}.app-bar-inbox-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid #232323;color:#e5e7eb;font-size:13px}.app-bar-inbox-header-actions{display:inline-flex;align-items:center;gap:6px}.app-bar-inbox-header button{border:0;background:transparent;color:#a5b4fc;cursor:pointer;font-size:12px}.app-bar-inbox-close{width:22px;height:22px;border-radius:999px;color:#94a3b8;font-size:16px;line-height:1;display:inline-flex;align-items:center;justify-content:center}.app-bar-inbox-close:hover{background:rgba(148,163,184,.16);color:#e2e8f0}.app-bar-inbox-list{overflow:auto;display:flex;flex-direction:column;gap:8px;padding:10px}.app-bar-inbox-item{border:1px solid #2b2b2b;border-radius:10px;padding:10px;background:#161616}.app-bar-inbox-item.unread{border-color:#6366f1}.app-bar-inbox-item-title{font-size:12px;color:#f8fafc;font-weight:600;margin-bottom:6px}.app-bar-inbox-item-content{font-size:12px;color:#94a3b8;line-height:1.5}.app-bar-inbox-item-actions{display:flex;gap:8px;margin-top:8px}.app-bar-inbox-item-actions a,.app-bar-inbox-item-actions button{border:1px solid #334155;background:transparent;color:#cbd5e1;border-radius:6px;text-decoration:none;padding:2px 8px;font-size:11px;cursor:pointer}.app-bar-inbox-empty{font-size:12px;color:#94a3b8;padding:12px 8px;text-align:center}.app-bar-light{background:#fff;border-right:1px solid #e5e7eb}.app-bar-light .app-bar-divider{background:#e5e7eb}.app-bar-light .app-bar-item{color:#64748b}.app-bar-light .app-bar-item:hover{background:#f1f5f9;color:#0f172a}.app-bar-light .app-bar-item.active{background:#e2e8f0;color:#0f172a}.app-bar-light .app-bar-item.active:before{background:#7c3aed}.app-bar-light .app-bar-item .app-bar-tooltip{background:#fff;color:#334155;border:1px solid #e2e8f0;box-shadow:0 8px 20px rgba(15,23,42,.08)}.app-bar-light .app-bar-inbox-panel,.app-bar-light .app-bar-user-panel{background:#fff;border-color:#e5e7eb;box-shadow:0 14px 28px rgba(15,23,42,.14)}.app-bar-light .app-bar-user-header,.app-bar-light .app-bar-user-section{border-bottom-color:#e5e7eb}.app-bar-light .app-bar-user-info{color:#0f172a}.app-bar-light .app-bar-user-close,.app-bar-light .app-bar-user-info span,.app-bar-light .app-bar-user-section-title{color:#64748b}.app-bar-light .app-bar-user-close:hover{color:#1e293b;background:rgba(100,116,139,.14)}.app-bar-light .app-bar-user-footer a,.app-bar-light .app-bar-user-recharge-actions button,.app-bar-light .app-bar-user-theme-options button{border-color:#cbd5e1;color:#334155}.app-bar-light .app-bar-user-logout-btn{border:1px solid #fecaca;color:#dc2626;background:#fff}.app-bar-light .app-bar-user-logout-btn:hover{background:#fef2f2;border-color:#ef4444}.app-bar-light .app-bar-user-theme-options button.active{border-color:#6366f1;color:#4338ca;background:rgba(99,102,241,.12)}.app-bar-light .app-bar-user-balance{color:#0f172a}.app-bar-light .app-bar-user-recharge-hint{color:#1d4ed8}.app-bar-light .app-bar-inbox-header{color:#0f172a;border-bottom-color:#e5e7eb}.app-bar-light .app-bar-inbox-close{color:#64748b}.app-bar-light .app-bar-inbox-close:hover{background:rgba(100,116,139,.14);color:#1e293b}.app-bar-light .app-bar-inbox-item{background:#fff;border-color:#e2e8f0}.app-bar-light .app-bar-inbox-item.unread{border-color:#6366f1;background:#f8faff}.app-bar-light .app-bar-inbox-item-title{color:#0f172a}.app-bar-light .app-bar-inbox-empty,.app-bar-light .app-bar-inbox-item-content{color:#475569}.app-bar-light .app-bar-inbox-item-actions a,.app-bar-light .app-bar-inbox-item-actions button{border-color:#cbd5e1;color:#334155}:root[data-fh-theme=light] .app-bar-auto{background:#fff;border-right:1px solid #e5e7eb}:root[data-fh-theme=light] .app-bar-auto .app-bar-divider{background:#e5e7eb}:root[data-fh-theme=light] .app-bar-auto .app-bar-item{color:#64748b}:root[data-fh-theme=light] .app-bar-auto .app-bar-item:hover{background:#f1f5f9;color:#0f172a}:root[data-fh-theme=light] .app-bar-auto .app-bar-item.active{background:#e2e8f0;color:#0f172a}:root[data-fh-theme=light] .app-bar-auto .app-bar-item.active:before{background:#7c3aed}:root[data-fh-theme=light] .app-bar-auto .app-bar-item .app-bar-tooltip{background:#fff;color:#334155;border:1px solid #e2e8f0;box-shadow:0 8px 20px rgba(15,23,42,.08)}:root[data-fh-theme=light] .app-bar-auto .app-bar-inbox-panel,:root[data-fh-theme=light] .app-bar-auto .app-bar-user-panel{background:#fff;border-color:#e5e7eb;box-shadow:0 14px 28px rgba(15,23,42,.14)}:root[data-fh-theme=light] .app-bar-auto .app-bar-user-header,:root[data-fh-theme=light] .app-bar-auto .app-bar-user-section{border-bottom-color:#e5e7eb}:root[data-fh-theme=light] .app-bar-auto .app-bar-user-info{color:#0f172a}:root[data-fh-theme=light] .app-bar-auto .app-bar-user-close,:root[data-fh-theme=light] .app-bar-auto .app-bar-user-info span,:root[data-fh-theme=light] .app-bar-auto .app-bar-user-section-title{color:#64748b}:root[data-fh-theme=light] .app-bar-auto .app-bar-user-close:hover{color:#1e293b;background:rgba(100,116,139,.14)}:root[data-fh-theme=light] .app-bar-auto .app-bar-user-footer a,:root[data-fh-theme=light] .app-bar-auto .app-bar-user-recharge-actions button,:root[data-fh-theme=light] .app-bar-auto .app-bar-user-theme-options button{border-color:#cbd5e1;color:#334155}:root[data-fh-theme=light] .app-bar-auto .app-bar-user-theme-options button.active{border-color:#6366f1;color:#4338ca;background:rgba(99,102,241,.12)}:root[data-fh-theme=light] .app-bar-auto .app-bar-user-balance{color:#0f172a}:root[data-fh-theme=light] .app-bar-auto .app-bar-user-recharge-hint{color:#1d4ed8}:root[data-fh-theme=light] .app-bar-auto .app-bar-inbox-header{color:#0f172a;border-bottom-color:#e5e7eb}:root[data-fh-theme=light] .app-bar-auto .app-bar-inbox-close{color:#64748b}:root[data-fh-theme=light] .app-bar-auto .app-bar-inbox-close:hover{background:rgba(100,116,139,.14);color:#1e293b}:root[data-fh-theme=light] .app-bar-auto .app-bar-inbox-item{background:#fff;border-color:#e2e8f0}:root[data-fh-theme=light] .app-bar-auto .app-bar-inbox-item.unread{border-color:#6366f1;background:#f8faff}:root[data-fh-theme=light] .app-bar-auto .app-bar-inbox-item-title{color:#0f172a}:root[data-fh-theme=light] .app-bar-auto .app-bar-inbox-empty,:root[data-fh-theme=light] .app-bar-auto .app-bar-inbox-item-content{color:#475569}:root[data-fh-theme=light] .app-bar-auto .app-bar-inbox-item-actions a,:root[data-fh-theme=light] .app-bar-auto .app-bar-inbox-item-actions button{border-color:#cbd5e1;color:#334155}@media (prefers-color-scheme:light){:root:not([data-fh-theme]) .app-bar-auto{background:#fff;border-right:1px solid #e5e7eb}:root:not([data-fh-theme]) .app-bar-auto .app-bar-divider{background:#e5e7eb}:root:not([data-fh-theme]) .app-bar-auto .app-bar-item{color:#64748b}:root:not([data-fh-theme]) .app-bar-auto .app-bar-item:hover{background:#f1f5f9;color:#0f172a}:root:not([data-fh-theme]) .app-bar-auto .app-bar-item.active{background:#e2e8f0;color:#0f172a}:root:not([data-fh-theme]) .app-bar-auto .app-bar-item.active:before{background:#7c3aed}:root:not([data-fh-theme]) .app-bar-auto .app-bar-item .app-bar-tooltip{background:#fff;color:#334155;border:1px solid #e2e8f0;box-shadow:0 8px 20px rgba(15,23,42,.08)}:root:not([data-fh-theme]) .app-bar-auto .app-bar-inbox-panel,:root:not([data-fh-theme]) .app-bar-auto .app-bar-user-panel{background:#fff;border-color:#e5e7eb;box-shadow:0 14px 28px rgba(15,23,42,.14)}:root:not([data-fh-theme]) .app-bar-auto .app-bar-user-header,:root:not([data-fh-theme]) .app-bar-auto .app-bar-user-section{border-bottom-color:#e5e7eb}:root:not([data-fh-theme]) .app-bar-auto .app-bar-user-info{color:#0f172a}:root:not([data-fh-theme]) .app-bar-auto .app-bar-user-close,:root:not([data-fh-theme]) .app-bar-auto .app-bar-user-info span,:root:not([data-fh-theme]) .app-bar-auto .app-bar-user-section-title{color:#64748b}:root:not([data-fh-theme]) .app-bar-auto .app-bar-user-close:hover{color:#1e293b;background:rgba(100,116,139,.14)}:root:not([data-fh-theme]) .app-bar-auto .app-bar-user-footer a,:root:not([data-fh-theme]) .app-bar-auto .app-bar-user-recharge-actions button,:root:not([data-fh-theme]) .app-bar-auto .app-bar-user-theme-options button{border-color:#cbd5e1;color:#334155}:root:not([data-fh-theme]) .app-bar-auto .app-bar-user-theme-options button.active{border-color:#6366f1;color:#4338ca;background:rgba(99,102,241,.12)}:root:not([data-fh-theme]) .app-bar-auto .app-bar-user-balance{color:#0f172a}:root:not([data-fh-theme]) .app-bar-auto .app-bar-user-recharge-hint{color:#1d4ed8}:root:not([data-fh-theme]) .app-bar-auto .app-bar-inbox-header{color:#0f172a;border-bottom-color:#e5e7eb}:root:not([data-fh-theme]) .app-bar-auto .app-bar-inbox-close{color:#64748b}:root:not([data-fh-theme]) .app-bar-auto .app-bar-inbox-close:hover{background:rgba(100,116,139,.14);color:#1e293b}:root:not([data-fh-theme]) .app-bar-auto .app-bar-inbox-item{background:#fff;border-color:#e2e8f0}:root:not([data-fh-theme]) .app-bar-auto .app-bar-inbox-item.unread{border-color:#6366f1;background:#f8faff}:root:not([data-fh-theme]) .app-bar-auto .app-bar-inbox-item-title{color:#0f172a}:root:not([data-fh-theme]) .app-bar-auto .app-bar-inbox-empty,:root:not([data-fh-theme]) .app-bar-auto .app-bar-inbox-item-content{color:#475569}:root:not([data-fh-theme]) .app-bar-auto .app-bar-inbox-item-actions a,:root:not([data-fh-theme]) .app-bar-auto .app-bar-inbox-item-actions button{border-color:#cbd5e1;color:#334155}}