:root{
  --bg:#f8fafc; --card:#fff; --text:#0f172a; --muted:#64748b; --border:#e2e8f0;
  --primary:#0f172a; --primary-foreground:#fff; --muted-bg:#f1f5f9; --destructive:#dc2626;
  --success:#16a34a; --warning:#d97706; --focus:#94a3b8; --radius:12px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text);line-height:1.5}
a{color:inherit;text-decoration:none} img{max-width:100%;display:block}
.app-shell{min-height:100vh;display:block;width:100%}
.container{width:min(1280px,calc(100% - 2rem));margin:0 auto}
.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 1px 2px rgba(15,23,42,.04)}
.page{padding:2rem 0 3rem}
.grid{display:grid;gap:1rem}
.btn,.field,.select,.checkbox{font:inherit}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:2.5rem;padding:.65rem 1rem;border-radius:.75rem;border:1px solid transparent;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,color .15s,transform .15s}
.btn:disabled{opacity:.6;cursor:not-allowed}
.btn:focus-visible,.field:focus-visible,.select:focus-visible,.checkbox:focus-visible,.icon-button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.btn-primary{background:var(--primary);color:var(--primary-foreground)} .btn-primary:hover{background:#111827}
.btn-secondary{background:#fff;color:var(--text);border-color:var(--border)} .btn-secondary:hover{background:var(--muted-bg)}
.btn-outline{background:transparent;color:var(--text);border-color:var(--border)}
.btn-ghost{background:transparent;color:var(--text)} .btn-ghost:hover{background:var(--muted-bg)}
.btn-destructive{background:var(--destructive);color:#fff}
.field,.select{width:100%;min-height:2.75rem;padding:.7rem .9rem;border:1px solid var(--border);border-radius:.75rem;background:#fff;color:var(--text)}
.field::placeholder{color:#94a3b8}
.field[aria-invalid="true"],.select[aria-invalid="true"]{border-color:#fca5a5}
.label{display:block;margin:0 0 .4rem;font-size:.92rem;font-weight:600}
.help,.muted,.field-error{font-size:.92rem;color:var(--muted)}
.field-error{color:var(--destructive);margin-top:.35rem}
.layout-public{min-height:100vh;display:grid;place-items:center;padding:2rem 0}
.auth-shell{width:min(1180px,calc(100% - 2rem));display:grid;grid-template-columns:1.05fr .95fr;gap:1.5rem;align-items:stretch}
.hero-panel,.auth-panel{padding:2rem}
.hero-panel{display:flex;flex-direction:column;justify-content:center;background:linear-gradient(180deg,#fff,#f8fafc)}
.hero-brand{display:flex;align-items:center;gap:.8rem;margin-bottom:1.5rem}
.logo-mark{width:48px;height:48px;border-radius:14px;background:var(--primary);color:#fff;display:grid;place-items:center;font-weight:800}
.hero-list{list-style:none;padding:0;margin:1.5rem 0 0;display:grid;gap:.8rem}.hero-list li{display:flex;gap:.7rem;align-items:flex-start}
.auth-panel{max-width:520px;justify-self:end;width:100%}
.auth-card{padding:1.6rem}
.form-row{display:grid;gap:1rem}.form-row--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.field-wrap{position:relative}.field-action{position:absolute;right:.4rem;top:.4rem}
.password-meter{height:10px;background:var(--muted-bg);border-radius:999px;overflow:hidden;border:1px solid var(--border)}
.password-meter__bar{height:100%;width:0;background:var(--success);transition:width .15s ease}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}
.sidebar-shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh}
.sidebar{background:#fff;border-right:1px solid var(--border);padding:1rem;position:sticky;top:0;height:100vh}
.sidebar__brand{display:flex;align-items:center;gap:.8rem;padding:.5rem .5rem 1rem;border-bottom:1px solid var(--border);margin-bottom:1rem}
.nav-group{display:grid;gap:.35rem}
.nav-link{display:flex;align-items:center;gap:.75rem;padding:.8rem .9rem;border-radius:.75rem;color:var(--muted);font-weight:600}
.nav-link:hover,.nav-link:focus-visible{background:var(--muted-bg);color:var(--text)}
.nav-link[aria-current="page"],.nav-link.is-active{background:var(--primary);color:#fff}
.section-label{padding:.75rem .9rem .35rem;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.content-shell{padding:1rem 1rem 2rem}
.dashboard-hero{padding:1.5rem;background:linear-gradient(180deg,#fff,#f8fafc)}
.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.summary-card{padding:1rem}
.summary-card .value{font-size:2rem;font-weight:800;line-height:1.1}
.split-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:1rem}
.progress{height:12px;background:var(--muted-bg);border:1px solid var(--border);border-radius:999px;overflow:hidden}
.progress__bar{height:100%;background:var(--primary)}
.table-wrap{overflow-x:auto}
table{width:100%;border-collapse:collapse} th,td{padding:.85rem .75rem;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}
.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.22rem .55rem;border-radius:999px;font-size:.8rem;font-weight:600;background:var(--muted-bg);color:var(--text)}
.badge--success{background:#dcfce7;color:#166534}.badge--warning{background:#fef3c7;color:#92400e}.badge--danger{background:#fee2e2;color:#991b1b}.badge--info{background:#dbeafe;color:#1d4ed8}
.toast-container{position:fixed;top:1rem;right:1rem;z-index:9999;display:grid;gap:.75rem;width:min(390px,calc(100vw - 2rem))}
.toast{position:relative;overflow:hidden;display:flex;gap:.8rem;justify-content:space-between;align-items:flex-start;background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:1rem;box-shadow:0 10px 25px rgba(15,23,42,.08)}
.toast::after{content:"";position:absolute;left:0;bottom:0;height:3px;width:100%;background:var(--border);animation:toast-bar 4.5s linear forwards}
.toast-success::after{background:var(--success)} .toast-error::after{background:var(--destructive)} .toast-warning::after{background:var(--warning)} .toast-info::after{background:#2563eb}
.toast__message{font-size:.95rem}.toast__close{border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:1.1rem}
.mobile-header{display:none}
.drawer-backdrop{display:none}
.drawer-open .drawer-backdrop{display:block;position:fixed;inset:0;background:rgba(15,23,42,.45);z-index:40}
.drawer-open .sidebar{transform:translateX(0)}
.icon-button{display:inline-grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:.75rem;border:1px solid var(--border);background:#fff}
.avatar{width:2.5rem;height:2.5rem;border-radius:999px;background:var(--muted-bg);border:1px solid var(--border);display:grid;place-items:center;font-weight:700}
.empty-state{padding:1.5rem;text-align:center;display:grid;gap:.75rem;place-items:center}
@keyframes toast-bar{from{transform:scaleX(1);transform-origin:left}to{transform:scaleX(0);transform-origin:left}}
@media (max-width:1024px){
  .auth-shell,.sidebar-shell,.split-grid,.summary-grid,.form-row--2{grid-template-columns:1fr}
  .auth-panel{justify-self:stretch;max-width:none}
  .sidebar{position:fixed;left:0;top:0;bottom:0;width:280px;transform:translateX(-100%);transition:transform .2s ease;z-index:50}
  .mobile-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}
}
@media (max-width:640px){
  .container{width:min(100% - 1rem,1280px)}
  .page,.content-shell{padding:1rem 0 1.5rem}
  .toast-container{left:.5rem;right:.5rem;width:auto}
  .auth-card,.hero-panel,.summary-card,.card,.sidebar{border-radius:var(--radius)}
  .topbar{flex-wrap:wrap}
}

:root{
  --background:#f6f8fc; --foreground:#0f172a; --card:#ffffff; --card-foreground:#0f172a;
  --primary:#2563eb; --primary-hover:#1d4ed8; --primary-foreground:#ffffff; --muted:#f1f5f9;
  --muted-foreground:#64748b; --border:#e5eaf1; --success:#16a34a; --warning:#f59e0b;
  --destructive:#dc2626; --radius:0.75rem; --shadow-sm:0 1px 2px rgba(15,23,42,.04);
  --shadow-md:0 8px 24px rgba(15,23,42,.06); --info:#0284c7; --dark-nav:#0b1220;
}
body{background:var(--background);color:var(--foreground);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.app-layout{min-height:100vh;display:contents}
html.sidebar-collapsed .app-shell{grid-template-columns:76px minmax(0,1fr)}
.sidebar-collapsed .sidebar__title,.sidebar-collapsed .sidebar__subtitle,.sidebar-collapsed .sidebar__section,.sidebar-collapsed .user-summary>div:not(.avatar){display:none}
.sidebar-collapsed .sidebar__brand{justify-content:center}.sidebar-collapsed .nav-link{justify-content:center;font-size:0}
.app-main{width:100%;max-width:none;min-width:0;margin:0;padding:0 0 2rem}
.app-layout .mobile-only{display:none}
.sidebar{background:var(--dark-nav);color:#fff;border-right:1px solid rgba(255,255,255,.06)}
.sidebar__title{font-weight:800}.sidebar__subtitle,.sidebar__section,.user-summary__meta,.hero-panel .muted,.help,.muted{color:#94a3b8}
.sidebar__section{padding:.5rem .75rem;text-transform:uppercase;letter-spacing:.08em;font-size:.75rem}
.sidebar__footer{margin-top:auto;display:grid;gap:.75rem;padding-top:1rem}
.user-summary{display:flex;gap:.75rem;align-items:center;padding:.75rem;border:1px solid rgba(255,255,255,.08);border-radius:.75rem;background:rgba(255,255,255,.03)}
.nav-link,.btn-secondary{transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease}
.nav-link{background:transparent;color:#cbd5e1}
.nav-link.is-active,.nav-link:hover,.nav-link:focus-visible{background:rgba(255,255,255,.08);color:#fff}
.btn-primary{background:var(--primary)} .btn-primary:hover{background:var(--primary-hover)}
.btn-sm{min-height:2.25rem;padding:.5rem .8rem;font-size:.92rem}
.btn-block{width:100%}
.logo-mark--sm{width:42px;height:42px;border-radius:.75rem}
.topbar{position:sticky;top:0;z-index:20;padding:0;margin:0;background:linear-gradient(180deg,rgba(246,248,252,.96),rgba(246,248,252,.86));backdrop-filter:saturate(160%) blur(12px);display:flex;align-items:center;justify-content:space-between;gap:1rem}
.topbar__start{display:flex;align-items:flex-start;gap:.9rem}
.topbar__start h1,.section-heading h2{margin:.1rem 0 0;font-size:1.8rem;line-height:1.2}
.topbar__start p,.section-heading p{margin:.25rem 0 0;color:var(--muted-foreground)}
.topbar__actions{display:flex;align-items:center;gap:.65rem;position:relative}
.topbar__nav{display:flex;align-items:center;gap:.25rem;flex-wrap:wrap;margin-left:auto}
.topbar__nav-link{display:inline-flex;align-items:center;padding:.55rem .8rem;border-radius:.7rem;color:#475569;font-size:.9rem;font-weight:600;white-space:nowrap}
.topbar__nav-link:hover,.topbar__nav-link:focus-visible{background:#f1f5f9;color:#0f172a}
.topbar__nav-link.is-active{background:#eff6ff;color:#1d4ed8}
.search{display:flex;align-items:center;gap:.5rem;padding:.55rem .75rem;background:#fff;border:1px solid var(--border);border-radius:.75rem;box-shadow:var(--shadow-sm)}
.search input{border:0;outline:0;background:transparent;width:180px}
.search__icon{color:var(--muted-foreground)}
.avatar-button{border:1px solid var(--border);cursor:pointer}
.dropdown{position:absolute;right:0;top:calc(100% + .5rem);min-width:200px;background:#fff;border:1px solid var(--border);border-radius:.75rem;box-shadow:var(--shadow-md);padding:.5rem;display:grid;gap:.25rem}
.dropdown a{padding:.65rem .75rem;border-radius:.5rem}
.dropdown a:hover,.dropdown a:focus-visible{background:var(--muted)}
.hero-banner{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.9fr);gap:1rem;padding:1.5rem;border-radius:1rem;background:radial-gradient(circle at top right,rgba(37,99,235,.1),transparent 38%),#fff}
.hero-banner__content h2{margin:.4rem 0;font-size:clamp(1.6rem,2vw,2.4rem)} .hero-banner__content p{color:var(--muted-foreground);max-width:62ch}
.hero-banner__panel{display:grid;gap:.75rem}
.mini-stat,.stat-card,.notice-card,.download-row,.list-item{border:1px solid var(--border);border-radius:.75rem;background:#fff;box-shadow:var(--shadow-sm)}
.mini-stat{padding:.9rem}.mini-stat__label,.stat-card__label,.download-row__meta{font-size:.82rem;color:var(--muted-foreground)}
.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-top:1rem}
.stat-card{padding:1rem;display:grid;gap:.35rem;min-height:150px}
.stat-card__icon{width:2.5rem;height:2.5rem;border-radius:.75rem;display:grid;place-items:center;font-weight:700;background:var(--muted)}
.stat-card__icon--primary{background:#dbeafe;color:#1d4ed8}.stat-card__icon--success{background:#dcfce7;color:#166534}.stat-card__icon--warning{background:#fef3c7;color:#92400e}.stat-card__icon--info{background:#e0f2fe;color:#0369a1}
.stat-card__value{font-size:2rem;font-weight:800}
.stat-card__note{color:var(--muted-foreground)}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(320px,1fr);gap:1rem;margin-top:1rem}
.dashboard-grid__main,.dashboard-grid__side{display:grid;gap:1rem}
.panel{padding:1.2rem;border-radius:1rem}
.section-heading .eyebrow,.eyebrow{font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#64748b}
.completion{display:grid;grid-template-columns:180px minmax(0,1fr);gap:1rem;align-items:center}
.completion__ring{width:160px;height:160px;border-radius:50%;background:conic-gradient(var(--primary) 0 20%, #e8eef8 20% 100%);display:grid;place-items:center}
.completion__ring span{width:118px;height:118px;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:1.8rem;font-weight:800;box-shadow:var(--shadow-sm)}
.progress-ring__text{margin-top:.75rem;color:var(--muted-foreground)}
.checklist{list-style:none;padding:0;margin:1rem 0 0;display:grid;gap:.55rem;color:var(--foreground)}
.checklist span{display:inline-grid;place-items:center;width:1.4rem;height:1.4rem;border-radius:999px;background:#dbeafe;color:#1d4ed8;margin-right:.5rem;font-size:.8rem}
.notice-stack,.list-stack,.download-stack,.profile-fields{display:grid;gap:.75rem}
.list-item{display:flex;gap:.75rem;padding:.85rem}
.list-item__icon{width:2rem;height:2rem;border-radius:.6rem;background:#dbeafe;color:#1d4ed8;display:grid;place-items:center;font-weight:800;flex:none}
.download-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem}
.support-panel{display:flex;gap:1rem;align-items:flex-start;background:linear-gradient(180deg,#eff6ff,#ffffff)}
.support-panel__icon{width:2.5rem;height:2.5rem;border-radius:.75rem;display:grid;place-items:center;background:#dbeafe;color:#1d4ed8}
.support-panel__contact{display:grid;gap:.25rem;color:var(--muted-foreground);margin:.75rem 0}
.page-card,.card--hero{border-radius:1rem}
.profile-summary{display:flex;align-items:center;gap:1rem;justify-content:space-between;flex-wrap:wrap}
.avatar--lg{width:4rem;height:4rem;font-size:1.2rem}
.profile-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
.profile-fields div{padding:.9rem;border:1px solid var(--border);border-radius:.75rem;background:#fff;display:grid;gap:.25rem}
.profile-fields span{font-size:.8rem;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.06em}
.page-toolbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin:1rem 0;flex-wrap:wrap}
.filter-pills{display:flex;gap:.5rem;flex-wrap:wrap}
.pill{padding:.45rem .8rem;border-radius:999px;background:#fff;border:1px solid var(--border);color:var(--muted-foreground)}
.pill.is-active{background:#dbeafe;color:#1d4ed8;border-color:#bfdbfe}
.data-table thead th{font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted-foreground);background:#f8fafc;position:sticky;top:0}
.empty-state{margin:.5rem 0}
.button-loading{opacity:.85}
.mobile-only{display:none}
.drawer-open .sidebar{transform:translateX(0)}
.drawer-open body{overflow:hidden}
.announcement-bar{background:#0f172a;color:#fff;padding:.65rem 0}
.announcement-bar__inner{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.site-header{position:sticky;top:0;z-index:30;background:rgba(246,248,252,.86);backdrop-filter:blur(12px);border-bottom:1px solid rgba(229,234,241,.7)}
.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0}
.site-nav{display:flex;align-items:center;gap:1rem}
.hero-home{padding:3.5rem 0 2rem}
.hero-home__grid{display:grid;grid-template-columns:1.15fr .85fr;gap:1.25rem;align-items:center}
.hero-card{position:relative;padding:1.5rem;overflow:hidden}
.hero-card::before,.hero-card::after{content:"";position:absolute;border-radius:999px;background:rgba(37,99,235,.07)}
.hero-card::before{width:220px;height:220px;right:-80px;top:-60px}
.hero-card::after{width:160px;height:160px;right:120px;bottom:-80px}
.trust-row{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1rem}
.trust-pill{padding:.45rem .7rem;border-radius:999px;background:#fff;border:1px solid var(--border);font-size:.9rem;color:var(--muted-foreground)}
.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.feature-card{padding:1.1rem;min-height:180px;display:grid;gap:.65rem}
.icon-tile{width:2.8rem;height:2.8rem;border-radius:.8rem;background:#dbeafe;color:#1d4ed8;display:grid;place-items:center;font-size:1.1rem;font-weight:800}
.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.step{padding:1rem}
.step__num{width:2rem;height:2rem;border-radius:999px;background:var(--primary);color:#fff;display:grid;place-items:center;font-weight:800;margin-bottom:.75rem}
.footer{padding:2rem 0 3rem;border-top:1px solid var(--border);margin-top:2rem}
.footer__grid{display:grid;grid-template-columns:1.25fr repeat(3,minmax(0,1fr));gap:1.5rem}
.footer__grid a,.footer__grid p{color:var(--muted-foreground)}
@media (max-width:1024px){
  .app-shell{display:block}
  html.sidebar-collapsed .app-shell{grid-template-columns:1fr}
  .sidebar{position:fixed;inset:0 auto 0 0;width:290px;transform:translateX(-100%);transition:transform .2s ease;z-index:60}
  .mobile-only{display:inline-grid}
  .hero-banner,.dashboard-grid,.hero-home__grid,.feature-grid,.steps,.footer__grid,.profile-fields,.stats-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:768px){
  .hero-home__grid,.hero-banner,.dashboard-grid,.completion,.profile-fields,.stats-grid,.feature-grid,.steps,.footer__grid{grid-template-columns:1fr}
  .site-nav,.search{display:none}
  .topbar,.site-header__inner{flex-wrap:wrap}
  .topbar__nav{order:3;width:100%;margin-left:0;border-top:1px solid var(--border);padding-top:.5rem}
  .topbar__actions{width:100%;justify-content:flex-start;flex-wrap:wrap}
  .hero-home{padding:2rem 0 1.5rem}
}
@media (max-width:640px){
  .container{width:min(100% - 1rem,1280px)}
  .announcement-bar__inner,.site-header__inner{flex-wrap:wrap}
  .toast-container{left:.5rem;right:.5rem;width:auto}
  .profile-summary{align-items:flex-start}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;scroll-behavior:auto!important;transition:none!important}
}

/* Modern polish pass */
:root{
  --background:#f6f8fc;
  --foreground:#0f172a;
  --card:#ffffff;
  --card-foreground:#0f172a;
  --primary:#2563eb;
  --primary-hover:#1d4ed8;
  --primary-foreground:#ffffff;
  --muted:#f1f5f9;
  --muted-foreground:#64748b;
  --border:#e5eaf1;
  --success:#16a34a;
  --warning:#f59e0b;
  --destructive:#dc2626;
  --radius:0.875rem;
  --shadow-sm:0 1px 2px rgba(15,23,42,.04);
  --shadow-md:0 14px 40px rgba(15,23,42,.08);
  --shadow-lg:0 24px 70px rgba(15,23,42,.10);
  --info:#0284c7;
  --dark-nav:#0b1220;
}

body{
  font-size:15px;
  background:
    radial-gradient(circle at top left, rgba(37,99,235,.06), transparent 30%),
    linear-gradient(180deg, #f8fbff 0%, #f6f8fc 22%, #f6f8fc 100%);
  color:var(--foreground);
}

.card,
.mini-stat,
.stat-card,
.notice-card,
.download-row,
.list-item,
.hero-card,
.panel,
.page-card,
.support-panel,
.search,
.dropdown{
  box-shadow:var(--shadow-sm);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.card:hover,
.stat-card:hover,
.feature-card:hover,
.download-row:hover,
.list-item:hover,
.notice-card:hover{
  transform:translateY(-2px);
  box-shadow:var(--shadow-md);
}

.hero-card{
  border:1px solid rgba(229,234,241,.9);
  background:
    radial-gradient(circle at top right, rgba(37,99,235,.09), transparent 28%),
    linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
}

.status-badge,
.badge,
.pill{
  border-radius:999px;
  letter-spacing:.01em;
}

.status-badge{
  display:inline-flex;
  width:fit-content;
  padding:.38rem .75rem;
  background:rgba(37,99,235,.1);
  color:#1d4ed8;
  font-size:.82rem;
  font-weight:700;
}

.hero-copy{
  max-width:60ch;
  margin:1rem 0 0;
  color:var(--muted-foreground);
  font-size:1.02rem;
}

.hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:.75rem;
  margin-top:1.35rem;
}

.section-gap{
  padding:1.25rem 0 0;
}

.download-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1rem;
}

.download-card{
  display:grid;
  gap:.7rem;
  padding:1.1rem;
  align-content:start;
}

.download-card strong,
.feature-card h3,
.step h3,
.panel h3,
.panel h2,
.support-panel h2,
.profile-summary h2{
  margin:0;
}

.download-card .badge{
  width:fit-content;
}

.support-panel{
  padding:1.4rem;
  border-radius:1rem;
}

.hero-status{
  display:grid;
  gap:.75rem;
}

.btn{
  border-radius:.8rem;
  font-weight:700;
  box-shadow:none;
}

.btn-secondary,
.btn-outline,
.btn-ghost{
  border-color:var(--border);
  background:#fff;
}

.btn-secondary:hover,
.btn-outline:hover{
  background:#f8fafc;
  border-color:#d7dee9;
}

.field,
.select{
  border-radius:.8rem;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7);
  transition:border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.field:focus-visible,
.select:focus-visible{
  border-color:#93c5fd;
  box-shadow:0 0 0 4px rgba(59,130,246,.12);
}

.feature-grid,
.steps{
  gap:1rem;
}

.feature-card,
.step{
  border-radius:1rem;
  border:1px solid var(--border);
  background:linear-gradient(180deg,#fff 0%,#fbfdff 100%);
}

.feature-card{
  min-height:210px;
}

.feature-card p,
.step p,
.support-panel p,
.mini-stat strong,
.stat-card__note,
.help,
.muted{
  color:var(--muted-foreground);
}

.feature-card h3,
.step h3{
  font-size:1.08rem;
}

.eyebrow,
.section-label{
  color:#3b82f6;
}

.topbar__start h1,
.section-heading h2{
  font-size:clamp(1.45rem,2vw,2rem);
}

.section-heading p{
  max-width:62ch;
}

.app-main{
  padding:0 0 2rem;
}

/* Dashboard workspace: a quiet analytics-style canvas with crisp cards. */
.dashboard-page{background:#f4f7fb!important;color:#172033}
.dashboard-page>.w-full{width:100%;max-width:none}
.dashboard-page section{overflow:hidden}
.dashboard-page .dashboard-hero{margin-top:.25rem}
.dashboard-page section,.dashboard-page article,.dashboard-page .rounded-2xl{box-shadow:0 1px 2px rgba(15,23,42,.03),0 10px 28px rgba(15,23,42,.045);border-color:#e3e9f2}
.dashboard-page .dashboard-hero{background:#fff;border-radius:1.25rem}
.dashboard-page .dashboard-hero h2{font-size:clamp(2rem,3.5vw,3.25rem);letter-spacing:-.045em}
.dashboard-page .grid.gap-4.sm\:grid-cols-3>div{background:#fff;border-radius:1rem}
.dashboard-page .grid.gap-4.sm\:grid-cols-3>div p:nth-child(2){font-variant-numeric:tabular-nums}
@media (min-width:1024px){.dashboard-page>.w-full{padding-left:2.5rem;padding-right:2.5rem}}
@media (max-width:640px){.dashboard-page>.w-full{padding-left:1rem;padding-right:1rem}.dashboard-page .dashboard-hero h2{font-size:2rem;line-height:1.08}}

.dashboard-grid{
  align-items:start;
}

.completion__ring{
  background:conic-gradient(var(--primary) 0 20%, #e8eef8 20% 100%);
  box-shadow:inset 0 0 0 1px rgba(229,234,241,.75);
}

.data-table thead th{
  background:#f8fbff;
}

.data-table tbody tr:hover{
  background:#f8fbff;
}

.list-item__icon,
.icon-tile,
.support-panel__icon,
.stat-card__icon{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7);
}

.toast{
  border-radius:1rem;
  box-shadow:var(--shadow-lg);
}

.toast::after{
  height:4px;
}

.dropdown{
  min-width:220px;
}

.sidebar{
  background:
    linear-gradient(180deg, rgba(11,18,32,.98), rgba(11,18,32,.96)),
    linear-gradient(180deg, rgba(255,255,255,.04), transparent);
}

.sidebar__brand,
.user-summary{
  border-color:rgba(255,255,255,.08);
}

.nav-link[aria-current="page"],
.nav-link.is-active{
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);
}

.site-header{
  background:rgba(246,248,252,.72);
}

.announcement-bar{
  background:linear-gradient(90deg, #0b1220 0%, #111827 100%);
}

.announcement-bar strong,
.announcement-bar .muted{
  color:#fff;
}

.footer{
  padding-top:3rem;
}

.footer__grid{
  gap:2rem;
}

.page-toolbar{
  margin:1.1rem 0 1.25rem;
}

.filter-pills .pill{
  background:#fff;
}

.filter-pills .pill.is-active{
  box-shadow:0 0 0 1px rgba(37,99,235,.12);
}

.profile-summary .btn{
  align-self:flex-start;
}

.progress{
  height:14px;
}

.progress__bar{
  border-radius:inherit;
}

.mobile-only{
  border-radius:.9rem;
}