html,body{min-height:100%;background:var(--v23-canvas);color:var(--v23-ink);font-family:var(--font-family-app);font-size:var(--font-size-body);line-height:1.55}
body{display:block;max-width:none;margin:0;overflow:auto;overscroll-behavior-y:auto}
#app-shell-root{min-height:100vh}
.v23-sidebar{display:none}
.topbar{background:color-mix(in srgb,var(--v23-surface) 94%,transparent);border-bottom:1px solid var(--v23-line);backdrop-filter:blur(12px)}
.topbar-row{min-height:64px;padding:.7rem 1.1rem}
.content{width:min(100%,var(--v23-content-max));max-width:none;margin:0 auto;padding:1rem 1rem 6.5rem;overflow:visible}
.screen.on{animation:v23-page-in .18s ease-out}
@keyframes v23-page-in{from{opacity:.45;transform:translateY(3px)}to{opacity:1;transform:none}}

.v23-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin:0 0 1.25rem}
.v23-page-header h1{font-size:var(--font-size-page-title);line-height:1.2;font-weight:750;letter-spacing:0;color:var(--v23-ink)}
.v23-page-header p{max-width:760px;margin:.3rem 0 0;color:var(--v23-muted);font-size:var(--font-size-support);line-height:1.55}
body[data-page="missed"] .v23-page-header p{max-width:none}
.v23-page-actions{display:flex;gap:.5rem;flex:0 0 auto}
.v23-section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin:.2rem 0 .65rem}
.v23-section-heading h2{font-size:var(--font-size-section-title);letter-spacing:0;color:var(--v23-ink)}
.v23-section-heading p{font-size:var(--font-size-meta);color:var(--v23-muted);margin-top:.18rem}
.app-credit{display:none;margin:.65rem auto 1.35rem;color:var(--v23-muted);font-size:var(--font-size-metadata);line-height:1.35;text-align:center;letter-spacing:0}
body[data-page="summary"] .app-credit{display:block}
body:not([data-page="summary"]) #cl-banners{display:none!important}

@media(min-width:900px){
  #app-shell-root{display:grid;grid-template-columns:var(--v23-sidebar-width) minmax(0,1fr);grid-template-rows:auto 1fr;min-height:100vh}
  .v23-sidebar{position:sticky;top:0;grid-column:1;grid-row:1/3;display:flex;height:100vh;flex-direction:column;background:var(--v23-sidebar);color:#fff;padding:1.1rem .85rem .9rem;z-index:110}
  .topbar{grid-column:2;grid-row:1;position:sticky}
  .content{grid-column:2;grid-row:2;padding:1.65rem clamp(1.5rem,2vw,2rem) 3rem}
  .topbar .brand{display:none}
  .topbar-row{justify-content:flex-end;min-height:58px;padding:.55rem clamp(1.3rem,3vw,2.5rem)}
  .ntabs:not(.v23-sidebar-nav){display:none}
  .v23-sidebar-brand{display:flex;align-items:center;gap:.7rem;padding:.15rem .55rem 1.3rem}
  .v23-sidebar-mark{display:grid;width:36px;height:36px;place-items:center;border-radius:8px;background:var(--v23-brand);font-size:1.15rem;font-weight:800}
  .v23-sidebar-brand strong,.v23-sidebar-brand small{display:block}
  .v23-sidebar-brand strong{font-size:1rem;letter-spacing:0}
  .v23-sidebar-brand small{font-size:var(--font-size-metadata);color:var(--v23-sidebar-muted);margin-top:.08rem}
  .v23-sidebar-nav{display:flex;flex-direction:column;gap:.18rem}
  .v23-nav-group-label{padding:.7rem .7rem .35rem;color:#718087;font-size:var(--font-size-metadata);font-weight:700;text-transform:uppercase;letter-spacing:.08em}
  .v23-sidebar .v23-nav-link{display:flex;width:100%;min-width:0;flex:none;flex-direction:row;align-items:center;justify-content:flex-start;gap:.7rem;padding:.62rem .7rem;border:0;border-radius:7px;background:transparent;color:var(--v23-sidebar-muted);font-size:var(--font-size-meta);font-weight:600;text-align:left;white-space:normal;cursor:pointer}
  .v23-sidebar .v23-nav-link:hover{background:rgba(255,255,255,.06);color:#fff}
  .v23-sidebar .v23-nav-link.on{background:color-mix(in srgb,var(--v23-brand) 18%,transparent);color:var(--color-accent);border:0}
  .v23-sidebar .v23-nav-link svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .v23-sidebar .v23-nav-link .v23-missed-pay-badge{margin-left:auto;min-width:1.35rem;height:1.35rem;place-items:center;border-radius:999px;background:var(--v23-brand);color:#fff;font-size:var(--font-size-metadata);font-weight:800;line-height:1;box-shadow:0 0 0 1px rgba(255,255,255,.15)}
  .v23-sidebar-secondary{margin-top:auto;padding-top:1rem;border-top:1px solid rgba(255,255,255,.08)}
  .v23-profile-summary{display:flex;align-items:flex-start;gap:.65rem;margin-top:.85rem;padding:.75rem .55rem 0;border-top:1px solid rgba(255,255,255,.08);min-width:0}
  .v23-profile-summary>span:last-child{min-width:0}
  .v23-profile-summary strong,.v23-profile-summary small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .v23-profile-summary strong{font-size:var(--font-size-meta);color:#f5f8f9}
  .v23-profile-summary small{font-size:var(--font-size-metadata);color:var(--v23-sidebar-muted);margin-top:.12rem}
  .v23-avatar{display:grid;width:31px;height:31px;flex:none;place-items:center;border-radius:50%;background:#314047;color:#d7e1e4;font-size:var(--font-size-meta);font-weight:800}
}