.topbar{
  min-height:64px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  background:rgba(255,255,255,.82)!important;
  background-color:rgba(255,255,255,.82)!important;
  border:1px solid rgba(0,0,0,.08)!important;
  border-radius:14px!important;
  padding:10px 14px!important;
  box-shadow:0 1px 2px rgba(0,0,0,.04),0 14px 36px rgba(0,0,0,.06)!important;
  backdrop-filter:saturate(180%) blur(18px)!important;
  color:#1d1d1f!important;
}

.topbar .brand{
  min-width:max-content!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
}

.topbar .brand img{
  width:116px!important;
  height:44px!important;
  object-fit:contain!important;
  filter:none!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  padding:0!important;
}

.topbar .brand span{
  color:#6e6e73!important;
  font-size:11px!important;
  font-weight:600!important;
  letter-spacing:0!important;
  text-transform:none!important;
}

.topbar .brand h1{
  color:#1d1d1f!important;
  font-size:18px!important;
  font-weight:650!important;
  line-height:1.1!important;
}

.actions,.top-actions{
  flex:1 1 auto!important;
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  gap:6px!important;
  min-width:0!important;
}

.actions .btn,.top-actions .btn{
  position:relative!important;
  min-height:38px!important;
  border-radius:999px!important;
  padding:9px 13px!important;
  background:transparent!important;
  color:#424245!important;
  border:1px solid transparent!important;
  box-shadow:none!important;
  font-size:13px!important;
  font-weight:600!important;
  white-space:nowrap!important;
}

.actions .btn:hover,.top-actions .btn:hover{
  background:#f5f5f7!important;
  color:#1d1d1f!important;
}

