.notif-wrapper{position:relative}.notif-btn{color:var(--text);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex;position:relative}.notif-btn:hover{color:var(--accent1);background:var(--hover);border-radius:50%}.notif-btn.floating{background:var(--card);border:1px solid var(--border);width:48px;height:48px;color:var(--accent1);border-radius:50%;box-shadow:0 4px 15px #0006}.notif-btn.floating:active{transform:scale(.95)}.notif-badge{background:var(--danger);color:#fff;border:2px solid var(--bar-bg);border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;font-weight:700;display:flex;position:absolute;top:2px;right:2px}.notif-btn.floating .notif-badge{border-color:var(--card);top:0;right:0}.notif-dropdown{background:var(--card);border:1px solid var(--border);z-index:9999;border-radius:12px;flex-direction:column;width:300px;max-width:90vw;max-height:400px;display:flex;position:absolute;overflow:hidden;box-shadow:0 10px 30px #00000080}.notif-dropdown.down{top:110%;right:-10px}.notif-dropdown.up{bottom:110%;right:0;box-shadow:0 -10px 30px #0000004d}.notif-header{border-bottom:1px solid var(--border);background:var(--input-bg);padding:12px;font-size:.9rem;font-weight:700}.notif-list{flex:1;min-height:0;overflow-y:auto}.notif-item{border-bottom:1px solid var(--border);cursor:pointer;padding:12px;transition:background .2s}.notif-item:hover{background:var(--hover)}.notif-item.unread{border-left:3px solid var(--accent1);background:#60a5fa0d}.notif-title{margin-bottom:2px;font-size:.9rem;font-weight:600}.notif-body{color:var(--muted);font-size:.85rem}.notif-time{color:var(--muted);text-align:right;margin-top:4px;font-size:.75rem}.notif-empty{text-align:center;color:var(--muted);padding:20px;font-style:italic}
@media (max-width:768px){.org-switch-wrapper{display:none!important}}.org-switch-wrapper{align-items:center;display:inline-flex;position:relative}.org-switch-btn{color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:50%;align-items:center;gap:3px;padding:8px;transition:all .2s;display:inline-flex}.org-switch-btn:hover{color:var(--accent1);background:var(--hover)}.org-switch-dropdown{background:var(--card);border:1px solid var(--border);z-index:2100;border-radius:14px;min-width:260px;max-width:320px;animation:.18s ease-out orgSwitchIn;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;box-shadow:0 12px 40px #00000059}@keyframes orgSwitchIn{0%{opacity:0;transform:translateY(-6px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.org-switch-header{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);padding:12px 14px 8px;font-size:12px;font-weight:700}.org-switch-search{border-bottom:1px solid var(--border);padding:8px 10px}.org-switch-search-input{background:var(--input-bg);width:100%;color:var(--text);border:1px solid var(--border);border-radius:8px;outline:none;padding:7px 10px;font-size:13px;transition:border-color .2s}.org-switch-search-input:focus{border-color:var(--accent1)}.org-switch-search-input::placeholder{color:var(--muted)}.org-switch-list{max-height:280px;padding:4px;overflow-y:auto}.org-switch-item{width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;font-size:14px;transition:background .12s;display:flex}.org-switch-item:hover{background:var(--hover)}.org-switch-item.active{background:#60a5fa1a}.org-switch-avatar{background:var(--input-bg);border:1px solid var(--border);width:24px;height:24px;color:var(--accent1);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:inline-flex;overflow:hidden}.org-switch-logo{object-fit:cover;width:100%;height:100%}.org-switch-letter.hidden{display:none}.org-switch-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.org-switch-check{color:var(--accent1);flex-shrink:0}.org-switch-empty{text-align:center;color:var(--muted);padding:16px;font-size:13px}[data-theme=light] .org-switch-dropdown{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #00000014;box-shadow:0 12px 40px #0000001f}[data-theme=light] .org-switch-header,[data-theme=light] .org-switch-search{border-color:#0000000f}[data-theme=light] .org-switch-item:hover{background:#0000000a}[data-theme=light] .org-switch-item.active{background:#60a5fa14}[data-theme=light] .org-switch-avatar{background:#f1f5f9;border-color:#00000014}
.topbar{background:var(--bar-bg);border-bottom:1px solid var(--border);z-index:2000;flex-direction:column;align-items:stretch;gap:8px;margin-bottom:24px;padding:10px 14px;transition:background .3s;display:flex;position:relative}.topbar-row{align-items:center;width:100%;display:flex}.brand-row,.nav-row{justify-content:flex-start}.utils-row{justify-content:flex-end}.topbar .left{align-items:center;display:flex}.topbar .tab,.topbar .ghost{align-items:center;display:flex;overflow:visible}.topbar .brand{cursor:pointer;color:var(--text);background:0 0;border:0;align-items:center;gap:8px;padding:4px 6px;display:inline-flex}.topbar .brand-logo{object-fit:cover;border-radius:6px;width:24px;height:24px;margin-right:4px}.topbar .brand-fallback{background:var(--input-bg);width:24px;height:24px;color:var(--text);border:1px solid var(--border);border-radius:6px;justify-content:center;align-items:center;margin-right:4px;font-size:12px;font-weight:700;display:inline-flex}.topbar .brand-name{color:var(--text);font-weight:700}.topbar .brand-powered{opacity:.6;color:var(--muted);margin-left:8px;font-size:12px}.topbar .tabs{align-items:center;gap:10px;margin-left:0;display:flex}.topbar .tab{appearance:none;background:var(--input-bg);color:var(--text);border:1px solid var(--border);white-space:nowrap;cursor:pointer;border-radius:9999px;padding:8px 14px;font-size:14px;line-height:1;transition:all .12s}.topbar .tab:hover{background:var(--hover);border-color:var(--accent1)}.topbar .tab:active{transform:translateY(1px)}.topbar .tab.active{border-color:var(--accent1);color:var(--accent1);background:#60a5fa26}.more-wrapper{position:relative}.more-dropdown{background:var(--card);border:1px solid var(--border);z-index:2001;border-radius:12px;flex-direction:column;gap:2px;min-width:180px;padding:6px;animation:.15s ease-out fadeIn;display:flex;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 10px 25px #0000004d}.dropdown-item{text-align:left;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:10px 12px;font-size:14px;transition:background .1s}.dropdown-item:hover{background:var(--hover)}.dropdown-item.active{color:var(--accent1);background:#60a5fa1a;font-weight:600}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.topbar .ghost{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:10px;padding:6px 12px;transition:background .12s}.topbar .ghost:hover{background:var(--hover)}@media (max-width:900px){.topbar{gap:8px;padding:8px 10px}.topbar .tabs{gap:6px;margin-left:8px}.topbar .tab{padding:6px 10px;font-size:13px}}[data-theme=light] .topbar{-webkit-backdrop-filter:blur(20px)saturate(180%);background:#ffffffbf;border-bottom:1px solid #ffffff80;padding:10px 16px;box-shadow:0 4px 6px -1px #00000005,0 2px 4px -1px #00000005}[data-theme=light] .topbar .tab{color:var(--text-secondary);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff80;border:1px solid #00000014;border-radius:99px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1)}[data-theme=light] .topbar .tab:hover{color:var(--text);background:#fff9}[data-theme=light] .topbar .tab.active{color:var(--accent1);background:#fff;border:1px solid #0000000a;transform:translateY(-1px);box-shadow:0 2px 4px #00000005,0 1px 2px #00000005}[data-theme=light] .topbar .tab.active:hover{background:#f8fafc}[data-theme=light] .topbar .brand-name{color:#0f172a;letter-spacing:-.02em;font-weight:800}[data-theme=light] .topbar .brand-powered{color:var(--text-tertiary);font-weight:500}[data-theme=light] .topbar .brand-fallback{background:linear-gradient(135deg,var(--accent1),var(--accent2));color:#fff;border:none;box-shadow:0 2px 5px #3b82f64d}[data-theme=light] .topbar .ghost{color:var(--text-secondary);background:#00000008;border-color:#0000;border-radius:12px;font-weight:600}[data-theme=light] .topbar .ghost:hover{box-shadow:var(--shadow-sm);color:var(--text);background:#fff}@media (max-width:768px){body .topbar,.topbar{opacity:0!important;visibility:hidden!important;height:0!important;padding:0!important;display:none!important;overflow:hidden!important}}
.mobile-utils-wrapper{display:none}@media (max-width:768px){.mobile-utils-wrapper{bottom:calc(64px + env(safe-area-inset-bottom) + 16px + 48px + 10px);z-index:901;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;right:20px}.mobile-utils-actions{opacity:0;pointer-events:none;flex-direction:column;align-items:center;gap:8px;max-height:0;transition:max-height .3s cubic-bezier(.4,0,.2,1),opacity .25s,transform .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden;transform:translateY(20px)scale(.8)}.mobile-utils-actions.open{opacity:1;pointer-events:auto;max-height:200px;transform:translateY(0)scale(1)}.mobile-utils-fab{border:1px solid var(--border);background:var(--card);width:42px;height:42px;color:var(--accent1);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:transform .15s,background .15s;display:flex;box-shadow:0 4px 12px #0000004d}.mobile-utils-fab:active{transform:scale(.9)}.mobile-utils-trigger{border:1px solid var(--border);background:var(--card);width:32px;height:32px;color:var(--muted);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:transform .15s,background .15s;display:flex;box-shadow:0 2px 8px #00000040}.mobile-utils-trigger:active{transform:scale(.9)}.mobile-utils-arrow{transition:transform .3s cubic-bezier(.4,0,.2,1)}.mobile-utils-arrow.flipped{transform:rotate(180deg)}.mobile-utils-org-panel{bottom:calc(64px + env(safe-area-inset-bottom) + 16px + 48px + 10px + 42px + 42px + 32px + 40px);background:var(--card);border:1px solid var(--border);z-index:902;border-radius:14px;width:250px;max-width:calc(100vw - 24px);animation:.2s ease-out mobileOrgIn;position:fixed;right:12px;overflow:hidden;box-shadow:0 12px 40px #0006}@keyframes mobileOrgIn{0%{opacity:0;transform:translateY(10px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.mobile-utils-org-header{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);padding:10px 14px;font-size:11px;font-weight:700}.mobile-utils-org-list{max-height:240px;padding:4px;overflow-y:auto}.mobile-utils-org-item{width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:8px;padding:8px 10px;font-size:13px;transition:background .12s;display:flex}.mobile-utils-org-item:hover,.mobile-utils-org-item:active{background:var(--hover)}.mobile-utils-org-item.active{background:#60a5fa1a}.mobile-utils-org-avatar{background:var(--input-bg);border:1px solid var(--border);width:22px;height:22px;color:var(--accent1);border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex;overflow:hidden}.mobile-utils-org-logo{object-fit:cover;width:100%;height:100%}.mobile-utils-org-letter{justify-content:center;align-items:center}.mobile-utils-org-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}[data-theme=light] .mobile-utils-fab{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-color:#00000014;box-shadow:0 4px 12px #00000014}[data-theme=light] .mobile-utils-trigger{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-color:#00000014;box-shadow:0 2px 8px #0000000f}[data-theme=light] .mobile-utils-org-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-color:#00000014;box-shadow:0 12px 40px #0000001a}}
.mobile-nav-bar,.mobile-menu-overlay{display:none}@media (max-width:768px){.mobile-nav-bar{background:var(--bg,#0b0f17);border-top:1px solid var(--border,#1f2937);z-index:3001;min-height:64px;padding-top:12px;padding-bottom:calc(env(safe-area-inset-bottom) + 12px);justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item{color:var(--muted,var(--text-tertiary,#9ca3af));background:0 0;border:none;border-radius:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;margin:0;padding:0;font-size:10px;display:flex}.nav-item.active{color:var(--accent1,#60a5fa)}.nav-item.active .icon svg{stroke-width:2.5px}.mobile-menu-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding-bottom:calc(80px + env(safe-area-inset-bottom));background:#0009;align-items:flex-end;display:flex;position:fixed;inset:0}.mobile-menu-content{background:var(--card,#111827);border-top:1px solid var(--border,#374151);border-radius:20px 20px 0 0;width:100%;max-height:85vh;padding:20px;animation:.2s ease-out slideUp;overflow-y:auto}.mobile-menu-content h3{color:var(--text,#e5e7eb);margin:0 0 16px;font-size:18px}.mobile-menu-grid{flex-direction:column;gap:8px;display:flex}.mobile-menu-btn{text-align:left;background:var(--input-bg,#1f2937);border:1px solid var(--border,#ffffff0d);width:100%;color:var(--text,#e5e7eb);border-radius:12px;padding:14px 16px;font-size:16px}.mobile-menu-btn.active{border-color:var(--accent1,#60a5fa);background:var(--accent1-glow,#60a5fa1a)}.mobile-menu-btn.logout{background:var(--danger-bg,#ef44441a);color:var(--danger,#fca5a5);border-color:var(--danger-border,#ef444433);text-align:center}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}}