.topbar{border-bottom-color:#08402721;justify-content:space-between;gap:12px;height:60px;padding:0 24px;box-shadow:0 7px 24px #062b1a12}.topbar .topbar-menu-button{color:#0a5738;border-color:#d8e5de;border-radius:12px;flex:0 0 40px;width:40px;height:40px;display:grid;box-shadow:0 3px 10px #0742280f}.topbar-identity{color:#fff;background:radial-gradient(circle at 18% 0,#30c27738,#0000 44%),linear-gradient(118deg,#071d14 0%,#0a3927 58%,#075f3a 100%);border:1px solid #45ca8530;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:min(340px,100% - 150px);min-height:44px;padding:6px 18px;display:flex;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 7px 19px #05352029}.topbar-identity:after{content:"";border:1px solid #74edaf24;border-radius:50%;width:112px;height:76px;position:absolute;bottom:-42px;right:-28px;transform:rotate(-18deg)}.topbar-identity>div{text-align:left;gap:1px;min-width:0;display:grid}.topbar-identity strong,.topbar-identity span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.topbar-identity strong{letter-spacing:.01em;font-size:13px;font-weight:800}.topbar-identity>div>span{color:#a9ddc0;letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:750}.topbar-presence-dot{z-index:1;background:#42d788;border:2px solid #ffffff8f;border-radius:50%;flex:0 0 8px;width:8px;height:8px;position:relative;box-shadow:0 0 0 4px #42d7881f}.topbar-logout-icon{color:#0a5738;cursor:pointer;background:#fff;border:1px solid #d8e5de;border-radius:12px;flex:0 0 40px;place-items:center;width:40px;height:40px;padding:0;display:grid;box-shadow:0 3px 10px #0742280f}.topbar-logout-icon:hover{color:#b62323;background:#fff7f7;border-color:#ffb7b7}.topbar-notification-panel{position:fixed;top:68px;right:18px}@media (max-width:1020px){.topbar{height:60px;padding:0 18px}}@media (max-width:650px){.topbar{gap:8px;padding:0 12px}.topbar-identity{border-radius:12px;width:min(290px,100% - 116px);min-height:42px;padding:5px 11px}.topbar-identity strong{font-size:12px}.topbar-identity>div>span{font-size:8px}.topbar .topbar-menu-button,.topbar-logout-icon{border-radius:11px;flex-basis:38px;width:38px;height:38px}.topbar-notification-panel{width:auto;top:68px;left:10px;right:10px}}@media (max-width:360px){.topbar-identity{gap:7px;width:calc(100% - 108px);padding-left:8px;padding-right:8px}.topbar-presence-dot{flex-basis:7px;width:7px;height:7px}}