.actions .nav-active,.top-actions .nav-active,
.actions [aria-current="page"],.top-actions [aria-current="page"],
.topbar .actions a.nav-active,
.topbar .top-actions a.nav-active,
.topbar .actions a[aria-current="page"],
.topbar .top-actions a[aria-current="page"]{
  background:#1d1d1f!important;
  background:var(--ui-nav-active,#1d1d1f)!important;
  background-color:var(--ui-nav-active,#1d1d1f)!important;
  color:var(--ui-on-nav-active,#fff)!important;
  border-color:var(--ui-nav-active,#1d1d1f)!important;
  box-shadow:none!important;
}

.topbar .actions a.nav-active::after,
.topbar .top-actions a.nav-active::after,
.topbar .actions a[aria-current="page"]::after,
.topbar .top-actions a[aria-current="page"]::after{
  display:none!important;
}

.actions .nav-active:hover,.top-actions .nav-active:hover,
.actions [aria-current="page"]:hover,.top-actions [aria-current="page"]:hover{
  background:var(--ui-nav-active,#1d1d1f)!important;
  color:var(--ui-on-nav-active,#fff)!important;
}

.actions [data-sign-out],.top-actions [data-sign-out]{
  margin-left:4px!important;
  border-color:#d2d2d7!important;
  color:#424245!important;
}

.operations-menu{
  position:relative!important;
  flex:0 0 auto!important;
}

.operations-trigger{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
}

.operations-menu.active .operations-trigger{
  background:var(--ui-nav-active,#1d1d1f)!important;
  color:var(--ui-on-nav-active,#fff)!important;
  border-color:var(--ui-nav-active,#1d1d1f)!important;
}

.operations-chevron{
  font-size:15px!important;
  line-height:1!important;
  transition:transform .15s ease!important;
}

.operations-menu.open .operations-chevron{
  transform:rotate(180deg)!important;
}

.operations-panel{
  position:absolute!important;
  top:calc(100% + 8px)!important;
  left:50%!important;
  z-index:1000!important;
  width:230px!important;
  transform:translateX(-50%) translateY(-4px)!important;
  display:grid!important;
  gap:3px!important;
  padding:7px!important;
  background:#fff!important;
  border:1px solid #d2d2d7!important;
  border-radius:10px!important;
  box-shadow:0 16px 38px rgba(0,0,0,.14)!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transition:opacity .15s ease,transform .15s ease,visibility .15s ease!important;
}

.operations-menu.open .operations-panel{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:translateX(-50%) translateY(0)!important;
}

.operations-panel a{
  display:grid!important;
  gap:1px!important;
  padding:10px 11px!important;
  border-radius:7px!important;
  color:#1d1d1f!important;
  text-decoration:none!important;
}

.operations-panel a:hover,.operations-panel a:focus{
  outline:0!important;
  background:#f5f5f7!important;
}

.operations-panel a.active{
  background:#f0f0f2!important;
}

.operations-panel strong{
  font-size:13px!important;
  font-weight:700!important;
}

.operations-panel span{
  color:#6e6e73!important;
  font-size:11px!important;
  font-weight:500!important;
}

.stepper{
  margin-left:8px!important;
}

.mobile-nav-toggle{
  display:none;
}

.step{
  background:#f5f5f7!important;
  color:#6e6e73!important;
  border-color:#e8e8ed!important;
  font-weight:600!important;
}

.step.active{
  background:var(--ui-accent,#1d1d1f)!important;
  color:var(--ui-on-accent,#fff)!important;
  border-color:var(--ui-accent,#1d1d1f)!important;
}

@media (max-width: 1080px){
  .topbar{
    align-items:flex-start!important;
    flex-direction:column!important;
  }
  .actions,.top-actions{
    width:100%!important;
    justify-content:flex-start!important;
    overflow-x:auto!important;
    padding-bottom:2px!important;
    scrollbar-width:none!important;
  }
  .actions::-webkit-scrollbar,.top-actions::-webkit-scrollbar{display:none}
}

@media (max-width: 760px){
  .topbar{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    border-radius:12px!important;
    gap:10px!important;
    padding:10px!important;
  }
  .topbar .brand{
    min-width:0!important;
    width:auto!important;
  }
  .topbar .brand img{
    width:108px!important;
    height:auto!important;
    max-height:44px!important;
  }
  .topbar .brand h1{
    font-size:17px!important;
  }
  .mobile-nav-toggle{
    display:inline-grid!important;
    justify-items:end!important;
    gap:1px!important;
    min-height:42px!important;
    max-width:132px!important;
    border:1px solid var(--ui-line,#d2d2d7)!important;
    border-radius:999px!important;
    background:#fff!important;
    color:#1d1d1f!important;
    padding:7px 12px!important;
    font:inherit!important;
    box-shadow:none!important;
  }
  .mobile-nav-toggle span{
    color:#6e6e73!important;
    font-size:11px!important;
    font-weight:600!important;
    line-height:1!important;
  }
  .mobile-nav-toggle strong{
    display:block!important;
    max-width:104px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:13px!important;
    font-weight:700!important;
    line-height:1.15!important;
  }
  .actions,.top-actions{
    grid-column:1/-1!important;
    display:none!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    overflow:visible!important;
    padding-top:2px!important;
  }
  .topbar.nav-open .actions,.topbar.nav-open .top-actions{
    display:grid!important;
  }
  .actions .btn,.top-actions .btn{
    width:100%!important;
    min-height:44px!important;
    justify-content:center!important;
    border-color:var(--ui-line,#d2d2d7)!important;
    background:#fff!important;
    white-space:normal!important;
    text-align:center!important;
  }
  .operations-menu{
    width:100%!important;
  }
  .operations-trigger{
    width:100%!important;
  }
  .operations-panel{
    position:static!important;
    width:100%!important;
    grid-column:1/-1!important;
    transform:none!important;
    box-shadow:none!important;
    margin-top:6px!important;
    display:none!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
  .operations-menu.open .operations-panel,
  .operations-menu.active .operations-panel{
    display:grid!important;
    transform:none!important;
  }
  .operations-panel a{
    min-height:48px!important;
    border:1px solid #e8e8ed!important;
    background:#fff!important;
  }
  .actions .nav-active,.top-actions .nav-active,
  .actions [aria-current="page"],.top-actions [aria-current="page"]{
    background:var(--ui-nav-active,#1d1d1f)!important;
    color:var(--ui-on-nav-active,#fff)!important;
    border-color:var(--ui-nav-active,#1d1d1f)!important;
  }
  .stepper{
    grid-column:1/-1!important;
    margin-left:0!important;
    display:flex!important;
    overflow-x:auto!important;
    padding-bottom:2px!important;
  }
}

@media (max-width: 420px){
  .actions,.top-actions{
    grid-template-columns:1fr!important;
  }
}