.dashboard-welcome{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 16px;padding:17px 20px;border:1px solid #284450;border-left:4px solid #43e47b;border-radius:12px;background:linear-gradient(100deg,rgba(67,228,123,.08),rgba(7,16,23,.92));box-shadow:0 0 24px rgba(67,228,123,.06)}
.dashboard-welcome span{display:block;color:#43e47b;font-size:9px;font-weight:950;letter-spacing:1.2px}.dashboard-welcome h1{margin:4px 0 0;color:#f1faf5;font-size:26px;line-height:1.1}.dashboard-welcome small{color:#88a0a9;font-size:11px}
.topbar nav.nav,.topbar .global-nav{min-width:0;max-width:100%}.topbar nav.nav button,.topbar .global-nav a{white-space:nowrap}
@media(max-width:1280px){
  .app>.topbar{grid-template-columns:minmax(260px,1fr) auto!important;grid-template-areas:"brand cloud" "nav nav"!important;row-gap:12px!important}
  .app>.topbar .brand-wrap{grid-area:brand}.app>.topbar .cloud-top{grid-area:cloud}.app>.topbar nav.nav{grid-area:nav;display:flex!important;justify-content:flex-start!important;overflow-x:auto;padding-bottom:3px;scrollbar-width:thin}
  body>.topbar{grid-template-columns:minmax(250px,1fr) auto!important;grid-template-areas:"brand cloud" "nav nav"!important;row-gap:12px!important}
  body>.topbar .brand-wrap{grid-area:brand}body>.topbar .cloud{grid-area:cloud}body>.topbar .global-nav{grid-area:nav;display:flex;justify-content:flex-start;overflow-x:auto;padding-bottom:3px}
}
@media(max-width:720px){.dashboard-welcome{align-items:flex-start;flex-direction:column}.app>.topbar,body>.topbar{grid-template-columns:1fr!important;grid-template-areas:"brand" "cloud" "nav"!important}.app>.topbar .cloud-top,body>.topbar .cloud{justify-self:start!important}.topbar nav.nav button,.topbar .global-nav a{flex:0 0 auto!important}}