.pd-card{--pd-bg:#12151c;--pd-surface:#181d26;--pd-border:#ffffff29;--pd-text:#f1f5f9;--pd-muted:#94a3b8;--pd-dim:#ffffff6b;--pd-hover:#ffffff12;--pd-danger:#f87171;--pd-danger-bg:#f871711a;--pd-shadow:1px 1px 0px #000;--pd-radius:10px;--pd-font-display:var(--font-satoshi,"Satoshi", sans-serif);--pd-font-ui:var(--font-space,"Space Grotesk", sans-serif);z-index:10010;background:var(--pd-bg);border:1.5px solid var(--pd-border);width:min(292px,100vw - 24px);box-shadow:var(--pd-shadow);border-radius:var(--pd-radius);flex-direction:column;gap:2px;padding:8px;animation:.16s cubic-bezier(.16,1,.3,1) pd-pop;display:flex;position:absolute;top:calc(100% + 8px);right:0}@keyframes pd-pop{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}[data-theme=light] .pd-card{--pd-bg:#f8fafc;--pd-surface:#f1f5f9;--pd-border:#000;--pd-text:#0d1117;--pd-muted:#475569;--pd-dim:#64748b;--pd-hover:#f1f5f9;--pd-danger:#dc2626;--pd-danger-bg:#fef2f2;--pd-shadow:1px 1px 0px #000}.pd-header{align-items:center;gap:10px;padding:6px 8px 8px;display:flex}.pd-avatar{background:var(--pd-surface);border:1.5px solid var(--pd-border);border-radius:50%;flex-shrink:0;width:40px;height:40px;position:relative;overflow:hidden}.pd-avatar-img{object-fit:cover;width:100%;height:100%;display:block}.pd-user-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.pd-user-row{align-items:center;gap:5px;min-width:0;display:flex}.pd-user-name{font-family:var(--pd-font-display);color:var(--pd-text);white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.01em;font-size:.86rem;font-weight:800;overflow:hidden}.pd-blue-tick{vertical-align:middle;flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:inline-flex}.pd-blue-tick svg{display:block}.pd-unverified-trigger{color:#f59e0b;cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:transform .12s,color .12s;display:inline-flex}.pd-unverified-trigger:hover{color:#d97706;transform:scale(1.15)}.pd-user-handle{font-family:var(--pd-font-ui);color:var(--pd-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.73rem;font-weight:500;overflow:hidden}.pd-user-email{font-family:var(--pd-font-ui);color:var(--pd-dim);white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;font-weight:500;overflow:hidden}.pd-badge-wrap{flex-shrink:0}.pd-badge{font-family:var(--pd-font-ui);letter-spacing:.06em;text-transform:uppercase;border-radius:9999px;align-items:center;padding:2px 7px;font-size:.63rem;font-weight:800;line-height:1.3;display:inline-flex}.pd-badge--admin{color:#00f0ff;background:#00f0ff1f;border:1px solid #00f0ff40}[data-theme=light] .pd-badge--admin{color:#0891b2;background:#0891b21f;border:1px solid #0891b2}.pd-verify-prompt{color:#fbbf24;font-family:var(--pd-font-ui);text-align:left;cursor:pointer;background:#f59e0b14;border:1px solid #f59e0b40;border-radius:6px;align-items:center;gap:6px;margin:2px 4px 4px;padding:6px 8px;font-size:.72rem;font-weight:500;transition:background .12s,border-color .12s;display:flex}.pd-verify-prompt:hover{background:#f59e0b26;border-color:#f59e0b73}.pd-verify-prompt-icon{color:#f59e0b;flex-shrink:0}.pd-verify-prompt-text{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.pd-verify-cta{text-underline-offset:2px;font-weight:700;text-decoration:underline}.pd-verify-prompt-arrow{color:#f59e0b;flex-shrink:0;font-weight:700}[data-theme=light] .pd-verify-prompt{color:#92400e;background:#fffbeb;border-color:#f59e0b}[data-theme=light] .pd-verify-prompt:hover{background:#fef3c7;border-color:#d97706}[data-theme=light] .pd-verify-prompt-icon,[data-theme=light] .pd-verify-prompt-arrow{color:#d97706}.pd-divider{background:var(--pd-border);opacity:.6;height:1px;margin:3px 2px}[data-theme=light] .pd-divider{opacity:.2}.pd-menu{flex-direction:column;gap:2px;display:flex}.pd-menu-item{width:100%;font-family:var(--pd-font-display);color:var(--pd-text);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;padding:8px 10px;font-size:.82rem;font-weight:600;transition:background .12s,color .12s;display:flex}.pd-menu-icon{color:var(--pd-muted);flex-shrink:0;transition:color .12s}.pd-menu-item:hover{background:var(--pd-hover);color:var(--pd-text)}.pd-menu-item:hover .pd-menu-icon{color:var(--pd-text)}[data-theme=light] .pd-menu-item:hover{color:#000;background:#f1f5f9}[data-theme=light] .pd-menu-item:hover .pd-menu-icon{color:#000}.pd-menu-item:focus-visible{outline:2px solid var(--pd-text);outline-offset:-1px}.pd-menu-item--logout{color:var(--pd-muted)}.pd-menu-item--logout:hover{background:var(--pd-danger-bg);color:var(--pd-danger)}.pd-menu-item--logout:hover .pd-menu-icon{color:var(--pd-danger)}@media (prefers-reduced-motion:reduce){.pd-card{animation:none}}
:root{--nav-bar-bg:#111215;--nav-bar-border:#ffffff38;--nav-active-bg:var(--primary-color,#00f0ff);--nav-active-color:#000;--nav-icon-inactive:#ffffffbf;--nav-icon-hover:#00f0ff;--nav-shadow:1px 1px 0px #000;--nav-active-shadow:1px 1px 0px #000;--mobile-nav-clearance:calc(56px + max(8px, env(safe-area-inset-bottom,8px)))}[data-theme=light]{--nav-bar-bg:#fff;--nav-bar-border:#111;--nav-active-bg:var(--primary-color,#00f0ff);--nav-active-color:#000;--nav-icon-inactive:#000000bf;--nav-icon-hover:#000;--nav-shadow:1px 1px 0px #111;--nav-active-shadow:1px 1px 0px #111}.premium-mobile-nav{left:50%;bottom:max(2px, env(safe-area-inset-bottom,8px));background:var(--nav-bar-bg);border:2px solid var(--nav-bar-border);width:min(100% - 1.5rem,392px);height:56px;box-shadow:var(--nav-shadow);z-index:10000;-webkit-user-select:none;user-select:none;border-radius:0;padding:5px 6px;transition:transform .4s cubic-bezier(.23,1,.32,1),opacity .3s;animation:.4s cubic-bezier(.23,1,.32,1) forwards navFadeUp;display:none;position:fixed;transform:translate(-50%)}@keyframes navFadeUp{0%{opacity:0;transform:translate(-50%)translateY(24px)scale(.95)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}.nav-items-track{justify-content:space-between;align-items:center;gap:3px;width:100%;height:100%;display:flex}.nav-item-btn{cursor:pointer;height:42px;color:var(--nav-icon-inactive);-webkit-tap-highlight-color:transparent;white-space:nowrap;background:0 0;border:none;border-radius:0;outline:none;flex:1 1 0;justify-content:center;align-items:center;min-width:38px;padding:0;transition:flex-grow .3s,background-color .2s,color .2s,box-shadow .2s,transform .15s;display:flex;position:relative;overflow:hidden}.nav-item-btn:active{transform:translate(1px,1px)}.nav-item-btn.active{background:var(--nav-active-bg);color:var(--nav-active-color);box-shadow:var(--nav-active-shadow);border:2px solid #111;border-radius:0;flex:2.3 1 0;padding:0!important}.nav-icon-box{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.nav-btn-icon{transition:transform .2s;display:block}.nav-item-btn.active .nav-btn-icon{transform:scale(1.05)}.nav-item-label{font-family:var(--font-space), monospace, sans-serif;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;opacity:0;max-width:0;margin-left:0;font-size:.74rem;font-weight:800;transition:max-width .3s,opacity .2s,margin-left .3s;overflow:hidden}.nav-item-btn.active .nav-item-label{opacity:1;max-width:80px;margin-left:6px}@media (hover:hover) and (pointer:fine){.nav-item-btn:not(.active):hover{color:var(--nav-icon-hover,#00f0ff);opacity:1;transform:translate(-1px,-1px)}}.nav-item-btn:focus-visible{outline:2px solid var(--nav-active-bg);outline-offset:-2px;border-radius:0}@media (max-width:768px){.premium-mobile-nav{display:block;opacity:1!important;pointer-events:auto!important;transform:translate(-50%)!important}}@media (max-width:360px){.premium-mobile-nav{width:calc(100% - 1rem);height:52px;padding:4px}.nav-item-btn{height:40px}.nav-item-label{font-size:.7rem}}.mobile-more-menu{bottom:max(72px, calc(env(safe-area-inset-bottom,8px) + 64px));z-index:9999;opacity:0;pointer-events:none;transform-origin:100% 100%;background:#16171c;border:1.5px solid #ffffff38;border-radius:0;flex-direction:column;min-width:160px;padding:6px;transition:opacity .2s,transform .2s;display:flex;position:fixed;right:max(.75rem,50% - 190px);transform:translateY(14px);box-shadow:1px 1px #000}.mobile-more-menu.open{opacity:1;pointer-events:auto;transform:translateY(0)}.mobile-more-menu ul{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.mobile-more-menu a{color:#ffffffe6;font-family:var(--font-space), monospace, sans-serif;text-transform:uppercase;letter-spacing:.04em;border:1.5px solid #0000;border-radius:0;justify-content:flex-start;align-items:center;gap:10px;padding:10px 14px;font-size:.82rem;font-weight:700;text-decoration:none;transition:background .15s,color .15s,border-color .15s,transform .1s;display:flex}.mobile-more-menu a:active{transform:translate(1px,1px)}.mobile-more-menu a:hover,.mobile-more-menu a.active{background:var(--primary-color,#00f0ff);color:#000;border-color:#111}.mobile-more-menu a svg{color:inherit;transition:color .15s}[data-theme=light] .mobile-more-menu{background:#fff;border:1.5px solid #111;box-shadow:1px 1px #111}[data-theme=light] .mobile-more-menu a{color:#111}[data-theme=light] .mobile-more-menu a:hover,[data-theme=light] .mobile-more-menu a.active{background:var(--primary-color,#00f0ff);color:#000;border-color:#111}@media (min-width:769px){.mobile-more-menu{display:none!important}}
.notif-bell-wrap{flex-shrink:0;align-items:center;display:flex;position:static}.notif-bell-btn{cursor:pointer;color:#f0f2f5bf;background:0 0;border:none;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:6px 8px;transition:color .15s,background .15s;display:flex;position:relative}.notif-bell-btn svg{width:22px;height:22px}.notif-bell-btn:hover{color:#00f0ff;background:#ffffff1a}.notif-bell-btn:active{transform:translate(1px,1px)}.notif-bell-btn.is-open{color:#00f0ff;background:#ffffff1a}[data-theme=light] .notif-bell-btn{color:#f0f2f5bf}[data-theme=light] .notif-bell-btn:hover,[data-theme=light] .notif-bell-btn.is-open{color:#00f0ff;background:#ffffff1a}.notif-badge{color:#fff;min-width:16px;height:16px;font-family:var(--font-space,"Space Grotesk"), sans-serif;text-align:center;background:#ff2e3e;border:1px solid #000;border-radius:0;padding:0 4px;font-size:.6rem;font-weight:800;line-height:16px;animation:.3s cubic-bezier(.34,1.56,.64,1) notifBadgePop;position:absolute;top:-1px;right:-1px;box-shadow:.5px .5px #000}@keyframes notifBadgePop{0%{opacity:0;transform:scale(.4)}to{transform:scale(1)}}.notif-panel{z-index:10001;transform-origin:100% 0;background:#0a0a0f;border:1px solid #ffffff47;border-radius:0;flex-direction:column;width:clamp(380px,38vw,490px);max-height:min(560px,100vh - 120px);animation:.2s cubic-bezier(.16,1,.3,1) notifPanelIn;display:flex;position:absolute;top:calc(100% + 1rem);right:0;overflow:hidden;box-shadow:1px 1px #0000007a}@keyframes notifPanelIn{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}[data-theme=light] .notif-panel{background:#fff;border:1.5px solid #111;box-shadow:1px 1px #111}.notif-panel-head{background:#ffffff08;border-bottom:1px solid #fff3;justify-content:space-between;align-items:center;gap:12px;padding:.7rem .9rem;display:flex}.notif-panel-title-row{align-items:center;gap:8px;min-width:0;display:inline-flex}[data-theme=light] .notif-panel-head{background:#00000008;border-bottom-color:#0d11172e}.notif-panel-title{font-family:var(--font-space,"Space Grotesk"), sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#fff;align-items:center;gap:8px;font-size:.82rem;font-weight:800;display:inline-flex}[data-theme=light] .notif-panel-title{color:#0d1117}.notif-panel-unread{color:#000;letter-spacing:.06em;background:#00f0ff;border:1px solid #000;border-radius:0;padding:2px 7px;font-size:.6rem;font-weight:800;line-height:1.4;display:inline-block;box-shadow:1px 1px #000}[data-theme=light] .notif-panel-unread{background:#00f0ff}.notif-panel-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.notif-action-btn{cursor:pointer;font-family:var(--font-space,"Space Grotesk"), sans-serif;letter-spacing:.05em;text-transform:uppercase;color:#ffffffbf;background:0 0;border:1px solid #ffffff47;border-radius:0;align-items:center;gap:5px;padding:4px 9px;font-size:.64rem;font-weight:700;transition:color .12s,border-color .12s,background .12s,transform .12s;display:inline-flex}.notif-action-btn:hover{color:#00f0ff;background:#00f0ff14;border-color:#00f0ff}.notif-action-btn:active{transform:translate(1px,1px)}.notif-action-clear:hover{color:#f87171;background:#f8717114;border-color:#f87171}.notif-action-clear{color:#ffffff85;border-color:#0000}.notif-menu-wrap{display:inline-flex;position:relative}.notif-action-more{padding:4px 6px}.notif-action-more.is-open{color:#00f0ff;background:#00f0ff14;border-color:#00f0ff}[data-theme=light] .notif-action-more.is-open{color:#0d1117;background:#0000000d;border-color:#000}.notif-menu{z-index:20;background:#0a0a0f;border:1px solid #ffffff47;min-width:150px;padding:3px;animation:.14s cubic-bezier(.16,1,.3,1) notifMenuIn;position:absolute;top:calc(100% + 6px);right:0;box-shadow:1px 1px #0000007a}@keyframes notifMenuIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}[data-theme=light] .notif-menu{background:#fff;border:1.5px solid #111;box-shadow:1px 1px #111}.notif-menu-item{cursor:pointer;text-align:left;width:100%;font-family:var(--font-space,"Space Grotesk"), sans-serif;letter-spacing:.05em;text-transform:uppercase;color:#ffffffc7;background:0 0;border:none;align-items:center;gap:7px;padding:7px 9px;font-size:.66rem;font-weight:700;transition:color .12s,background .12s;display:flex}.notif-menu-item:hover{color:#fff;background:#ffffff0f}.notif-menu-item--danger:hover{color:#f87171;background:#f871711a}[data-theme=light] .notif-menu-item{color:#0d1117b8}[data-theme=light] .notif-menu-item:hover{color:#0d1117;background:#0000000d}[data-theme=light] .notif-menu-item--danger:hover{color:#dc2626;background:#dc262612}[data-theme=light] .notif-action-btn{color:#0d1117b3;border-color:#00000059}[data-theme=light] .notif-action-clear{color:#0d11178c;border-color:#0000}[data-theme=light] .notif-action-btn:hover{color:#0d1117;background:#0000000d;border-color:#000}[data-theme=light] .notif-action-clear:hover{color:#dc2626;background:#dc262612;border-color:#dc2626}.notif-panel-body{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#fff3 transparent;max-height:430px;overflow-y:auto}.notif-panel-body::-webkit-scrollbar{width:4px}.notif-panel-body::-webkit-scrollbar-track{background:0 0}.notif-panel-body::-webkit-scrollbar-thumb{background:#fff3}[data-theme=light] .notif-panel-body{scrollbar-color:#0003 transparent}[data-theme=light] .notif-panel-body::-webkit-scrollbar-thumb{background:#0003}.notif-list{margin:0;padding:0;list-style:none}.notif-item{text-align:left;cursor:pointer;background:0 0;border:none;border-bottom:1px solid #ffffff14;border-radius:0;align-items:flex-start;gap:10px;width:100%;min-height:72px;padding:.85rem 1rem .85rem .9rem;transition:background-color .12s;display:flex;position:relative}.notif-list li:last-child .notif-item{border-bottom:none}.notif-item.is-unread{background:#00f0ff12}.notif-item.is-unread:before{content:"";background:#00f0ff;width:3px;position:absolute;top:0;bottom:0;left:0}[data-theme=light] .notif-item.is-unread{background:#f2fafd}[data-theme=light] .notif-item.is-unread:before{background:#09c}.notif-item:hover{background-color:#ffffff0f}.notif-item:focus-visible{outline-offset:-2px;outline:2px solid #00f0ff}[data-theme=light] .notif-item:hover{background-color:#0000000a}.notif-item-icon{background:#ffffff0f;border:1px solid #ffffff38;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-top:1px;font-size:1.05rem;display:flex}[data-theme=light] .notif-item-icon{background:#0000000a;border-color:#0003}.notif-item-icon--approved{background:#10b98124;border-color:#10b9818c}.notif-item-icon--rejected{background:#ef444424;border-color:#ef44448c}.notif-item-icon--flagged{background:#f59e0b24;border-color:#f59e0b8c}.notif-item-icon--submitted{background:#3b82f624;border-color:#3b82f68c}.notif-item-icon--deadline{background:#00f0ff1f;border-color:#00f0ff8c}[data-theme=light] .notif-item-icon--deadline{border-color:#0099cc8c}.notif-item-main{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.notif-item-toprow{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.notif-item-title{font-family:var(--font-space,"Space Grotesk"), sans-serif;color:#f8fafc;min-width:0;font-size:.84rem;font-weight:750;line-height:1.35}[data-theme=light] .notif-item-title{color:#0b1220}.notif-item.is-read .notif-item-title{color:#ffffffb8;font-weight:600}[data-theme=light] .notif-item.is-read .notif-item-title{color:#475569}.notif-item-time{font-family:var(--font-space,"Space Grotesk"), sans-serif;letter-spacing:.03em;color:#ffffff9e;white-space:nowrap;flex-shrink:0;font-size:.62rem;font-weight:600}.notif-item.is-unread .notif-item-time{color:#00f0ff}[data-theme=light] .notif-item-time{color:#475569}[data-theme=light] .notif-item.is-unread .notif-item-time{color:#0369a1}.notif-item-body{color:#ffffffd6;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-family:Quicksand,sans-serif;font-size:.77rem;line-height:1.5;display:-webkit-box;overflow:hidden}[data-theme=light] .notif-item-body{color:#334155}.notif-item.is-unread .notif-item-body{color:#ffffffe0}[data-theme=light] .notif-item.is-unread .notif-item-body{color:#1e293b}.notif-item-body--urgent{color:#ff6b76;font-weight:600}.notif-item-body--soon{color:#00f0ff;font-weight:600}[data-theme=light] .notif-item-body--urgent{color:#dc2626}[data-theme=light] .notif-item-body--soon{color:#0369a1}.notif-unread-dot{background:#00f0ff;border-radius:0;flex-shrink:0;width:7px;height:7px;margin-top:5px;animation:2s ease-in-out infinite notifDotPulse}@keyframes notifDotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.8)}}.notif-state{color:#ffffff73;font-family:var(--font-space,"Space Grotesk"), sans-serif;text-align:center;flex-direction:column;align-items:center;gap:10px;padding:40px 24px;font-size:.8rem;display:flex}.notif-spinner{border:2px solid #ffffff26;border-top-color:#00f0ff;border-radius:50%;width:22px;height:22px;animation:.7s linear infinite notifSpin}[data-theme=light] .notif-spinner{border-color:#09c #0000001f #0000001f}@keyframes notifSpin{to{transform:rotate(360deg)}}.notif-panel-body:has(.notif-empty-state){overflow-y:hidden}.notif-empty-state{text-align:center;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;padding:1.6rem 1.5rem 1.85rem;animation:.25s cubic-bezier(.16,1,.3,1) both notifEmptyFadeIn;display:flex}@keyframes notifEmptyFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.notif-empty-illustration{flex-direction:column;justify-content:center;align-items:center;margin-bottom:.65rem;display:flex;position:relative}.notif-bell-scene{flex-direction:column;align-items:center;display:flex;position:relative}.notif-bell-avatar-wrap{z-index:2;justify-content:center;align-items:center;animation:3.2s ease-in-out infinite notifBellFloat;display:inline-flex;position:relative}@keyframes notifBellFloat{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-4px)rotate(-1.5deg)}}.notif-bell-img{object-fit:contain;filter:drop-shadow(2px 2px #00000080);width:78px;height:auto;display:block}[data-theme=light] .notif-bell-img{filter:none}.notif-bell-base-shadow{opacity:.35;background:#00f0ff;width:58px;height:5px;margin-top:4px;animation:3.2s ease-in-out infinite notifShadowPulse}@keyframes notifShadowPulse{0%,to{opacity:.35;transform:scale(1)}50%{opacity:.18;transform:scale(.82)}}.notif-zzz{font-family:var(--font-space,"Space Grotesk"), sans-serif;color:#00f0ff;opacity:0;pointer-events:none;font-weight:800;line-height:1;animation:2.8s cubic-bezier(.33,1,.68,1) infinite notifZzzFloat;position:absolute}.notif-zzz--1{font-size:.68rem;animation-delay:0s;top:14px;right:2px}.notif-zzz--2{font-size:.8rem;animation-delay:.9s;top:4px;right:-5px}.notif-zzz--3{font-size:.92rem;animation-delay:1.8s;top:-6px;right:-12px}@keyframes notifZzzFloat{0%{opacity:0;transform:translate(0)scale(.6)}25%{opacity:.85;transform:translate(2px,-4px)scale(.85)}65%{opacity:.65;transform:translate(5px,-10px)scale(1)}to{opacity:0;transform:translate(7px,-16px)scale(1.05)}}.notif-empty-title{font-family:var(--font-space,"Space Grotesk"), sans-serif;letter-spacing:.02em;text-transform:uppercase;color:#fff;margin:.4rem 0 .3rem;font-size:.95rem;font-weight:800;line-height:1.3}[data-theme=light] .notif-empty-title{color:#09090b}.notif-empty-desc{color:#ffffffa6;max-width:270px;margin:0;font-family:Quicksand,sans-serif;font-size:.78rem;line-height:1.45}[data-theme=light] .notif-empty-desc{color:#52525b}.notif-panel-foot{text-align:center;font-family:var(--font-space,"Space Grotesk"), sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#ffffff73;background:#ffffff08;border-top:1px solid #ffffff2e;padding:.55rem 1rem;font-size:.62rem;font-weight:700}[data-theme=light] .notif-panel-foot{color:#0d11178c;background:#00000008;border-top-color:#0d111729}.notif-view-all{color:#00f0ff;width:100%;font-family:var(--font-space,"Space Grotesk"), sans-serif;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;border-top:1px solid #ffffff1f;border-radius:0;justify-content:center;align-items:center;gap:6px;padding:.7rem 1rem;font-size:.68rem;font-weight:700;transition:color .12s,background .12s;display:flex}.notif-view-all:hover{background:#00f0ff0f}.notif-view-all:disabled{opacity:.5;cursor:default}[data-theme=light] .notif-view-all{color:#0369a1;border-top-color:#0d11171f}[data-theme=light] .notif-view-all:hover{background:#0099cc0f}@media (max-width:992px){.notif-panel{width:min(380px,100vw - 1.5rem)}}@media (max-width:768px){.notif-panel{width:min(350px,100vw - 1rem);left:auto;right:0}.notif-action-btn{padding:4px 7px;font-size:.6rem}}@media (max-width:480px){.notif-panel-head{flex-direction:column;align-items:flex-start}.notif-panel-actions{justify-content:flex-end;width:100%}.notif-panel{width:auto;max-height:calc(100vh - 96px);position:fixed;top:74px;left:10px;right:10px}}@media (prefers-reduced-motion:reduce){.notif-panel,.notif-badge,.notif-bell-avatar-wrap,.notif-bell-base-shadow,.notif-zzz,.notif-unread-dot,.notif-menu{animation:none}}