.site-header{box-shadow:0 1px 0 #ffffff08}
.navbar{height:72px;gap:22px}
.navbar>.brand{flex:0 0 auto;font-size:26px;letter-spacing:-1.35px}
.navbar>nav{display:flex;align-items:center;gap:4px;white-space:nowrap}
.navbar>nav a{min-height:38px;display:flex;align-items:center;gap:6px;padding:0 10px;border-radius:7px;color:#d4deeb;transition:background .18s,color .18s}
.navbar>nav a:hover{background:#ffffff0c;color:#fff}
.navbar .search{height:44px;min-width:250px;flex:1 1 290px;max-width:310px;margin-left:auto;border-radius:9px;transition:border-color .18s,box-shadow .18s}
.navbar .search:focus-within{border-color:#52749e;box-shadow:0 0 0 3px #3f618333}
.navbar .search input{width:100%;min-width:0;margin:0;padding-left:13px}
.navbar .search button{width:43px;display:grid;place-items:center;cursor:pointer}
.navbar .account{flex:0 0 auto;gap:8px}
.navbar .iconbtn{width:40px;height:40px;border:1px solid #2c4260;transition:background .18s,border-color .18s,transform .18s}
.navbar .iconbtn:hover{background:#29415f;border-color:#496789;transform:translateY(-1px)}
.navbar .username{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.navbar .account>.button{min-height:42px;padding-left:16px;padding-right:16px}
.desktop-logout{display:flex;margin:0;padding:0}
.desktop-logout input{display:none}
.desktop-logout .iconbtn{padding:0;color:#dce5f2;font:inherit;cursor:pointer}
.quick .container{height:40px}
.quick a{padding:5px 0;transition:color .18s}
.quick a:hover{color:#fff}
.quick .theme{width:34px;height:34px;border-radius:7px}
.quick .theme:hover{background:#ffffff0d}

@media(max-width:1220px) and (min-width:1121px){
  .navbar{gap:10px}
  .navbar>nav a{padding:0 4px}
  .navbar .search{min-width:150px;max-width:180px}
  .navbar .account{gap:5px}
  .navbar .username{display:none}
}

@media(max-width:1120px){
  .navbar>nav,
  .navbar .search{display:none}
  .navbar{height:62px;gap:13px}
  .navbar .account{margin-left:auto}
  .navbar .username{display:none}
}

@media(max-width:560px){
  .navbar>.brand{font-size:22px}
  .navbar{height:60px}
}