.topbar{z-index:30;background:#1a1a18;border-bottom:.5px solid #2a2a28;justify-content:space-between;align-items:center;height:60px;padding:0 24px;display:flex;position:fixed;top:0;left:220px;right:0}.topbar__left{flex-direction:column;display:flex}.topbar__title{letter-spacing:-.02em;color:#f0efeb;font-size:20px;font-weight:500}.topbar__subtitle{color:#555552;margin-top:1px;font-size:11px}.topbar__right{align-items:center;gap:8px;display:flex}.topbar__search{background:#111110;border:.5px solid #2a2a28;border-radius:6px;align-items:center;gap:8px;width:260px;height:34px;padding:0 12px;display:flex}.topbar__search-input{color:#f0efeb;background:0 0;border:none;outline:none;width:100%;font-size:13px}.topbar__search-input::placeholder{color:#555552}.topbar__btn{color:#f0efeb;cursor:pointer;background:#1a1a18;border:.5px solid #2a2a28;border-radius:6px;align-items:center;gap:6px;height:34px;padding:0 12px;font-size:13px;display:flex}.topbar__btn:hover{background:#222220}.topbar__btn--primary{color:#fff;background:#5b52d6;border-color:#5b52d6}.topbar__btn--primary:hover{background:#4f47c0}.notif-wrapper{position:relative}.notif-bell{justify-content:center;width:36px;padding:0 10px;position:relative}.notif-badge{color:#fff;background:#e53e3e;border-radius:7px;justify-content:center;align-items:center;min-width:14px;height:14px;padding:0 3px;font-size:9px;font-weight:600;line-height:1;display:flex;position:absolute;top:4px;right:4px}.notif-dropdown{z-index:100;background:#1a1a18;border:.5px solid #2a2a28;border-radius:8px;width:320px;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 8px 24px #0006}.notif-dropdown__header{border-bottom:.5px solid #2a2a28;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.notif-dropdown__title{color:#f0efeb;font-size:13px;font-weight:500}.notif-dropdown__mark-read{color:#5b52d6;cursor:pointer;background:0 0;border:none;padding:0;font-size:11px}.notif-dropdown__mark-read:hover{color:#7b72f6}.notif-dropdown__list{max-height:360px;overflow-y:auto}.notif-dropdown__empty{text-align:center;color:#555552;padding:24px 14px;font-size:13px}.notif-item{cursor:default;border-bottom:.5px solid #222220;align-items:flex-start;gap:10px;padding:10px 14px;transition:background .1s;display:flex}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:#222220}.notif-item__icon{flex-shrink:0;align-items:center;margin-top:2px;display:flex}.notif-icon{opacity:.85}.notif-icon--created{color:#5b52d6}.notif-icon--qualified{color:#d4a017}.notif-icon--message{color:#38a169}.notif-icon--assigned{color:#3182ce}.notif-item__content{flex:1;min-width:0}.notif-item__title{color:#f0efeb;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;overflow:hidden}.notif-item__body{color:#888884;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11px;overflow:hidden}.notif-item__time{color:#555552;white-space:nowrap;flex-shrink:0;margin-top:2px;font-size:10px}