.top-banner{align-items:center;background:#07294b;border-bottom:1px solid #2c5282;display:flex;gap:24px;height:60px;left:0;padding:0 24px;position:fixed;right:0;top:0;z-index:1000}.banner-left .app-title{color:#fff;font-size:18px;font-weight:600;white-space:nowrap}.banner-right{align-items:center;display:flex;gap:12px;margin-left:auto}.banner-user-info{align-items:center;color:#fff;display:flex;gap:10px}.banner-user-name{color:#fff;font-size:14px;font-weight:500}.user-avatar{align-items:center;background-color:#2ec3e2;border:2px solid hsla(0,0%,100%,.3);border-radius:50%;color:#07294b;display:flex;font-size:12px;font-weight:600;height:32px;justify-content:center;width:32px}.banner-logout-btn{background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.18);border-radius:6px;color:#fff;cursor:pointer;font-size:13px;padding:6px 10px}.banner-logout-btn:hover{background:hsla(0,0%,100%,.12)}@media (max-width:720px){.banner-right .banner-user-name{display:none}}.user-pill{align-items:center;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.06);border-radius:8px;cursor:pointer;display:inline-flex;gap:10px;padding:6px 10px}.user-pill .user-name-text{color:#fff;font-size:14px;font-weight:500}.user-pill .user-caret{border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid hsla(0,0%,100%,.8);height:12px;margin-left:6px;width:12px}.user-menu{background:#fff;border-radius:6px;box-shadow:0 8px 24px rgba(7,41,75,.25);color:#07294b;display:none;min-width:160px;position:absolute;right:24px;top:62px;z-index:1100}.user-menu.show{display:block}.user-menu button{background:transparent;border:none;cursor:pointer;display:block;font-size:14px;padding:10px 12px;text-align:left;width:100%}.user-menu button:hover{background:rgba(7,41,75,.03)}