.spectrix-topbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#2a2f3beb,#083575eb) fixed;height:76px}.spectrix-topbar *{box-sizing:border-box}.spectrix-topbar-inner{width:100%;max-width:var(--sx-shell-max-width);justify-content:space-between;align-items:center;height:100%;margin:0 auto;padding:0 24px;display:flex}.spectrix-topbar-left{flex:none;align-items:center;gap:32px;min-width:0;display:flex}.spectrix-topbar-brand{flex:none;align-items:center;gap:12px;text-decoration:none;display:flex}.spectrix-topbar-nav{align-items:center;gap:4px;display:flex}.spectrix-topbar-tab{border-radius:var(--sx-pill);color:#ffffffa6;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;background:0 0;border:1px solid #0000;align-items:center;gap:7px;padding:8px 14px;font-size:11px;font-weight:700;text-decoration:none;transition:all .25s;display:inline-flex}.spectrix-topbar-tab svg{width:14px;height:14px}.spectrix-topbar-tab:hover{color:#fff}.spectrix-topbar-tab.active{color:#fff;background:#4894ef29}@media (max-width:860px){.spectrix-topbar-nav{display:none}}.spectrix-topbar-brand .spectrix-brand{font-family:var(--font-rajdhani), sans-serif;text-transform:uppercase;letter-spacing:2px;background:linear-gradient(90deg,#fff 0%,#4894ef 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 10px #4894ef66);-webkit-background-clip:text;background-clip:text;font-size:1.4rem;font-weight:900;line-height:1;display:inline-block}.spectrix-topbar-user-slot{flex:none;align-items:center;display:flex}.spectrix-topbar-user-slot>*{opacity:0;animation:.5s cubic-bezier(.22,1,.36,1) both topbar-slot-in}@keyframes topbar-slot-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.spectrix-topbar-cta{color:#fff;font-family:var(--font-inter), sans-serif;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(135deg,#083575 0%,#4894ef 100%);border-radius:12px;align-items:center;gap:10px;padding:10px 20px;font-size:12px;font-weight:800;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 10px 25px #4894ef40}.spectrix-topbar-cta:hover{filter:brightness(1.15);box-shadow:0 15px 30px #4894ef66}.spectrix-profile-menu{position:relative}.spectrix-profile-btn{clip-path:polygon(12px 0,100% 0,calc(100% - 13px) 100%,0 100%,0 12px);color:#fff;cursor:pointer;background:#4894ef0f;border:1px solid #4894ef38;align-items:center;gap:14px;height:48px;padding:4px 18px 4px 20px;transition:all .25s;display:flex;position:relative}.spectrix-profile-btn:hover,.spectrix-profile-menu.active .spectrix-profile-btn{background:#4894ef1f;border-color:#4894ef80;box-shadow:0 8px 22px -6px #4894ef59}.spectrix-profile-btn-text{text-align:right;flex-direction:column;flex:none;order:1;justify-content:center;align-items:flex-end;line-height:1;display:flex}.spectrix-profile-name{text-overflow:ellipsis;white-space:nowrap;max-width:140px;font-family:var(--font-inter), sans-serif;letter-spacing:.2px;color:#fff;font-size:13px;font-weight:800;display:block;overflow:hidden}.spectrix-profile-status{font-family:var(--font-inter), sans-serif;letter-spacing:.3px;color:#93c5fd;align-items:center;gap:5px;margin-top:5px;font-size:10.5px;font-weight:700;display:inline-flex}.spectrix-profile-status svg{color:#4894ef;width:11px;height:11px}.spectrix-profile-avatar-frame{clip-path:polygon(28% 0,72% 0,100% 28%,100% 72%,72% 100%,28% 100%,0 72%,0 28%);background:linear-gradient(135deg,#4894ef,#083575 54%,#4894ef);flex:0 0 42px;order:2;width:42px;height:42px;transition:filter .25s,transform .25s;position:relative}.spectrix-profile-btn:hover .spectrix-profile-avatar-frame,.spectrix-profile-menu.active .spectrix-profile-avatar-frame{filter:drop-shadow(0 0 10px #4894ef8c);transform:scale(1.05)}.spectrix-profile-avatar-frame:before{content:"";clip-path:inherit;background:#050a14;position:absolute;inset:2px}.spectrix-profile-avatar{object-fit:cover;width:calc(100% - 10px);height:calc(100% - 10px);clip-path:inherit;position:absolute;inset:5px}.spectrix-profile-chevron{color:#ffffffa6;order:3;width:12px;height:12px;transition:transform .25s,color .25s}.spectrix-profile-btn:hover .spectrix-profile-chevron{color:#4894ef}.spectrix-profile-menu.active .spectrix-profile-chevron{color:#4894ef;transform:rotate(180deg)}.spectrix-profile-dropdown{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);opacity:0;visibility:hidden;z-index:1200;background:#0f1218fa;border:1px solid #4894ef2e;border-radius:14px;min-width:270px;padding:10px 8px;transition:opacity .22s,transform .22s,visibility .22s;position:absolute;top:calc(100% + 10px);right:0;transform:translateY(-8px);box-shadow:0 20px 60px #0000008c}.spectrix-profile-section-label{font-family:var(--font-inter), sans-serif;letter-spacing:.8px;text-transform:uppercase;color:#94a3b880;padding:10px 12px 6px;font-size:10px;font-weight:800;display:block}.spectrix-profile-section-label:first-child{padding-top:4px}.spectrix-profile-menu.active .spectrix-profile-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.spectrix-profile-option{color:#94a3b8;width:100%;font-family:var(--font-inter), sans-serif;text-transform:uppercase;letter-spacing:.5px;border-radius:10px;align-items:center;gap:12px;padding:11px 12px;font-size:11px;font-weight:700;text-decoration:none;transition:all .2s;display:flex}.spectrix-profile-option svg{color:#4894ef;flex-shrink:0;width:16px;height:16px}.spectrix-profile-option:hover{color:#fff;background:#4894ef1a;transform:translate(3px)}.spectrix-profile-option.active{color:#fff;background:#4894ef24}.spectrix-profile-option.danger,.spectrix-profile-option.danger svg{color:#f87171}.spectrix-profile-option.danger:hover{background:#ef44441a}.spectrix-profile-sep{background:#4894ef24;height:1px;margin:6px 4px}.spectrix-admin-return-float{z-index:9999;color:#fff;font-family:var(--font-inter), sans-serif;text-transform:uppercase;background:linear-gradient(135deg,#ef4444 0%,#991b1b 100%);border-radius:1rem;align-items:center;gap:10px;padding:1rem 1.5rem;font-size:.75rem;font-weight:800;text-decoration:none;transition:all .3s;display:flex;position:fixed;bottom:2rem;right:2rem;box-shadow:0 10px 25px #ef444466}.spectrix-admin-return-float:hover{filter:brightness(1.2)}.spectrix-admin-return-float svg{width:16px;height:16px}@media (max-width:640px){.spectrix-topbar-inner{padding:0 16px}.spectrix-topbar-brand .spectrix-brand,.spectrix-profile-btn-text{display:none}.spectrix-profile-btn{gap:8px;padding:4px 12px 4px 6px}.spectrix-profile-chevron{display:none}}