:root{
  --bg:#eef3f8;
  --bg-soft:#f7f9fc;
  --panel:#ffffff;
  --panel-soft:#f8fafc;
  --line:#d8e1eb;
  --text:#0f172a;
  --muted:#5e6b81;
  --accent:#1d4ed8;
  --accent-strong:#173aa9;
  --accent-2:#1239a7;
  --success:#15803d;
  --warning:#b45309;
  --danger:#b91c1c;
  --radius-xl:24px;
  --radius-lg:18px;
  --radius-md:14px;
  --shadow:0 18px 44px rgba(15, 23, 42, .08);
  --shadow-soft:0 8px 20px rgba(15, 23, 42, .05);
}

body.app-body .student-profile-view{
  gap:22px;
}

body.app-body .student-profile-view .text-link{
  text-decoration:none;
}

body.app-body .student-profile-titlebar{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:18px;
}

body.app-body .student-profile-titlebar__copy{
  display:grid;
  gap:8px;
}

body.app-body .student-profile-back{
  font-weight:700;
}

body.app-body .student-profile-title{
  margin:0;
  font-size:clamp(2rem, 3.1vw, 3.1rem);
  line-height:1.02;
  letter-spacing:-.04em;
  color:#10234d;
}

body.app-body .student-profile-subtitle{
  margin:0;
  color:#5f7395;
  font-size:1.05rem;
}

body.app-body .student-profile-titlebar__pills{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:12px;
}

body.app-body .student-pill{
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:44px;
  padding:10px 18px;
  border-radius:999px;
  border:1px solid rgba(216, 225, 235, .95);
  background:rgba(255,255,255,.86);
  color:#355179;
  box-shadow:0 14px 30px rgba(15, 23, 42, .06);
  font-weight:700;
}

body.app-body .student-pill__dot{
  width:10px;
  height:10px;
  border-radius:50%;
  background:currentColor;
  box-shadow:0 0 0 6px rgba(34, 197, 94, .12);
}

body.app-body .student-pill__icon{
  width:18px;
  height:18px;
  display:grid;
  place-items:center;
  line-height:0;
  color:inherit;
}

body.app-body .student-pill__icon svg{
  width:100%;
  height:100%;
  display:block;
}

body.app-body .student-pill--success{
  color:#16a34a;
  background:linear-gradient(180deg, rgba(240, 253, 244, .98) 0%, rgba(255,255,255,.92) 100%);
  border-color:rgba(134, 239, 172, .8);
}

body.app-body .student-pill--neutral{
  color:#315899;
  background:linear-gradient(180deg, rgba(245, 249, 255, .98) 0%, rgba(255,255,255,.92) 100%);
}

body.app-body .student-profile-hero{
  padding:30px;
  border-radius:28px;
  border-color:rgba(216, 225, 235, .98);
  box-shadow:0 26px 60px rgba(15, 23, 42, .07);
}

body.app-body .student-profile-hero::before{
  inset:-90px auto auto -30px;
  width:280px;
  height:280px;
  background:radial-gradient(circle, rgba(59, 130, 246, .14), rgba(59, 130, 246, 0) 70%);
}

body.app-body .student-profile-hero::after{
  right:-40px;
  bottom:-110px;
  width:300px;
  height:300px;
  background:radial-gradient(circle, rgba(168, 85, 247, .09), rgba(250, 204, 21, 0) 68%);
}

body.app-body .student-profile-hero__header{
  align-items:flex-start;
  gap:26px;
}

body.app-body .student-profile-hero__avatar{
  position:relative;
  width:164px;
  height:164px;
  flex:0 0 164px;
  border-radius:38px;
  border:1px solid rgba(216, 225, 235, .96);
  box-shadow:0 18px 42px rgba(37, 99, 235, .14);
  background:linear-gradient(135deg, rgba(37, 99, 235, .12), rgba(14, 165, 233, .05));
}

body.app-body .student-profile-hero__avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
}

body.app-body .student-profile-hero__avatar-badge{
  position:absolute;
  right:-6px;
  bottom:-6px;
  width:52px;
  height:52px;
  border-radius:18px;
  display:grid;
  place-items:center;
  line-height:0;
  background:linear-gradient(135deg, #2563eb, #3b82f6);
  color:#fff;
  border:4px solid rgba(255,255,255,.96);
  box-shadow:0 14px 30px rgba(37, 99, 235, .26);
}

body.app-body .student-profile-hero__avatar-badge svg{
  width:22px;
  height:22px;
  display:block;
}

body.app-body .student-profile-hero__intro{
  display:grid;
  gap:8px;
  min-width:0;
}

body.app-body .student-profile-hero__intro h4{
  margin:0;
  font-size:2rem;
  line-height:1.05;
  letter-spacing:-.03em;
  color:#14274f;
}

body.app-body .student-profile-hero__username-row{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
}

body.app-body .student-profile-hero__intro p{
  margin:0;
  color:#6a7c9a;
  font-size:1.05rem;
}

body.app-body .student-profile-copy{
  width:34px;
  height:34px;
  border-radius:12px;
  border:1px solid rgba(210, 223, 239, .95);
  background:rgba(255,255,255,.9);
  color:#456289;
  display:grid;
  place-items:center;
  transition:transform .18s ease, border-color .18s ease, color .18s ease, background .18s ease;
}

body.app-body .student-profile-copy:hover,
body.app-body .student-profile-copy:focus-visible{
  color:#1d4ed8;
  border-color:rgba(96, 165, 250, .88);
  background:rgba(239, 246, 255, .98);
  transform:translateY(-1px);
}

body.app-body .student-profile-copy.is-copied{
  color:#16a34a;
  border-color:rgba(74, 222, 128, .82);
  background:rgba(240, 253, 244, .96);
}

body.app-body .student-profile-copy svg{
  width:18px;
  height:18px;
}

body.app-body .student-profile-token-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:6px;
}

body.app-body .profile-token--trust-danger{
  color:#dc2626;
  background:linear-gradient(180deg, rgba(254, 242, 242, .98) 0%, rgba(255,255,255,.94) 100%);
  border-color:rgba(252, 165, 165, .92);
}

body.app-body .profile-token--trust-warning{
  color:#d97706;
  background:linear-gradient(180deg, rgba(255, 247, 237, .98) 0%, rgba(255,255,255,.94) 100%);
  border-color:rgba(253, 186, 116, .92);
}

body.app-body .profile-meta-grid--student{
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:14px;
  margin-top:22px;
}

body.app-body .profile-meta--trustwide{
  grid-column:span 2;
}

body.app-body .student-profile-view .detail-tabs--premium{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  padding:8px;
  border-radius:22px;
  border:1px solid rgba(216, 225, 235, .94);
  background:rgba(255,255,255,.82);
  box-shadow:0 18px 40px rgba(15, 23, 42, .05);
}

body.app-body .student-profile-view .detail-tabs--premium .detail-tabs__item{
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:52px;
  padding:0 18px;
  border-radius:16px;
  border:1px solid transparent;
  color:#405575;
  background:transparent;
  font-weight:700;
}

body.app-body .student-profile-view .detail-tabs--premium .detail-tabs__item:hover{
  background:rgba(37, 99, 235, .06);
  color:#1d4ed8;
}

body.app-body .student-profile-view .detail-tabs--premium .detail-tabs__item.is-active{
  color:#fff;
  border-color:rgba(37, 99, 235, .55);
  background:linear-gradient(135deg, #2563eb 0%, #1d4ed8 60%, #0f5dd7 100%);
  box-shadow:0 18px 34px rgba(37, 99, 235, .24);
}

body.app-body .student-profile-view .detail-tabs--premium .detail-tabs__icon{
  width:18px;
  height:18px;
  display:inline-flex;
}

body.app-body .student-profile-view .detail-tabs--premium .detail-tabs__icon svg{
  width:100%;
  height:100%;
}

body.app-body .student-profile-dashboard{
  display:grid;
  grid-template-columns:minmax(0, 1.6fr) minmax(320px, .95fr);
  gap:22px;
}

body.app-body .student-profile-panel{
  border-radius:28px;
  border-color:rgba(216, 225, 235, .94);
  box-shadow:0 22px 48px rgba(15, 23, 42, .06);
}

body.app-body .student-profile-panel__head{
  margin-bottom:14px;
}

body.app-body .student-profile-summary-grid{
  grid-template-columns:repeat(2, minmax(0, 1fr));
}

body.app-body .student-profile-summary-card{
  min-height:122px;
}

body.app-body .student-profile-panel--actions{
  align-self:start;
}

body.app-body .student-profile-action-list{
  display:grid;
  gap:14px;
}

body.app-body .student-profile-action-row{
  display:flex;
  align-items:center;
  gap:16px;
  min-height:76px;
  padding:16px 18px;
  border-radius:20px;
  border:1px solid rgba(216, 225, 235, .9);
  background:rgba(255,255,255,.72);
  color:#1a2b4d;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

body.app-body .student-profile-action-row:hover,
body.app-body .student-profile-action-row:focus-visible{
  transform:translateY(-1px);
  border-color:rgba(96, 165, 250, .85);
  box-shadow:0 18px 36px rgba(37, 99, 235, .08);
}

body.app-body .student-profile-action-row__icon{
  width:48px;
  height:48px;
  flex:0 0 48px;
  border-radius:16px;
  display:grid;
  place-items:center;
}

body.app-body .student-profile-action-row__icon svg{
  width:22px;
  height:22px;
}

body.app-body .student-profile-action-row__icon--blue{
  color:#2563eb;
  background:rgba(219, 234, 254, .9);
}

body.app-body .student-profile-action-row__icon--green{
  color:#16a34a;
  background:rgba(220, 252, 231, .92);
}

body.app-body .student-profile-action-row__icon--amber{
  color:#d97706;
  background:rgba(255, 237, 213, .92);
}

body.app-body .student-profile-action-row__icon--violet{
  color:#7c3aed;
  background:rgba(243, 232, 255, .96);
}

body.app-body .student-profile-action-row__icon--slate{
  color:#64748b;
  background:rgba(241, 245, 249, .96);
}

body.app-body .student-profile-action-row__copy{
  min-width:0;
  display:grid;
  gap:4px;
  flex:1 1 auto;
}

body.app-body .student-profile-action-row__copy strong{
  color:#12264d;
}

body.app-body .student-profile-action-row__chevron{
  color:#7d8da7;
  font-size:1.2rem;
}

body.app-body .student-detail-tabs-legacy,
body.app-body .student-legacy-summary{
  display:none;
}

@media (max-width: 1120px){
  body.app-body .student-profile-dashboard{
    grid-template-columns:1fr;
  }
}

@media (max-width: 860px){
  body.app-body .student-profile-titlebar{
    flex-direction:column;
  }

  body.app-body .student-profile-titlebar__pills{
    justify-content:flex-start;
  }

  body.app-body .student-profile-hero{
    padding:24px;
  }

  body.app-body .student-profile-hero__header{
    flex-direction:column;
    align-items:flex-start;
  }

  body.app-body .student-profile-hero__avatar{
    width:136px;
    height:136px;
    flex-basis:136px;
  }

  body.app-body .profile-meta-grid--student{
    grid-template-columns:1fr;
  }

  body.app-body .profile-meta--trustwide,
  body.app-body .profile-meta--wide{
    grid-column:auto;
  }

  body.app-body .student-profile-view .detail-tabs--premium{
    flex-wrap:nowrap;
    overflow-x:auto;
    padding-bottom:10px;
    -webkit-overflow-scrolling:touch;
  }

  body.app-body .student-profile-view .detail-tabs--premium::-webkit-scrollbar{
    display:none;
  }

  body.app-body .student-profile-view .detail-tabs--premium .detail-tabs__item{
    flex:0 0 auto;
    white-space:nowrap;
  }
}

@media (max-width: 640px){
  body.app-body .student-profile-title{
    font-size:clamp(1.85rem, 8vw, 2.4rem);
  }

  body.app-body .student-profile-hero{
    padding:20px;
  }

  body.app-body .student-profile-hero__avatar{
    width:118px;
    height:118px;
    flex-basis:118px;
    border-radius:30px;
  }

  body.app-body .student-profile-hero__avatar-badge{
    width:46px;
    height:46px;
    border-radius:16px;
  }

  body.app-body .student-profile-hero__intro h4{
    font-size:1.7rem;
  }

  body.app-body .student-profile-summary-grid{
    grid-template-columns:1fr;
  }

  body.app-body .student-profile-action-row{
    padding:14px 15px;
    min-height:72px;
  }
}

html{
  color-scheme:light;
  font-size:15px;
}

body{
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  background:linear-gradient(180deg,#f7f9fc 0%, #eef3f8 60%, #e9eff6 100%);
}

body.app-body{
  background:linear-gradient(180deg,#eef3f8 0%, #e7edf4 100%);
  overflow-x:hidden;
  overscroll-behavior-x:none;
}

body.public-body{
  background:linear-gradient(180deg,#f7f9fc 0%, #eef3f8 60%, #e9eff6 100%);
}

body.public-body .page-bg{
  background:
    radial-gradient(circle at 14% 10%, rgba(29, 78, 216, .07), transparent 28%),
    radial-gradient(circle at 88% 4%, rgba(15, 23, 42, .05), transparent 22%);
}

body.app-body .page-bg{
  background:
    radial-gradient(circle at 15% 0%, rgba(29, 78, 216, .05), transparent 26%),
    radial-gradient(circle at 90% 0%, rgba(15, 118, 110, .04), transparent 24%);
}

a{
  transition:color .15s ease, background-color .15s ease, border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}

a:hover{
  text-decoration:none;
}

:focus-visible{
  outline:none;
  box-shadow:0 0 0 4px rgba(29, 78, 216, .14);
}

.brand-mark{
  background:linear-gradient(135deg,var(--accent) 0%, var(--accent-2) 100%);
  box-shadow:0 16px 28px rgba(29, 78, 216, .18);
}

.pill-button,
.primary-button{
  background:var(--accent);
  color:#fff;
  border:1px solid transparent;
  box-shadow:0 14px 28px rgba(29, 78, 216, .16);
}

.pill-button:hover,
.primary-button:hover{
  background:var(--accent-strong);
  transform:translateY(-1px);
}

.secondary-button,
.icon-btn{
  background:#fff;
  color:var(--text);
  border:1px solid var(--line);
  box-shadow:none;
}

.secondary-button:hover,
.icon-btn:hover{
  border-color:#c7d2df;
  box-shadow:0 10px 24px rgba(15, 23, 42, .06);
  transform:translateY(-1px);
}

.pill-button,
.primary-button,
.secondary-button,
.icon-btn{
  min-height:48px;
  padding:0.85rem 1.15rem;
  border-radius:16px;
  font-weight:800;
}

.icon-btn{
  min-width:48px;
}

.text-link{
  color:var(--accent);
}

.text-link:hover,
.home-link:hover,
body.public-body .home-footer__columns a:hover,
body.public-body .home-link:hover{
  color:var(--accent-2);
}

.public-header,
.topbar{
  backdrop-filter:blur(16px);
}

body.public-body .public-header{
  background:rgba(9, 15, 27, .88);
  border-bottom:1px solid rgba(148, 163, 184, .12);
  color:#e8eef8;
  box-shadow:0 12px 34px rgba(15, 23, 42, .08);
}

body.public-body .public-header .brand-lockup span{
  color:#a8b7ca;
}

body.public-body .public-header .brand-mark{
  box-shadow:0 16px 28px rgba(15, 23, 42, .20);
}

body.public-body .public-nav{
  gap:10px;
}

body.public-body .public-nav a{
  color:#d6e1ef;
  padding:10px 12px;
  border-radius:999px;
}

body.public-body .public-nav a:hover{
  background:rgba(255,255,255,.08);
  color:#fff;
}

body.public-body .public-header__actions .secondary-button,
body.public-body .public-header__actions .icon-btn,
body.public-body .public-header__actions .pill-button{
  background:rgba(255,255,255,.06);
  color:#eef4ff;
  border-color:rgba(255,255,255,.12);
}

body.public-body .public-header__actions .secondary-button:hover,
body.public-body .public-header__actions .icon-btn:hover{
  background:rgba(255,255,255,.10);
  border-color:rgba(255,255,255,.18);
}

body.public-body .public-header__actions .pill-button{
  background:var(--accent);
  border-color:transparent;
}

body.public-body .public-header__actions .pill-button:hover{
  background:var(--accent-strong);
}

body.app-body .sidebar{
  background:#0b1220;
  border-right:1px solid rgba(148, 163, 184, .12);
  box-shadow:12px 0 34px rgba(15, 23, 42, .10);
}

body.app-body .sidebar .brand-lockup span{
  color:#94a3b8;
}

body.app-body .side-nav a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  color:#d9e4f2;
  border:1px solid transparent;
  background:transparent;
  white-space:normal;
}

body.app-body .side-nav a:hover{
  background:rgba(255,255,255,.05);
  border-color:rgba(255,255,255,.08);
}

body.app-body .side-nav a.is-active{
  background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.10);
  color:#fff;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);
}

body.app-body .side-nav__subscriptions{
  display:grid;
  gap:8px;
  margin-top:10px;
}

body.app-body .side-nav__subscription-item{
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto;
  gap:4px 10px;
  align-items:center;
  padding:12px 14px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.06);
  background:rgba(255,255,255,.03);
  color:#d9e4f2;
  text-decoration:none;
  transition:all .18s ease;
}

body.app-body .side-nav__subscription-item:hover{
  border-color:rgba(255,255,255,.14);
  background:rgba(255,255,255,.07);
}

body.app-body .side-nav__subscription-item.is-active{
  background:rgba(255,255,255,.09);
  border-color:rgba(255,255,255,.16);
}

body.app-body .side-nav__subscription-copy{
  display:grid;
  gap:2px;
  min-width:0;
}

body.app-body .side-nav__subscription-copy strong{
  font-size:.95rem;
  line-height:1.3;
}

body.app-body .side-nav__subscription-copy small{
  color:#a5b4c8;
  line-height:1.35;
}

.sidebar-backdrop{
  position:fixed;
  inset:0;
  background:rgba(15, 23, 42, .45);
  opacity:0;
  pointer-events:none;
  transition:opacity .2s ease;
  z-index:25;
}

.sidebar-backdrop.is-visible{
  opacity:1;
  pointer-events:auto;
}

body.app-body .topbar{
  position:sticky;
  top:0;
  z-index:40;
  background:linear-gradient(180deg, #fcfdff 0%, #f4f8fd 100%);
  border-bottom:1px solid rgba(216, 225, 235, .94);
  box-shadow:0 16px 36px rgba(15, 23, 42, .09);
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  isolation:isolate;
  background-clip:padding-box;
  transform:translateZ(0);
  backface-visibility:hidden;
}

body.app-body .topbar__title h1,
body.public-body .section-head h2,
body.public-body .section-head h3,
body.public-body .panel h2,
body.public-body .panel h3,
body.public-body .hero-copy h2,
body.public-body .auth-panel h2{
  letter-spacing:-.04em;
}

body.app-body .topbar__title p{
  color:var(--muted);
}

body.app-body .content,
body.public-body .public-main{
  padding:clamp(20px, 3vw, 34px);
}

body.public-body .home-shell{
  width:min(1200px, calc(100% - 48px));
}

body.public-body .home-main,
body.public-body .home-section,
body.public-body .home-cta,
body.public-body .home-footer,
body.public-body .public-feedback{
  position:relative;
}

body.public-body .home-hero{
  background:
    radial-gradient(circle at 12% 16%, rgba(29, 78, 216, .10), transparent 24%),
    linear-gradient(135deg, #08111f 0%, #0e1728 52%, #121f35 100%);
  border-bottom:1px solid rgba(148, 163, 184, .10);
}

body.public-body .home-hero__copy h1{
  letter-spacing:-.05em;
}

body.public-body .home-hero__copy p{
  color:#d7e0ee;
}

body.public-body .home-link{
  color:#dbe7fb;
}

body.public-body .home-proof{
  background:rgba(255,255,255,.06);
  border-color:rgba(255,255,255,.12);
  color:#ebf2fb;
}

body.public-body .home-hero__panel{
  background:rgba(8, 14, 26, .72);
  border:1px solid rgba(148, 163, 184, .14);
  box-shadow:0 24px 60px rgba(2, 6, 23, .24);
}

body.public-body .home-preview-card,
body.public-body .home-step-card,
body.public-body .home-feature-card,
body.public-body .home-role-card,
body.public-body .home-panel,
body.public-body .home-footer__inner{
  background:rgba(255,255,255,.86);
  border:1px solid rgba(216, 225, 235, .92);
  box-shadow:var(--shadow);
}

body.public-body .home-step-card span,
body.public-body .home-feature-card__mark,
body.public-body .home-mini-card span{
  background:rgba(29, 78, 216, .10);
  color:var(--accent);
}

body.public-body .home-feature-card p,
body.public-body .home-step-card p,
body.public-body .home-role-card p,
body.public-body .home-mini-card p,
body.public-body .home-analysis-card p,
body.public-body .home-preview-card p{
  color:var(--muted);
}

body.public-body .home-section{
  padding:26px 0 0;
}

body.public-body .home-section--dark{
  background:linear-gradient(180deg, #09111f 0%, #0c1526 100%);
  color:#e7effa;
}

body.public-body .home-section--soft{
  background:linear-gradient(180deg, #f6f8fb 0%, #edf3f8 100%);
}

body.public-body .home-section--dark .section-head p,
body.public-body .home-section--dark .panel-note,
body.public-body .home-section--dark .muted{
  color:#b8c7da;
}

body.public-body .home-section--dark .home-role-card{
  background:rgba(255,255,255,.05);
  border-color:rgba(255,255,255,.10);
  box-shadow:none;
  color:#e7effa;
}

body.public-body .home-section--dark .home-role-card p,
body.public-body .home-section--dark .home-role-card li{
  color:#c8d6e6;
}

body.public-body .home-panel--dark,
body.public-body .home-panel--accent{
  background:linear-gradient(180deg, #0b1220 0%, #111d31 100%);
  border-color:transparent;
  color:#edf4ff;
}

body.public-body .home-chip-list{
  gap:10px;
}

body.public-body .choice-pill{
  background:rgba(255,255,255,.06);
  color:#edf4ff;
  border-color:rgba(255,255,255,.10);
}

body.public-body .choice-pill--complaint{
  background:rgba(185, 28, 28, .12);
}

body.public-body .choice-pill--praise{
  background:rgba(21, 128, 61, .12);
}

body.public-body .home-check-list li::before{
  background:rgba(29, 78, 216, .12);
  box-shadow:inset 0 0 0 4px rgba(29, 78, 216, .52);
}

body.public-body .home-panel--dark .home-check-list li::before{
  background:rgba(255,255,255,.08);
  box-shadow:inset 0 0 0 4px rgba(29, 78, 216, .82);
}

body.public-body .home-audit__item{
  background:rgba(255,255,255,.06);
  border-color:rgba(255,255,255,.10);
}

body.public-body .home-audit__item strong{
  color:#fff;
}

body.public-body .home-cta__inner{
  background:#0b1220;
  border:1px solid rgba(148, 163, 184, .12);
  box-shadow:0 18px 44px rgba(15, 23, 42, .12);
}

body.public-body .home-cta__inner p,
body.public-body .home-footer__brand p{
  color:#c5d1e1;
}

body.public-body .home-footer__columns a{
  color:#5e6b81;
}

body.public-body .public-feedback{
  padding:18px 0 52px;
}

body.public-body .public-feedback__intro h1{
  letter-spacing:-.05em;
}

body.public-body .public-feedback__intro p{
  color:#5e6b81;
}

body.public-body .public-feedback__notes .home-mini-card{
  background:rgba(255,255,255,.84);
}

body.public-body .public-feedback__notes .home-mini-card p{
  color:var(--muted);
}

body.public-body .public-feedback__form,
body.public-body .auth-panel--form,
body.public-body .panel{
  background:#fff;
  color:var(--text);
  border:1px solid rgba(216, 225, 235, .95);
  box-shadow:var(--shadow);
}

body.public-body .auth-panel--intro{
  background:
    radial-gradient(circle at 18% 20%, rgba(45, 212, 191, .18), transparent 22%),
    linear-gradient(180deg, #0b1220 0%, #0f172a 100%);
  border:1px solid rgba(148, 163, 184, .10);
  color:#eef4ff;
  box-shadow:0 24px 60px rgba(2, 6, 23, .18);
}

body.public-body .auth-panel--intro p,
body.public-body .auth-panel--intro .muted{
  color:#cdd8e7;
}

body.public-body .proof-grid{
  gap:12px;
}

body.public-body .proof-grid .stat-card{
  background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.10);
  color:#eef4ff;
}

body.public-body .proof-grid .stat-card__label,
body.public-body .proof-grid .stat-card__hint{
  color:#c6d4e5;
}

body.public-body .field__control{
  background:#fff;
  color:var(--text);
  border-color:var(--line);
  box-shadow:none;
}

body.public-body .field__control--large{
  min-height:54px;
  padding-top:1rem;
  padding-bottom:1rem;
}

body.public-body .field__control::placeholder{
  color:#95a3b6;
}

body.public-body .field__control:focus{
  border-color:rgba(29, 78, 216, .58);
  box-shadow:0 0 0 4px rgba(29, 78, 216, .12);
}

body.public-body .check-row{
  background:rgba(248, 250, 252, .92);
  border:1px solid rgba(216, 225, 235, .9);
  padding:12px 14px;
  border-radius:14px;
}

body.app-body .hero-copy,
body.app-body .auth-panel,
body.app-body .panel,
body.app-body .stat-card,
body.app-body .row-card,
body.app-body .notification-row,
body.app-body .archive-row,
body.app-body .feedback-row{
  background:#fff;
  border:1px solid rgba(216, 225, 235, .95);
  box-shadow:var(--shadow);
}

body.app-body .hero-copy,
body.app-body .auth-panel,
body.app-body .panel{
  padding:28px;
}

body.app-body .stat-card{
  padding:22px;
}

body.app-body .section-head p,
body.app-body .panel-note,
body.app-body .muted,
body.app-body .feature-list{
  color:var(--muted);
}

body.app-body .table-wrap{
  background:#fff;
  border:1px solid rgba(216, 225, 235, .95);
  box-shadow:var(--shadow-soft);
}

body.app-body .table th{
  background:#f8fafc;
  color:#66758d;
  border-bottom:1px solid rgba(216, 225, 235, .95);
}

body.app-body .table td{
  border-bottom:1px solid rgba(230, 236, 242, .92);
}

body.app-body .table tbody tr:hover td{
  background:#f8fbff;
}

body.app-body .field__control{
  background:#fff;
  border:1px solid var(--line);
  color:var(--text);
}

body.app-body .field__control--large{
  min-height:54px;
  padding-top:1rem;
  padding-bottom:1rem;
}

body.app-body .field__control::placeholder{
  color:#95a3b6;
}

body.app-body .field__control:focus{
  border-color:rgba(29, 78, 216, .55);
  box-shadow:0 0 0 4px rgba(29, 78, 216, .12);
}

body.app-body .check-row{
  background:var(--panel-soft);
  border:1px solid var(--line);
  padding:12px 14px;
  border-radius:14px;
}

body.app-body .choice-pill,
body.app-body .chip-choice span,
body.app-body .star-picker__button{
  background:#fff;
  border-color:var(--line);
  color:var(--text);
}

body.app-body .choice-pill input:checked + span,
body.app-body .chip-choice input:checked + span,
body.app-body .star-picker__button.is-active{
  background:rgba(29, 78, 216, .10);
  border-color:rgba(29, 78, 216, .26);
  color:var(--accent);
}

body.app-body .star-meter__fill{
  color:#f59e0b;
}

body.app-body .confirm-modal{
  background:rgba(15, 23, 42, .56);
}

.confirm-modal__panel{
  background:#fff;
  border:1px solid rgba(216, 225, 235, .95);
  box-shadow:0 28px 80px rgba(15, 23, 42, .16);
}

.toast{
  background:#fff;
  border:1px solid rgba(216, 225, 235, .95);
  box-shadow:var(--shadow);
}

.toast--success{border-color:rgba(21, 128, 61, .20)}
.toast--danger{border-color:rgba(185, 28, 28, .20)}
.toast--warning{border-color:rgba(180, 83, 9, .20)}
.toast--info{border-color:rgba(29, 78, 216, .20)}
.toast--archive{
  border-color:rgba(71, 85, 105, .22);
  background:linear-gradient(180deg, rgba(248, 250, 252, .98), rgba(241, 245, 249, .98));
}

.empty-state{
  background:#fff;
  border:1px dashed rgba(148, 163, 184, .42);
  color:var(--muted);
  box-shadow:none;
}

.notification-row,
.archive-row,
.feedback-row{
  transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}

.notification-row:hover,
.archive-row:hover,
.feedback-row:hover{
  transform:translateY(-1px);
  box-shadow:0 16px 36px rgba(15, 23, 42, .08);
}

.notification-row--unread{
  border-color:rgba(29, 78, 216, .28);
  box-shadow:0 0 0 3px rgba(29, 78, 216, .05);
}

.spaced-actions{
  display:flex;
  justify-content:flex-end;
  gap:12px;
  margin-top:16px;
}

.error-screen h2{
  color:var(--accent);
}

.error-screen p{
  color:var(--muted);
}

@media (max-width: 1200px){
  .home-shell{
    width:min(100% - 32px, 1200px);
  }
}

@media (max-width: 860px){
  body.app-body .sidebar{
    width:min(86vw, 320px);
    transform:translateX(-100%);
    transition:transform .22s ease;
    z-index:80;
  }

  body.app-body .sidebar.is-open{
    transform:translateX(0);
  }

  body.app-body .topbar{
    padding:16px 18px;
    gap:14px;
    z-index:60;
  }

  body.app-body .content,
  body.public-body .public-main{
    padding:16px;
  }

  body.public-body .public-header{
    flex-wrap:wrap;
    gap:12px;
    padding:16px 18px;
  }

  body.public-body .public-header__menu{
    display:inline-flex;
    order:2;
    margin-left:auto;
  }

  body.public-body .public-header__actions{
    order:3;
    width:auto;
    justify-content:flex-end;
  }

  body.public-body .public-nav{
    display:none;
    order:4;
    width:100%;
    margin-left:0;
    padding-top:4px;
  }

  body.public-body .public-nav.is-open{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
  }

  body.public-body .home-shell{
    width:min(100% - 24px, 1200px);
  }

  body.public-body .home-hero__inner,
  body.public-body .home-step-grid,
  body.public-body .home-feature-grid,
  body.public-body .home-role-grid,
  body.public-body .home-analysis,
  body.public-body .home-security,
  body.public-body .home-cta__inner,
  body.public-body .home-footer__inner,
  body.public-body .public-feedback__inner,
  body.public-body .auth-grid,
  body.public-body .dual-grid,
  body.public-body .hero-grid{
    grid-template-columns:1fr;
  }

  body.public-body .home-cta__inner,
  body.public-body .home-footer__inner{
    display:grid;
  }

  body.public-body .auth-panel--intro{
    display:none;
  }

  body.public-body .auth-grid{
    min-height:auto;
  }

  body.public-body .public-feedback__notes,
  body.public-body .public-feedback__grid,
  body.public-body .proof-grid,
  body.app-body .stat-grid,
  body.app-body .hero-grid-cards,
  body.app-body .subscriptions-layout{
    grid-template-columns:1fr;
  }

  body.app-body .subscriptions-filter__grid{
    grid-template-columns:1fr;
  }

  body.app-body .subscription-company__header,
  body.app-body .subscription-branch{
    grid-template-columns:1fr;
  }

  body.app-body .subscription-company__meta,
  body.app-body .subscription-branch__meta{
    justify-items:flex-start;
    text-align:left;
    justify-content:flex-start;
  }

  body.app-body .topbar__actions{
    width:100%;
    justify-content:flex-end;
  }

  body.app-body .topbar__title{
    flex:1 1 calc(100% - 88px);
    min-width:0;
  }

  body.app-body .subscription-detail{
    position:static;
  }

  body.app-body .maintenance-preview-card--split{
    grid-template-columns:1fr;
  }

  body.app-body .maintenance-preview-meta{
    grid-template-columns:1fr;
  }

  body.app-body .maintenance-preview-card__visual{
    justify-items:center;
  }

  body.app-body .sidebar-backdrop{
    display:block;
    z-index:70;
  }

  body.app-body.sidebar-open{
    overflow:hidden;
    height:100vh;
  }

  body.app-body .topbar__actions .pill-button[href*="logout"]{
    display:none;
  }
}

body.app-body .homepage-editor{
  display:grid;
  gap:18px;
}

body.app-body .home-editor-head{
  align-items:flex-end;
}

body.app-body .home-editor-head__copy{
  display:grid;
  gap:10px;
}

body.app-body .home-editor-head__copy h2{
  margin:0;
  font-size:clamp(1.8rem, 2.8vw, 3.15rem);
  line-height:1.04;
  letter-spacing:-.05em;
  max-width:14ch;
}

body.app-body .home-editor-head__copy p{
  margin:0;
  max-width:66ch;
  color:var(--muted);
  line-height:1.7;
}

body.app-body .home-editor-head__note{
  display:grid;
  gap:6px;
  min-width:220px;
  padding:16px 18px;
  border-radius:22px;
  border:1px solid var(--line);
  background:#fff;
  box-shadow:var(--shadow-soft);
}

body.app-body .home-editor-head__note strong{
  color:var(--text);
  font-size:.98rem;
}

body.app-body .home-editor-head__note span{
  color:var(--muted);
  line-height:1.55;
}

body.app-body .home-editor-grid{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);
  gap:20px;
  align-items:start;
}

body.app-body .home-editor-form{
  display:grid;
  gap:16px;
}

body.app-body .home-editor-section{
  display:grid;
  gap:14px;
  padding:20px;
  border-radius:26px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.78);
}

body.app-body .home-editor-section .panel-note{
  margin:0;
}

body.app-body .home-editor-feature-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}

body.app-body .home-editor-feature-card{
  display:grid;
  gap:12px;
  padding:18px;
  border-radius:22px;
  border:1px solid var(--line);
  background:#fff;
  box-shadow:var(--shadow-soft);
}

body.app-body .home-editor-feature-card span{
  width:40px;
  height:40px;
  border-radius:14px;
  display:inline-grid;
  place-items:center;
  background:rgba(29,78,216,.10);
  color:var(--accent);
  font-weight:800;
}

body.app-body .home-editor-actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding-top:2px;
}

body.app-body .home-editor-meta{
  display:grid;
  gap:4px;
  max-width:42ch;
}

body.app-body .home-editor-meta strong{
  color:var(--text);
}

body.app-body .home-editor-meta span{
  color:var(--muted);
  line-height:1.6;
}

body.app-body .home-preview-shell{
  position:sticky;
  top:102px;
  display:grid;
  gap:16px;
  align-self:start;
  background:linear-gradient(180deg,#0b1220 0%,#111c2f 100%);
  color:#edf4ff;
  border-color:rgba(148,163,184,.12);
  box-shadow:0 24px 56px rgba(2,6,23,.26);
}

body.app-body .home-preview-shell .panel-note{
  color:#9fb0c9;
}

body.app-body .home-preview-stage,
body.app-body .home-preview-card{
  border:1px solid rgba(148,163,184,.14);
  background:rgba(255,255,255,.05);
  box-shadow:none;
}

body.app-body .home-preview-stage{
  padding:22px;
  border-radius:28px;
  display:grid;
  gap:12px;
}

body.app-body .home-preview-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}

body.app-body .home-preview-card{
  padding:18px;
  border-radius:22px;
}

body.app-body .home-preview-card__label{
  margin:0;
  color:#9fb0c9;
  font-size:.82rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

body.app-body .home-preview-card h3{
  margin:0;
  font-size:1.15rem;
  letter-spacing:-.03em;
}

body.app-body .home-preview-card p,
body.app-body .home-preview-stage p{
  margin:0;
  color:#cad8ea;
  line-height:1.68;
}

body.app-body .hero-actions--preview{
  margin-top:6px;
}

body.app-body .hero-actions--preview .secondary-button{
  background:rgba(255,255,255,.06);
  color:#eef4ff;
  border-color:rgba(255,255,255,.14);
}

body.app-body [data-home-preview]{
  white-space:pre-line;
}

body.public-body{
  --bg:#07111f;
  --bg-soft:#0c1525;
  --panel:#0f172a;
  --panel-soft:#111c2f;
  --line:rgba(148,163,184,.16);
  --text:#e7effa;
  --muted:#9fb0c9;
  --accent:#1d4ed8;
  --accent-2:#0f172a;
  color:var(--text);
  color-scheme:dark;
  background:linear-gradient(180deg,#060d18 0%,#0b1220 100%);
}

body.public-body .page-bg{
  background:
    radial-gradient(circle at 12% 12%, rgba(29,78,216,.10), transparent 24%),
    radial-gradient(circle at 88% 6%, rgba(96,165,250,.08), transparent 22%);
}

body.public-body .public-header{
  background:rgba(7,13,24,.84);
  border-bottom:1px solid rgba(148,163,184,.12);
  color:#edf4ff;
}

body.public-body .public-header--home{
  box-shadow:0 14px 40px rgba(8,15,29,.18);
}

body.public-body .public-header .brand-lockup span,
body.public-body .home-footer__brand p,
body.public-body .home-footer__columns a,
body.public-body .panel-note,
body.public-body .muted,
body.public-body .section-head p{
  color:#9fb0c9;
}

body.public-body .public-header .brand-mark{
  background:linear-gradient(135deg,#1d4ed8,#0f2f78);
  box-shadow:0 18px 40px rgba(17,65,143,.28);
}

body.public-body .public-nav a{
  color:#d4deea;
}

body.public-body .public-nav a:hover{
  color:#fff;
}

body.public-body .public-header__actions .secondary-button,
body.public-body .public-header__actions .icon-btn,
body.public-body .public-header__actions .pill-button,
body.public-body .pill-button,
body.public-body .secondary-button,
body.public-body .icon-btn{
  background:rgba(255,255,255,.06);
  color:#eef4ff;
  border-color:rgba(148,163,184,.14);
}

body.public-body .pill-button,
body.public-body .primary-button{
  background:linear-gradient(135deg,#1d4ed8,#2563eb);
  box-shadow:0 18px 30px rgba(29,78,216,.24);
}

body.public-body .pill-button:hover,
body.public-body .primary-button:hover{
  background:linear-gradient(135deg,#1e40af,#1d4ed8);
}

body.public-body .secondary-button:hover,
body.public-body .icon-btn:hover{
  background:rgba(255,255,255,.10);
  border-color:rgba(148,163,184,.22);
}

body.public-body .field__label,
body.public-body .check-row{
  color:#c6d3e4;
}

body.public-body .field__control{
  background:rgba(255,255,255,.04);
  border-color:rgba(148,163,184,.18);
  color:#eef4ff;
  box-shadow:none;
}

body.public-body .field__control::placeholder{
  color:#7d8ea7;
}

body.public-body .field__control:focus{
  border-color:rgba(37,99,235,.72);
  box-shadow:0 0 0 4px rgba(37,99,235,.14);
}

body.public-body .hero-copy,
body.public-body .auth-panel,
body.public-body .panel,
body.public-body .stat-card,
body.public-body .row-card,
body.public-body .notification-row,
body.public-body .archive-row,
body.public-body .feedback-row,
body.public-body .home-step-card,
body.public-body .home-feature-card,
body.public-body .home-role-card,
body.public-body .home-panel,
body.public-body .home-cta__inner,
body.public-body .home-footer__inner{
  background:rgba(10,16,29,.86);
  border-color:rgba(148,163,184,.14);
  color:#edf4ff;
  box-shadow:0 20px 50px rgba(2,6,23,.28);
}

body.public-body .auth-grid{
  align-items:center;
  min-height:calc(100vh - 140px);
}

body.public-auth .auth-grid{
  grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);
}

body.public-body .auth-panel--intro{
  background:linear-gradient(180deg, rgba(12,19,35,.96), rgba(8,14,26,.98));
  color:#edf4ff;
  border-color:rgba(96,165,250,.14);
  position:relative;
  overflow:hidden;
}

body.public-body .auth-panel--intro::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 20% 12%, rgba(29,78,216,.14), transparent 28%);
  pointer-events:none;
}

body.public-body .auth-panel--intro > *{
  position:relative;
  z-index:1;
}

body.public-body .auth-panel--form{
  background:rgba(10,16,29,.90);
}

body.public-body .proof-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:18px;
}

body.public-body .home-hero{
  background:linear-gradient(135deg,#07111f 0%,#0f172a 58%,#11284a 100%);
}

body.public-body .home-hero__copy p,
body.public-body .public-feedback__intro p{
  color:#c9d6e6;
}

body.public-body .home-proof{
  background:rgba(255,255,255,.06);
  border-color:rgba(255,255,255,.12);
  color:#eaf1fb;
}

body.public-body .home-preview-card,
body.public-body .home-analysis-card,
body.public-body .home-mini-card{
  background:rgba(255,255,255,.05);
  border:1px solid rgba(148,163,184,.10);
}

body.public-body .home-step-card span,
body.public-body .home-feature-card__mark,
body.public-body .home-mini-card span{
  background:rgba(29,78,216,.12);
  color:#9cc2ff;
}

body.public-body .home-section--soft{
  background:linear-gradient(180deg, rgba(10,16,29,.94), rgba(8,14,26,.98));
}

body.public-body .home-section--dark{
  background:linear-gradient(180deg, rgba(9,17,31,.98), rgba(9,17,31,.92));
}

body.public-body .home-check-list li,
body.public-body .home-role-card li,
body.public-body .home-footer__brand p,
body.public-body .home-footer__columns a,
body.public-body .home-feature-card p,
body.public-body .home-step-card p,
body.public-body .home-role-card p,
body.public-body .home-mini-card p,
body.public-body .home-analysis-card p,
body.public-body .home-preview-card p{
  color:#c7d5e7;
}

body.public-body .home-check-list li::before{
  background:rgba(37,99,235,.14);
  box-shadow:inset 0 0 0 4px rgba(37,99,235,.52);
}

body.public-body .home-panel--dark,
body.public-body .home-panel--accent{
  background:linear-gradient(180deg, rgba(9,17,31,.98), rgba(16,24,39,.94));
  border-color:transparent;
}

body.public-body .home-panel--dark .choice-pill{
  background:rgba(255,255,255,.06);
  color:#edf4ff;
  border-color:rgba(255,255,255,.10);
}

body.public-body .choice-pill{
  background:rgba(255,255,255,.05);
  color:#edf4ff;
  border-color:rgba(148,163,184,.14);
}

body.public-body .choice-pill--complaint{
  background:rgba(239,68,68,.08);
  color:#fecaca;
  border-color:rgba(239,68,68,.18);
}

body.public-body .choice-pill--praise{
  background:rgba(34,197,94,.08);
  color:#bbf7d0;
  border-color:rgba(34,197,94,.18);
}

body.public-body .public-feedback{
  padding:18px 0 48px;
}

body.public-feedback .public-feedback__inner{
  display:grid;
  grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);
  gap:24px;
  align-items:start;
}

body.public-feedback .public-feedback__intro{
  display:grid;
  gap:16px;
  align-content:start;
}

body.public-feedback .public-feedback__intro h1{
  margin:0;
  font-size:clamp(2.15rem, 4vw, 4rem);
  line-height:1.02;
  letter-spacing:-.05em;
  max-width:12ch;
}

body.public-feedback .public-feedback__notes{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}

body.public-feedback .public-feedback__form{
  display:grid;
  gap:14px;
  background:rgba(10,16,29,.88);
  border-color:rgba(148,163,184,.14);
}

body.public-feedback .public-feedback__grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
}

body.public-feedback .public-feedback__grid .field:nth-child(3),
body.public-feedback .public-feedback__grid .field:nth-child(4){
  grid-column:span 1;
}

body.public-body .toast{
  background:rgba(10,16,29,.96);
  color:#edf4ff;
  border-color:rgba(148,163,184,.14);
}

body.public-body .home-link,
body.public-body .text-link,
body.public-body .home-footer__columns a:hover,
body.public-body .home-link:hover{
  color:#8fc0ff;
}

@media (max-width: 980px){
  body.app-body .home-editor-grid,
  body.app-body .home-editor-feature-grid,
  body.app-body .home-preview-grid,
  body.public-feedback .public-feedback__inner,
  body.public-feedback .public-feedback__notes,
  body.public-feedback .public-feedback__grid,
  body.public-auth .auth-grid{
    grid-template-columns:1fr;
  }

  body.app-body .home-editor-head{
    gap:14px;
  }

  body.app-body .home-editor-head__note{
    min-width:0;
  }

  body.app-body .home-editor-actions{
    flex-direction:column;
    align-items:flex-start;
  }

  body.app-body .home-preview-shell{
    position:static;
  }

  body.public-body .auth-panel--intro{
    display:none;
  }

  body.public-body .auth-grid{
    min-height:auto;
  }
}

body.public-home .public-header{
  backdrop-filter:blur(18px);
}

body.public-home .public-header__actions{
  display:flex;
  align-items:center;
  gap:12px;
}

body.public-home .public-header__actions .pill-button{
  background:linear-gradient(135deg,#1d4ed8,#2563eb);
  box-shadow:0 16px 28px rgba(29,78,216,.22);
}

body.public-home .public-header__actions .pill-button:hover{
  background:linear-gradient(135deg,#1e40af,#1d4ed8);
}

body.public-home .home-hero{
  background:radial-gradient(circle at 12% 16%, rgba(29,78,216,.10), transparent 28%), linear-gradient(180deg, #08111f 0%, #0b1220 100%);
}

body.public-home .home-hero__inner{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,.98fr);
  gap:28px;
  align-items:center;
  min-height:calc(100vh - 92px);
  padding:26px 0 42px;
}

body.public-home .home-hero__copy{
  max-width:640px;
}

body.public-home .home-hero__copy h1{
  margin:14px 0 16px;
  font-size:clamp(2.6rem, 5.2vw, 5.4rem);
  line-height:.95;
  letter-spacing:-.055em;
  max-width:10ch;
}

body.public-home .home-hero__copy p{
  margin:0;
  max-width:58ch;
  color:#c9d6e6;
  font-size:1.06rem;
  line-height:1.82;
}

body.public-home .hero-actions{
  margin-top:26px;
}

body.public-home .hero-actions .secondary-button{
  background:rgba(255,255,255,.06);
  color:#eef4ff;
  border-color:rgba(148,163,184,.14);
}

body.public-home .hero-actions .secondary-button:hover{
  background:rgba(255,255,255,.10);
}

body.public-home .home-proof-rail{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:24px;
}

body.public-home .home-proof{
  display:inline-flex;
  align-items:center;
  padding:10px 14px;
  border-radius:999px;
  border:1px solid rgba(148,163,184,.14);
  background:rgba(255,255,255,.05);
  color:#dbe7f6;
  font-size:.92rem;
  font-weight:700;
}

body.public-home .home-hero__visual{
  position:relative;
  display:grid;
  gap:14px;
}

body.public-home .home-visual-frame{
  position:relative;
  min-height:640px;
  border-radius:34px;
  overflow:hidden;
  border:1px solid rgba(148,163,184,.12);
  background:linear-gradient(180deg, rgba(12,20,36,.92), rgba(8,15,28,.98));
  box-shadow:0 28px 70px rgba(2,6,23,.36);
}

body.public-home .home-visual-slide{
  position:absolute;
  inset:0;
  opacity:0;
  transform:translateY(14px) scale(.985);
  transition:opacity .55s ease, transform .55s ease;
  pointer-events:none;
}

body.public-home .home-visual-slide.is-active{
  opacity:1;
  transform:translateY(0) scale(1);
  pointer-events:auto;
}

body.public-home .home-visual-slide img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

body.public-home .home-visual-overlay{
  position:absolute;
  left:22px;
  right:22px;
  bottom:22px;
  padding:20px 22px;
  border-radius:24px;
  background:linear-gradient(180deg, rgba(7,13,24,.18), rgba(7,13,24,.86));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 18px 40px rgba(2,6,23,.24);
  backdrop-filter:blur(14px);
}

body.public-home .home-visual-overlay span{
  display:inline-flex;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  color:#dce8ff;
  font-size:.84rem;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}

body.public-home .home-visual-overlay strong{
  display:block;
  margin-top:12px;
  color:#fff;
  font-size:1.34rem;
  line-height:1.22;
  letter-spacing:-.03em;
}

body.public-home .home-visual-overlay p{
  margin:10px 0 0;
  color:#c9d6e6;
  line-height:1.7;
}

body.public-home .home-section{
  padding:22px 0 0;
}

body.public-home .home-section--soft{
  background:linear-gradient(180deg, rgba(10,16,29,.92), rgba(8,14,26,.96));
  margin-top:-2px;
}

body.public-home .home-journey-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}

body.public-home .home-journey-card{
  padding:22px;
  border-radius:28px;
  background:rgba(10,16,29,.88);
  border:1px solid rgba(148,163,184,.14);
  box-shadow:0 18px 46px rgba(2,6,23,.24);
}

body.public-home .home-journey-card span{
  display:inline-grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:14px;
  background:rgba(29,78,216,.12);
  color:#9bc0ff;
  font-weight:800;
}

body.public-home .home-journey-card h3{
  margin:14px 0 10px;
  color:#fff;
  letter-spacing:-.03em;
}

body.public-home .home-journey-card p{
  margin:0;
  color:#c7d5e7;
  line-height:1.72;
}

body.public-home .home-calm-panel{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  padding:28px;
}

body.public-home .home-calm-panel__copy{
  display:grid;
  gap:10px;
  max-width:62ch;
}

body.public-home .home-calm-panel__copy h3{
  margin:0;
  color:#fff;
  font-size:clamp(1.6rem, 2.5vw, 2.4rem);
  letter-spacing:-.04em;
}

body.public-home .home-calm-panel__copy p{
  margin:0;
  color:#c7d5e7;
  line-height:1.72;
}

body.public-home .home-calm-panel__actions{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}

body.public-auth .auth-grid{
  grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);
}

body.public-auth .auth-panel--intro{
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg, rgba(10,16,29,.98), rgba(8,14,26,.98));
  border-color:rgba(148,163,184,.14);
}

body.public-auth .auth-panel--intro::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 16% 12%, rgba(29,78,216,.12), transparent 32%);
  pointer-events:none;
}

body.public-auth .auth-panel--intro > *{
  position:relative;
  z-index:1;
}

body.public-body .check-row{
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px 14px;
  border-radius:16px;
  border:1px solid rgba(148,163,184,.16);
  background:rgba(255,255,255,.04);
  color:#dbe7f6;
}

body.public-body .check-row input{
  width:18px;
  height:18px;
  accent-color:#2563eb;
}

body.public-feedback .public-feedback__form{
  position:relative;
  overflow:hidden;
}

body.public-feedback .public-feedback__form::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 80% 12%, rgba(29,78,216,.10), transparent 30%);
  pointer-events:none;
}

body.public-feedback .public-feedback__form > *{
  position:relative;
  z-index:1;
}

body.public-feedback .public-feedback__category{
  display:grid;
  gap:12px;
}

body.public-feedback .feedback-chip-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}

body.public-feedback .feedback-chip{
  display:block;
}

body.public-feedback .feedback-chip input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}

body.public-feedback .feedback-chip span{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:52px;
  padding:0 16px;
  border-radius:18px;
  border:1px solid rgba(148,163,184,.18);
  background:rgba(255,255,255,.04);
  color:#eaf2ff;
  font-weight:700;
  transition:transform .16s ease, border-color .16s ease, background-color .16s ease, box-shadow .16s ease;
}

body.public-feedback .feedback-chip:hover span{
  transform:translateY(-1px);
  border-color:rgba(148,163,184,.30);
}

body.public-feedback .feedback-chip input:checked + span{
  background:rgba(29,78,216,.16);
  border-color:rgba(29,78,216,.62);
  box-shadow:0 0 0 4px rgba(29,78,216,.12);
  color:#ffffff;
}

body.public-feedback .feedback-chip input:focus-visible + span{
  box-shadow:0 0 0 4px rgba(29,78,216,.14);
}

body.public-feedback .field__control{
  background:rgba(255,255,255,.04);
  border-color:rgba(148,163,184,.18);
  color:#eef4ff;
}

body.public-feedback .field__control:focus{
  border-color:rgba(29,78,216,.72);
  box-shadow:0 0 0 4px rgba(29,78,216,.12);
}

body.public-feedback .field__control::placeholder{
  color:#7488a6;
}

body.public-feedback .public-feedback__intro .home-proof{
  background:rgba(255,255,255,.04);
  border-color:rgba(148,163,184,.14);
}

body.public-feedback .home-mini-card{
  background:rgba(10,16,29,.88);
  border-color:rgba(148,163,184,.14);
}

body.public-feedback .home-mini-card strong,
body.public-feedback .home-mini-card p{
  color:#eaf2ff;
}

body.public-body .home-link,
body.public-body .text-link,
body.public-body .home-footer__columns a:hover,
body.public-body .home-link:hover{
  color:#8bbcff;
}

@media (max-width: 1100px){
  body.public-home .home-hero__inner{
    grid-template-columns:1fr;
    min-height:auto;
  }

  body.public-home .home-hero__copy{
    max-width:none;
  }

  body.public-home .home-visual-frame{
    min-height:540px;
  }

  body.public-home .home-journey-grid{
    grid-template-columns:1fr;
  }

  body.public-home .home-calm-panel{
    flex-direction:column;
    align-items:flex-start;
  }

  body.public-feedback .public-feedback__inner,
  body.public-feedback .public-feedback__notes,
  body.public-feedback .public-feedback__grid,
  body.public-feedback .feedback-chip-grid,
  body.public-auth .auth-grid{
    grid-template-columns:1fr;
  }
}

@media (max-width: 700px){
  body.public-home .home-visual-frame{
    min-height:420px;
  }

  body.public-home .home-visual-overlay{
    left:14px;
    right:14px;
    bottom:14px;
  }

  body.public-feedback .feedback-chip span{
    min-height:48px;
  }

  body.public-body .check-row{
    width:100%;
  }

  body.public-body .auth-panel--intro{
    display:none;
  }

  body.public-body .auth-grid{
    min-height:auto;
  }
}

/* Public premium refresh */
body.public-body{
  background:#050b16;
  color:#eef4ff;
  color-scheme:dark;
}

body.public-body .public-main{
  background:transparent;
}

body.public-body .public-header{
  background:rgba(6,11,21,.84);
  border-bottom:1px solid rgba(148,163,184,.12);
  box-shadow:0 12px 34px rgba(2,6,23,.12);
}

body.public-body .public-header .brand-lockup span,
body.public-body .field__label,
body.public-body .panel-note,
body.public-body .section-head p,
body.public-body .home-footer__brand p,
body.public-body .home-footer__columns a,
body.public-body .check-row{
  color:#c7d4e5;
}

body.public-body .public-nav a{
  color:#d8e2ef;
}

body.public-body .public-nav a:hover{
  color:#fff;
}

body.public-body .public-header__actions .secondary-button,
body.public-body .public-header__actions .icon-btn,
body.public-body .public-header__actions .pill-button,
body.public-body .pill-button,
body.public-body .secondary-button,
body.public-body .icon-btn{
  background:rgba(255,255,255,.06);
  color:#eef4ff;
  border-color:rgba(148,163,184,.14);
}

body.public-body .pill-button,
body.public-body .primary-button{
  background:linear-gradient(135deg,#1d4ed8,#2563eb);
  box-shadow:0 18px 30px rgba(29,78,216,.24);
}

body.public-body .pill-button:hover,
body.public-body .primary-button:hover{
  background:linear-gradient(135deg,#1e40af,#1d4ed8);
}

body.public-body .secondary-button:hover,
body.public-body .icon-btn:hover{
  background:rgba(255,255,255,.10);
  border-color:rgba(148,163,184,.22);
}

body.public-body .field__control{
  background:rgba(8,14,26,.92);
  border-color:rgba(148,163,184,.18);
  color:#eef4ff;
  box-shadow:none;
}

body.public-body .field__control::placeholder{
  color:#7d8ea7;
}

body.public-body .field__control:focus{
  border-color:rgba(59,130,246,.85);
  box-shadow:0 0 0 4px rgba(59,130,246,.14);
}

body.public-home .home-shell{
  width:min(1240px, calc(100% - 40px));
}

body.public-home .home-hero{
  background:
    radial-gradient(circle at 15% 18%, rgba(37,99,235,.14), transparent 26%),
    radial-gradient(circle at 82% 12%, rgba(96,165,250,.10), transparent 20%),
    linear-gradient(180deg, #060c17 0%, #0a1323 100%);
  border-bottom:1px solid rgba(148,163,184,.10);
}

body.public-home .home-hero__inner{
  min-height:calc(100vh - 90px);
  gap:32px;
  padding:28px 0 44px;
}

body.public-home .home-hero__copy h1{
  max-width:11ch;
}

body.public-home .hero-actions{
  margin-top:28px;
}

body.public-home .home-proof,
body.public-feedback .home-proof{
  background:rgba(255,255,255,.05);
  border-color:rgba(148,163,184,.14);
  color:#e7eef9;
}

body.public-home .home-visual-frame{
  min-height:680px;
  border-radius:36px;
  background:linear-gradient(180deg, rgba(8,14,26,.98), rgba(4,10,20,.98));
  border:1px solid rgba(148,163,184,.14);
  box-shadow:0 34px 80px rgba(2,6,23,.44);
}

body.public-home .home-visual-frame::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 18% 16%, rgba(59,130,246,.12), transparent 30%),
    radial-gradient(circle at 85% 15%, rgba(255,255,255,.05), transparent 24%),
    linear-gradient(135deg, rgba(255,255,255,.04), transparent 42%);
  pointer-events:none;
}

body.public-home .home-visual-slide img{
  filter:saturate(1.02) contrast(1.02);
}

body.public-home .home-visual-overlay{
  left:24px;
  right:24px;
  bottom:24px;
  padding:22px 24px;
  border-radius:26px;
  background:rgba(6,11,21,.82);
  border:1px solid rgba(255,255,255,.08);
}

body.public-body .home-footer{
  border-top:1px solid rgba(148,163,184,.10);
  background:#050b16;
}

body.public-body .home-footer__inner{
  background:transparent;
  border-top:0;
  box-shadow:none;
  padding:26px 0 38px;
  align-items:start;
}

body.public-body .home-footer__columns{
  display:grid;
  gap:10px;
  justify-items:end;
  text-align:right;
}

body.public-body .home-footer__columns h3{
  margin:0;
  color:#eef4ff;
  font-size:.82rem;
  letter-spacing:.06em;
  text-transform:uppercase;
}

body.public-body .home-footer__columns a{
  display:block;
  color:#d8e2ef;
}

body.public-body .home-footer__columns a:hover,
body.public-body .home-link:hover,
body.public-body .text-link{
  color:#8bbcff;
}

body.public-auth .auth-grid{
  align-items:center;
  min-height:calc(100vh - 140px);
  gap:24px;
}

body.public-auth .auth-panel,
body.public-feedback .public-feedback__form,
body.public-feedback .public-feedback__notes .home-mini-card{
  background:rgba(9,15,27,.90);
  border:1px solid rgba(148,163,184,.14);
  box-shadow:0 24px 60px rgba(2,6,23,.28);
}

body.public-auth .auth-panel--intro{
  background:linear-gradient(180deg, rgba(10,16,29,.98), rgba(7,13,24,.98));
}

body.public-auth .auth-panel--intro::before{
  background:radial-gradient(circle at 16% 12%, rgba(59,130,246,.14), transparent 32%);
}

body.public-auth .auth-panel--form{
  background:rgba(9,15,27,.94);
}

body.public-body .check-row{
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px 14px;
  border-radius:16px;
  border:1px solid rgba(148,163,184,.16);
  background:rgba(8,14,26,.86);
  cursor:pointer;
}

body.public-body .check-row input{
  appearance:none;
  width:20px;
  height:20px;
  border-radius:7px;
  flex:0 0 auto;
  border:1px solid rgba(148,163,184,.28);
  background:rgba(6,11,21,.92);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
  display:inline-block;
  background-repeat:no-repeat;
  background-position:center;
  background-size:12px 12px;
}

body.public-body .check-row input:checked{
  border-color:rgba(59,130,246,.95);
  background-color:#1d4ed8;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3.5 8.5l3 3 6-6' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  box-shadow:0 0 0 4px rgba(59,130,246,.14);
}

body.public-body .check-row:focus-within{
  border-color:rgba(59,130,246,.24);
  box-shadow:0 0 0 4px rgba(59,130,246,.08);
}

body.public-feedback .public-feedback__inner{
  gap:28px;
}

body.public-feedback .public-feedback__intro h1{
  max-width:14ch;
}

body.public-feedback .public-feedback__notes{
  grid-template-columns:repeat(2,minmax(0,1fr));
}

body.public-feedback .feedback-chip-grid{
  grid-template-columns:repeat(auto-fit, minmax(160px, 1fr));
}

body.public-feedback .feedback-chip{
  cursor:pointer;
}

body.public-feedback .feedback-chip span{
  min-height:56px;
  padding:0 18px;
  border-radius:20px;
  background:rgba(8,14,26,.88);
  border:1px solid rgba(148,163,184,.16);
  color:#eaf2ff;
}

body.public-feedback .feedback-chip:hover span{
  transform:translateY(-1px);
  border-color:rgba(148,163,184,.28);
  background:rgba(10,16,29,.96);
}

body.public-feedback .feedback-chip input:checked + span{
  background:linear-gradient(135deg,#1d4ed8,#2563eb);
  border-color:rgba(59,130,246,.95);
  color:#fff;
  box-shadow:0 16px 32px rgba(29,78,216,.24);
}

body.public-feedback .feedback-chip input:focus-visible + span{
  box-shadow:0 0 0 4px rgba(59,130,246,.16);
}

body.public-feedback .home-mini-card strong,
body.public-feedback .home-mini-card p{
  color:#eaf2ff;
}

@media (max-width: 1100px){
  body.public-home .home-hero__inner,
  body.public-feedback .public-feedback__inner,
  body.public-auth .auth-grid{
    grid-template-columns:1fr;
  }

  body.public-home .home-visual-frame{
    min-height:560px;
  }

  body.public-body .home-footer__columns{
    justify-items:start;
    text-align:left;
  }

  body.public-body .home-footer__inner{
    gap:18px;
  }
}

@media (max-width: 700px){
  body.public-home .home-shell{
    width:min(100%, calc(100% - 28px));
  }

  body.public-home .home-hero__copy h1{
    max-width:none;
  }

  body.public-home .home-visual-frame{
    min-height:420px;
  }

  body.public-home .home-visual-overlay{
    left:14px;
    right:14px;
    bottom:14px;
    padding:18px;
  }

  body.public-feedback .public-feedback__notes,
  body.public-feedback .feedback-chip-grid{
    grid-template-columns:1fr;
  }

  body.public-body .check-row{
    width:100%;
  }

  body.public-body .auth-panel--intro{
    display:none;
  }
}

/* Final public-surface cleanup */
body.public-body{
  background:#050b16;
  color:#e8eef9;
}

body.public-body .public-header{
  position:sticky;
  top:0;
  z-index:40;
  background:rgba(5,11,22,.82);
  backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(148,163,184,.10);
}

body.public-home .home-hero__inner,
body.public-feedback .public-feedback__inner,
body.public-auth .auth-grid{
  min-height:auto;
}

body.app-body .student-feedback-layout{
  align-items:start;
}

body.app-body .student-form--revamped{
  display:grid;
  gap:18px;
}

body.app-body .student-form__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}

body.app-body .student-feedback-warning{
  margin:-4px 0 0;
}

body.app-body .student-feedback-summary .profile-linked-card strong{
  min-height:22px;
}

body.app-body .schedule-card__actions--stack{
  display:grid;
  align-content:start;
  gap:10px;
  min-width:220px;
}

body.app-body .schedule-card--admin{
  grid-template-columns:minmax(0,1fr) minmax(220px,260px);
  align-items:start;
}

body.app-body .schedule-card--admin,
body.app-body .schedule-card--student,
body.app-body .schedule-card--instructor{
  grid-template-columns:minmax(0,1fr) minmax(220px,260px);
  align-items:start;
}

body.app-body .schedule-card--admin .schedule-card__form,
body.app-body .schedule-card--student .schedule-card__form,
body.app-body .schedule-card--instructor .schedule-card__form{
  display:grid;
  gap:10px;
}

body.app-body .schedule-grid{
  display:grid;
  gap:12px;
}

body.app-body .schedule-grid--compact{
  grid-template-columns:repeat(2, minmax(0, 1fr));
}

body.app-body .schedule-card--collapsible{
  display:block;
  padding:0;
  overflow:hidden;
}

body.app-body .schedule-card--collapsible summary{
  list-style:none;
  cursor:pointer;
}

body.app-body .schedule-card--collapsible summary::-webkit-details-marker{
  display:none;
}

body.app-body .schedule-card__summary{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  padding:14px 16px;
}

body.app-body .schedule-card__summary-main{
  display:grid;
  gap:10px;
  min-width:0;
}

body.app-body .schedule-card__summary-side{
  display:grid;
  justify-items:end;
  gap:10px;
  min-width:120px;
}

body.app-body .schedule-card__chevron{
  width:34px;
  height:34px;
  display:inline-grid;
  place-items:center;
  border-radius:999px;
  background:rgba(15,23,42,.05);
  color:#334155;
  font-size:1.1rem;
  line-height:1;
  transition:transform .2s ease, background .2s ease;
}

body.app-body .schedule-card--collapsible[open] .schedule-card__chevron{
  transform:rotate(180deg);
  background:rgba(29,78,216,.1);
  color:var(--accent);
}

body.app-body .schedule-card__details{
  padding:0 16px 16px;
  border-top:1px solid rgba(216,225,235,.88);
}

body.app-body .schedule-card__details .profile-linked-grid--compact{
  margin-top:4px;
}

body.app-body .analytics-rating-row{
  display:grid;
  gap:8px;
}

body.app-body .analytics-rating-row__label{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  color:var(--text);
  font-size:.88rem;
}

body.app-body .analytics-rating-row__label span{
  color:var(--muted);
  font-size:.8rem;
}

body.app-body .analytics-rating-row__track{
  position:relative;
  height:10px;
  border-radius:999px;
  overflow:hidden;
  background:rgba(148, 163, 184, .18);
}

body.app-body .analytics-rating-row__fill{
  display:block;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg, rgba(29,78,216,.78), rgba(14,165,233,.96));
}

body.app-body .analytics-comparison__fill--neutral{
  background:linear-gradient(90deg, rgba(245,158,11,.92), rgba(251,191,36,.88));
}

body.app-body .schedule-card__edit-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:10px;
}

body.app-body .secondary-button--danger{
  border-color:rgba(220,38,38,.18);
  color:#b91c1c;
  background:#fff;
}

body.app-body .secondary-button--danger:hover{
  background:rgba(220,38,38,.08);
}

body.app-body .instructor-profile-shell{
  display:grid;
  grid-template-columns:minmax(360px,.8fr) minmax(0,1fr);
  gap:22px;
  align-items:start;
}

body.app-body .instructor-profile-card{
  background:linear-gradient(180deg,#1285ea 0%,#0b6ccc 100%);
  color:#fff;
  border:none;
  box-shadow:0 24px 54px rgba(14,77,143,.28);
}

body.app-body .instructor-profile-card .profile-sheet__intro h4,
body.app-body .instructor-profile-card .profile-sheet__intro p,
body.app-body .instructor-profile-card .profile-meta strong,
body.app-body .instructor-profile-card .profile-meta span{
  color:#fff;
}

body.app-body .instructor-profile-card .badge{
  background:rgba(255,255,255,.14);
  color:#fff;
  border-color:rgba(255,255,255,.18);
}

body.app-body .instructor-rating-focus{
  display:grid;
  justify-items:start;
  gap:8px;
  padding:18px 0 8px;
}

body.app-body .instructor-rating-focus strong{
  font-size:2rem;
  line-height:1;
  letter-spacing:-.04em;
}

body.app-body .instructor-rating-focus p{
  margin:0;
  color:rgba(255,255,255,.78);
}

body.app-body .instructor-students-tabs{
  display:none;
}

body.app-body .instructor-students-panel{
  display:block;
}

body.app-body .instructor-profile-card .profile-meta-grid{
  border-top:1px solid rgba(255,255,255,.16);
  padding-top:18px;
}

body.app-body .instructor-profile-card .profile-meta{
  background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.12);
}

body.app-body .instructor-profile-card .star-meter__base{
  color:rgba(255,255,255,.28);
}

body.app-body .instructor-profile-card .star-meter__fill{
  color:#facc15;
}

body.app-body .table-cell-subtitle{
  margin:2px 0 0;
  color:#64748b;
  font-size:.82rem;
}

@media (max-width: 900px){
  body.app-body .student-form__grid,
  body.app-body .instructor-profile-shell,
  body.app-body .schedule-card--admin,
  body.app-body .schedule-card--student,
  body.app-body .schedule-card--instructor{
    grid-template-columns:1fr;
  }

  body.app-body .instructor-students-tabs{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    margin:4px 0 8px;
  }

  body.app-body .instructor-students-tabs .detail-tabs__item{
    min-height:46px;
    padding:10px 12px;
    font-size:.92rem;
  }

  body.app-body .instructor-students-panel{
    display:none;
  }

  body.app-body .instructor-students-panel.is-active{
    display:block;
  }

  body.app-body .instructor-students-workspace{
    display:grid;
    gap:14px;
  }

  body.app-body .instructor-students-panel .section-head h3{
    font-size:1.05rem;
  }

  body.app-body .instructor-students-panel .panel-note,
  body.app-body .instructor-students-panel .table-cell-subtitle,
  body.app-body .instructor-students-panel .muted{
    font-size:.76rem;
    line-height:1.35;
  }

  body.app-body .instructor-students-table thead{
    display:none;
  }

  body.app-body .instructor-students-panel .table-wrap--sheet{
    overflow:visible;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
  }

  body.app-body .instructor-students-table,
  body.app-body .instructor-students-table tbody,
  body.app-body .instructor-students-table tr,
  body.app-body .instructor-students-table td{
    display:block;
    width:100%;
  }

  body.app-body .instructor-students-table tr{
    margin-bottom:12px;
    padding:14px;
    border-radius:18px;
    border:1px solid rgba(216,225,235,.92);
    background:#fff;
    box-shadow:var(--shadow-soft);
  }

  body.app-body .instructor-students-table td{
    display:block;
    padding:8px 0;
    border-top:1px solid rgba(226,232,240,.7);
  }

  body.app-body .instructor-students-table td:first-child{
    border-top:0;
    padding-top:0;
  }

  body.app-body .instructor-students-table td:last-child{
    padding-bottom:0;
  }

  body.app-body .instructor-students-table td::before{
    content:attr(data-label);
    display:block;
    margin-bottom:4px;
    font-size:.66rem;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:var(--muted);
  }

  body.app-body .instructor-students-table .secondary-button{
    width:100%;
    justify-content:center;
  }

  body.app-body .schedule-grid--compact{
    grid-template-columns:1fr;
  }

  body.app-body .schedule-card__summary{
    padding:14px 16px;
  }

  body.app-body .instructor-lesson-toolbar{
    grid-template-columns:1fr;
  }

  body.app-body .instructor-lesson-toolbar__scope{
    justify-content:stretch;
  }

  body.app-body .instructor-lesson-toolbar__scope .detail-tabs__item{
    flex:1 1 0;
    text-align:center;
  }

  body.app-body .instructor-lesson-pagination__actions{
    justify-content:flex-start;
  }

  body.app-body .instructor-lesson-pagination__pages{
    width:100%;
  }

  body.app-body .schedule-card__details{
    padding:0 16px 16px;
  }

  body.app-body .schedule-card__edit-grid{
    grid-template-columns:1fr;
  }

  body.app-body .schedule-card__actions--stack{
    min-width:0;
  }
}

body.public-home .home-hero__inner{
  padding:24px 0 34px;
  align-items:center;
}

body.public-home .home-hero__copy{
  max-width:620px;
}

body.public-home .home-hero__copy h1{
  max-width:9.8ch;
}

body.public-home .home-hero__copy p{
  max-width:46ch;
}

body.public-home .home-proof-rail{
  display:none;
}

body.public-home .hero-actions{
  margin-top:24px;
}

body.public-home .home-hero__visual{
  margin-top:0;
}

body.public-home .home-visual-frame{
  min-height:600px;
}

body.public-feedback .public-feedback__inner{
  padding:28px 0 36px;
}

body.public-feedback .public-feedback__notes{
  gap:16px;
}

body.public-feedback .home-proof-rail{
  gap:10px;
}

body.public-feedback .home-proof--positive{
  background:rgba(34,197,94,.12);
  border-color:rgba(34,197,94,.22);
  color:#bff3d2;
}

body.public-feedback .home-proof--negative{
  background:rgba(239,68,68,.12);
  border-color:rgba(239,68,68,.22);
  color:#ffd0d0;
}

body.public-feedback .home-proof--idea{
  background:rgba(59,130,246,.12);
  border-color:rgba(59,130,246,.22);
  color:#cfe2ff;
}

body.public-feedback .feedback-chip--idea span{
  background:rgba(59,130,246,.10);
  border-color:rgba(59,130,246,.24);
  color:#dbeafe;
}

body.public-feedback .feedback-chip--positive span{
  background:rgba(34,197,94,.10);
  border-color:rgba(34,197,94,.22);
  color:#d6f6e3;
}

body.public-feedback .feedback-chip--negative span{
  background:rgba(239,68,68,.10);
  border-color:rgba(239,68,68,.22);
  color:#ffd5d5;
}

body.public-feedback .feedback-chip--other span{
  background:rgba(148,163,184,.08);
  border-color:rgba(148,163,184,.18);
  color:#e8eef9;
}

body.public-feedback .feedback-chip:hover span{
  transform:translateY(-1px);
}

body.public-feedback .feedback-chip input:checked + span{
  color:#fff;
}

body.public-feedback .feedback-chip--idea input:checked + span{
  background:linear-gradient(135deg,#2563eb,#3b82f6);
  border-color:rgba(59,130,246,.9);
  box-shadow:0 16px 32px rgba(37,99,235,.22);
}

body.public-feedback .feedback-chip--positive input:checked + span{
  background:linear-gradient(135deg,#16a34a,#22c55e);
  border-color:rgba(34,197,94,.92);
  box-shadow:0 16px 32px rgba(34,197,94,.20);
}

body.public-feedback .feedback-chip--negative input:checked + span{
  background:linear-gradient(135deg,#dc2626,#ef4444);
  border-color:rgba(239,68,68,.92);
  box-shadow:0 16px 32px rgba(239,68,68,.20);
}

body.public-feedback .feedback-chip--other input:checked + span{
  background:linear-gradient(135deg,#334155,#475569);
  border-color:rgba(148,163,184,.30);
  box-shadow:0 16px 32px rgba(15,23,42,.22);
}

body.public-auth .auth-grid{
  padding:28px 0 40px;
}

body.public-auth .auth-panel{
  border-color:rgba(148,163,184,.12);
}

body.public-body .home-footer{
  margin-top:0;
}

/* Premium public landing refresh */
body.public-home{
  background:
    radial-gradient(circle at 16% 12%, rgba(59,130,246,.18), transparent 24%),
    radial-gradient(circle at 86% 8%, rgba(96,165,250,.12), transparent 20%),
    linear-gradient(180deg,#050b16 0%, #07101d 52%, #080f1b 100%);
  position:relative;
  overflow-x:hidden;
}

body.public-home .public-header{
  background:rgba(5,10,18,.72);
  backdrop-filter:blur(18px);
}

body.public-home .public-header__actions{
  display:flex;
  align-items:center;
  gap:12px;
}

body.public-home .public-header__actions .secondary-button{
  background:rgba(255,255,255,.04);
  border-color:rgba(148,163,184,.16);
  color:#edf4ff;
}

body.public-home .public-header__actions .secondary-button:hover{
  background:rgba(255,255,255,.08);
  border-color:rgba(148,163,184,.24);
}

body.public-home .public-header__actions .pill-button{
  background:linear-gradient(135deg,#1d4ed8,#2563eb);
  box-shadow:0 16px 28px rgba(29,78,216,.24);
}

body.public-home .home-hero,
body.public-home .home-section,
body.public-home .home-cta,
body.public-home .home-footer{
  position:relative;
  overflow:hidden;
}

body.public-home .home-hero::before,
body.public-home .home-section::before,
body.public-home .home-cta::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
}

body.public-home .home-hero::before{
  background:
    radial-gradient(circle at 18% 18%, rgba(59,130,246,.16), transparent 26%),
    radial-gradient(circle at 90% 12%, rgba(96,165,250,.12), transparent 20%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.035) 0 1px, transparent 1px 88px),
    repeating-linear-gradient(180deg, rgba(255,255,255,.03) 0 1px, transparent 1px 88px);
  opacity:.42;
}

body.public-home .home-section--soft::before{
  background:
    radial-gradient(circle at 14% 8%, rgba(59,130,246,.08), transparent 24%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.02) 0 1px, transparent 1px 92px);
  opacity:.55;
}

body.public-home .home-section--dark::before{
  background:
    radial-gradient(circle at 80% 14%, rgba(37,99,235,.10), transparent 24%),
    repeating-linear-gradient(180deg, rgba(255,255,255,.024) 0 1px, transparent 1px 92px);
  opacity:.45;
}

body.public-home .home-cta::before{
  background:
    radial-gradient(circle at 14% 18%, rgba(59,130,246,.16), transparent 26%),
    radial-gradient(circle at 88% 6%, rgba(96,165,250,.10), transparent 22%);
}

body.public-home .home-hero{
  border-bottom:1px solid rgba(148,163,184,.10);
}

body.public-home .home-shell{
  width:min(1240px, calc(100% - 48px));
}

body.public-home .home-hero__inner{
  display:grid;
  grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);
  gap:30px;
  align-items:center;
  min-height:calc(100vh - 96px);
  padding:30px 0 38px;
}

body.public-home .home-hero__copy{
  max-width:640px;
}

body.public-home .home-hero__copy h1{
  margin:14px 0 16px;
  max-width:10ch;
  font-size:clamp(2.8rem, 5.6vw, 5.8rem);
  line-height:.94;
  letter-spacing:-.06em;
}

body.public-home .home-hero__copy p{
  max-width:52ch;
  color:#d3deee;
  font-size:1.06rem;
}

body.public-home .hero-actions{
  margin-top:26px;
}

body.public-home .hero-actions .secondary-button{
  background:rgba(255,255,255,.05);
  color:#edf4ff;
  border-color:rgba(148,163,184,.16);
}

body.public-home .hero-actions .secondary-button:hover{
  background:rgba(255,255,255,.09);
}

body.public-home .home-proof-rail{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:22px;
}

body.public-home .home-proof{
  border-radius:999px;
  background:rgba(255,255,255,.05);
  border-color:rgba(148,163,184,.14);
  color:#ebf2fb;
  box-shadow:0 10px 24px rgba(2,6,23,.12);
}

body.public-home .home-hero__visual{
  position:relative;
  gap:12px;
}

body.public-home .home-visual-frame{
  min-height:640px;
  border-radius:32px;
  border:1px solid rgba(148,163,184,.14);
  background:
    linear-gradient(180deg, rgba(10,16,29,.92), rgba(6,11,21,.98));
  box-shadow:0 30px 80px rgba(2,6,23,.38);
}

body.public-home .home-visual-frame::before{
  opacity:.22;
  background:
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,0)),
    radial-gradient(circle at 18% 12%, rgba(59,130,246,.12), transparent 24%),
    radial-gradient(circle at 82% 10%, rgba(96,165,250,.10), transparent 22%);
}

body.public-home .home-visual-overlay{
  left:20px;
  right:20px;
  bottom:20px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(180deg, rgba(8,13,24,.18), rgba(8,13,24,.88));
  backdrop-filter:blur(16px);
}

body.public-home .home-section{
  padding:36px 0 0;
}

body.public-home .home-section .section-head{
  margin-bottom:22px;
}

body.public-home .home-section .section-head h2{
  max-width:18ch;
  letter-spacing:-.05em;
}

body.public-home .home-feature-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}

body.public-home .home-feature-card{
  position:relative;
  padding:24px;
  border-radius:28px;
  border:1px solid rgba(148,163,184,.14);
  background:
    linear-gradient(180deg, rgba(10,16,29,.92), rgba(8,14,26,.96));
  box-shadow:0 18px 46px rgba(2,6,23,.24);
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

body.public-home .home-feature-card:hover{
  transform:translateY(-4px);
  border-color:rgba(59,130,246,.26);
  box-shadow:0 26px 56px rgba(2,6,23,.32);
}

body.public-home .home-feature-card::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(135deg, rgba(59,130,246,.10), transparent 52%);
  pointer-events:none;
}

body.public-home .home-feature-card > *{
  position:relative;
  z-index:1;
}

body.public-home .home-feature-card__mark{
  display:inline-grid;
  place-items:center;
  width:46px;
  height:46px;
  border-radius:16px;
  border:1px solid rgba(148,163,184,.14);
  background:rgba(255,255,255,.05);
  color:#b9d4ff;
  font-weight:800;
}

body.public-home .home-feature-card h3{
  margin:16px 0 10px;
  color:#f4f8ff;
  font-size:1.08rem;
  letter-spacing:-.03em;
}

body.public-home .home-feature-card p{
  margin:0;
  color:#c8d6e6;
  line-height:1.74;
}

body.public-home .home-feature-card--primary{
  background:
    linear-gradient(180deg, rgba(10,16,29,.94), rgba(8,14,26,.98)),
    linear-gradient(135deg, rgba(59,130,246,.18), transparent 40%);
}

body.public-home .home-feature-card--accent{
  background:
    linear-gradient(180deg, rgba(10,16,29,.94), rgba(8,14,26,.98)),
    linear-gradient(135deg, rgba(96,165,250,.18), transparent 40%);
}

body.public-home .home-feature-card--muted{
  background:
    linear-gradient(180deg, rgba(10,16,29,.94), rgba(8,14,26,.98)),
    linear-gradient(135deg, rgba(148,163,184,.12), transparent 40%);
}

body.public-home .home-split-panel{
  display:grid;
  grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);
  gap:22px;
  align-items:start;
  padding:28px;
  border-radius:32px;
  border:1px solid rgba(148,163,184,.14);
  background:linear-gradient(180deg, rgba(10,16,29,.92), rgba(8,14,26,.96));
  box-shadow:0 20px 50px rgba(2,6,23,.24);
}

body.public-home .home-split-panel .eyebrow{
  color:#9bc0ff;
}

body.public-home .home-calm-panel__copy h3{
  max-width:18ch;
  font-size:clamp(1.8rem, 2.8vw, 2.7rem);
  line-height:1.05;
}

body.public-home .home-calm-panel__copy p{
  max-width:56ch;
  color:#c8d6e6;
}

body.public-home .home-step-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}

body.public-home .home-step-card{
  position:relative;
  padding:20px;
  border-radius:24px;
  border:1px solid rgba(148,163,184,.14);
  background:rgba(255,255,255,.04);
  backdrop-filter:blur(12px);
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

body.public-home .home-step-card:hover{
  transform:translateY(-3px);
  border-color:rgba(59,130,246,.24);
  box-shadow:0 18px 36px rgba(2,6,23,.24);
}

body.public-home .home-step-card span{
  width:42px;
  height:42px;
  border-radius:14px;
  display:inline-grid;
  place-items:center;
  border:1px solid rgba(148,163,184,.14);
  background:rgba(255,255,255,.05);
  color:#9bc0ff;
  font-weight:800;
}

body.public-home .home-step-card h3{
  margin:14px 0 10px;
  color:#f4f8ff;
  font-size:1.02rem;
  letter-spacing:-.03em;
}

body.public-home .home-step-card p{
  margin:0;
  color:#c8d6e6;
  line-height:1.72;
}

body.public-home .home-cta__inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:28px;
  border-radius:32px;
  border:1px solid rgba(148,163,184,.14);
  background:linear-gradient(180deg, rgba(10,16,29,.94), rgba(8,14,26,.98));
  box-shadow:0 22px 56px rgba(2,6,23,.24);
}

body.public-home .home-cta__inner h2{
  margin:10px 0 12px;
  color:#f7fbff;
  letter-spacing:-.05em;
  max-width:16ch;
}

body.public-home .home-cta__inner p{
  margin:0;
  max-width:50ch;
  color:#c8d6e6;
  line-height:1.72;
}

body.public-home .home-footer__inner{
  background:rgba(10,16,29,.88);
  border:1px solid rgba(148,163,184,.14);
  box-shadow:0 18px 46px rgba(2,6,23,.20);
}

body.public-home .home-footer__columns a{
  color:#d8e2ef;
}

body.public-feedback .feedback-option-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}

body.public-feedback .feedback-option{
  position:relative;
  display:flex;
  align-items:flex-start;
  gap:14px;
  padding:16px 18px;
  border-radius:22px;
  border:1px solid rgba(148,163,184,.16);
  background:rgba(255,255,255,.04);
  cursor:pointer;
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}

body.public-feedback .feedback-option:hover{
  transform:translateY(-2px);
  border-color:rgba(148,163,184,.24);
}

body.public-feedback .feedback-option:focus-within,
body.public-feedback .feedback-option:has(input:checked){
  border-color:rgba(59,130,246,.28);
  box-shadow:0 14px 34px rgba(2,6,23,.18);
}

body.public-feedback .feedback-option--positive:has(input:checked){
  background:rgba(22,163,74,.14);
  border-color:rgba(34,197,94,.34);
}

body.public-feedback .feedback-option--negative:has(input:checked){
  background:rgba(220,38,38,.14);
  border-color:rgba(239,68,68,.34);
}

body.public-feedback .feedback-option--idea:has(input:checked){
  background:rgba(37,99,235,.14);
  border-color:rgba(59,130,246,.34);
}

body.public-feedback .feedback-option--other:has(input:checked){
  background:rgba(51,65,85,.22);
  border-color:rgba(148,163,184,.28);
}

body.public-feedback .feedback-option input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}

body.public-feedback .feedback-option__marker{
  width:18px;
  height:18px;
  border-radius:999px;
  border:1px solid rgba(148,163,184,.42);
  background:rgba(6,11,21,.92);
  flex:0 0 auto;
  margin-top:2px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}

body.public-feedback .feedback-option__content{
  display:grid;
  gap:4px;
}

body.public-feedback .feedback-option__content strong{
  color:#eef4ff;
  font-size:1rem;
  line-height:1.2;
}

body.public-feedback .feedback-option__content small{
  color:#9fb0c9;
  line-height:1.5;
  font-size:.92rem;
}

body.public-feedback .feedback-option--idea{
  background:rgba(37,99,235,.08);
}

body.public-feedback .feedback-option--positive{
  background:rgba(22,163,74,.08);
}

body.public-feedback .feedback-option--negative{
  background:rgba(220,38,38,.08);
}

body.public-feedback .feedback-option--other{
  background:rgba(51,65,85,.12);
}

body.public-feedback .feedback-option--idea .feedback-option__marker{
  border-color:rgba(59,130,246,.42);
}

body.public-feedback .feedback-option--positive .feedback-option__marker{
  border-color:rgba(34,197,94,.42);
}

body.public-feedback .feedback-option--negative .feedback-option__marker{
  border-color:rgba(239,68,68,.42);
}

body.public-feedback .feedback-option--other .feedback-option__marker{
  border-color:rgba(148,163,184,.42);
}

body.public-feedback .feedback-option input:checked + .feedback-option__marker{
  box-shadow:0 0 0 4px rgba(59,130,246,.14);
}

body.public-feedback .feedback-option input:checked ~ .feedback-option__content strong{
  color:#fff;
}

body.public-feedback .feedback-option--idea input:checked + .feedback-option__marker{
  background:#2563eb;
  border-color:#3b82f6;
}

body.public-feedback .feedback-option--positive input:checked + .feedback-option__marker{
  background:#16a34a;
  border-color:#22c55e;
}

body.public-feedback .feedback-option--negative input:checked + .feedback-option__marker{
  background:#dc2626;
  border-color:#ef4444;
}

body.public-feedback .feedback-option--other input:checked + .feedback-option__marker{
  background:#475569;
  border-color:#64748b;
}

body.public-feedback .feedback-option input:checked ~ .feedback-option__content small{
  color:#d4e1f2;
}

body.public-feedback .feedback-option input:focus-visible + .feedback-option__marker{
  box-shadow:0 0 0 4px rgba(59,130,246,.16);
}

body.public-feedback .public-feedback__form{
  background:rgba(9,15,27,.94);
  border:1px solid rgba(148,163,184,.14);
  box-shadow:0 24px 60px rgba(2,6,23,.28);
}

body.public-feedback .public-feedback__notes .home-mini-card{
  background:rgba(10,16,29,.92);
  border:1px solid rgba(148,163,184,.14);
}

body.public-feedback .home-proof{
  border-color:rgba(148,163,184,.14);
}

@media (max-width: 1100px){
  body.public-home .home-hero__inner,
  body.public-home .home-split-panel,
  body.public-home .home-cta__inner{
    grid-template-columns:1fr;
  }

  body.public-home .home-hero__inner{
    min-height:auto;
  }

  body.public-home .home-feature-grid,
  body.public-home .home-step-grid,
  body.public-feedback .feedback-option-grid{
    grid-template-columns:1fr;
  }

  body.public-home .home-cta__inner{
    display:grid;
  }

  body.public-home .home-hero__visual{
    margin-top:6px;
  }
}

@media (max-width: 700px){
  body.public-home .home-shell{
    width:min(100%, calc(100% - 28px));
  }

  body.public-home .home-hero__copy h1{
    max-width:none;
    font-size:clamp(2.35rem, 12vw, 3.6rem);
  }

  body.public-home .home-visual-frame{
    min-height:420px;
  }

  body.public-home .home-visual-overlay{
    left:14px;
    right:14px;
    bottom:14px;
    padding:18px;
  }

  body.public-home .home-cta__inner{
    padding:22px;
  }

  body.public-feedback .feedback-option-grid{
    grid-template-columns:1fr;
  }

  body.public-feedback .feedback-option{
    padding:14px 16px;
  }
}

/* Operations-style public home refresh */
body.public-home{
  background:linear-gradient(180deg,#f6f8fb 0%, #eef3f8 100%);
  color:#0f172a;
  overflow-x:hidden;
}

body.public-home .page-bg{
  background:
    radial-gradient(circle at 14% 14%, rgba(15,23,42,.05), transparent 24%),
    radial-gradient(circle at 84% 10%, rgba(59,130,246,.06), transparent 22%),
    repeating-linear-gradient(90deg, rgba(15,23,42,.02) 0 1px, transparent 1px 96px),
    linear-gradient(180deg, rgba(255,255,255,.76), rgba(240,244,248,.84));
}

body.public-home .public-header{
  background:rgba(250,251,253,.90);
  border-bottom:1px solid rgba(15,23,42,.08);
  backdrop-filter:blur(16px);
  box-shadow:0 8px 28px rgba(15,23,42,.04);
}

body.public-home .public-header--home{
  box-shadow:0 12px 30px rgba(15,23,42,.05);
}

body.public-home .public-header .brand-lockup strong,
body.public-home .public-header .brand-lockup span{
  color:#0f172a;
}

body.public-home .public-header .brand-lockup span{
  color:#64748b;
}

body.public-home .public-header .brand-mark{
  background:#0f172a;
  box-shadow:none;
}

body.public-home .public-home-nav{
  display:flex;
  align-items:center;
  gap:8px;
  padding:8px 10px;
  border:1px solid rgba(15,23,42,.08);
  border-radius:999px;
  background:rgba(255,255,255,.82);
}

body.public-home .public-home-nav a{
  padding:8px 12px;
  border-radius:999px;
  color:#475569;
  font-size:.92rem;
  font-weight:700;
}

body.public-home .public-home-nav a:hover{
  background:#f1f5f9;
  color:#0f172a;
}

body.public-home .public-header__actions{
  display:flex;
  align-items:center;
  gap:10px;
}

body.public-home .public-header__actions .secondary-button,
body.public-home .public-header__actions .pill-button{
  background:#fff;
  color:#0f172a;
  border-color:rgba(15,23,42,.10);
  box-shadow:none;
}

body.public-home .public-header__actions .pill-button{
  background:#0f172a;
  color:#fff;
}

body.public-home .public-header__actions .secondary-button:hover{
  background:#f8fafc;
}

body.public-home .public-header__actions .pill-button:hover{
  background:#111827;
}

body.public-home .home-shell{
  width:min(1260px, calc(100% - 48px));
}

body.public-home .home-hero{
  padding:22px 0 10px;
  background:linear-gradient(180deg, rgba(255,255,255,.72), rgba(244,247,250,.84));
  border-bottom:1px solid rgba(15,23,42,.06);
}

body.public-home .home-hero__inner--operations{
  display:grid;
  grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);
  gap:32px;
  align-items:start;
  min-height:calc(100vh - 94px);
  padding:26px 0 38px;
}

body.public-home .home-hero__copy{
  max-width:540px;
  padding-top:10px;
}

body.public-home .home-hero__copy h1{
  margin:14px 0 16px;
  max-width:10ch;
  color:#0f172a;
  font-size:clamp(2.85rem, 5.6vw, 5.7rem);
  line-height:.92;
  letter-spacing:-.065em;
}

body.public-home .home-hero__copy p{
  max-width:44ch;
  color:#475569;
  font-size:1.05rem;
  line-height:1.82;
}

body.public-home .hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin:26px 0 20px;
}

body.public-home .primary-button{
  background:#0f172a;
  border-color:#0f172a;
  color:#fff;
  box-shadow:none;
}

body.public-home .primary-button:hover{
  background:#111827;
  border-color:#111827;
}

body.public-home .secondary-button{
  background:#fff;
  border-color:rgba(15,23,42,.12);
  color:#0f172a;
  box-shadow:none;
}

body.public-home .secondary-button:hover{
  background:#f8fafc;
  border-color:rgba(15,23,42,.18);
}

body.public-home .eyebrow{
  color:#64748b;
}

body.public-home .home-access-block{
  width:min(100%, 470px);
  margin-top:22px;
  border-top:1px solid rgba(15,23,42,.10);
}

body.public-home .home-access-row{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  padding:14px 0;
  border-bottom:1px solid rgba(15,23,42,.08);
}

body.public-home .home-access-row span{
  color:#64748b;
  font-size:.8rem;
  text-transform:uppercase;
  letter-spacing:.12em;
}

body.public-home .home-access-row strong{
  max-width:24ch;
  color:#0f172a;
  text-align:right;
  font-size:.98rem;
}

body.public-home .home-system-board{
  position:relative;
  overflow:hidden;
  padding:22px;
  border:1px solid rgba(15,23,42,.08);
  border-radius:28px;
  background:linear-gradient(180deg,#ffffff 0%, #f8fafc 100%);
  box-shadow:0 20px 46px rgba(15,23,42,.08);
}

body.public-home .home-system-board::before{
  content:"";
  position:absolute;
  inset:auto -10% -18% auto;
  width:280px;
  height:280px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(59,130,246,.10), transparent 65%);
  pointer-events:none;
}

body.public-home .home-system-board__top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  padding-bottom:18px;
  border-bottom:1px solid rgba(15,23,42,.08);
}

body.public-home .home-system-kicker{
  display:block;
  margin-bottom:8px;
  color:#64748b;
  font-size:.8rem;
  text-transform:uppercase;
  letter-spacing:.12em;
}

body.public-home .home-system-board__top strong{
  display:block;
  max-width:30ch;
  color:#0f172a;
  font-size:1.12rem;
  line-height:1.4;
  letter-spacing:-.03em;
}

body.public-home .home-status-pill{
  display:inline-flex;
  align-items:center;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid rgba(15,23,42,.08);
  background:#f1f5f9;
  color:#0f172a;
  font-size:.84rem;
  font-weight:700;
}

body.public-home .home-system-grid{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
  grid-template-areas:
    "gate signal"
    "gate trace"
    "route route";
  gap:14px;
  margin-top:16px;
}

body.public-home .home-system-panel{
  display:grid;
  gap:12px;
  padding:18px;
  border-radius:22px;
  border:1px solid rgba(15,23,42,.08);
  background:#fff;
  box-shadow:0 10px 24px rgba(15,23,42,.05);
}

body.public-home .home-system-panel--gate{ grid-area:gate; min-height:240px; }
body.public-home .home-system-panel--signal{ grid-area:signal; min-height:108px; }
body.public-home .home-system-panel--trace{ grid-area:trace; min-height:108px; }
body.public-home .home-system-panel--route{
  grid-area:route;
  grid-template-columns:minmax(0,1fr) minmax(0,.7fr);
  align-items:center;
}

body.public-home .home-system-panel__head{
  display:flex;
  align-items:center;
  gap:12px;
}

body.public-home .home-system-panel__head span{
  display:inline-grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:12px;
  background:#f8fafc;
  border:1px solid rgba(15,23,42,.10);
  color:#0f172a;
  font-size:.82rem;
  font-weight:800;
}

body.public-home .home-system-panel__head strong{
  color:#0f172a;
  font-size:1rem;
  line-height:1.3;
  letter-spacing:-.02em;
}

body.public-home .home-system-panel p{
  margin:0;
  color:#475569;
  line-height:1.74;
}

body.public-home .home-system-scan{
  display:grid;
  gap:10px;
  margin-top:8px;
}

body.public-home .home-system-scan__line{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}

body.public-home .home-system-scan__line span{
  height:8px;
  border-radius:999px;
  background:linear-gradient(90deg,#cbd5e1,#94a3b8);
}

body.public-home .home-system-scan small{
  color:#64748b;
  font-size:.86rem;
}

body.public-home .home-signal-stack{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}

body.public-home .home-signal-stack div{
  padding:12px 14px;
  border-radius:18px;
  border:1px solid rgba(15,23,42,.06);
  background:#f8fafc;
}

body.public-home .home-signal-stack b{
  display:block;
  color:#0f172a;
  font-size:1.34rem;
  letter-spacing:-.04em;
}

body.public-home .home-signal-stack span{
  color:#64748b;
  font-size:.84rem;
}

body.public-home .home-trace-list{
  display:grid;
  gap:10px;
}

body.public-home .home-trace-list div{
  display:flex;
  justify-content:space-between;
  gap:16px;
  padding:10px 0;
  border-bottom:1px solid rgba(15,23,42,.08);
}

body.public-home .home-trace-list div:last-child{
  border-bottom:0;
}

body.public-home .home-trace-list em{
  font-style:normal;
  color:#475569;
}

body.public-home .home-trace-list span{
  color:#0f172a;
  font-weight:700;
}

body.public-home .home-route-map{
  position:relative;
  display:flex;
  align-items:center;
  gap:16px;
  min-width:0;
  padding:6px 0;
}

body.public-home .home-route-map::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:50%;
  height:1px;
  background:linear-gradient(90deg, rgba(15,23,42,.18), rgba(15,23,42,.06));
}

body.public-home .home-route-map span{
  position:relative;
  z-index:1;
  padding:8px 12px;
  border-radius:999px;
  background:#fff;
  border:1px solid rgba(15,23,42,.10);
  color:#0f172a;
  font-size:.84rem;
  font-weight:700;
}

body.public-home .home-route-map .is-start{
  background:#0f172a;
  border-color:#0f172a;
  color:#fff;
}

body.public-home .home-route-map .is-end{
  background:#e2e8f0;
}

body.public-home .home-system-panel--route p{
  text-align:right;
  color:#64748b;
  font-size:.95rem;
}

body.public-home .home-section{
  padding:38px 0 0;
}

body.public-home .home-section .section-head{
  margin-bottom:22px;
}

body.public-home .home-section .section-head h2{
  max-width:18ch;
  color:#0f172a;
  letter-spacing:-.05em;
}

body.public-home .home-section .section-head p{
  color:#475569;
}

body.public-home .home-process-track{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}

body.public-home .home-process-step{
  position:relative;
  min-height:220px;
  padding:20px 18px 18px;
  border-top:1px solid rgba(15,23,42,.12);
  background:linear-gradient(180deg, rgba(255,255,255,.92), rgba(249,250,251,.96));
}

body.public-home .home-process-step::before{
  content:"";
  position:absolute;
  top:-1px;
  left:18px;
  right:18px;
  height:2px;
  background:linear-gradient(90deg, #0f172a, #94a3b8 75%, transparent);
  opacity:.4;
}

body.public-home .home-process-step span{
  display:inline-grid;
  place-items:center;
  width:34px;
  height:34px;
  margin-bottom:16px;
  border-radius:12px;
  background:#0f172a;
  color:#fff;
  font-size:.82rem;
  font-weight:800;
}

body.public-home .home-process-step strong{
  display:block;
  margin-bottom:10px;
  color:#0f172a;
  font-size:1.02rem;
  letter-spacing:-.02em;
}

body.public-home .home-process-step p{
  margin:0;
  color:#475569;
  line-height:1.72;
}

body.public-home .home-process-step small{
  display:inline-flex;
  margin-top:16px;
  padding:7px 10px;
  border-radius:999px;
  border:1px solid rgba(15,23,42,.08);
  background:#eef2f7;
  color:#475569;
  font-size:.76rem;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
}

body.public-home .home-editorial{
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
  gap:24px;
  align-items:start;
}

body.public-home .home-editorial__copy{
  padding:8px 0 0;
}

body.public-home .home-editorial__copy h2{
  max-width:13ch;
  margin:14px 0 14px;
  color:#0f172a;
  font-size:clamp(2rem, 4vw, 3.6rem);
  line-height:1;
  letter-spacing:-.06em;
}

body.public-home .home-editorial__copy p{
  max-width:48ch;
  margin:0;
  color:#475569;
  line-height:1.8;
}

body.public-home .home-editorial__actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:22px;
}

body.public-home .home-editorial__metrics{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}

body.public-home .home-metric-card{
  display:grid;
  gap:10px;
  min-height:172px;
  padding:18px;
  border-radius:22px;
  border:1px solid rgba(15,23,42,.08);
  background:#fff;
  box-shadow:0 12px 28px rgba(15,23,42,.05);
}

body.public-home .home-metric-card--wide{
  grid-column:span 2;
  min-height:198px;
  background:linear-gradient(180deg, #fff, #f8fafc);
}

body.public-home .home-metric-card--line{
  min-height:172px;
  background:linear-gradient(180deg, #0f172a, #111827);
}

body.public-home .home-metric-card span{
  color:#64748b;
  font-size:.82rem;
  text-transform:uppercase;
  letter-spacing:.12em;
}

body.public-home .home-metric-card strong{
  color:#0f172a;
  font-size:1.14rem;
  line-height:1.35;
  letter-spacing:-.03em;
}

body.public-home .home-metric-card p{
  margin:0;
  color:#475569;
  line-height:1.72;
}

body.public-home .home-metric-card--line span,
body.public-home .home-metric-card--line strong,
body.public-home .home-metric-card--line p{
  color:#eef4ff;
}

body.public-home .home-cta{
  padding:36px 0 0;
}

body.public-home .home-cta__inner--subtle{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:24px 26px;
  border-radius:26px;
  border:1px solid rgba(15,23,42,.08);
  background:#fff;
  box-shadow:0 16px 34px rgba(15,23,42,.05);
}

body.public-home .home-cta__inner--subtle h2{
  max-width:18ch;
  margin:10px 0 12px;
  color:#0f172a;
  letter-spacing:-.05em;
}

body.public-home .home-cta__inner--subtle p{
  max-width:54ch;
  margin:0;
  color:#475569;
  line-height:1.72;
}

body.public-home .home-footer{
  margin-top:24px;
}

body.public-home .home-footer__inner{
  background:#fff;
  border:1px solid rgba(15,23,42,.08);
  box-shadow:0 14px 34px rgba(15,23,42,.05);
}

body.public-home .home-footer__brand p,
body.public-home .home-footer__columns a{
  color:#64748b;
}

body.public-home .home-footer__columns h3{
  color:#0f172a;
}

@media (max-width: 1100px){
  body.public-body .public-home-nav{
    display:flex;
    flex-wrap:nowrap;
    width:100%;
    order:4;
    justify-content:flex-start;
    gap:8px;
    overflow-x:auto;
    padding-bottom:4px;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }

  body.public-body .public-home-nav::-webkit-scrollbar{
    display:none;
  }

  body.public-body .public-home-nav a{
    flex:none;
    white-space:nowrap;
  }

  body.public-home .home-hero__inner--operations,
  body.public-home .home-editorial,
  body.public-home .home-cta__inner--subtle{
    grid-template-columns:1fr;
  }

  body.public-home .home-hero__inner--operations{
    min-height:auto;
  }

  body.public-home .home-system-grid,
  body.public-home .home-process-track,
  body.public-home .home-editorial__metrics{
    grid-template-columns:1fr;
  }

  body.public-home .home-metric-card--wide{
    grid-column:span 1;
  }

  body.public-home .home-system-panel--route{
    grid-template-columns:1fr;
  }

  body.public-home .home-system-panel--route p{
    text-align:left;
  }

  body.public-body .public-footer__inner{
    grid-template-columns:1fr;
  }
}

@media (max-width: 700px){
  body.public-home .home-shell{
    width:min(100%, calc(100% - 24px));
  }

  body.public-home .home-hero{
    padding-top:14px;
  }

  body.public-home .home-hero__copy h1{
    max-width:none;
    font-size:clamp(2.35rem, 11vw, 3.5rem);
  }

  body.public-body .public-footer__inner,
  body.public-body .public-footer__links,
  body.public-body .public-footer__panel{
    border-radius:20px;
  }

  body.public-home .home-system-board,
  body.public-home .home-cta__inner--subtle,
  body.public-home .home-footer__inner,
  body.public-home .home-process-step,
  body.public-home .home-metric-card{
    border-radius:20px;
  }

  body.public-home .home-system-board__top{
    flex-direction:column;
  }

  body.public-home .home-route-map{
    flex-wrap:wrap;
  }

  body.public-home .home-access-row{
    flex-direction:column;
    align-items:flex-start;
  }

  body.public-home .home-access-row strong{
    text-align:left;
    max-width:none;
  }

  body.public-home .home-process-step{
    min-height:auto;
  }

  body.public-home .home-editorial__copy h2{
    max-width:none;
    font-size:clamp(1.8rem, 8vw, 2.8rem);
  }
}

/* Final public surface refresh */
body.public-body{
  background:#f6f8fb;
  color:#0f172a;
  color-scheme:light;
}

body.public-body .page-bg{
  background:
    radial-gradient(circle at 14% 12%, rgba(15,23,42,.05), transparent 24%),
    radial-gradient(circle at 86% 8%, rgba(59,130,246,.05), transparent 22%),
    repeating-linear-gradient(90deg, rgba(15,23,42,.02) 0 1px, transparent 1px 96px),
    linear-gradient(180deg, rgba(255,255,255,.80), rgba(240,244,248,.90));
}

body.public-body .public-header{
  position:sticky;
  top:0;
  z-index:40;
  background:rgba(250,251,253,.90);
  backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(15,23,42,.08);
  box-shadow:0 10px 28px rgba(15,23,42,.04);
  color:#0f172a;
}

body.public-body .public-header--home{
  box-shadow:0 12px 30px rgba(15,23,42,.05);
}

body.public-body .public-header .brand-mark{
  background:#0f172a;
  box-shadow:none;
}

body.public-body .public-header .brand-lockup strong,
body.public-body .public-header .brand-lockup span{
  color:#0f172a;
}

body.public-body .public-header .brand-lockup span{
  color:#64748b;
}

body.public-body .public-header__actions{
  display:flex;
  align-items:center;
  gap:10px;
}

body.public-body .public-header__actions .secondary-button,
body.public-body .public-header__actions .pill-button,
body.public-body .public-header__actions .icon-btn,
body.public-body .secondary-button,
body.public-body .pill-button,
body.public-body .icon-btn{
  background:#fff;
  color:#0f172a;
  border-color:rgba(15,23,42,.12);
  box-shadow:none;
}

body.public-body .primary-button{
  background:#0f172a;
  color:#fff;
  border-color:#0f172a;
  box-shadow:none;
}

body.public-body .primary-button:hover{
  background:#111827;
  border-color:#111827;
}

body.public-body .secondary-button:hover,
body.public-body .icon-btn:hover{
  background:#f8fafc;
  border-color:rgba(15,23,42,.18);
}

body.public-body .pill-button:hover{
  background:#111827;
  color:#fff;
}

body.public-body .field__label,
body.public-body .panel-note,
body.public-body .muted,
body.public-body .section-head p,
body.public-body .home-footer__brand p,
body.public-body .home-footer__columns a,
body.public-body .check-row,
body.public-body .text-link{
  color:#475569;
}

body.public-body .field__control{
  background:#fff;
  border-color:rgba(15,23,42,.12);
  color:#0f172a;
  box-shadow:none;
}

body.public-body .field__control::placeholder{
  color:#94a3b8;
}

body.public-body .field__control:focus{
  border-color:rgba(15,23,42,.22);
  box-shadow:0 0 0 4px rgba(15,23,42,.08);
}

body.public-body .home-shell{
  width:min(1180px, calc(100% - 32px));
}

body.public-home .public-home-hero{
  padding:26px 0 12px;
  background:linear-gradient(180deg, rgba(255,255,255,.80), rgba(244,247,250,.92));
  border-bottom:1px solid rgba(15,23,42,.06);
}

body.public-home .public-home-hero__inner{
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
  gap:28px;
  align-items:start;
  min-height:calc(100vh - 92px);
  padding:24px 0 38px;
}

body.public-home .public-home-hero__copy{
  padding-top:8px;
}

body.public-home .public-home-hero__copy h1{
  margin:12px 0 14px;
  max-width:11ch;
  color:#0f172a;
  font-size:clamp(2.7rem, 5.5vw, 5.3rem);
  line-height:.95;
  letter-spacing:-.06em;
}

body.public-home .public-home-hero__copy p{
  max-width:48ch;
  margin:0;
  color:#475569;
  font-size:1.05rem;
  line-height:1.82;
}

body.public-home .public-home-hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:24px;
}

body.public-home .public-home-hero__trust{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:20px;
}

body.public-home .public-home-hero__trust span{
  display:inline-flex;
  align-items:center;
  padding:10px 14px;
  border-radius:999px;
  background:#fff;
  border:1px solid rgba(15,23,42,.08);
  color:#334155;
  font-size:.92rem;
  font-weight:700;
}

body.public-home .public-home-system{
  padding:20px;
  border-radius:28px;
  background:#fff;
  border:1px solid rgba(15,23,42,.08);
  box-shadow:0 18px 46px rgba(15,23,42,.06);
}

body.public-home .public-home-system__top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  padding-bottom:16px;
  border-bottom:1px solid rgba(15,23,42,.08);
}

body.public-home .public-home-system__label{
  display:block;
  margin-bottom:8px;
  color:#64748b;
  font-size:.78rem;
  text-transform:uppercase;
  letter-spacing:.14em;
}

body.public-home .public-home-system__top strong{
  display:block;
  max-width:30ch;
  color:#0f172a;
  font-size:1.08rem;
  line-height:1.4;
}

body.public-home .public-home-system__badge{
  display:inline-flex;
  align-items:center;
  padding:8px 12px;
  border-radius:999px;
  background:#f1f5f9;
  border:1px solid rgba(15,23,42,.08);
  color:#0f172a;
  font-size:.82rem;
  font-weight:700;
}

body.public-home .public-home-system__grid{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  grid-template-areas:
    "code roles"
    "flow feedback"
    "graph graph";
  gap:14px;
  margin-top:16px;
}

body.public-home .public-home-chip,
body.public-home .public-home-graph{
  padding:18px;
  border-radius:22px;
  background:#fbfcfe;
  border:1px solid rgba(15,23,42,.08);
  box-shadow:0 10px 24px rgba(15,23,42,.05);
}

body.public-home .public-home-chip{
  display:grid;
  gap:10px;
}

body.public-home .public-home-chip span,
body.public-home .public-home-graph p,
body.public-home .public-home-step p,
body.public-home .public-home-split__copy p,
body.public-home .public-home-metrics span,
body.public-home .public-home-metrics strong,
body.public-home .public-home-rolelist p,
body.public-home .public-home-cta__inner p,
body.public-home .public-home-chip p{
  color:#475569;
}

body.public-home .public-home-chip span:first-child,
body.public-home .public-home-graph__node{
  color:#64748b;
}

body.public-home .public-home-chip strong,
body.public-home .public-home-graph__node,
body.public-home .public-home-split__copy h2,
body.public-home .public-home-cta__inner h2{
  color:#0f172a;
}

body.public-home .public-home-chip--code{ grid-area:code; }
body.public-home .public-home-chip--roles{ grid-area:roles; }
body.public-home .public-home-chip--flow{ grid-area:flow; }
body.public-home .public-home-chip--feedback{ grid-area:feedback; }
body.public-home .public-home-graph{ grid-area:graph; }

body.public-home .public-home-chip strong{
  font-size:1.22rem;
  line-height:1.2;
  letter-spacing:-.03em;
}

body.public-home .public-home-chip__tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

body.public-home .public-home-chip__tags em{
  font-style:normal;
  padding:8px 10px;
  border-radius:999px;
  background:#eef2f7;
  border:1px solid rgba(15,23,42,.06);
  color:#334155;
  font-size:.84rem;
  font-weight:700;
}

body.public-home .public-home-flowline{
  position:relative;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  padding-top:4px;
}

body.public-home .public-home-flowline::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:50%;
  height:1px;
  background:linear-gradient(90deg, rgba(15,23,42,.16), rgba(15,23,42,.04));
}

body.public-home .public-home-flowline b{
  position:relative;
  z-index:1;
  display:grid;
  place-items:center;
  padding:10px 0;
  border-radius:999px;
  border:1px solid rgba(15,23,42,.08);
  background:#fff;
  color:#0f172a;
  font-size:.84rem;
}

body.public-home .public-home-graph{
  display:grid;
  grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);
  gap:14px;
  align-items:center;
}

body.public-home .public-home-graph__node{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:88px;
  padding:16px;
  border-radius:20px;
  background:#0f172a;
  color:#fff;
  font-weight:800;
  letter-spacing:-.02em;
}

body.public-home .public-home-graph__links{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}

body.public-home .public-home-graph__links span{
  padding:14px 12px;
  border-radius:18px;
  border:1px solid rgba(15,23,42,.08);
  background:#fff;
  color:#334155;
  text-align:center;
  font-weight:700;
}

body.public-home .public-home-graph p{
  grid-column:1 / -1;
  margin:0;
  color:#64748b;
  font-size:.95rem;
}

body.public-home .public-home-section{
  padding:36px 0 0;
}

body.public-home .public-home-section__head{
  margin-bottom:22px;
}

body.public-home .public-home-section__head h2{
  max-width:18ch;
  color:#0f172a;
  letter-spacing:-.05em;
}

body.public-home .public-home-section__head p{
  color:#475569;
}

body.public-home .public-home-flow{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}

body.public-home .public-home-step{
  position:relative;
  padding:18px;
  border-top:1px solid rgba(15,23,42,.12);
  background:#fff;
}

body.public-home .public-home-step::before{
  content:"";
  position:absolute;
  top:-1px;
  left:18px;
  right:18px;
  height:2px;
  background:linear-gradient(90deg, #0f172a, #94a3b8 72%, transparent);
  opacity:.35;
}

body.public-home .public-home-step span{
  display:inline-grid;
  place-items:center;
  width:36px;
  height:36px;
  margin-bottom:14px;
  border-radius:12px;
  background:#0f172a;
  color:#fff;
  font-size:.82rem;
  font-weight:800;
}

body.public-home .public-home-step h3{
  margin:0 0 10px;
  color:#0f172a;
  font-size:1.02rem;
  letter-spacing:-.02em;
}

body.public-home .public-home-step p{
  margin:0;
  line-height:1.72;
}

body.public-home .public-home-split{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:24px;
  align-items:start;
}

body.public-home .public-home-split__copy{
  padding-top:8px;
}

body.public-home .public-home-split__copy h2{
  max-width:14ch;
  margin:12px 0 14px;
  font-size:clamp(1.9rem, 4vw, 3.4rem);
  line-height:1;
  letter-spacing:-.06em;
}

body.public-home .public-home-split__copy p{
  max-width:52ch;
  margin:0;
  line-height:1.8;
}

body.public-home .public-home-split__actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:22px;
}

body.public-home .public-home-rolelist{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}

body.public-home .public-home-rolelist article{
  padding:18px;
  border-radius:22px;
  background:#fff;
  border:1px solid rgba(15,23,42,.08);
  box-shadow:0 10px 24px rgba(15,23,42,.05);
}

body.public-home .public-home-rolelist span{
  display:block;
  margin-bottom:8px;
  color:#64748b;
  font-size:.8rem;
  text-transform:uppercase;
  letter-spacing:.12em;
}

body.public-home .public-home-rolelist p{
  margin:0;
  line-height:1.72;
}

body.public-home .public-home-section--metrics{
  padding-top:40px;
}

body.public-home .public-home-metrics{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0;
  overflow:hidden;
  border-radius:24px;
  border:1px solid rgba(15,23,42,.08);
  background:#fff;
  box-shadow:0 14px 34px rgba(15,23,42,.05);
}

body.public-home .public-home-metrics article{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:16px 18px;
  border-bottom:1px solid rgba(15,23,42,.08);
}

body.public-home .public-home-metrics article:nth-child(odd){
  border-right:1px solid rgba(15,23,42,.08);
}

body.public-home .public-home-metrics article:nth-last-child(-n+2){
  border-bottom:0;
}

body.public-home .public-home-metrics span{
  color:#64748b;
  font-size:.82rem;
  text-transform:uppercase;
  letter-spacing:.12em;
}

body.public-home .public-home-metrics strong{
  color:#0f172a;
  text-align:right;
  line-height:1.5;
}

body.public-home .public-home-cta{
  padding:38px 0 0;
}

body.public-home .public-home-cta__inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:24px 26px;
  border-radius:26px;
  background:#fff;
  border:1px solid rgba(15,23,42,.08);
  box-shadow:0 16px 34px rgba(15,23,42,.05);
}

body.public-home .public-home-cta__inner h2{
  max-width:18ch;
  margin:10px 0 12px;
  color:#0f172a;
  letter-spacing:-.05em;
}

body.public-home .public-home-cta__inner p{
  max-width:54ch;
  margin:0;
  line-height:1.72;
}

body.public-home .public-home-cta__actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}

body.public-home .home-footer{
  margin-top:24px;
}

body.public-home .home-footer__inner{
  background:#fff;
  border:1px solid rgba(15,23,42,.08);
  box-shadow:0 14px 34px rgba(15,23,42,.05);
}

body.public-home .home-footer__brand p,
body.public-home .home-footer__columns a{
  color:#64748b;
}

body.public-home .home-footer__columns h3{
  color:#0f172a;
}

body.public-auth .auth-grid{
  display:grid;
  grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr);
  gap:24px;
  align-items:stretch;
  min-height:calc(100vh - 120px);
  padding:24px 0 40px;
}

body.public-auth .auth-panel{
  background:#fff;
  border:1px solid rgba(15,23,42,.08);
  border-radius:26px;
  box-shadow:0 16px 36px rgba(15,23,42,.05);
  padding:24px;
}

body.public-auth .auth-panel--intro{
  position:relative;
  overflow:hidden;
}

body.public-auth .auth-panel--intro::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 18% 12%, rgba(15,23,42,.05), transparent 28%);
  pointer-events:none;
}

body.public-auth .auth-panel--intro > *{
  position:relative;
  z-index:1;
}

body.public-auth .auth-panel--intro h2{
  max-width:18ch;
  margin:12px 0 12px;
  color:#0f172a;
  font-size:clamp(2rem, 3vw, 3rem);
  letter-spacing:-.05em;
}

body.public-auth .auth-panel--intro p{
  margin:0;
  color:#475569;
  line-height:1.8;
}

body.public-auth .auth-proof-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:20px;
}

body.public-auth .auth-note-list{
  display:grid;
  gap:12px;
  margin-top:18px;
}

body.public-auth .auth-note-list article{
  display:flex;
  gap:14px;
  padding:14px 16px;
  border-radius:18px;
  border:1px solid rgba(15,23,42,.08);
  background:#f8fafc;
}

body.public-auth .auth-note-list span{
  display:inline-grid;
  place-items:center;
  width:36px;
  height:36px;
  border-radius:12px;
  background:#0f172a;
  color:#fff;
  font-size:.82rem;
  font-weight:800;
  flex:0 0 auto;
}

body.public-auth .auth-note-list strong{
  display:block;
  margin-bottom:6px;
  color:#0f172a;
}

body.public-auth .auth-note-list p{
  margin:0;
  color:#475569;
  line-height:1.7;
}

body.public-auth .auth-panel--form{
  display:grid;
  gap:14px;
}

body.public-auth .auth-panel--form h3{
  margin:0;
  color:#0f172a;
  font-size:clamp(1.5rem, 2.2vw, 2rem);
  letter-spacing:-.04em;
}

body.public-auth .check-row{
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px 14px;
  border-radius:16px;
  border:1px solid rgba(15,23,42,.08);
  background:#f8fafc;
  color:#334155;
  cursor:pointer;
}

body.public-auth .check-row input{
  appearance:none;
  width:18px;
  height:18px;
  flex:0 0 auto;
  border-radius:6px;
  border:1px solid rgba(15,23,42,.18);
  background:#fff;
}

body.public-auth .check-row input:checked{
  background:#0f172a;
  border-color:#0f172a;
}

body.public-auth .text-link{
  color:#0f172a;
  font-weight:700;
}

body.public-feedback .public-feedback{
  padding:20px 0 48px;
}

body.public-feedback .public-feedback__inner{
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
  gap:24px;
  align-items:start;
}

body.public-feedback .public-feedback__intro{
  display:grid;
  gap:16px;
}

body.public-feedback .public-feedback__intro h1{
  margin:0;
  max-width:12ch;
  color:#0f172a;
  font-size:clamp(2.2rem, 4vw, 4rem);
  line-height:1.02;
  letter-spacing:-.05em;
}

body.public-feedback .public-feedback__intro p{
  margin:0;
  color:#475569;
  line-height:1.8;
}

body.public-feedback .public-feedback__info{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}

body.public-feedback .public-feedback__info article{
  padding:16px 18px;
  border-radius:20px;
  background:#fff;
  border:1px solid rgba(15,23,42,.08);
  box-shadow:0 10px 24px rgba(15,23,42,.05);
}

body.public-feedback .public-feedback__info span{
  display:block;
  margin-bottom:8px;
  color:#64748b;
  font-size:.8rem;
  text-transform:uppercase;
  letter-spacing:.12em;
}

body.public-feedback .public-feedback__info strong{
  display:block;
  color:#0f172a;
  line-height:1.6;
}

body.public-feedback .public-feedback__form{
  display:grid;
  gap:14px;
  background:#fff;
  border:1px solid rgba(15,23,42,.08);
  border-radius:26px;
  box-shadow:0 16px 36px rgba(15,23,42,.05);
}

body.public-feedback .public-feedback__form h2{
  margin:0;
  color:#0f172a;
  font-size:clamp(1.5rem, 2.2vw, 2rem);
  letter-spacing:-.04em;
}

body.public-feedback .public-feedback__grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}

body.public-feedback .feedback-option-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}

body.public-feedback .feedback-option{
  position:relative;
  display:flex;
  gap:12px;
  align-items:flex-start;
  padding:14px 16px;
  border-radius:18px;
  background:#f8fafc;
  border:1px solid rgba(15,23,42,.08);
  cursor:pointer;
  transition:transform .16s ease, border-color .16s ease, box-shadow .16s ease, background-color .16s ease;
}

body.public-feedback .feedback-option:hover{
  transform:translateY(-1px);
  border-color:rgba(15,23,42,.16);
}

body.public-feedback .feedback-option:focus-within,
body.public-feedback .feedback-option:has(input:checked){
  border-color:rgba(15,23,42,.18);
  box-shadow:0 10px 22px rgba(15,23,42,.08);
}

body.public-feedback .feedback-option input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}

body.public-feedback .feedback-option__marker{
  width:18px;
  height:18px;
  margin-top:3px;
  border-radius:999px;
  border:1px solid rgba(15,23,42,.24);
  background:#fff;
  flex:0 0 auto;
}

body.public-feedback .feedback-option__content{
  display:grid;
  gap:4px;
}

body.public-feedback .feedback-option__content strong{
  color:#0f172a;
  font-size:1rem;
}

body.public-feedback .feedback-option__content small{
  color:#64748b;
  line-height:1.5;
}

body.public-feedback .feedback-option--idea:has(input:checked),
body.public-feedback .feedback-option--positive:has(input:checked),
body.public-feedback .feedback-option--negative:has(input:checked),
body.public-feedback .feedback-option--other:has(input:checked){
  background:#fff;
}

body.public-feedback .feedback-option--idea input:checked + .feedback-option__marker{
  background:#2563eb;
  border-color:#2563eb;
}

body.public-feedback .feedback-option--positive input:checked + .feedback-option__marker{
  background:#16a34a;
  border-color:#16a34a;
}

body.public-feedback .feedback-option--negative input:checked + .feedback-option__marker{
  background:#dc2626;
  border-color:#dc2626;
}

body.public-feedback .feedback-option--other input:checked + .feedback-option__marker{
  background:#475569;
  border-color:#475569;
}

body.public-feedback .field__error{
  color:#b91c1c;
}

body.public-feedback .public-feedback__form .field__control{
  background:#fff;
}

@media (max-width: 1100px){
  body.public-home .public-home-hero__inner,
  body.public-home .public-home-split,
  body.public-home .public-home-cta__inner,
  body.public-auth .auth-grid,
  body.public-feedback .public-feedback__inner{
    grid-template-columns:1fr;
  }

  body.public-home .public-home-hero__inner{
    min-height:auto;
  }

  body.public-home .public-home-system__grid,
  body.public-home .public-home-flow,
  body.public-home .public-home-rolelist,
  body.public-home .public-home-metrics,
  body.public-auth .auth-proof-grid,
  body.public-feedback .public-feedback__info,
  body.public-feedback .feedback-option-grid,
  body.public-feedback .public-feedback__grid{
    grid-template-columns:1fr;
  }

  body.public-home .public-home-graph{
    grid-template-columns:1fr;
  }

  body.public-home .public-home-flowline{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  body.public-home .public-home-metrics article{
    border-right:0;
  }

  body.public-home .public-home-cta__inner,
  body.public-auth .auth-grid,
  body.public-feedback .public-feedback__inner{
    gap:20px;
  }
}

@media (max-width: 700px){
  body.public-home .home-shell{
    width:min(100%, calc(100% - 24px));
  }

  body.public-home .public-home-hero__copy h1{
    max-width:none;
    font-size:clamp(2.35rem, 11vw, 3.5rem);
  }

  body.public-home .public-home-system,
  body.public-home .public-home-cta__inner,
  body.public-home .home-footer__inner,
  body.public-home .public-home-step,
  body.public-home .public-home-rolelist article,
  body.public-home .public-home-metrics,
  body.public-auth .auth-panel,
  body.public-feedback .public-feedback__form,
  body.public-feedback .public-feedback__info article{
    border-radius:20px;
  }

  body.public-home .public-home-system__top,
  body.public-home .public-home-graph,
  body.public-home .public-home-cta__inner{
    grid-template-columns:1fr;
    flex-direction:column;
  }

  body.public-home .public-home-flowline{
    grid-template-columns:1fr;
  }

  body.public-home .public-home-metrics article{
    flex-direction:column;
    align-items:flex-start;
  }

  body.public-home .public-home-metrics strong{
    text-align:left;
  }

  body.public-auth .auth-proof-grid,
  body.public-feedback .public-feedback__info,
  body.public-feedback .feedback-option-grid{
    grid-template-columns:1fr;
  }

  body.public-feedback .feedback-option{
    padding:14px 15px;
  }
}

/* Public surface refresh: light, corporate, operational */
body.public-body{
  background:#f6f8fb;
  color:#0f172a;
  color-scheme:light;
  --accent:#0f172a;
  --accent-2:#2563eb;
  --accent-strong:#111827;
  --muted:#475569;
  --surface:#ffffff;
  --surface-soft:#f8fafc;
  --surface-strong:#0f172a;
  --border:rgba(15,23,42,.08);
  --border-strong:rgba(15,23,42,.16);
}

body.public-body .page-bg{
  background:
    radial-gradient(circle at 12% 14%, rgba(37,99,235,.08), transparent 24%),
    radial-gradient(circle at 84% 0%, rgba(15,23,42,.06), transparent 20%),
    radial-gradient(circle at 62% 72%, rgba(15,23,42,.04), transparent 22%),
    linear-gradient(180deg, rgba(255,255,255,.92) 0%, #f4f7fb 100%);
  opacity:1;
}

body.public-body .page-bg::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    repeating-linear-gradient(90deg, rgba(15,23,42,.025) 0 1px, transparent 1px 72px),
    repeating-linear-gradient(0deg, rgba(15,23,42,.025) 0 1px, transparent 1px 72px);
  mask-image:linear-gradient(180deg, rgba(0,0,0,.65), rgba(0,0,0,.14) 62%, transparent 100%);
  pointer-events:none;
}

body.public-body .eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  width:max-content;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.9);
  border:1px solid var(--border);
  color:var(--muted);
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
}

body.public-body .primary-button,
body.public-body .secondary-button,
body.public-body .pill-button,
body.public-body .icon-btn,
body.public-body .text-link{
  transition:transform .18s ease, background-color .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease;
}

body.public-body .primary-button{
  background:#0f172a;
  border:1px solid #0f172a;
  color:#fff;
  box-shadow:0 10px 20px rgba(15,23,42,.10);
}

body.public-body .primary-button:hover{
  background:#111827;
  border-color:#111827;
  transform:translateY(-1px);
}

body.public-body .secondary-button{
  background:#fff;
  border:1px solid rgba(15,23,42,.12);
  color:#0f172a;
  box-shadow:0 8px 18px rgba(15,23,42,.04);
}

body.public-body .secondary-button:hover{
  background:#f8fafc;
  border-color:rgba(15,23,42,.18);
  transform:translateY(-1px);
}

body.public-body .pill-button{
  background:#0f172a;
  border-color:#0f172a;
  color:#fff;
}

body.public-body .pill-button:hover{
  background:#111827;
  border-color:#111827;
  transform:translateY(-1px);
}

body.public-body .icon-btn{
  background:#fff;
  border:1px solid rgba(15,23,42,.10);
  color:#0f172a;
}

body.public-body .icon-btn:hover{
  background:#f8fafc;
  border-color:rgba(15,23,42,.16);
}

body.public-body .text-link{
  color:#0f172a;
  font-weight:700;
}

body.public-body .text-link:hover{
  color:#111827;
}

body.public-body .field__label{
  color:#334155;
}

body.public-body .field__control{
  background:#fff;
  color:#0f172a;
  border:1px solid rgba(15,23,42,.12);
  box-shadow:none;
}

body.public-body .field__control::placeholder{
  color:#94a3b8;
}

body.public-body .field__control:focus{
  border-color:rgba(15,23,42,.28);
  box-shadow:0 0 0 4px rgba(15,23,42,.06);
}

body.public-body .public-header{
  position:sticky;
  top:0;
  z-index:30;
  padding:16px 0;
  background:rgba(246,248,251,.82);
  border-bottom:1px solid rgba(15,23,42,.08);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}

body.public-body .public-header .brand-lockup strong{
  color:#0f172a;
}

body.public-body .public-header .brand-lockup span{
  color:#64748b;
}

body.public-body .public-header .brand-mark{
  background:#0f172a;
  color:#fff;
  box-shadow:0 12px 24px rgba(15,23,42,.12);
}

body.public-body .public-home-nav{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:12px;
}

body.public-body .public-home-nav a{
  color:#334155;
  padding:10px 12px;
  border-radius:999px;
}

body.public-body .public-home-nav a:hover{
  background:rgba(15,23,42,.05);
  color:#0f172a;
}

body.public-body .public-home-nav a.is-active{
  background:#0f172a;
  color:#fff;
  box-shadow:0 10px 24px rgba(15,23,42,.12);
}

body.public-body .public-header__actions{
  gap:10px;
}

body.public-body .public-main{
  padding:18px 0 40px;
}

body.public-body .public-footer{
  margin-top:24px;
}

body.public-body .public-footer__inner{
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(0,.72fr) minmax(220px,.86fr);
  gap:18px;
  align-items:stretch;
  padding:22px;
  border-radius:24px;
  border:1px solid rgba(15,23,42,.08);
  background:
    radial-gradient(circle at top left, rgba(37,99,235,.05), transparent 22%),
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(244,247,251,.96));
  box-shadow:0 14px 26px rgba(15,23,42,.04);
}

body.public-body .public-footer__brand{
  display:grid;
  gap:12px;
  align-content:start;
}

body.public-body .public-footer__brand p{
  margin:0;
  max-width:34ch;
  color:#475569;
  line-height:1.75;
}

body.public-body .public-footer__links,
body.public-body .public-footer__panel{
  display:grid;
  gap:10px;
  align-content:start;
  padding:18px;
  border-radius:20px;
  border:1px solid rgba(15,23,42,.08);
  background:rgba(255,255,255,.82);
}

body.public-body .public-footer__links h3,
body.public-body .public-footer__panel h3{
  margin:0;
  color:#0f172a;
  font-size:1rem;
}

body.public-body .public-footer__links a{
  display:inline-flex;
  width:fit-content;
  color:#334155;
  font-weight:700;
}

body.public-body .public-footer__links a:hover{
  color:#0f172a;
}

body.public-body .public-footer__panel span{
  display:block;
  color:#64748b;
  font-size:.74rem;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.14em;
}

body.public-body .public-footer__panel strong{
  color:#0f172a;
  line-height:1.65;
}

body.public-body .public-footer__panel img{
  display:block;
  width:100%;
  min-height:170px;
  object-fit:cover;
  border-radius:14px;
}

body.public-home .home-shell{
  width:min(1180px, calc(100% - 32px));
}

body.public-home .public-home-hero{
  padding:16px 0 4px;
}

body.public-home .public-home-hero__inner{
  display:grid;
  grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);
  gap:24px;
  align-items:stretch;
  min-height:calc(100vh - 180px);
}

body.public-home .public-home-hero__copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:18px;
  padding:20px 0;
}

body.public-home .public-home-hero__copy h1{
  max-width:14ch;
  margin:0;
  color:#0f172a;
  font-size:clamp(2.8rem, 5.8vw, 5.2rem);
  line-height:.96;
  letter-spacing:-.07em;
}

body.public-home .public-home-hero__copy p{
  max-width:58ch;
  margin:0;
  color:#475569;
  line-height:1.85;
  font-size:1.02rem;
}

body.public-home .public-home-hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px 14px;
  align-items:center;
  margin-top:4px;
}

body.public-home .public-home-hero__trust{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

body.public-home .public-home-hero__trust span{
  display:inline-flex;
  align-items:center;
  padding:10px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.88);
  border:1px solid var(--border);
  color:#334155;
  box-shadow:0 8px 18px rgba(15,23,42,.04);
}

body.public-home .public-home-system{
  position:relative;
  display:grid;
  gap:18px;
  padding:22px;
  background:rgba(255,255,255,.88);
  border:1px solid var(--border);
  border-radius:30px;
  box-shadow:0 26px 60px rgba(15,23,42,.08);
  overflow:hidden;
}

body.public-home .public-home-system::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at top left, rgba(37,99,235,.06), transparent 28%),
    radial-gradient(circle at bottom right, rgba(15,23,42,.04), transparent 24%);
  pointer-events:none;
}

body.public-home .public-home-system > *{
  position:relative;
  z-index:1;
}

body.public-home .public-home-system__top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
}

body.public-home .public-home-system__label{
  display:block;
  margin-bottom:8px;
  color:#64748b;
  font-size:.75rem;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.14em;
}

body.public-home .public-home-system__top strong{
  display:block;
  max-width:28ch;
  color:#0f172a;
  font-size:1.02rem;
  line-height:1.55;
  letter-spacing:-.02em;
}

body.public-home .public-home-system__badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 14px;
  border-radius:999px;
  background:#f8fafc;
  border:1px solid var(--border);
  color:#0f172a;
  font-size:.82rem;
  font-weight:700;
}

body.public-home .public-home-system__grid{
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);
  grid-template-areas:
    "code graph"
    "roles graph"
    "flow feedback";
  gap:14px;
}

body.public-home .public-home-system__grid > :nth-child(1){ grid-area:code; }
body.public-home .public-home-system__grid > :nth-child(2){ grid-area:roles; }
body.public-home .public-home-system__grid > :nth-child(3){ grid-area:flow; }
body.public-home .public-home-system__grid > :nth-child(4){ grid-area:feedback; }
body.public-home .public-home-system__grid > :nth-child(5){ grid-area:graph; }

body.public-home .public-home-chip,
body.public-home .public-home-graph{
  position:relative;
  border-radius:24px;
  border:1px solid var(--border);
  box-shadow:0 12px 24px rgba(15,23,42,.05);
  overflow:hidden;
}

body.public-home .public-home-chip{
  display:grid;
  gap:10px;
  padding:18px;
  background:#fff;
}

body.public-home .public-home-chip span{
  color:#64748b;
  font-size:.74rem;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.14em;
}

body.public-home .public-home-chip strong{
  color:#0f172a;
  font-size:1.18rem;
  letter-spacing:-.03em;
}

body.public-home .public-home-chip p{
  margin:0;
  color:#475569;
  line-height:1.68;
}

body.public-home .public-home-chip__tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

body.public-home .public-home-chip__tags em{
  font-style:normal;
  padding:8px 10px;
  border-radius:999px;
  background:#f8fafc;
  border:1px solid rgba(15,23,42,.08);
  color:#1e293b;
}

body.public-home .public-home-chip--code{
  background:#0f172a;
  color:#fff;
}

body.public-home .public-home-chip--code span,
body.public-home .public-home-chip--code p{
  color:rgba(226,232,240,.72);
}

body.public-home .public-home-chip--code strong{
  color:#fff;
  font-size:1.65rem;
  letter-spacing:.08em;
  font-family:"SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
}

body.public-home .public-home-chip--roles,
body.public-home .public-home-chip--feedback{
  background:linear-gradient(180deg, #fff 0%, #f9fbfe 100%);
}

body.public-home .public-home-chip--flow{
  background:#fff;
}

body.public-home .public-home-flowline{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
}

body.public-home .public-home-flowline b{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:8px 10px;
  border-radius:12px;
  background:#f8fafc;
  border:1px solid rgba(15,23,42,.08);
  color:#0f172a;
  font-size:.86rem;
  font-weight:700;
}

body.public-home .public-home-graph{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:14px;
  min-height:100%;
  padding:22px;
  background:
    radial-gradient(circle at top left, rgba(37,99,235,.06), transparent 28%),
    linear-gradient(180deg, #f8fafc 0%, #fff 100%);
}

body.public-home .public-home-graph__node.is-main{
  display:inline-flex;
  align-self:flex-start;
  padding:12px 14px;
  border-radius:14px;
  background:#0f172a;
  color:#fff;
  font-weight:700;
  letter-spacing:-.02em;
}

body.public-home .public-home-graph__links{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}

body.public-home .public-home-graph__links span{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:8px 12px;
  border-radius:14px;
  background:#fff;
  border:1px solid rgba(15,23,42,.08);
  color:#334155;
  font-weight:600;
}

body.public-home .public-home-graph p{
  margin:0;
  color:#64748b;
  line-height:1.7;
  max-width:30ch;
}

body.public-home .public-home-section{
  padding:36px 0 0;
}

body.public-home .public-home-section__head{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:24px;
  margin-bottom:18px;
}

body.public-home .public-home-section__head h2{
  margin:10px 0 0;
  max-width:16ch;
  color:#0f172a;
  font-size:clamp(2rem, 3.5vw, 3.15rem);
  line-height:1.02;
  letter-spacing:-.06em;
}

body.public-home .public-home-section__head p{
  max-width:48ch;
  margin:0;
  color:#475569;
  line-height:1.8;
}

body.public-home .public-home-flow{
  position:relative;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}

body.public-home .public-home-flow::before{
  content:"";
  position:absolute;
  left:calc(12.5% + 14px);
  right:calc(12.5% + 14px);
  top:34px;
  height:1px;
  background:linear-gradient(90deg, transparent 0%, rgba(15,23,42,.14) 14%, rgba(15,23,42,.14) 86%, transparent 100%);
}

body.public-home .public-home-step{
  display:grid;
  gap:14px;
  padding:18px;
  background:#fff;
  border:1px solid var(--border);
  border-radius:22px;
  box-shadow:0 10px 24px rgba(15,23,42,.04);
}

body.public-home .public-home-step:nth-child(2n){
  background:#fbfcfe;
}

body.public-home .public-home-step span{
  display:inline-grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:999px;
  background:#0f172a;
  color:#fff;
  font-size:.84rem;
  font-weight:700;
}

body.public-home .public-home-step h3{
  margin:0 0 10px;
  color:#0f172a;
  font-size:1.08rem;
}

body.public-home .public-home-step p{
  margin:0;
  color:#475569;
  line-height:1.72;
}

body.public-home .public-home-section--split{
  padding-top:34px;
}

body.public-home .public-home-split{
  display:grid;
  grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);
  gap:18px;
  align-items:start;
}

body.public-home .public-home-split__copy{
  padding:10px 0 0;
}

body.public-home .public-home-split__copy h2{
  max-width:15ch;
  margin:10px 0 14px;
  color:#0f172a;
  font-size:clamp(2rem, 3.8vw, 3.35rem);
  line-height:1.03;
  letter-spacing:-.06em;
}

body.public-home .public-home-split__copy p{
  max-width:54ch;
  margin:0;
  color:#475569;
  line-height:1.8;
}

body.public-home .public-home-split__actions,
body.public-home .public-home-cta__actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
  margin-top:22px;
}

body.public-home .public-home-rolelist{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}

body.public-home .public-home-rolelist article{
  padding:18px;
  background:#fff;
  border:1px solid var(--border);
  border-radius:22px;
  box-shadow:0 10px 22px rgba(15,23,42,.04);
}

body.public-home .public-home-rolelist span{
  display:block;
  margin-bottom:8px;
  color:#64748b;
  font-size:.75rem;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.14em;
}

body.public-home .public-home-rolelist p{
  margin:0;
  color:#0f172a;
  line-height:1.7;
}

body.public-home .public-home-section--metrics{
  padding-top:36px;
}

body.public-home .public-home-metrics{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0;
  background:#fff;
  border:1px solid var(--border);
  border-radius:24px;
  overflow:hidden;
  box-shadow:0 14px 28px rgba(15,23,42,.05);
}

body.public-home .public-home-metrics article{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  min-height:84px;
  padding:18px 20px;
  border-bottom:1px solid var(--border);
}

body.public-home .public-home-metrics article:nth-child(odd){
  border-right:1px solid var(--border);
}

body.public-home .public-home-metrics article:nth-last-child(-n+2){
  border-bottom:0;
}

body.public-home .public-home-metrics span{
  color:#64748b;
  font-size:.74rem;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.14em;
}

body.public-home .public-home-metrics strong{
  color:#0f172a;
  font-size:1rem;
  text-align:right;
}

body.public-home .public-home-cta{
  padding:40px 0 0;
}

body.public-home .public-home-cta__inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:28px 30px;
  background:#0f172a;
  color:#fff;
  border-radius:28px;
  box-shadow:0 24px 48px rgba(15,23,42,.14);
}

body.public-home .public-home-cta__inner h2{
  max-width:18ch;
  margin:10px 0 12px;
  color:#fff;
  font-size:clamp(1.85rem, 3vw, 3rem);
  line-height:1.02;
  letter-spacing:-.06em;
}

body.public-home .public-home-cta__inner p{
  max-width:52ch;
  margin:0;
  color:#dbe3ef;
  line-height:1.8;
}

body.public-home .public-home-cta__actions .secondary-button{
  border-color:rgba(255,255,255,.18);
}

body.public-home .public-home-cta__actions .text-link{
  color:rgba(255,255,255,.9);
}

body.public-home .public-home-cta__actions .text-link:hover{
  color:#fff;
}

body.public-home .home-footer{
  margin-top:24px;
}

body.public-home .home-footer__inner{
  background:rgba(255,255,255,.92);
  border:1px solid var(--border);
  border-radius:24px;
  box-shadow:0 14px 26px rgba(15,23,42,.04);
}

body.public-home .home-footer__brand p,
body.public-home .home-footer__columns a{
  color:#64748b;
}

body.public-home .home-footer__columns h3{
  color:#0f172a;
}

body.public-auth .auth-grid{
  display:grid;
  grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);
  gap:18px;
  align-items:stretch;
  padding:18px 0 6px;
}

body.public-auth .auth-panel{
  display:grid;
  gap:16px;
  background:#fff;
  border:1px solid var(--border);
  border-radius:28px;
  box-shadow:0 16px 36px rgba(15,23,42,.05);
  padding:clamp(18px, 3vw, 30px);
}

body.public-auth .auth-panel--intro{
  background:
    radial-gradient(circle at 18% 20%, rgba(37,99,235,.06), transparent 22%),
    linear-gradient(180deg, #fff 0%, #f8fafc 100%);
}

body.public-auth .auth-panel--intro h2{
  max-width:16ch;
  margin:10px 0 0;
  color:#0f172a;
  font-size:clamp(2rem, 4vw, 3.4rem);
  line-height:1.03;
  letter-spacing:-.06em;
}

body.public-auth .auth-panel--intro p{
  max-width:56ch;
  margin:0;
  color:#475569;
  line-height:1.8;
}

body.public-auth .auth-proof-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}

body.public-auth .auth-proof-grid .stat-card{
  background:#fff;
  border:1px solid var(--border);
  border-radius:22px;
  box-shadow:0 10px 22px rgba(15,23,42,.04);
}

body.public-auth .auth-note-list{
  display:grid;
  gap:12px;
}

body.public-auth .auth-note-list article{
  display:flex;
  gap:14px;
  padding-top:16px;
  border-top:1px solid var(--border);
}

body.public-auth .auth-note-list span{
  display:inline-grid;
  place-items:center;
  width:36px;
  height:36px;
  border-radius:999px;
  background:#0f172a;
  color:#fff;
  font-weight:700;
}

body.public-auth .auth-note-list strong{
  display:block;
  margin-bottom:6px;
  color:#0f172a;
}

body.public-auth .auth-note-list p{
  margin:0;
  color:#475569;
  line-height:1.7;
}

body.public-auth .auth-panel--form h3{
  margin:0;
  color:#0f172a;
  font-size:clamp(1.5rem, 2.4vw, 2rem);
}

body.public-auth .panel-note{
  margin:0;
  color:#475569;
  line-height:1.75;
}

body.public-auth .check-row{
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border-radius:14px;
  background:#f8fafc;
  border:1px solid var(--border);
}

body.public-auth .check-row input{
  appearance:none;
  width:18px;
  height:18px;
  margin:0;
  border-radius:5px;
  border:1px solid rgba(15,23,42,.24);
  background:#fff;
}

body.public-auth .check-row input:checked{
  background:#0f172a;
  border-color:#0f172a;
  box-shadow:inset 0 0 0 3px #fff;
}

body.public-auth .check-row span{
  color:#0f172a;
  font-weight:600;
}

body.public-feedback .public-feedback{
  padding:18px 0 52px;
}

body.public-feedback .public-feedback__inner{
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
  gap:18px;
  align-items:start;
}

body.public-feedback .public-feedback__intro{
  display:grid;
  gap:16px;
  padding:14px 0 0;
}

body.public-feedback .public-feedback__intro h1{
  max-width:14ch;
  margin:0;
  color:#0f172a;
  font-size:clamp(2.35rem, 4.8vw, 4.4rem);
  line-height:.98;
  letter-spacing:-.06em;
}

body.public-feedback .public-feedback__intro p{
  max-width:54ch;
  margin:0;
  color:#475569;
  line-height:1.8;
}

body.public-feedback .public-feedback__info{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}

body.public-feedback .public-feedback__info article{
  padding:16px 18px;
  background:#fff;
  border:1px solid var(--border);
  border-radius:20px;
  box-shadow:0 10px 24px rgba(15,23,42,.04);
}

body.public-feedback .public-feedback__info span{
  display:block;
  margin-bottom:8px;
  color:#64748b;
  font-size:.74rem;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.14em;
}

body.public-feedback .public-feedback__info strong{
  display:block;
  color:#0f172a;
  line-height:1.65;
}

body.public-feedback .public-feedback__form{
  display:grid;
  gap:14px;
  padding:clamp(18px, 3vw, 30px);
  background:#fff;
  border:1px solid var(--border);
  border-radius:28px;
  box-shadow:0 16px 36px rgba(15,23,42,.05);
}

body.public-feedback .public-feedback__form h2{
  margin:0;
  color:#0f172a;
  font-size:clamp(1.55rem, 2.4vw, 2.1rem);
}

body.public-feedback .public-feedback__grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}

body.public-feedback .public-feedback__category{
  display:grid;
  gap:10px;
}

body.public-feedback .feedback-option-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
}

body.public-feedback .feedback-option{
  position:relative;
  display:flex;
  gap:14px;
  align-items:flex-start;
  padding:14px 16px;
  background:#f8fafc;
  border:1px solid var(--border);
  border-radius:16px;
  cursor:pointer;
  transition:transform .16s ease, border-color .16s ease, background-color .16s ease, box-shadow .16s ease;
}

body.public-feedback .feedback-option:hover{
  transform:translateY(-1px);
  border-color:rgba(15,23,42,.16);
}

body.public-feedback .feedback-option:focus-within,
body.public-feedback .feedback-option:has(input:checked){
  background:#fff;
  border-color:rgba(15,23,42,.18);
  box-shadow:0 10px 22px rgba(15,23,42,.06);
}

body.public-feedback .feedback-option input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}

body.public-feedback .feedback-option__marker{
  width:18px;
  height:18px;
  margin-top:3px;
  flex:0 0 auto;
  border-radius:999px;
  border:1px solid rgba(15,23,42,.22);
  background:#fff;
}

body.public-feedback .feedback-option__content{
  display:grid;
  gap:5px;
}

body.public-feedback .feedback-option__content strong{
  color:#0f172a;
  font-size:1rem;
}

body.public-feedback .feedback-option__content small{
  color:#475569;
  line-height:1.55;
}

body.public-feedback .feedback-option--idea input:checked + .feedback-option__marker{
  background:#2563eb;
  border-color:#2563eb;
  box-shadow:0 0 0 4px rgba(37,99,235,.08);
}

body.public-feedback .feedback-option--positive input:checked + .feedback-option__marker{
  background:#16a34a;
  border-color:#16a34a;
  box-shadow:0 0 0 4px rgba(22,163,74,.08);
}

body.public-feedback .feedback-option--negative input:checked + .feedback-option__marker{
  background:#dc2626;
  border-color:#dc2626;
  box-shadow:0 0 0 4px rgba(220,38,38,.08);
}

body.public-feedback .feedback-option--other input:checked + .feedback-option__marker{
  background:#475569;
  border-color:#475569;
  box-shadow:0 0 0 4px rgba(71,85,105,.08);
}

body.public-feedback .field__error{
  color:#b91c1c;
}

body.public-feedback .public-feedback__form .primary-button--wide,
body.public-auth .auth-panel--form .primary-button--wide{
  width:100%;
  justify-content:center;
}

body.public-feedback .public-feedback__form .field__control{
  background:#fff;
}

@media (max-width: 1100px){
  body.public-home .public-home-hero__inner,
  body.public-home .public-home-split,
  body.public-home .public-home-cta__inner,
  body.public-auth .auth-grid,
  body.public-feedback .public-feedback__inner{
    grid-template-columns:1fr;
  }

  body.public-home .public-home-hero__inner{
    min-height:auto;
  }

  body.public-home .public-home-system__grid,
  body.public-home .public-home-flow,
  body.public-home .public-home-rolelist,
  body.public-home .public-home-metrics,
  body.public-auth .auth-proof-grid,
  body.public-feedback .public-feedback__info,
  body.public-feedback .public-feedback__grid{
    grid-template-columns:1fr;
  }

  body.public-home .public-home-system__grid{
    grid-template-areas:
      "code"
      "roles"
      "flow"
      "feedback"
      "graph";
  }

  body.public-home .public-home-graph{
    min-height:auto;
  }

  body.public-home .public-home-flow::before{
    display:none;
  }

  body.public-home .public-home-cta__inner{
    gap:20px;
  }
}

@media (max-width: 700px){
  body.public-body .public-header{
    padding:12px 0;
  }

  body.public-home .home-shell{
    width:min(100%, calc(100% - 24px));
  }

  body.public-home .public-home-hero__copy h1{
    max-width:none;
    font-size:clamp(2.35rem, 11vw, 3.6rem);
  }

  body.public-home .public-home-system,
  body.public-home .public-home-cta__inner,
  body.public-home .home-footer__inner,
  body.public-home .public-home-step,
  body.public-home .public-home-rolelist article,
  body.public-home .public-home-metrics,
  body.public-auth .auth-panel,
  body.public-feedback .public-feedback__form,
  body.public-feedback .public-feedback__info article{
    border-radius:20px;
  }

  body.public-home .public-home-system__top,
  body.public-home .public-home-graph,
  body.public-home .public-home-cta__inner{
    grid-template-columns:1fr;
    flex-direction:column;
  }

  body.public-home .public-home-system__grid{
    gap:12px;
  }

  body.public-home .public-home-flowline{
    grid-template-columns:1fr;
  }

  body.public-home .public-home-metrics article{
    flex-direction:column;
    align-items:flex-start;
  }

  body.public-home .public-home-metrics strong{
    text-align:left;
  }

  body.public-auth .auth-proof-grid,
  body.public-feedback .public-feedback__info,
  body.public-feedback .feedback-option-grid,
  body.public-feedback .public-feedback__grid{
    grid-template-columns:1fr;
  }

  body.public-feedback .feedback-option{
    padding:14px 15px;
  }

  body.public-home .public-home-hero__actions,
  body.public-home .public-home-split__actions,
  body.public-home .public-home-cta__actions{
    gap:10px;
  }
}

/* Readability and layering hardening for public pages */
body.public-body .page-bg{
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  opacity:.06;
}

body.public-body .page-bg::before{
  opacity:.05;
}

body.public-body .public-header,
body.public-body .public-main,
body.public-body .toast-stack{
  position:relative;
  z-index:2;
}

body.public-home .public-home-hero,
body.public-home .public-home-section,
body.public-home .public-home-cta,
body.public-home .home-footer,
body.public-auth .auth-grid,
body.public-feedback .public-feedback{
  position:relative;
  isolation:isolate;
  z-index:1;
}

body.public-home .public-home-hero__inner,
body.public-home .public-home-system,
body.public-home .public-home-flow,
body.public-home .public-home-split,
body.public-home .public-home-metrics,
body.public-home .public-home-cta__inner,
body.public-home .home-footer__inner,
body.public-auth .auth-panel,
body.public-feedback .public-feedback__inner,
body.public-feedback .public-feedback__form{
  position:relative;
  z-index:2;
}

body.public-home .public-home-system::before,
body.public-auth .auth-panel--intro::before{
  z-index:0;
  opacity:.05;
  pointer-events:none;
}

body.public-home .public-home-system > *,
body.public-auth .auth-panel--intro > *{
  position:relative;
  z-index:2;
}

body.public-home .public-home-hero__copy h1,
body.public-home .public-home-section__head h2,
body.public-home .public-home-split__copy h2,
body.public-home .public-home-cta__inner h2,
body.public-feedback .public-feedback__intro h1,
body.public-feedback .public-feedback__form h2,
body.public-auth .auth-panel--intro h2,
body.public-auth .auth-panel--form h3{
  color:#0f172a;
}

body.public-body .public-home-nav a,
body.public-body .public-home-hero__copy p,
body.public-body .public-home-section__head p,
body.public-body .public-home-split__copy p,
body.public-body .public-home-cta__inner p,
body.public-body .public-home-rolelist p,
body.public-body .public-home-metrics span,
body.public-body .public-feedback__intro p,
body.public-body .public-feedback__form .panel-note,
body.public-body .auth-panel--intro p,
body.public-body .auth-note-list p,
body.public-body .panel-note,
body.public-body .field__label{
  color:var(--muted);
}

body.public-body .public-home-metrics strong,
body.public-body .public-feedback__info strong{
  color:#0f172a;
}

body.public-home .public-home-system,
body.public-home .public-home-step,
body.public-home .public-home-rolelist article,
body.public-home .public-home-metrics article,
body.public-feedback .public-feedback__info article,
body.public-feedback .feedback-option,
body.public-auth .auth-panel{
  overflow:hidden;
}

body.public-home .public-home-system__grid,
body.public-home .public-home-flow,
body.public-home .public-home-rolelist,
body.public-home .public-home-metrics,
body.public-feedback .public-feedback__info,
body.public-feedback .public-feedback__grid,
body.public-feedback .feedback-option-grid,
body.public-auth .auth-proof-grid{
  position:relative;
  z-index:2;
}

body.public-home .public-home-flow::before{
  opacity:.22;
}

body.public-body .page-bg,
body.public-home .public-home-system::before,
body.public-auth .auth-panel--intro::before{
  transition:opacity .18s ease;
}

@media (max-width: 700px){
  body.public-body .page-bg::before,
  body.public-home .public-home-system::before,
  body.public-auth .auth-panel--intro::before{
    opacity:.03;
  }

  body.public-home .public-home-flow::before{
    display:none;
  }

  body.public-home .public-home-hero__trust{
    gap:8px;
  }

  body.public-home .public-home-hero__trust span{
    width:100%;
    justify-content:center;
  }
}

body.public-home .home-footer__columns a[href="#ust"],
body.public-home .home-footer__columns a[href="#top"],
body.public-home .home-footer__columns a[href*="scroll"]{
  display:none !important;
}

body.public-home .home-hero::before,
body.public-home .home-section::before,
body.public-home .home-cta::before,
body.public-feedback .public-feedback::before,
body.public-auth .auth-grid::before{
  opacity:.04;
}

body.public-home .public-home-hero__copy,
body.public-home .public-home-system,
body.public-home .public-home-section__head,
body.public-home .public-home-flow,
body.public-home .public-home-split,
body.public-home .public-home-metrics,
body.public-home .public-home-cta__inner,
body.public-home .home-footer__inner,
body.public-auth .auth-panel,
body.public-feedback .public-feedback__inner,
body.public-feedback .public-feedback__form{
  position:relative;
  z-index:2;
}

body.public-body .public-home-hero__copy h1,
body.public-body .public-home-section__head h2,
body.public-body .public-home-split__copy h2,
body.public-body .public-home-cta__inner h2,
body.public-body .public-feedback__intro h1,
body.public-body .public-feedback__form h2,
body.public-body .auth-panel--intro h2,
body.public-body .auth-panel--form h3{
  text-wrap:balance;
}

body.public-home .public-home-system__art{
  position:relative;
  display:grid;
  grid-template-columns:minmax(220px,.88fr) minmax(0,1.12fr);
  gap:14px;
  align-items:center;
  padding:16px;
  border-radius:24px;
  border:1px solid var(--border);
  background:
    linear-gradient(135deg, rgba(37,99,235,.08), rgba(255,255,255,.96)),
    #fff;
  box-shadow:0 12px 28px rgba(15,23,42,.05);
}

body.public-home .public-home-system__art img{
  display:block;
  width:100%;
  height:148px;
  object-fit:cover;
  object-position:center;
  border-radius:18px;
  background:#f8fafc;
}

body.public-home .public-home-system__art div{
  display:grid;
  gap:8px;
  align-content:center;
}

body.public-home .public-home-system__art-label{
  display:block;
  color:#64748b;
  font-size:.72rem;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.14em;
}

body.public-home .public-home-system__art strong{
  color:#0f172a;
  font-size:1rem;
  line-height:1.5;
  letter-spacing:-.02em;
}

body.public-home .public-home-system__art p{
  margin:0;
  color:#475569;
  line-height:1.6;
}

body.public-auth .auth-panel--intro,
body.public-feedback .public-feedback__intro{
  position:relative;
  overflow:hidden;
}

body.public-auth .auth-panel--intro::after,
body.public-feedback .public-feedback__intro::after{
  content:"";
  position:absolute;
  right:-24px;
  bottom:-22px;
  width:210px;
  height:170px;
  background:url("../images/public/profesyonel_destek.png") center bottom / contain no-repeat;
  opacity:.08;
  z-index:0;
  pointer-events:none;
}

body.public-auth .auth-panel--intro > *,
body.public-feedback .public-feedback__intro > *{
  position:relative;
  z-index:1;
}

@media (min-width: 1100px) and (max-height: 860px){
  body.public-home .public-home-hero{
    padding-top:12px;
  }

  body.public-home .public-home-hero__inner{
    min-height:calc(100vh - 204px);
    gap:18px;
  }

  body.public-home .public-home-hero__copy{
    gap:14px;
    padding:14px 0;
  }

  body.public-home .public-home-hero__copy h1{
    font-size:clamp(2.45rem, 4.6vw, 4.4rem);
  }

  body.public-home .public-home-system{
    padding:18px;
    gap:14px;
  }

  body.public-home .public-home-system__art{
    gap:12px;
    padding:14px;
  }

  body.public-home .public-home-system__art img{
    height:132px;
  }

  body.public-home .public-home-system__grid{
    gap:12px;
  }

  body.public-auth .auth-grid{
    min-height:calc(100vh - 128px);
    padding-top:10px;
  }

  body.public-auth .auth-panel{
    gap:12px;
    padding:20px;
  }

  body.public-auth .auth-panel--intro h2{
    font-size:clamp(1.8rem, 3.2vw, 2.85rem);
  }

  body.public-auth .auth-proof-grid{
    gap:10px;
  }

  body.public-auth .auth-proof-grid .stat-card{
    padding:16px;
  }

  body.public-auth .auth-note-list{
    display:none;
  }

  body.public-feedback .public-feedback{
    padding:12px 0 28px;
  }

  body.public-feedback .public-feedback__inner{
    gap:14px;
  }

  body.public-feedback .public-feedback__intro{
    gap:12px;
    padding-top:6px;
  }

  body.public-feedback .public-feedback__intro h1{
    font-size:clamp(2rem, 3.2vw, 3.4rem);
  }

  body.public-feedback .public-feedback__info{
    display:none;
  }

  body.public-feedback .public-feedback__form{
    gap:12px;
    padding:20px;
  }

  body.public-feedback .public-feedback__grid{
    gap:10px;
  }

  body.public-feedback .feedback-option{
    padding:12px 14px;
  }

  body.public-feedback .feedback-option small{
    line-height:1.45;
  }

  body.public-feedback .field__control--textarea{
    min-height:102px;
    resize:none;
  }
}

@media (max-width: 1099px){
  body.public-home .public-home-system__art{
    grid-template-columns:1fr;
  }

  body.public-home .public-home-system__art img{
    height:180px;
  }

  body.public-auth .auth-panel--intro::after,
  body.public-feedback .public-feedback__intro::after{
    opacity:.05;
    width:160px;
    height:130px;
  }
}

@media (max-width: 700px){
  body.public-home .public-home-system__art{
    grid-template-columns:1fr;
  }

  body.public-home .public-home-system__art img{
    height:180px;
  }

  body.public-auth .auth-panel--intro::after,
  body.public-feedback .public-feedback__intro::after{
    display:none;
  }
}

body.public-home .public-home-cta{
  padding:40px 0 0;
}

body.public-home .public-home-cta__inner{
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(300px,1.08fr);
  gap:22px;
  align-items:stretch;
  padding:26px;
  border-radius:32px;
  background:
    radial-gradient(circle at top left, rgba(37,99,235,.16), transparent 28%),
    linear-gradient(135deg, #0f172a 0%, #111c33 56%, #0d1726 100%);
  color:#fff;
  box-shadow:0 26px 60px rgba(2,6,23,.22);
}

body.public-home .public-home-cta__copy{
  display:grid;
  gap:14px;
  align-content:center;
  padding:8px 4px 8px 2px;
}

body.public-home .public-home-cta__copy .eyebrow{
  background:rgba(255,255,255,.10);
  color:#dbeafe;
}

body.public-home .public-home-cta__copy h2{
  color:#fff;
}

body.public-home .public-home-cta__copy p{
  max-width:48ch;
  margin:0;
  color:#d8e2ef;
  line-height:1.85;
}

body.public-home .public-home-cta__actions{
  margin-top:6px;
}

body.public-home .public-home-cta__inner .secondary-button{
  background:rgba(255,255,255,.08);
  color:#fff;
  border-color:rgba(255,255,255,.16);
}

body.public-home .public-home-cta__inner .secondary-button:hover{
  background:rgba(255,255,255,.14);
  border-color:rgba(255,255,255,.22);
}

body.public-home .public-home-cta__inner .text-link{
  color:#f8fbff;
  opacity:.92;
}

body.public-home .public-home-cta__inner .text-link:hover{
  color:#fff;
  opacity:1;
}

body.public-home .public-home-cta__visual{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(160px,.76fr);
  gap:12px;
  min-height:100%;
}

body.public-home .public-home-cta__stack{
  display:grid;
  gap:12px;
}

body.public-home .public-home-cta__shot{
  position:relative;
  margin:0;
  overflow:hidden;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.06);
  box-shadow:0 18px 34px rgba(2,6,23,.22);
}

body.public-home .public-home-cta__shot::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(15,23,42,.06), rgba(15,23,42,.28));
  pointer-events:none;
}

body.public-home .public-home-cta__shot img{
  display:block;
  width:100%;
  height:100%;
  min-height:146px;
  object-fit:cover;
  object-position:center;
}

body.public-home .public-home-cta__shot--large{
  min-height:100%;
}

body.public-home .public-home-cta__shot--large img{
  min-height:318px;
}

body.public-home .home-footer{
  margin-top:24px;
}

body.public-home .home-footer__inner{
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(240px,.72fr) minmax(200px,.86fr);
  gap:18px;
  align-items:stretch;
  padding:22px;
  background:
    radial-gradient(circle at top left, rgba(37,99,235,.05), transparent 22%),
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(244,247,251,.96));
}

body.public-home .home-footer__brand{
  max-width:none;
  display:grid;
  gap:14px;
  align-content:start;
}

body.public-home .home-footer__brand p{
  max-width:34ch;
  margin:0;
}

body.public-home .home-footer__visual{
  min-height:100%;
}

body.public-home .home-footer__poster{
  position:relative;
  height:100%;
  min-height:220px;
  overflow:hidden;
  border-radius:24px;
  background:#0f172a;
  box-shadow:0 14px 28px rgba(15,23,42,.10);
}

body.public-home .home-footer__poster img{
  display:block;
  width:100%;
  height:100%;
  min-height:220px;
  object-fit:cover;
  object-position:center;
}

body.public-home .home-footer__poster::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(15,23,42,.08), rgba(15,23,42,.48));
}

body.public-home .home-footer__poster-copy{
  position:absolute;
  left:18px;
  right:18px;
  bottom:18px;
  display:grid;
  gap:6px;
  z-index:1;
}

body.public-home .home-footer__poster-copy span{
  color:rgba(255,255,255,.78);
  font-size:.72rem;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.14em;
}

body.public-home .home-footer__poster-copy strong{
  color:#fff;
  font-size:1.02rem;
  line-height:1.5;
  letter-spacing:-.02em;
}

body.public-home .home-footer__columns{
  width:auto;
  display:grid;
  gap:12px;
  align-content:start;
}

body.public-home .home-footer__columns div{
  display:grid;
  gap:10px;
  padding:18px;
  border-radius:24px;
  border:1px solid rgba(15,23,42,.08);
  background:rgba(255,255,255,.82);
  box-shadow:0 12px 24px rgba(15,23,42,.04);
}

body.public-home .home-footer__columns a{
  display:inline-flex;
  width:fit-content;
  padding:2px 0;
}

body.public-home .home-footer__columns a[href="#ust"],
body.public-home .home-footer__columns a[href="#top"],
body.public-home .home-footer__columns a[href*="scroll"]{
  display:none !important;
}

@media (max-width: 1100px){
  body.public-home .public-home-cta__inner,
  body.public-home .home-footer__inner{
    grid-template-columns:1fr;
  }

  body.public-home .public-home-cta__visual{
    grid-template-columns:1fr;
  }

  body.public-home .public-home-cta__shot--large img,
  body.public-home .home-footer__poster,
  body.public-home .home-footer__poster img{
    min-height:240px;
  }

  body.public-home .home-footer__columns div{
    width:100%;
  }
}

@media (max-width: 700px){
  body.public-home .public-home-cta__inner{
    padding:18px;
    border-radius:24px;
  }

  body.public-home .public-home-cta__visual{
    gap:10px;
  }

  body.public-home .public-home-cta__shot img{
    min-height:180px;
  }

  body.public-home .public-home-cta__shot--large img,
  body.public-home .home-footer__poster,
  body.public-home .home-footer__poster img{
    min-height:180px;
  }

  body.public-home .home-footer__inner{
    padding:18px;
  }

  body.public-home .home-footer__columns div{
    padding:16px;
  }
}

@media (min-width: 1100px) and (max-height: 900px){
  body.public-home .public-home-hero{
    padding-top:12px;
  }

  body.public-home .public-home-hero__inner{
    min-height:calc(100vh - 200px);
    gap:18px;
  }

  body.public-home .public-home-hero__copy{
    gap:14px;
    padding:16px 0;
  }

  body.public-home .public-home-hero__copy h1{
    font-size:clamp(2.5rem, 4.5vw, 4.7rem);
  }

  body.public-home .public-home-section{
    padding-top:28px;
  }

  body.public-home .public-home-system{
    padding:18px;
    gap:14px;
  }

  body.public-home .public-home-system__art{
    gap:12px;
    padding:14px;
  }

  body.public-home .public-home-system__art img{
    height:132px;
  }

  body.public-home .public-home-flow,
  body.public-home .public-home-rolelist,
  body.public-home .public-home-metrics{
    gap:12px;
  }

  body.public-home .public-home-cta{
    padding-top:28px;
  }

  body.public-home .public-home-cta__inner{
    gap:18px;
    padding:20px;
  }

  body.public-home .public-home-cta__visual{
    gap:10px;
  }

  body.public-home .public-home-cta__shot--large img{
    min-height:254px;
  }

  body.public-home .home-footer__inner{
    padding:18px;
  }

  body.public-home .home-footer__poster,
  body.public-home .home-footer__poster img{
    min-height:184px;
  }
}

body.public-body{
  overflow-x:hidden;
}

body.public-body .public-footer{
  position:relative;
  isolation:isolate;
}

body.public-body .public-footer__inner{
  grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);
  gap:16px;
  overflow:hidden;
}

body.public-body .public-footer__brand,
body.public-body .public-footer__panel{
  position:relative;
  z-index:1;
}

body.public-body .public-footer__panel{
  gap:12px;
}

body.public-body .public-footer__panel img{
  aspect-ratio:16 / 10;
  min-height:180px;
}

body.public-body .public-footer__hint{
  display:inline-flex;
  align-items:center;
  width:fit-content;
  padding:10px 14px;
  border-radius:999px;
  border:1px solid rgba(15,23,42,.08);
  background:#fff;
  color:#0f172a;
  font-size:.92rem;
  font-weight:600;
  box-shadow:0 8px 18px rgba(15,23,42,.04);
}

body.public-body .public-footer__links{
  display:none;
}

body.public-auth .auth-grid{
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:16px;
  padding:14px 0 2px;
  align-items:stretch;
}

body.public-auth .auth-panel{
  gap:14px;
  animation:public-fade-up .72s cubic-bezier(.2,.8,.2,1) both;
}

body.public-auth .auth-panel--form{
  animation-delay:.08s;
}

body.public-auth .auth-panel--intro{
  background:
    radial-gradient(circle at 18% 20%, rgba(37,99,235,.06), transparent 22%),
    linear-gradient(180deg, #fff 0%, #f8fafc 100%);
}

body.public-auth .auth-panel--intro h2{
  max-width:14ch;
  font-size:clamp(1.9rem, 3.4vw, 3.1rem);
}

body.public-auth .auth-panel--intro p{
  line-height:1.72;
}

body.public-auth .auth-proof-grid{
  gap:10px;
}

body.public-auth .auth-note-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}

body.public-auth .auth-note-list article{
  display:grid;
  gap:12px;
  padding:14px;
  border:1px solid var(--border);
  border-radius:18px;
  background:#fff;
  box-shadow:0 10px 22px rgba(15,23,42,.04);
}

body.public-auth .auth-panel--form{
  padding:clamp(18px, 2.6vw, 28px);
}

body.public-auth .check-row{
  padding:9px 12px;
}

body.public-auth .check-row span{
  line-height:1.2;
}

@keyframes public-fade-up{
  from{
    opacity:0;
    transform:translateY(16px);
  }
  to{
    opacity:1;
    transform:translateY(0);
  }
}

@media (min-width: 1100px) and (max-height: 900px){
  body.public-auth .auth-grid{
    padding:10px 0 0;
    gap:14px;
  }

  body.public-auth .auth-panel{
    padding:18px 20px;
    gap:12px;
  }

  body.public-auth .auth-panel--intro h2{
    font-size:clamp(1.75rem, 2.8vw, 2.85rem);
  }

  body.public-auth .auth-panel--intro p{
    line-height:1.66;
  }

  body.public-auth .auth-note-list{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }

  body.public-auth .auth-note-list article{
    padding:12px;
  }

  body.public-auth .auth-proof-grid{
    gap:10px;
  }

  body.public-feedback .public-feedback{
    padding:12px 0 24px;
  }

  body.public-feedback .public-feedback__inner{
    gap:14px;
  }

  body.public-feedback .public-feedback__intro{
    gap:12px;
    padding-top:8px;
  }

  body.public-feedback .public-feedback__intro p{
    line-height:1.66;
  }

  body.public-feedback .public-feedback__info article{
    padding:14px 16px;
  }

  body.public-feedback .public-feedback__form{
    gap:12px;
    padding:20px;
  }

  body.public-feedback .public-feedback__grid{
    gap:10px;
  }

  body.public-feedback .field__control{
    min-height:48px;
  }

  body.public-feedback .field__control--textarea{
    min-height:92px;
  }
}

@media (max-width: 1100px){
  body.public-auth .auth-note-list{
    grid-template-columns:1fr;
  }
}

@media (prefers-reduced-motion: reduce){
  body.public-body *{
    animation:none !important;
    transition:none !important;
    scroll-behavior:auto !important;
  }
}

body.public-body .public-footer__inner{
  grid-template-columns:1fr;
}

body.public-body .public-footer__panel{
  display:none !important;
}

body.public-body .public-footer__brand{
  max-width:720px;
}

/* Compact public sizing for clearer desktop and laptop layouts */
body.public-body .public-header{
  padding-top:12px;
  padding-bottom:12px;
}

body.public-body .public-home-nav{
  gap:6px;
}

body.public-body .public-home-nav a{
  padding:8px 10px;
  font-size:.92rem;
  line-height:1.2;
}

body.public-body .public-header__actions .pill-button,
body.public-body .public-header__actions .secondary-button,
body.public-body .public-header__actions .icon-btn{
  min-height:40px;
  padding:0.65rem .95rem;
  font-size:.92rem;
}

body.public-body .public-header__brand{
  min-width:0;
  max-width:min(340px, 42vw);
}

body.public-body .public-header__brand strong{
  font-size:.96rem;
  line-height:1.15;
}

body.public-body .public-header__brand span{
  font-size:.75rem;
  line-height:1.35;
}

@media (max-width: 820px){
  body.public-body .public-header__brand{
    max-width:240px;
  }
}

body.public-auth .auth-grid{
  min-height:auto;
  gap:14px;
  padding:12px 0 10px;
  align-items:start;
}

body.public-auth .auth-panel{
  gap:10px;
  padding:18px;
}

body.public-auth .auth-panel--intro h2{
  font-size:clamp(1.6rem, 2.5vw, 2.2rem);
  line-height:1.04;
}

body.public-auth .auth-panel--intro p,
body.public-auth .panel-note{
  font-size:.93rem;
  line-height:1.55;
}

body.public-auth .auth-proof-grid{
  gap:8px;
}

body.public-auth .auth-proof-grid .stat-card{
  padding:12px 14px;
}

body.public-auth .auth-note-list{
  gap:8px;
}

body.public-auth .auth-note-list article{
  padding:10px 12px;
}

body.public-auth .auth-note-list span{
  width:30px;
  height:30px;
  font-size:.8rem;
}

body.public-auth .auth-panel--form h3{
  font-size:1.25rem;
  line-height:1.08;
}

body.public-auth .field__control{
  min-height:44px;
  padding:.72rem .95rem;
  font-size:.96rem;
}

body.public-auth .check-row{
  min-height:44px;
  padding:10px 12px;
  font-size:.95rem;
}

body.public-auth .text-link{
  font-size:.92rem;
}

body.public-auth .primary-button--wide{
  min-height:44px;
  padding:.72rem 1rem;
  font-size:.96rem;
}

@media (min-width: 1101px) and (max-height: 900px){
  body.public-auth .auth-grid{
    padding:8px 0 4px;
  }

  body.public-auth .auth-note-list{
    display:none;
  }

  body.public-auth .auth-panel{
    padding:16px;
  }

  body.public-auth .auth-proof-grid{
    gap:6px;
  }

  body.public-auth .auth-proof-grid .stat-card{
    padding:10px 12px;
  }

  body.public-auth .auth-panel--intro h2{
    font-size:clamp(1.45rem, 2vw, 2rem);
  }

  body.public-auth .auth-panel--form{
    gap:8px;
  }
}

@media (min-width: 1101px) and (max-height: 820px){
  body.public-auth .auth-panel--intro p{
    display:none;
  }

  body.public-auth .auth-proof-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  body.public-auth .auth-panel--form{
    gap:6px;
  }
}

body.public-auth .auth-grid{
  align-items:start;
  min-height:calc(100vh - 116px);
  padding:12px 0 0;
  gap:14px;
}

body.public-auth .auth-panel{
  gap:12px;
  padding:clamp(16px, 2.2vw, 24px);
}

body.public-auth .auth-panel--intro h2{
  max-width:15ch;
  font-size:clamp(1.8rem, 3vw, 2.8rem);
}

body.public-auth .auth-panel--intro p{
  line-height:1.65;
}

body.public-auth .auth-proof-grid{
  gap:10px;
}

body.public-auth .auth-note-list{
  gap:10px;
}

body.public-auth .auth-note-list article{
  padding-top:12px;
}

body.public-auth .auth-panel--form h3{
  font-size:clamp(1.35rem, 2.2vw, 1.8rem);
}

body.public-auth .panel-note{
  line-height:1.6;
}

body.public-auth .check-row{
  padding:8px 10px;
}

body.public-auth .auth-panel--form .primary-button--wide{
  min-height:42px;
}

body.public-feedback .public-feedback{
  padding:12px 0 24px;
}

body.public-feedback .public-feedback__inner{
  gap:14px;
  align-items:start;
}

body.public-feedback .public-feedback__intro{
  gap:12px;
}

body.public-feedback .public-feedback__intro h1{
  font-size:clamp(1.95rem, 3.4vw, 3rem);
}

body.public-feedback .public-feedback__intro p{
  line-height:1.65;
}

body.public-feedback .public-feedback__info{
  gap:10px;
}

body.public-feedback .public-feedback__info article{
  padding:12px 14px;
}

body.public-feedback .public-feedback__form{
  padding:clamp(16px, 2.3vw, 24px);
  gap:12px;
}

body.public-feedback .public-feedback__form h2{
  font-size:clamp(1.35rem, 2vw, 1.8rem);
}

body.public-feedback .public-feedback__grid{
  gap:10px;
}

body.public-feedback .public-feedback__form .field__control{
  min-height:42px;
}

body.public-feedback .field__control--textarea{
  min-height:84px;
}

body.public-feedback .primary-button--wide{
  min-height:42px;
}

body.public-body .primary-button,
body.public-body .secondary-button,
body.public-body .pill-button,
body.public-body .icon-btn{
  min-height:44px;
  padding:0.72rem 1rem;
  border-radius:14px;
  font-size:.94rem;
}

body.public-body .icon-btn{
  min-width:44px;
}

@media (min-width: 1101px) and (max-height: 920px){
  body.public-auth .auth-note-list{
    display:none;
  }

  body.public-feedback .public-feedback__info{
    display:none;
  }

  body.public-feedback .public-feedback__inner{
    align-items:stretch;
  }
}

@media (max-width: 700px){
  body.public-auth .auth-panel--intro h2{
    max-width:none;
  }

  body.public-feedback .public-feedback__intro h1{
    max-width:none;
  }
}

body.public-process .public-console,
body.public-roles .public-console,
body.public-reporting .public-console{
  display:grid;
  gap:12px;
  min-height:100%;
  padding:14px;
  border-radius:26px;
  border:1px solid rgba(15,23,42,.08);
  background:
    radial-gradient(circle at top left, rgba(29,78,216,.08), transparent 28%),
    linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(248,250,252,.98) 100%);
  box-shadow:0 18px 36px rgba(15,23,42,.06);
  animation:public-fade-up .82s cubic-bezier(.2,.8,.2,1) both .08s;
}

body.public-roles .public-console{
  background:
    radial-gradient(circle at top left, rgba(15,118,110,.08), transparent 28%),
    linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(248,250,252,.98) 100%);
}

body.public-reporting .public-console{
  background:
    radial-gradient(circle at top left, rgba(124,58,237,.08), transparent 28%),
    linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(248,250,252,.98) 100%);
}

body.public-process .public-console__chrome,
body.public-roles .public-console__chrome,
body.public-reporting .public-console__chrome{
  display:flex;
  align-items:center;
  gap:12px;
  padding-bottom:10px;
  border-bottom:1px solid rgba(15,23,42,.08);
}

body.public-process .public-console__traffic,
body.public-roles .public-console__traffic,
body.public-reporting .public-console__traffic{
  display:flex;
  gap:6px;
  flex:none;
}

body.public-process .public-console__traffic span,
body.public-roles .public-console__traffic span,
body.public-reporting .public-console__traffic span{
  width:10px;
  height:10px;
  border-radius:999px;
  background:#cbd5e1;
}

body.public-process .public-console__traffic span:nth-child(1),
body.public-roles .public-console__traffic span:nth-child(1),
body.public-reporting .public-console__traffic span:nth-child(1){ background:#ef4444; }
body.public-process .public-console__traffic span:nth-child(2),
body.public-roles .public-console__traffic span:nth-child(2),
body.public-reporting .public-console__traffic span:nth-child(2){ background:#f59e0b; }
body.public-process .public-console__traffic span:nth-child(3),
body.public-roles .public-console__traffic span:nth-child(3),
body.public-reporting .public-console__traffic span:nth-child(3){ background:#22c55e; }

body.public-process .public-console__title,
body.public-roles .public-console__title,
body.public-reporting .public-console__title{
  display:grid;
  gap:2px;
}

body.public-process .public-console__title span,
body.public-roles .public-console__title span,
body.public-reporting .public-console__title span{
  color:#64748b;
  font-size:.72rem;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.14em;
}

body.public-process .public-console__title strong,
body.public-roles .public-console__title strong,
body.public-reporting .public-console__title strong{
  color:#0f172a;
  font-size:.96rem;
  font-weight:800;
  letter-spacing:-.03em;
}

body.public-process .public-console__badge,
body.public-roles .public-console__badge,
body.public-reporting .public-console__badge{
  margin-left:auto;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(29,78,216,.09);
  color:#1d4ed8;
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}

body.public-roles .public-console__badge{
  background:rgba(15,118,110,.09);
  color:#0f766e;
}

body.public-reporting .public-console__badge{
  background:rgba(124,58,237,.09);
  color:#7c3aed;
}

body.public-process .public-console__body,
body.public-roles .public-console__body,
body.public-reporting .public-console__body{
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
  gap:10px;
  align-items:stretch;
}

body.public-process .public-console__cards,
body.public-roles .public-console__cards,
body.public-reporting .public-console__cards{
  order:0;
}

body.public-process .public-console__body,
body.public-roles .public-console__body,
body.public-reporting .public-console__body{
  order:1;
}

body.public-process .public-console__preview,
body.public-roles .public-console__preview,
body.public-reporting .public-console__preview{
  position:relative;
  overflow:hidden;
  margin:0;
  min-height:182px;
  border-radius:20px;
  border:1px solid rgba(15,23,42,.08);
  background:#0f172a;
  box-shadow:0 16px 30px rgba(15,23,42,.10);
}

body.public-process .public-console__preview::after,
body.public-roles .public-console__preview::after,
body.public-reporting .public-console__preview::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(15,23,42,.04), rgba(15,23,42,.18));
  pointer-events:none;
}

body.public-process .public-console__preview img,
body.public-roles .public-console__preview img,
body.public-reporting .public-console__preview img{
  display:block;
  width:100%;
  height:100%;
  min-height:182px;
  object-fit:cover;
  object-position:center;
}

body.public-process .public-console__detail,
body.public-roles .public-console__detail,
body.public-reporting .public-console__detail{
  display:grid;
  gap:8px;
  align-content:start;
  padding:2px 0 0;
}

body.public-process .public-console__eyebrow,
body.public-roles .public-console__eyebrow,
body.public-reporting .public-console__eyebrow{
  display:inline-flex;
  width:fit-content;
  padding:7px 11px;
  border-radius:999px;
  background:rgba(15,23,42,.04);
  color:#475569;
  font-size:.72rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.12em;
}

body.public-roles .public-console__eyebrow{
  background:rgba(15,118,110,.08);
  color:#0f766e;
}

body.public-reporting .public-console__eyebrow{
  background:rgba(124,58,237,.08);
  color:#7c3aed;
}

body.public-process .public-console__headline,
body.public-roles .public-console__headline,
body.public-reporting .public-console__headline{
  color:#0f172a;
  font-size:1.18rem;
  line-height:1.2;
  letter-spacing:-.04em;
}

body.public-process .public-console__detail p,
body.public-roles .public-console__detail p,
body.public-reporting .public-console__detail p{
  margin:0;
  color:#475569;
  line-height:1.58;
  font-size:.92rem;
}

body.public-process .public-console__stats,
body.public-roles .public-console__stats,
body.public-reporting .public-console__stats{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  margin-top:auto;
}

body.public-process .public-console__stats div,
body.public-roles .public-console__stats div,
body.public-reporting .public-console__stats div{
  display:grid;
  gap:5px;
  padding:11px 12px;
  border-radius:16px;
  border:1px solid rgba(15,23,42,.08);
  background:rgba(255,255,255,.9);
}

body.public-process .public-console__stats span,
body.public-roles .public-console__stats span,
body.public-reporting .public-console__stats span{
  color:#64748b;
  font-size:.72rem;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.12em;
}

body.public-process .public-console__stats strong,
body.public-roles .public-console__stats strong,
body.public-reporting .public-console__stats strong{
  color:#0f172a;
  font-size:.92rem;
  line-height:1.45;
}

body.public-process .public-console__cards,
body.public-roles .public-console__cards,
body.public-reporting .public-console__cards{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}

body.public-process .public-console__card,
body.public-roles .public-console__card,
body.public-reporting .public-console__card{
  appearance:none;
  border:1px solid rgba(15,23,42,.08);
  background:#fff;
  color:#0f172a;
  border-radius:18px;
  padding:13px;
  display:grid;
  gap:7px;
  text-align:left;
  cursor:pointer;
  box-shadow:0 12px 24px rgba(15,23,42,.05);
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease, background-color .16s ease;
}

body.public-process .public-console__card:hover,
body.public-roles .public-console__card:hover,
body.public-reporting .public-console__card:hover{
  transform:translateY(-1px);
  border-color:rgba(15,23,42,.14);
  box-shadow:0 16px 28px rgba(15,23,42,.08);
}

body.public-process .public-console__card:focus-visible,
body.public-roles .public-console__card:focus-visible,
body.public-reporting .public-console__card:focus-visible{
  outline:3px solid rgba(29,78,216,.22);
  outline-offset:2px;
}

body.public-process .public-console__card.is-active,
body.public-roles .public-console__card.is-active,
body.public-reporting .public-console__card.is-active{
  transform:translateY(-1px);
}

body.public-process .public-console__card span,
body.public-roles .public-console__card span,
body.public-reporting .public-console__card span{
  display:inline-grid;
  place-items:center;
  width:32px;
  height:32px;
  border-radius:11px;
  background:#0f172a;
  color:#fff;
  font-size:.8rem;
  font-weight:800;
}

body.public-process .public-console__card strong,
body.public-roles .public-console__card strong,
body.public-reporting .public-console__card strong{
  color:#0f172a;
  font-size:.95rem;
  line-height:1.32;
}

body.public-process .public-console__card p,
body.public-roles .public-console__card p,
body.public-reporting .public-console__card p{
  margin:0;
  color:#64748b;
  font-size:.88rem;
  line-height:1.45;
}

body.public-process .public-console__card:nth-child(1) span,
body.public-roles .public-console__card:nth-child(1) span,
body.public-reporting .public-console__card:nth-child(1) span{ background:#1d4ed8; }
body.public-process .public-console__card:nth-child(2) span,
body.public-roles .public-console__card:nth-child(2) span,
body.public-reporting .public-console__card:nth-child(2) span{ background:#0f766e; }
body.public-process .public-console__card:nth-child(3) span,
body.public-roles .public-console__card:nth-child(3) span,
body.public-reporting .public-console__card:nth-child(3) span{ background:#7c3aed; }
body.public-process .public-console__card:nth-child(4) span,
body.public-roles .public-console__card:nth-child(4) span,
body.public-reporting .public-console__card:nth-child(4) span{ background:#b45309; }

body.public-roles .public-console__card:nth-child(1) span{ background:#0f172a; }

body.public-process .public-console__card:nth-child(1).is-active{ border-color:rgba(29,78,216,.24); }
body.public-process .public-console__card:nth-child(2).is-active{ border-color:rgba(15,118,110,.24); }
body.public-process .public-console__card:nth-child(3).is-active{ border-color:rgba(124,58,237,.24); }
body.public-process .public-console__card:nth-child(4).is-active{ border-color:rgba(180,83,9,.24); }
body.public-roles .public-console__card:nth-child(1).is-active{ border-color:rgba(15,23,42,.24); }
body.public-roles .public-console__card:nth-child(2).is-active{ border-color:rgba(15,118,110,.24); }
body.public-roles .public-console__card:nth-child(3).is-active{ border-color:rgba(124,58,237,.24); }
body.public-roles .public-console__card:nth-child(4).is-active{ border-color:rgba(180,83,9,.24); }
body.public-reporting .public-console__card:nth-child(1).is-active{ border-color:rgba(29,78,216,.24); }
body.public-reporting .public-console__card:nth-child(2).is-active{ border-color:rgba(15,118,110,.24); }
body.public-reporting .public-console__card:nth-child(3).is-active{ border-color:rgba(124,58,237,.24); }
body.public-reporting .public-console__card:nth-child(4).is-active{ border-color:rgba(180,83,9,.24); }

@media (max-width: 1100px){
  body.public-process .public-console__body,
  body.public-roles .public-console__body,
  body.public-reporting .public-console__body{
    grid-template-columns:1fr;
  }

  body.public-process .public-console__detail,
  body.public-roles .public-console__detail,
  body.public-reporting .public-console__detail{
    order:1;
  }

  body.public-process .public-console__preview,
  body.public-roles .public-console__preview,
  body.public-reporting .public-console__preview{
    order:2;
  }

  body.public-process .public-console__preview,
  body.public-process .public-console__preview img,
  body.public-roles .public-console__preview,
  body.public-roles .public-console__preview img,
  body.public-reporting .public-console__preview,
  body.public-reporting .public-console__preview img{
    min-height:156px;
  }

  body.public-process .public-console__cards,
  body.public-roles .public-console__cards,
  body.public-reporting .public-console__cards{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width: 700px){
  body.public-process .public-console,
  body.public-roles .public-console,
  body.public-reporting .public-console{
    padding:12px;
  }

  body.public-process .public-console__chrome,
  body.public-roles .public-console__chrome,
  body.public-reporting .public-console__chrome{
    flex-wrap:wrap;
  }

  body.public-process .public-console__badge,
  body.public-roles .public-console__badge,
  body.public-reporting .public-console__badge{
    margin-left:0;
  }

  body.public-process .public-console__preview,
  body.public-process .public-console__preview img,
  body.public-roles .public-console__preview,
  body.public-roles .public-console__preview img,
  body.public-reporting .public-console__preview,
  body.public-reporting .public-console__preview img{
    min-height:130px;
  }

  body.public-process .public-console__cards,
  body.public-roles .public-console__cards,
  body.public-reporting .public-console__cards{
    grid-template-columns:1fr;
  }
}

@media (min-width: 1101px) and (max-height: 900px){
  body.public-process .public-console,
  body.public-roles .public-console,
  body.public-reporting .public-console{
    padding:12px;
    gap:10px;
  }

  body.public-process .public-console__preview,
  body.public-process .public-console__preview img,
  body.public-roles .public-console__preview,
  body.public-roles .public-console__preview img,
  body.public-reporting .public-console__preview,
  body.public-reporting .public-console__preview img{
    min-height:154px;
  }

  body.public-process .public-console__cards,
  body.public-roles .public-console__cards,
  body.public-reporting .public-console__cards{
    gap:8px;
  }
}

@media (max-width: 1100px){
  body.public-body .public-home-nav{
    overflow-x:auto;
    flex-wrap:nowrap;
    width:100%;
    gap:8px;
    padding-bottom:4px;
    scroll-snap-type:x proximity;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }

  body.public-body .public-home-nav::-webkit-scrollbar{
    display:none;
  }

  body.public-body .public-home-nav a{
    flex:none;
    white-space:nowrap;
    scroll-snap-align:start;
  }
}

body.public-body .primary-button,
body.public-body .secondary-button,
body.public-body .pill-button{
  min-height:44px;
  padding:.72rem 1rem;
  border-radius:14px;
  font-size:.95rem;
}

body.public-body .field__control{
  min-height:44px;
  padding:.72rem .9rem;
}

body.public-body .auth-panel,
body.public-body .public-feedback__inner,
body.public-body .public-feedback__form{
  padding:24px;
}

body.public-body .auth-panel--intro h2,
body.public-body .auth-panel--form h3,
body.public-body .public-feedback__intro h1,
body.public-body .public-feedback__form h2{
  font-size:clamp(1.42rem, 2.4vw, 2.15rem);
  line-height:1.12;
}

body.public-body .auth-panel--intro p,
body.public-body .public-feedback__intro p,
body.public-body .panel-note{
  font-size:.95rem;
  line-height:1.55;
}

body.public-body .auth-panel--intro{
  color:#f4f8ff;
}

body.public-body .auth-panel--intro .eyebrow,
body.public-body .auth-panel--intro h2,
body.public-body .auth-panel--intro h3,
body.public-body .auth-panel--intro strong{
  color:#fff;
}

body.public-body .auth-panel--intro .stat-card{
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.10);
  color:#fff;
}

body.public-body .auth-panel--intro .stat-card__label,
body.public-body .auth-panel--intro .stat-card__hint{
  color:#d4deea;
}

body.public-body .auth-panel--intro .auth-note-list article{
  background:rgba(255,255,255,.06);
  border-color:rgba(255,255,255,.10);
}

body.public-body .auth-panel--intro .auth-note-list article p{
  color:#dbe6f5;
}

body.public-body .auth-panel--intro .auth-note-list article span{
  background:rgba(29, 78, 216, .14);
  color:#eff4ff;
}

body.app-body .star-meter__fill{
  color:#fbbf24;
}

body.public-body .toast-stack{
  top:88px;
  left:50%;
  transform:translateX(-50%);
  right:auto;
  width:min(520px, calc(100vw - 32px));
}

body.app-body .toast-stack{
  top:88px;
  right:18px;
  left:auto;
  transform:none;
}

/* Saydinc Drive branding refresh */
body.public-home .public-header .brand-mark,
body.public-body .public-header .brand-mark,
body.app-body .sidebar .brand-mark{
  background:#fff;
  border:1px solid rgba(148, 163, 184, .18);
  box-shadow:0 14px 28px rgba(15, 23, 42, .12);
}

.brand-mark{
  width:56px;
  height:56px;
  padding:8px;
  border-radius:18px;
  display:grid;
  place-items:center;
  overflow:hidden;
}

.brand-mark img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
}

body.public-body img.public-media{
  display:block;
  width:100% !important;
  height:auto !important;
  aspect-ratio:16 / 10;
  object-fit:cover;
  object-position:center;
  border-radius:24px;
  background:#eef2f7;
  box-shadow:0 18px 32px rgba(15, 23, 42, .08);
}

body.public-home .public-home-system__art img.public-media,
body.public-home .public-home-cta__shot img.public-media,
body.public-overview .public-overview-console__preview img.public-media,
body.public-overview .public-overview__visual img.public-media,
body.public-process .public-console__preview img.public-media,
body.public-roles .public-console__preview img.public-media,
body.public-reporting .public-console__preview img.public-media{
  min-height:0 !important;
}

body.public-body img.public-media{
  width:min(100%, 420px) !important;
  max-width:420px !important;
  height:clamp(126px, 15vw, 220px) !important;
  object-fit:contain;
  object-position:center;
  margin-inline:auto;
}

body.public-home .public-home-system__art img.public-media{
  width:min(100%, 360px) !important;
  height:clamp(116px, 13vw, 160px) !important;
}

body.public-home .public-home-cta__shot,
body.public-overview .public-overview-console__preview,
body.public-overview .public-overview__shot,
body.public-process .public-console__preview,
body.public-roles .public-console__preview,
body.public-reporting .public-console__preview{
  min-height:0 !important;
}

body.public-home .public-home-cta__shot img.public-media,
body.public-overview .public-overview-console__preview img.public-media,
body.public-overview .public-overview__visual img.public-media,
body.public-process .public-console__preview img.public-media,
body.public-roles .public-console__preview img.public-media,
body.public-reporting .public-console__preview img.public-media{
  width:min(100%, 420px) !important;
  height:clamp(130px, 16vw, 208px) !important;
}

body.public-home .public-home-cta__shot--large img.public-media,
body.public-overview .public-overview__shot--large img.public-media{
  height:clamp(168px, 20vw, 250px) !important;
}

@media (max-width: 700px){
  body.public-body img.public-media{
    width:100% !important;
    max-width:none !important;
    height:clamp(110px, 42vw, 168px) !important;
  }

  body.public-home .public-home-system__art img.public-media,
  body.public-home .public-home-cta__shot img.public-media,
  body.public-overview .public-overview-console__preview img.public-media,
  body.public-overview .public-overview__visual img.public-media,
  body.public-process .public-console__preview img.public-media,
  body.public-roles .public-console__preview img.public-media,
  body.public-reporting .public-console__preview img.public-media{
    width:100% !important;
    height:clamp(110px, 42vw, 168px) !important;
  }

  body.public-home .public-home-cta__shot--large img.public-media,
  body.public-overview .public-overview__shot--large img.public-media{
    height:clamp(150px, 52vw, 220px) !important;
  }
}

/* Compact admin / founder sheets */
body.app-body .panel--sheet{
  padding:20px 20px 18px;
}

body.app-body .panel--sheet-form{
  position:relative;
}

body.app-body .admin-grid--sheet{
  grid-template-columns:minmax(0, 1.55fr) minmax(340px, .85fr);
  align-items:start;
}

body.app-body .founder-filter{
  padding:16px 18px;
}

body.app-body .founder-filter__grid{
  display:grid;
  grid-template-columns:minmax(0, 1fr) minmax(0, 1fr) auto;
  gap:14px;
  align-items:end;
}

body.app-body .founder-filter__actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:end;
}

body.app-body .table-wrap--sheet{
  border-radius:16px;
}

body.app-body .table--compact th,
body.app-body .table--compact td{
  padding:10px 12px;
  font-size:.86rem;
}

body.app-body .table--sheet th{
  white-space:nowrap;
}

body.app-body .table--sheet tr.is-selected td{
  background:rgba(29, 78, 216, .06);
}

body.app-body .pill-button--dense{
  padding:8px 12px;
  font-size:.82rem;
}

body.app-body .panel--sheet-form .field__control{
  padding:12px 14px;
}

body.app-body .badge--info{
  background:rgba(29, 78, 216, .10);
  color:var(--accent);
}

body.app-body .feedback-author-link{
  display:inline-flex;
  align-items:center;
  color:inherit;
  text-decoration:none;
  cursor:pointer;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background-color .18s ease;
}

body.app-body .feedback-author-link:hover,
body.app-body .feedback-author-link:focus-visible{
  transform:translateY(-1px);
  border-color:rgba(148, 163, 184, .9);
  box-shadow:0 12px 24px rgba(15, 23, 42, .08);
  outline:none;
}

body.app-body .table--sheet{
  table-layout:fixed;
}

body.app-body .table--sheet td,
body.app-body .table--sheet th{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

body.app-body .table-wrap--sheet{
  max-height:calc(100vh - 240px);
  overflow:auto;
}

body.app-body .table-cell-subtitle{
  margin:4px 0 0;
  font-size:.76rem;
  color:var(--muted);
}

body.app-body .profile-sheet{
  display:grid;
  gap:14px;
  margin-bottom:16px;
  padding:16px;
  border:1px solid rgba(216, 225, 235, .9);
  border-radius:18px;
  background:linear-gradient(180deg, #f8fbff 0%, #fff 100%);
}

body.app-body .profile-sheet__header{
  display:flex;
  align-items:center;
  gap:14px;
}

body.app-body .profile-avatar{
  width:72px;
  height:72px;
  border-radius:20px;
  overflow:hidden;
  flex:0 0 72px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg, rgba(29, 78, 216, .14), rgba(15, 118, 110, .14));
  color:var(--accent);
  font-size:1.6rem;
  font-weight:800;
}

body.app-body .profile-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
}

body.app-body .profile-sheet__intro h4{
  margin:0;
  font-size:1rem;
}

body.app-body .profile-sheet__intro p{
  margin:2px 0 0;
  color:var(--muted);
  font-size:.88rem;
}

body.app-body .profile-meta-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:10px;
}

body.app-body .profile-meta,
body.app-body .profile-linked-card{
  padding:12px 14px;
  border-radius:14px;
  border:1px solid rgba(216, 225, 235, .9);
  background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);
  box-shadow:0 10px 24px rgba(15, 23, 42, .05);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

body.app-body .profile-meta:hover,
body.app-body .profile-linked-card:hover{
  transform:translateY(-1px);
  border-color:rgba(29, 78, 216, .16);
  box-shadow:0 16px 30px rgba(15, 23, 42, .08);
}

body.app-body .profile-linked-card[data-row-link],
body.app-body .analytics-alert[data-row-link],
body.app-body .analytics-operation-card[data-row-link]{
  cursor:pointer;
}

body.app-body .profile-linked-card[data-row-link]:hover,
body.app-body .analytics-alert[data-row-link]:hover,
body.app-body .analytics-operation-card[data-row-link]:hover{
  transform:translateY(-2px);
  border-color:rgba(29, 78, 216, .18);
  box-shadow:0 18px 34px rgba(15, 23, 42, .10);
}

body.app-body .profile-meta span,
body.app-body .profile-linked-card span{
  display:block;
  margin-bottom:4px;
  font-size:.74rem;
  color:var(--muted);
  text-transform:uppercase;
  letter-spacing:.08em;
}

body.app-body .profile-meta strong,
body.app-body .profile-linked-card strong{
  display:block;
  font-size:.9rem;
  color:var(--text);
}

body.app-body .profile-meta small{
  display:block;
  margin-top:6px;
  color:var(--muted);
  line-height:1.4;
}

body.app-body .profile-meta-grid--founder-user{
  grid-template-columns:repeat(3, minmax(0, 1fr));
}

body.app-body .profile-meta--security{
  display:grid;
  gap:6px;
  align-content:start;
}

body.app-body .profile-meta__select-wrap{
  display:block;
  margin-top:2px;
}

body.app-body .profile-meta__select{
  min-height:40px;
  padding:0 12px;
  font-size:.84rem;
}

body.app-body .profile-meta--security strong{
  font-size:.86rem;
  line-height:1.35;
}

body.app-body .profile-meta--security small{
  margin-top:0;
}

body.app-body .profile-linked-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:10px;
}

body.app-body .profile-linked-grid--compact{
  gap:12px;
}

body.app-body .profile-linked-grid--compact .profile-linked-card{
  padding:14px;
}

body.app-body .profile-linked-grid--compact .profile-linked-card strong{
  font-size:.86rem;
}

body.app-body .profile-linked-card small{
  display:block;
  margin-top:6px;
  color:var(--muted);
  line-height:1.4;
}

body.app-body .ranking-category-summary{
  display:grid;
  gap:6px;
  margin-top:8px;
}

body.app-body .ranking-category-summary--link{
  text-decoration:none;
  color:inherit;
  border-radius:16px;
  padding:2px 0;
  cursor:pointer;
  transition:transform .18s ease, opacity .18s ease;
}

body.app-body .ranking-category-summary--link:hover{
  transform:translateY(-1px);
  opacity:.96;
}

body.app-body .ranking-category-summary__label{
  display:block;
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--muted);
}

body.app-body .ranking-category-summary .chip-list{
  gap:6px;
}

body.app-body .ranking-category-summary .badge{
  font-size:.72rem;
  padding:5px 8px;
}

body.app-body .ranking-category-summary--link .ranking-category-summary__label{
  color:var(--primary-600);
}

body.app-body .ranking-category-summary--link .badge{
  border-color:rgba(37, 99, 235, .22);
  background:rgba(37, 99, 235, .06);
  color:var(--primary-700);
}

body.app-body .analytics-mode-switcher,
body.app-body .analytics-company-tabs{
  display:flex;
  flex-wrap:nowrap;
  gap:10px;
  margin:14px 0 18px;
  overflow-x:auto;
  padding:8px;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
  scroll-snap-type:x proximity;
  border:1px solid rgba(216, 225, 235, .78);
  border-radius:20px;
  background:rgba(255,255,255,.66);
  box-shadow:0 14px 30px rgba(15, 23, 42, .05);
}

body.app-body .student-overview-grid{
  grid-template-columns:repeat(3, minmax(0, 1fr));
  margin:12px 0 16px;
}

body.app-body .student-directory-shell .profile-linked-card{
  padding:14px;
  font-size:.92rem;
}

body.app-body .student-directory-shell .profile-linked-card span{
  font-size:.66rem;
}

body.app-body .student-directory-shell .profile-linked-card strong{
  font-size:.88rem;
}

body.app-body .student-directory-shell .profile-linked-card small{
  font-size:.72rem;
  line-height:1.35;
}

body.app-body .student-directory-shell .chip-list .badge{
  font-size:.66rem;
  padding:4px 7px;
}

body.app-body .student-directory-shell .company-directory-card.is-selected,
body.app-body .student-directory-shell .company-branch-card.is-selected{
  border-color:rgba(29, 78, 216, .24);
  box-shadow:0 18px 34px rgba(15, 23, 42, .12);
}

body.app-body .company-directory-layout{
  display:grid;
  grid-template-columns:minmax(280px, 320px) minmax(0, 1fr);
  gap:16px;
  align-items:start;
}

body.app-body .company-directory-list{
  position:sticky;
  top:94px;
  display:grid;
  gap:14px;
}

body.app-body .company-directory-card,
body.app-body .company-branch-card,
body.app-body .company-rating-card{
  display:grid;
  gap:8px;
}

body.app-body .company-directory-card .chip-list,
body.app-body .company-branch-card .chip-list,
body.app-body .company-rating-card .chip-list{
  gap:6px;
}

body.app-body .company-branch-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:12px;
}

body.app-body .company-branch-card__actions,
body.app-body .company-rating-card__meta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}

body.app-body .company-rating-grid{
  display:grid;
  gap:12px;
}

body.app-body .analytics-table--ranking tr{
  cursor:pointer;
}

body.app-body .analytics-table--ranking{
  width:100%;
  table-layout:fixed;
  font-size:.78rem;
  line-height:1.35;
}

body.app-body .analytics-table--ranking thead th{
  padding:10px 8px;
  font-size:.62rem;
  letter-spacing:.09em;
}

body.app-body .analytics-table--ranking tbody td{
  padding:10px 8px;
  vertical-align:top;
}

body.app-body .analytics-table--ranking th:first-child,
body.app-body .analytics-table--ranking td:first-child{
  width:52px;
  text-align:center;
}

body.app-body .analytics-table--ranking th:nth-child(2),
body.app-body .analytics-table--ranking td:nth-child(2){
  width:18%;
}

body.app-body .analytics-table--ranking th:nth-child(3),
body.app-body .analytics-table--ranking td:nth-child(3),
body.app-body .analytics-table--ranking th:nth-child(4),
body.app-body .analytics-table--ranking td:nth-child(4),
body.app-body .analytics-table--ranking th:nth-child(5),
body.app-body .analytics-table--ranking td:nth-child(5),
body.app-body .analytics-table--ranking th:nth-child(6),
body.app-body .analytics-table--ranking td:nth-child(6){
  width:8.25%;
  white-space:nowrap;
}

body.app-body .analytics-table--ranking th:last-child,
body.app-body .analytics-table--ranking td:last-child{
  width:27%;
}

body.app-body .analytics-table--ranking .table-cell-subtitle{
  font-size:.66rem;
  line-height:1.2;
  margin-top:4px;
}

body.app-body .analytics-table--ranking .ranking-category-summary{
  gap:4px;
  margin-top:5px;
}

body.app-body .analytics-table--ranking .ranking-category-summary__label{
  font-size:.64rem;
}

body.app-body .analytics-table--ranking .badge{
  font-size:.66rem;
  padding:4px 7px;
}

body.app-body .analytics-table--ranking tr:hover td{
  background:#f8fbff;
}

body.app-body tr[data-row-link]{
  cursor:pointer;
}

body.app-body tr[data-row-link]:hover td{
  background:#f8fbff;
}

@media (max-width: 1200px){
  body.app-body .admin-grid--sheet{
    grid-template-columns:1fr;
  }

  body.app-body .panel--sheet-form{
    position:relative;
  }

  body.app-body .profile-meta-grid,
  body.app-body .profile-meta-grid--founder-user,
  body.app-body .profile-linked-grid{
    grid-template-columns:1fr;
  }

  body.app-body .analytics-operations__stats,
  body.app-body .analytics-operations__stats--compact{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  body.app-body .founder-filter__grid{
    grid-template-columns:1fr 1fr;
  }

  body.app-body .founder-filter__actions{
    grid-column:1 / -1;
  }

  body.app-body .company-directory-layout{
    grid-template-columns:1fr;
  }

  body.app-body .company-directory-list{
    position:relative;
    top:auto;
  }

  body.app-body .company-branch-grid{
    grid-template-columns:1fr;
  }

  body.app-body .analytics-mode-switcher,
  body.app-body .analytics-company-tabs{
    gap:8px;
  }

  body.app-body .analytics-company-tabs{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width: 760px){
  body.app-body .founder-filter__grid{
    grid-template-columns:1fr;
  }

  body.app-body .table--compact th,
  body.app-body .table--compact td{
    padding:9px 10px;
    font-size:.82rem;
  }

  body.app-body .profile-sheet__header{
    align-items:flex-start;
  }

  body.app-body .student-overview-grid{
    grid-template-columns:1fr;
  }
}

body.public-auth .auth-center{
  width:min(720px, calc(100% - 40px));
  margin:0 auto;
  padding:28px 0 56px;
}

body.public-auth .auth-card--login{
  display:grid;
  gap:22px;
  padding:28px;
  border-radius:28px;
  border:1px solid rgba(216, 225, 235, .95);
  background:rgba(255,255,255,.90);
  box-shadow:var(--shadow);
  backdrop-filter:blur(16px);
}

body.public-auth .auth-card__header{
  display:grid;
  gap:18px;
}

body.public-auth .auth-card__brand{
  padding:0;
}

body.public-auth .auth-card__copy h2{
  margin:8px 0 10px;
  font-size:clamp(1.8rem, 3.4vw, 2.5rem);
  letter-spacing:-.04em;
}

body.public-auth .auth-card__copy p{
  margin:0;
  color:var(--muted);
  line-height:1.7;
}

body.public-auth .auth-error-banner{
  display:grid;
  gap:4px;
  padding:14px 16px;
  border-radius:16px;
  border:1px solid rgba(220, 38, 38, .18);
  background:rgba(220, 38, 38, .08);
  color:#991b1b;
}

body.public-auth .auth-error-banner strong{
  font-size:.96rem;
}

body.public-auth .auth-form-grid{
  display:grid;
  gap:14px;
}

body.public-auth .auth-form__footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:2px 0 8px;
}

body.public-auth .auth-demo,
body.public-auth .auth-sample{
  padding-top:4px;
  border-top:1px solid rgba(216, 225, 235, .72);
}

body.public-auth .auth-demo-grid,
body.public-auth .auth-sample-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:12px;
}

body.public-auth .auth-demo-card,
body.public-auth .auth-sample-card{
  padding:14px 16px;
  border-radius:18px;
  border:1px solid rgba(216, 225, 235, .86);
  background:linear-gradient(180deg, #fff 0%, #f8fbff 100%);
  box-shadow:var(--shadow-soft);
}

body.public-auth .auth-demo-card strong,
body.public-auth .auth-sample-card strong{
  display:block;
  margin-bottom:8px;
  font-size:.95rem;
}

body.public-auth .auth-demo-card p,
body.public-auth .auth-sample-card p{
  margin:4px 0 0;
  color:var(--muted);
  font-size:.86rem;
  line-height:1.45;
}

body.public-auth .auth-demo .section-head > div,
body.public-auth .auth-sample .section-head > div{
  display:block;
}

body.public-auth .auth-demo .section-head > div > h3,
body.public-auth .auth-demo .section-head > div > p,
body.public-auth .auth-sample .section-head > div > h3,
body.public-auth .auth-sample .section-head > div > p{
  display:none;
}

body.public-auth .auth-demo .section-head > div::before,
body.public-auth .auth-sample .section-head > div::before{
  content:"Hızlı erişim hesapları";
  display:block;
  margin-bottom:6px;
  color:var(--text);
  font-size:1rem;
  font-weight:800;
  letter-spacing:-.01em;
}

body.public-auth .auth-demo .section-head > div::after,
body.public-auth .auth-sample .section-head > div::after{
  content:"Kurucu, yönetici, eğitmen ve öğrenci girişleri tek yerde.";
  display:block;
  color:var(--muted);
  font-size:.88rem;
  line-height:1.45;
}

body.public-auth .auth-form-grid .field__control{
  min-height:52px;
}

body.public-auth .text-link{
  margin-top:0;
}

body.public-auth .auth-card__form .primary-button--wide{
  margin-top:4px;
}

body.public-auth .home-editor-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:4px 0 18px;
}

body.public-auth .home-editor-tab,
body.app-body .home-editor-tab{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 16px;
  border-radius:999px;
  border:1px solid rgba(216, 225, 235, .92);
  background:#fff;
  color:var(--muted);
  font-weight:700;
  cursor:pointer;
  transition:all .18s ease;
}

body.public-auth .home-editor-tab.is-active,
body.app-body .home-editor-tab.is-active{
  background:var(--accent);
  border-color:var(--accent);
  color:#fff;
  box-shadow:0 12px 24px rgba(29, 78, 216, .18);
}

body.public-auth .home-editor-tab-panel,
body.app-body .home-editor-tab-panel{
  display:none;
}

body.public-auth .home-editor-tab-panel.is-active,
body.app-body .home-editor-tab-panel.is-active{
  display:block;
}

body.app-body .company-row{
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto;
  gap:16px;
  padding:14px 16px;
  border-radius:18px;
  border:1px solid rgba(216, 225, 235, .88);
  background:#fff;
  box-shadow:var(--shadow-soft);
}

body.app-body .company-row + .company-row{
  margin-top:10px;
}

body.app-body .company-row--child{
  margin-left:24px;
  border-left:4px solid rgba(29, 78, 216, .18);
}

body.app-body .company-row__main strong{
  display:block;
  font-size:.98rem;
}

body.app-body .company-row__main p,
body.app-body .company-row__main small{
  display:block;
  margin:4px 0 0;
  color:var(--muted);
  line-height:1.45;
}

body.app-body .company-row__meta{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-end;
  gap:8px;
  white-space:nowrap;
}

body.app-body .company-tree{
  display:grid;
  gap:10px;
}

body.app-body .profile-meta-grid--compact{
  gap:8px;
}

body.app-body .subscriptions-shell{
  display:grid;
  gap:18px;
}

body.app-body .subscriptions-hero{
  align-items:flex-end;
}

body.app-body .subscriptions-hero p{
  max-width:68ch;
}

body.app-body .subscriptions-hero__legend{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:10px;
}

body.app-body .subscriptions-stats{
  grid-template-columns:repeat(4, minmax(0, 1fr));
}

body.app-body .subscriptions-filter{
  display:grid;
  gap:14px;
}

body.app-body .subscriptions-filter__grid{
  display:grid;
  grid-template-columns:minmax(0, 1.2fr) minmax(220px, .55fr) auto;
  gap:12px;
  align-items:end;
}

body.app-body .subscriptions-layout{
  display:grid;
  grid-template-columns:minmax(0, 1.1fr) minmax(320px, .9fr);
  gap:18px;
  align-items:start;
}

body.app-body .subscriptions-list{
  min-width:0;
}

body.app-body .subscription-company{
  display:grid;
  gap:14px;
  padding:18px;
  border-radius:24px;
  border:1px solid rgba(216, 225, 235, .94);
  background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);
  box-shadow:var(--shadow-soft);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

body.app-body .subscription-company:hover{
  transform:translateY(-2px);
  border-color:rgba(29, 78, 216, .16);
}

body.app-body .subscription-company.is-selected{
  transform:translateY(-3px);
  border-color:rgba(29, 78, 216, .24);
  box-shadow:0 24px 52px rgba(29, 78, 216, .10);
}

body.app-body .subscription-company__header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  color:inherit;
  text-decoration:none;
}

body.app-body .subscription-company__identity{
  display:flex;
  align-items:center;
  gap:14px;
  min-width:0;
}

body.app-body .subscription-company__avatar{
  width:48px;
  height:48px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg, rgba(29, 78, 216, .12), rgba(15, 118, 110, .12));
  color:var(--accent);
  font-weight:900;
  letter-spacing:-.03em;
  flex:0 0 auto;
}

body.app-body .subscription-company__identity strong{
  display:block;
  font-size:1.02rem;
  line-height:1.25;
  letter-spacing:-.03em;
}

body.app-body .subscription-company__identity p{
  margin:4px 0 0;
  color:var(--muted);
  line-height:1.45;
}

body.app-body .subscription-company__meta{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  align-items:center;
  gap:8px;
  text-align:right;
}

body.app-body .subscription-company__summary{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

body.app-body .subscription-company__chip{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:9px 12px;
  border-radius:999px;
  background:#f8fbff;
  border:1px solid rgba(216, 225, 235, .9);
  color:var(--muted);
  font-size:.84rem;
  font-weight:800;
}

body.app-body .subscription-company__chip--danger{
  background:rgba(254,242,242,.95);
  border-color:rgba(248,113,113,.18);
  color:#b91c1c;
}

body.app-body .subscription-company__chip--warning{
  background:rgba(255,251,235,.95);
  border-color:rgba(245,158,11,.18);
  color:#92400e;
}

body.app-body .subscription-company__branches{
  display:grid;
  gap:10px;
}

body.app-body .subscription-branch{
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto;
  gap:12px;
  padding:14px 16px;
  border-radius:18px;
  border:1px solid rgba(216, 225, 235, .92);
  background:#fff;
}

body.app-body .subscription-branch.is-selected{
  background:linear-gradient(180deg,#f6faff 0%,#ffffff 100%);
  border-color:rgba(29, 78, 216, .22);
}

body.app-body .subscription-branch__main{
  display:grid;
  gap:4px;
  min-width:0;
}

body.app-body .subscription-branch__main strong{
  display:block;
  font-size:.98rem;
  line-height:1.32;
}

body.app-body .subscription-branch__main p,
body.app-body .subscription-branch__main small{
  margin:0;
  color:var(--muted);
  line-height:1.45;
}

body.app-body .subscription-branch__meta{
  display:grid;
  gap:8px;
  justify-items:end;
  text-align:right;
}

body.app-body .subscription-alert{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:9px 12px;
  border-radius:999px;
  font-weight:800;
  font-size:.84rem;
  line-height:1.2;
}

body.app-body .subscription-alert strong{
  display:grid;
  place-items:center;
  width:20px;
  height:20px;
  border-radius:999px;
  background:rgba(255,255,255,.72);
}

body.app-body .subscription-alert--danger{
  background:rgba(254,242,242,.96);
  color:#b91c1c;
}

body.app-body .subscription-alert--warning{
  background:rgba(255,251,235,.96);
  color:#92400e;
}

body.app-body .subscription-alert--success{
  background:rgba(240,253,244,.96);
  color:#166534;
}

body.app-body .subscription-alert--neutral{
  background:#f8fafc;
  color:#475569;
}

body.app-body .subscription-detail{
  position:sticky;
  top:112px;
  align-self:start;
}

body.app-body .subscription-detail__hero{
  display:flex;
  gap:14px;
  align-items:flex-start;
  margin:18px 0 16px;
}

body.app-body .subscription-detail__intro{
  display:grid;
  gap:6px;
  min-width:0;
}

body.app-body .subscription-detail__intro h4,
body.app-body .subscription-detail__branch-head h4{
  margin:0;
  letter-spacing:-.03em;
}

body.app-body .subscription-detail__intro p,
body.app-body .subscription-detail__branch-head p{
  margin:0;
  color:var(--muted);
  line-height:1.5;
}

body.app-body .subscription-detail__panel{
  display:grid;
  gap:16px;
  margin-top:10px;
  padding:18px;
  border-radius:22px;
  border:1px solid rgba(216, 225, 235, .94);
  background:linear-gradient(180deg,#fbfdff 0%,#fff 100%);
}

body.app-body .subscription-detail__branch-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
}

body.app-body .subscription-detail__branch-head-actions{
  display:grid;
  justify-items:end;
  gap:8px;
}

body.app-body .subscription-detail__actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

body.app-body .subscription-detail .empty-state{
  min-height:240px;
}

@media (max-width: 1100px){
  body.app-body .subscriptions-layout{
    grid-template-columns:1fr;
  }

  body.app-body .subscription-detail{
    position:static;
    top:auto;
  }
}

@media (max-width: 900px){
  body.app-body .subscriptions-hero{
    align-items:flex-start;
    flex-direction:column;
  }

  body.app-body .subscriptions-hero__legend{
    justify-content:flex-start;
  }

  body.app-body .subscriptions-stats{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  body.app-body .subscriptions-filter__grid{
    grid-template-columns:1fr;
  }

  body.app-body .subscription-company__header{
    display:grid;
    grid-template-columns:1fr;
    gap:12px;
    align-items:start;
  }

  body.app-body .subscription-company__meta{
    justify-content:flex-start;
    text-align:left;
  }

  body.app-body .subscription-detail__hero{
    flex-direction:column;
  }

  body.app-body .subscription-detail__branch-head{
    flex-direction:column;
    align-items:flex-start;
  }

  body.app-body .subscription-detail__branch-head-actions{
    justify-items:start;
  }
}

@media (max-width: 560px){
  body.app-body .subscriptions-stats,
  body.app-body .subscriptions-filter__grid{
    grid-template-columns:1fr;
  }

  body.app-body .subscription-company,
  body.app-body .subscription-detail,
  body.app-body .subscription-company__branches,
  body.app-body .subscription-detail__panel{
    gap:12px;
  }

  body.app-body .subscription-company{
    padding:16px;
    border-radius:20px;
  }

  body.app-body .subscription-company__summary{
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(118px, 1fr));
  }

  body.app-body .subscription-company__chip{
    width:100%;
    justify-content:center;
  }

  body.app-body .subscription-branch{
    grid-template-columns:1fr;
  }

  body.app-body .subscription-branch__meta{
    justify-items:start;
    text-align:left;
  }

  body.app-body .subscription-detail__actions{
    display:grid;
    grid-template-columns:1fr;
  }
}

body.app-body .home-editor-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:0 0 18px;
}

body.app-body .home-editor-note{
  padding:16px 18px;
  border-radius:18px;
  border:1px solid rgba(216, 225, 235, .92);
  background:linear-gradient(180deg, #fff 0%, #f8fbff 100%);
}

body.app-body .home-editor-note strong{
  display:block;
  margin-bottom:8px;
}

body.app-body .home-editor-note p{
  margin:0;
  color:var(--muted);
  line-height:1.6;
}

body.app-body .home-editor-tab-panel{
  margin-bottom:18px;
}

body.app-body .detail-shell{
  gap:18px;
}

body.app-body .detail-hero{
  padding:22px;
}

body.app-body .profile-avatar--large{
  width:92px;
  height:92px;
  border-radius:24px;
  flex-basis:92px;
}

body.app-body .profile-avatar__mark{
  display:grid;
  place-items:center;
  width:100%;
  height:100%;
  font-size:1.5rem;
  font-weight:800;
}

body.app-body .profile-avatar__image--interactive{
  cursor:zoom-in;
}

body.app-body .subscription-mini-badge{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  width:max-content;
  margin-top:.45rem;
  padding:.32rem .6rem;
  border-radius:999px;
  background:color-mix(in srgb, var(--plan-color, #2563eb) 14%, rgba(255,255,255,.92));
  border:1px solid color-mix(in srgb, var(--plan-color, #2563eb) 22%, rgba(15,23,42,.08));
  color:#0f172a;
  font-size:.68rem;
  line-height:1;
}

body.app-body .subscription-mini-badge span{
  font-size:.9rem;
}

body.app-body .subscription-mini-badge em{
  font-style:normal;
  font-weight:700;
  letter-spacing:.02em;
}

body.app-body .detail-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

body.app-body .detail-tabs__item{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 16px;
  border-radius:999px;
  border:1px solid rgba(216, 225, 235, .92);
  background:#fff;
  color:var(--muted);
  font-weight:700;
}

body.app-body .detail-tabs__item.is-active{
  background:var(--accent);
  border-color:var(--accent);
  color:#fff;
  box-shadow:0 12px 24px rgba(29, 78, 216, .18);
}

body.app-body .detail-grid{
  display:grid;
  grid-template-columns:minmax(0, 1.15fr) minmax(320px, .85fr);
  gap:18px;
}

body.app-body .detail-grid--wide{
  grid-template-columns:minmax(0, .9fr) minmax(0, 1.1fr);
}

body.app-body .detail-form{
  gap:16px;
}

body.app-body .feedback-timeline{
  display:grid;
  gap:12px;
}

body.app-body .feedback-timeline__item{
  padding:16px 18px;
  border-radius:18px;
  border:1px solid rgba(216, 225, 235, .92);
  background:#fff;
  box-shadow:var(--shadow-soft);
}

body.app-body .feedback-timeline__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}

body.app-body .feedback-timeline__item p{
  margin:0;
  color:var(--text);
  line-height:1.65;
}

body.app-body .feedback-timeline__item small{
  display:block;
  margin-top:8px;
  color:var(--muted);
}

body.app-body .feedback-board{
  display:grid;
  gap:22px;
}

body.app-body .feedback-board__hero{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
}

body.app-body .feedback-board__hero-copy{
  display:flex;
  align-items:flex-start;
  gap:16px;
}

body.app-body .feedback-board__hero-icon{
  display:grid;
  place-items:center;
  width:62px;
  height:62px;
  border-radius:20px;
  border:1px solid rgba(191, 219, 254, .85);
  background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);
  color:var(--accent);
  box-shadow:0 14px 34px rgba(15, 23, 42, .06);
}

body.app-body .feedback-board__hero-icon svg{
  width:28px;
  height:28px;
}

body.app-body .feedback-board__hero h2{
  margin:0;
  font-size:clamp(1.8rem, 3vw, 2.5rem);
  line-height:1.05;
  letter-spacing:-.04em;
}

body.app-body .feedback-board__hero p{
  margin:8px 0 0;
  color:var(--muted);
  line-height:1.55;
}

body.app-body .feedback-board__sheet{
  display:grid;
  gap:18px;
  padding:20px;
}

body.app-body .feedback-board__top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
}

body.app-body .feedback-board__top .section-head{
  margin-bottom:0;
}

body.app-body .feedback-board__toolbar{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

body.app-body .feedback-board__toolbar .badge{
  min-height:46px;
  padding-inline:16px;
}

body.app-body .feedback-board__stats{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:12px;
}

body.app-body .feedback-board__stat{
  position:relative;
  display:grid;
  gap:6px;
  min-height:92px;
  padding:16px 18px;
  border-radius:20px;
  border:1px solid rgba(216, 225, 235, .95);
  background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);
  box-shadow:0 16px 34px rgba(15, 23, 42, .06);
}

body.app-body .feedback-board__stat::before{
  content:"";
  position:absolute;
  inset:auto auto 0 0;
  width:4px;
  height:100%;
  border-radius:20px 0 0 20px;
  background:linear-gradient(180deg, rgba(37, 99, 235, .28), rgba(37, 99, 235, .08));
}

body.app-body .feedback-board__stat small{
  color:var(--muted);
  font-size:.78rem;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.08em;
}

body.app-body .feedback-board__stat strong{
  font-size:1.35rem;
  line-height:1;
}

body.app-body .feedback-board__stat p{
  margin:0;
  color:var(--muted);
  line-height:1.35;
}

body.app-body .feedback-board__stat--warning::before{
  background:linear-gradient(180deg, rgba(245, 158, 11, .34), rgba(245, 158, 11, .08));
}

body.app-body .feedback-board__stat--success::before{
  background:linear-gradient(180deg, rgba(34, 197, 94, .30), rgba(34, 197, 94, .08));
}

body.app-body .feedback-board__stat--info::before{
  background:linear-gradient(180deg, rgba(59, 130, 246, .30), rgba(59, 130, 246, .08));
}

body.app-body .feedback-board__stat--neutral::before{
  background:linear-gradient(180deg, rgba(148, 163, 184, .30), rgba(148, 163, 184, .08));
}

body.app-body .feedback-board__filters{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
}

body.app-body .feedback-board__filter{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:42px;
  padding:0 16px;
  border-radius:999px;
  border:1px solid rgba(216, 225, 235, .92);
  background:#fff;
  color:var(--muted);
  font-weight:700;
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}

body.app-body .feedback-board__filter span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:30px;
  height:24px;
  padding:0 8px;
  border-radius:999px;
  background:rgba(148, 163, 184, .14);
  color:var(--text);
  font-size:.76rem;
  font-weight:800;
}

body.app-body .feedback-board__filter:hover{
  transform:translateY(-1px);
  border-color:rgba(37, 99, 235, .22);
}

body.app-body .feedback-board__filter.is-active{
  background:linear-gradient(180deg,#2563eb 0%, #1d4ed8 100%);
  border-color:#2563eb;
  color:#fff;
  box-shadow:0 12px 24px rgba(37, 99, 235, .18);
}

body.app-body .feedback-board__filter.is-active span{
  background:rgba(255,255,255,.16);
  color:#fff;
}

body.app-body .feedback-board__filter-panel{
  display:grid;
  grid-template-columns:minmax(0, 1.2fr) minmax(320px, .8fr);
  gap:14px;
  padding:16px;
  border-radius:22px;
  border:1px solid rgba(216, 225, 235, .95);
  background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);
}

body.app-body .feedback-board__filter-panel .field{
  margin:0;
}

body.app-body .feedback-board__filter-note{
  display:grid;
  align-content:center;
  gap:8px;
  padding:14px 16px;
  border-radius:18px;
  border:1px dashed rgba(191, 219, 254, .9);
  background:rgba(239, 246, 255, .72);
  color:var(--muted);
  line-height:1.55;
}

body.app-body .feedback-board__pagination{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

body.app-body .feedback-board__pagination--top{
  padding-top:4px;
}

body.app-body .feedback-board__list{
  display:grid;
  gap:14px;
}

body.app-body .feedback-card{
  position:relative;
  display:grid;
  grid-template-columns:180px minmax(0, 1fr);
  gap:18px;
  padding:18px;
  border-radius:24px;
  border-left-width:4px;
}

body.app-body .feedback-card__rail{
  display:grid;
  justify-items:center;
  align-content:center;
  gap:10px;
  padding:12px 10px;
  border-radius:18px;
  background:rgba(248, 251, 255, .72);
}

body.app-body .feedback-card__icon{
  display:grid;
  place-items:center;
  width:72px;
  height:72px;
  border-radius:50%;
  font-size:2rem;
  box-shadow:inset 0 0 0 1px rgba(216, 225, 235, .9);
}

body.app-body .feedback-card__icon--warning{
  background:linear-gradient(180deg, rgba(245, 158, 11, .14), rgba(245, 158, 11, .08));
  color:#f59e0b;
}

body.app-body .feedback-card__icon--success{
  background:linear-gradient(180deg, rgba(34, 197, 94, .16), rgba(34, 197, 94, .08));
  color:#16a34a;
}

body.app-body .feedback-card__icon--danger{
  background:linear-gradient(180deg, rgba(220, 38, 38, .14), rgba(220, 38, 38, .08));
  color:#dc2626;
}

body.app-body .feedback-card__icon--info{
  background:linear-gradient(180deg, rgba(37, 99, 235, .14), rgba(37, 99, 235, .08));
  color:#2563eb;
}

body.app-body .feedback-card__rating{
  display:grid;
  gap:6px;
  justify-items:center;
  text-align:center;
}

body.app-body .feedback-card__rating strong{
  font-size:.9rem;
  line-height:1.1;
}

body.app-body .feedback-card__stars{
  display:flex;
  gap:2px;
  color:#cbd5e1;
  font-size:.95rem;
}

body.app-body .feedback-card__stars .is-active{
  color:#f59e0b;
}

body.app-body .feedback-card__content{
  display:grid;
  gap:12px;
  min-width:0;
}

body.app-body .feedback-card__chips{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

body.app-body .feedback-card__heading-row{
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto;
  gap:14px;
  align-items:start;
}

body.app-body .feedback-card__title-group{
  display:grid;
  gap:8px;
  min-width:0;
}

body.app-body .feedback-card__title{
  font-size:1.08rem;
  font-weight:900;
  line-height:1.2;
  text-decoration:none;
}

body.app-body .feedback-card__comment{
  margin:0;
  color:var(--text);
  line-height:1.65;
}

body.app-body .feedback-card__aside{
  display:grid;
  justify-items:end;
  gap:10px;
}

body.app-body .feedback-card__date{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:var(--muted);
  font-size:.88rem;
  white-space:nowrap;
}

body.app-body .feedback-card__date::before{
  content:"\1F4C5";
  font-size:.9rem;
  opacity:.8;
}

body.app-body .feedback-card__kebab{
  display:inline-grid;
  place-items:center;
  width:26px;
  height:26px;
  border-radius:50%;
  color:var(--muted);
  background:rgba(148, 163, 184, .08);
}

body.app-body .feedback-card__profile-button{
  min-height:44px;
}

body.app-body .feedback-card__actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

body.app-body .feedback-card[data-feedback-search=""]{
  /* no-op, used for JS filtering */
}

body.app-body .feedback-board__footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:16px 18px;
  border-radius:20px;
  border:1px solid rgba(191, 219, 254, .74);
  background:linear-gradient(180deg, rgba(239, 246, 255, .9) 0%, rgba(255,255,255,.98) 100%);
}

body.app-body .feedback-board__footer-copy{
  display:grid;
  gap:6px;
  color:var(--muted);
}

body.app-body .feedback-board__footer-copy strong{
  color:var(--text);
}

body.app-body .feedback-board__footer-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

body.app-body .feedback-board__count-badge{
  min-height:48px;
}

body.app-body .feedback-board__empty-state{
  margin-top:4px;
}

body.app-body .feedback-board__filter-panel[hidden]{
  display:none;
}

body.app-body .feedback-board__filter-panel.is-open{
  display:grid;
}

body.app-body .feedback-card--matched{
  box-shadow:0 0 0 4px rgba(37, 99, 235, .08), 0 18px 42px rgba(15, 23, 42, .08);
}

body.app-body .table-link{
  display:inline-flex;
  align-items:center;
  margin-top:0;
  color:var(--accent);
  font-weight:700;
}

body.app-body .table-link:hover{
  color:var(--accent-strong);
}

body.app-body .archive-type-bar{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

body.app-body .archive-type-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 14px;
  border-radius:999px;
  border:1px solid rgba(216, 225, 235, .92);
  background:#fff;
  color:var(--muted);
  font-weight:700;
}

body.app-body .archive-type-pill.is-active{
  background:rgba(29, 78, 216, .10);
  border-color:rgba(29, 78, 216, .22);
  color:var(--accent);
}

body.app-body .archive-snapshot{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(160px, 1fr));
  gap:10px;
  margin-top:14px;
}

body.app-body .archive-row--detail{
  padding:16px 18px;
  border-radius:20px;
}

body.app-body .archive-row__header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
}

body.app-body .archive-row__header p{
  margin:4px 0 0;
  color:var(--muted);
}

body.app-body .archive-row__meta{
  display:grid;
  justify-items:end;
  gap:8px;
}

body.app-body .notification-row--contact{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  padding:15px 16px;
  border-radius:18px;
  border:1px solid rgba(216, 225, 235, .9);
  background:#fff;
}

body.app-body .notification-row--contact.is-selected{
  border-color:rgba(29, 78, 216, .24);
  box-shadow:0 0 0 3px rgba(29, 78, 216, .05);
}

body.app-body .notification-row__main p{
  margin:4px 0 0;
  color:var(--muted);
}

body.app-body .notification-row__meta{
  display:grid;
  justify-items:end;
  gap:8px;
}

body.app-body .detail-message{
  margin-top:16px;
  padding:18px;
  border-radius:18px;
  border:1px solid rgba(216, 225, 235, .92);
  background:linear-gradient(180deg, #fff 0%, #f8fbff 100%);
}

body.app-body .detail-message p{
  margin:0;
  line-height:1.7;
}

body.app-body .founder-filter__grid--triple,
body.app-body .founder-filter__grid--analytics{
  grid-template-columns:repeat(3, minmax(0, 1fr));
}

body.app-body .founder-filter__grid--archive{
  grid-template-columns:minmax(220px, .6fr) minmax(260px, 1fr) auto;
}

@media (max-width: 1200px){
  body.app-body .detail-grid,
  body.app-body .detail-grid--wide{
    grid-template-columns:1fr;
  }

  body.app-body .founder-filter__grid--triple,
  body.app-body .founder-filter__grid--analytics,
  body.app-body .founder-filter__grid--archive{
    grid-template-columns:1fr 1fr;
  }
}

@media (max-width: 760px){
  body.app-body .detail-tabs{
    overflow:auto;
    padding-bottom:4px;
  }

  body.app-body .founder-filter__grid--triple,
  body.app-body .founder-filter__grid--analytics,
  body.app-body .founder-filter__grid--archive{
    grid-template-columns:1fr;
  }

  body.app-body .feedback-timeline__head,
  body.app-body .archive-row__header,
  body.app-body .notification-row--contact{
    flex-direction:column;
  }

  body.app-body .archive-row__meta,
  body.app-body .notification-row__meta{
    justify-items:start;
  }
}

body.public-auth .auth-center--compact{
  width:min(640px, calc(100% - 32px));
  min-height:calc(100vh - 120px);
  display:grid;
  align-items:center;
  padding:24px 0 48px;
}

body.public-auth .auth-card--centered{
  gap:18px;
  padding:24px;
  border-radius:24px;
}

body.public-auth .auth-card__header--centered,
body.public-auth .auth-card__copy--centered{
  text-align:center;
}

body.public-auth .auth-card__brand--centered{
  justify-content:center;
}

body.public-auth .auth-card__copy--centered h2{
  margin:0;
  font-size:clamp(1.55rem, 3vw, 2.2rem);
}

body.public-auth .auth-card__copy--centered p{
  max-width:46ch;
  margin:10px auto 0;
}

body.public-auth .auth-form-grid{
  gap:12px;
}

body.public-auth .auth-form-grid .field__control{
  min-height:50px;
}

body.public-auth .field__error{
  margin-top:6px;
  padding:8px 10px;
  border-radius:12px;
  background:rgba(220, 38, 38, .08);
  color:#b91c1c;
  font-size:.84rem;
  font-weight:700;
}

body.public-auth .auth-demo--compact,
body.public-auth .auth-sample--compact{
  padding-top:10px;
}

body.public-auth .auth-demo-grid--compact,
body.public-auth .auth-sample-grid--compact{
  grid-template-columns:repeat(2, minmax(0, 1fr));
}

body.public-auth .auth-demo-card,
body.public-auth .auth-sample-card{
  padding:12px 14px;
}

body.public-body .toast-stack{
  left:50%;
  right:auto;
  transform:translateX(-50%);
  top:20px;
}

body.public-body .toast{
  background:rgba(255,255,255,.96);
  color:#0f172a;
  border:1px solid rgba(15,23,42,.08);
  box-shadow:0 16px 40px rgba(15,23,42,.14);
}

@media (max-width: 720px){
  body.public-auth .auth-demo-grid--compact,
  body.public-auth .auth-sample-grid--compact{
    grid-template-columns:1fr;
  }

  body.public-auth .auth-center--compact{
    width:min(100%, calc(100% - 24px));
    min-height:auto;
    padding:16px 0 32px;
  }

  body.public-auth .auth-card--centered{
    padding:18px;
    border-radius:20px;
  }
}

body.app-body .secondary-button--dense,
body.app-body .icon-btn--mini{
  min-height:38px;
  padding:.6rem .85rem;
  border-radius:12px;
  font-size:.82rem;
}

body.app-body .icon-btn--mini{
  min-width:38px;
  padding:0;
}

body.app-body .company-workspace--split{
  align-items:start;
}

body.app-body .company-row--branch{
  margin-left:18px;
  background:linear-gradient(180deg,#fbfdff 0%,#fff 100%);
}

body.app-body .company-tree-shell{
  position:sticky;
  top:100px;
  max-height:calc(100vh - 130px);
  overflow:auto;
}

body.app-body .founder-broadcast-panel{
  align-self:start;
}

body.app-body .home-preview-shell--light{
  background:#fff;
  color:var(--text);
  border:1px solid rgba(216,225,235,.95);
  box-shadow:var(--shadow);
}

body.app-body .home-preview-shell--light .panel-note{
  color:var(--muted);
}

body.app-body .maintenance-preview-card{
  position:relative;
  overflow:hidden;
  display:grid;
  gap:16px;
  padding:24px;
  border-radius:28px;
  border:1px solid rgba(216,225,235,.94);
  background:
    radial-gradient(circle at top left, rgba(29,78,216,.08), transparent 34%),
    radial-gradient(circle at bottom right, rgba(15,118,110,.08), transparent 28%),
    linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
  color:var(--text);
  box-shadow:0 22px 52px rgba(15,23,42,.08);
}

body.app-body .maintenance-preview-card::before{
  content:"";
  position:absolute;
  inset:auto -56px -56px auto;
  width:180px;
  height:180px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(29,78,216,.12) 0%, rgba(29,78,216,0) 70%);
  pointer-events:none;
}

body.app-body .maintenance-preview-card p{
  margin:0;
  color:var(--muted);
  line-height:1.68;
}

body.app-body .maintenance-preview-card h3{
  margin:0;
  font-size:1.15rem;
  line-height:1.18;
  letter-spacing:-.04em;
  color:var(--text);
}

body.app-body .maintenance-preview-card__note{
  padding:14px 16px;
  border-radius:18px;
  border:1px solid rgba(216,225,235,.94);
  background:rgba(255,255,255,.95);
  color:var(--text);
  box-shadow:0 10px 20px rgba(15,23,42,.05);
}

body.app-body .maintenance-preview-meta{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:12px;
}

body.app-body .maintenance-preview-meta article{
  padding:14px 16px;
  border-radius:18px;
  border:1px solid rgba(216,225,235,.94);
  background:#fff;
  box-shadow:0 10px 20px rgba(15,23,42,.05);
}

body.app-body .maintenance-preview-meta span{
  display:block;
  margin-bottom:6px;
  color:var(--muted);
  font-size:.78rem;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:800;
}

body.app-body .maintenance-preview-meta strong{
  color:var(--text);
}

body.app-body .maintenance-preview-card--split{
  display:grid;
  grid-template-columns:minmax(0, 1.15fr) minmax(240px, .85fr);
  gap:18px;
  align-items:stretch;
}

body.app-body .maintenance-preview-card__content{
  display:grid;
  gap:14px;
  align-content:start;
}

body.app-body .maintenance-preview-card__brand{
  display:flex;
  align-items:center;
  gap:12px;
}

body.app-body .maintenance-preview-card__brand .brand-mark{
  width:44px;
  height:44px;
  border-radius:16px;
  box-shadow:0 14px 28px rgba(29,78,216,.12);
}

body.app-body .maintenance-preview-card__brand .brand-mark img{
  width:24px;
  height:24px;
}

body.app-body .maintenance-preview-card__brand strong{
  display:block;
  font-size:1rem;
  color:var(--text);
}

body.app-body .maintenance-preview-card__brand span{
  color:var(--muted);
  font-size:.92rem;
}

body.app-body .maintenance-preview-card__signal{
  display:flex;
  gap:8px;
}

body.app-body .maintenance-preview-card__signal span{
  width:10px;
  height:10px;
  border-radius:999px;
  background:rgba(29,78,216,.16);
  box-shadow:0 0 0 4px rgba(29,78,216,.06);
  animation:maintenancePulse 1.8s ease-in-out infinite;
}

body.app-body .maintenance-preview-card__signal span:nth-child(2){
  animation-delay:.2s;
}

body.app-body .maintenance-preview-card__signal span:nth-child(3){
  animation-delay:.4s;
}

body.app-body .maintenance-preview-card__eyebrow{
  margin:0;
  color:var(--accent);
  font-size:.82rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

body.app-body .maintenance-preview-card__visual{
  margin:0;
  padding:16px;
  border-radius:24px;
  border:1px solid rgba(216,225,235,.92);
  background:
    linear-gradient(180deg, rgba(248,251,255,.98) 0%, rgba(255,255,255,.98) 100%);
  display:grid;
  place-items:center;
  box-shadow:0 16px 32px rgba(15,23,42,.06);
}

body.app-body .maintenance-preview-card__visual img{
  width:min(100%, 260px);
  height:auto;
  display:block;
  border-radius:20px;
  object-fit:contain;
}

body.app-body .notification-row--broadcast{
  border-color:rgba(185,28,28,.18);
  background:linear-gradient(180deg,#fff 0%,#fff7f7 100%);
}

body.app-body .notification-row__main--link{
  display:grid;
  gap:8px;
  color:inherit;
}

body.app-body .notification-row__meta--stack{
  align-items:flex-end;
}

body.app-body .notification-row__actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  justify-content:flex-end;
}

body.app-body .founder-help-cloud{
  position:fixed;
  top:122px;
  right:18px;
  width:min(320px, calc(100vw - 24px));
  z-index:180;
  border:1px solid rgba(29,78,216,.16);
  border-radius:20px;
  background:rgba(255,255,255,.96);
  box-shadow:0 24px 60px rgba(15,23,42,.16);
  overflow:hidden;
  backdrop-filter:blur(12px);
}

body.app-body .founder-help-cloud[hidden]{
  display:none !important;
}

body.app-body .founder-help-cloud__handle{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:14px 16px;
  background:linear-gradient(180deg,#eff5ff 0%,#f8fbff 100%);
  border-bottom:1px solid rgba(216,225,235,.92);
  cursor:grab;
  user-select:none;
}

body.app-body .founder-help-cloud__actions{
  display:flex;
  gap:8px;
}

body.app-body .founder-help-cloud__body{
  padding:16px;
}

body.app-body .founder-help-cloud__body p{
  margin:0;
  color:var(--muted);
  line-height:1.65;
}

body.app-body .trust-marker{
  position:relative;
  display:inline-flex;
  align-items:center;
}

body.app-body .trust-marker__badge{
  cursor:help;
  min-width:30px;
  justify-content:center;
}

body.app-body .trust-marker__tooltip{
  position:absolute;
  left:50%;
  top:calc(100% + 8px);
  transform:translateX(-50%) translateY(-4px);
  width:min(240px, calc(100vw - 32px));
  padding:10px 12px;
  border-radius:14px;
  border:1px solid rgba(250, 204, 21, 0.32);
  background:rgba(15, 23, 42, 0.96);
  color:#f8fafc;
  font-size:.78rem;
  line-height:1.5;
  box-shadow:0 18px 40px rgba(15, 23, 42, 0.22);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .18s ease, transform .18s ease, visibility .18s ease;
  z-index:28;
}

body.app-body .trust-marker__tooltip::before{
  content:"";
  position:absolute;
  left:50%;
  top:-6px;
  width:12px;
  height:12px;
  background:rgba(15, 23, 42, 0.96);
  border-left:1px solid rgba(250, 204, 21, 0.24);
  border-top:1px solid rgba(250, 204, 21, 0.24);
  transform:translateX(-50%) rotate(45deg);
}

body.app-body .trust-marker.is-open .trust-marker__tooltip,
body.app-body .trust-marker:focus-within .trust-marker__tooltip{
  opacity:1;
  visibility:visible;
  transform:translateX(-50%) translateY(0);
}

@media (hover:hover){
  body.app-body .trust-marker:hover .trust-marker__tooltip{
    opacity:1;
    visibility:visible;
    transform:translateX(-50%) translateY(0);
  }
}

.media-lightbox,
.avatar-cropper{
  position:fixed;
  inset:0;
  z-index:280;
  overflow:auto;
  overscroll-behavior:contain;
}

.media-lightbox[hidden],
.avatar-cropper[hidden]{
  display:none !important;
}

.media-lightbox__backdrop,
.avatar-cropper__backdrop{
  position:absolute;
  inset:0;
  background:rgba(15,23,42,.68);
  backdrop-filter:blur(14px);
}

.media-lightbox__panel{
  position:relative;
  z-index:1;
  max-width:min(92vw, 980px);
  margin:3rem auto 2rem;
  padding:0;
  border-radius:1.8rem;
  background:transparent;
  box-shadow:none;
  display:grid;
  place-items:center;
}

.media-lightbox__panel img{
  display:block;
  width:auto;
  max-width:100%;
  max-height:86vh;
  object-fit:contain;
  border-radius:1.4rem;
  box-shadow:0 30px 80px rgba(15,23,42,.45);
  background:transparent;
}

.media-lightbox__close{
  position:absolute;
  top:1rem;
  right:1rem;
  z-index:2;
}

.avatar-cropper__panel{
  position:relative;
  z-index:1;
  width:min(92vw, 520px);
  margin:3rem auto;
  padding:1.35rem;
  border-radius:1.6rem;
  background:rgba(255,255,255,.96);
  box-shadow:0 40px 80px rgba(15,23,42,.28);
  max-height:calc(100dvh - 2rem);
  overflow:auto;
  overscroll-behavior:contain;
}

.avatar-cropper__stage{
  padding:.5rem 0 1rem;
}

.avatar-cropper__mask{
  position:relative;
  width:min(72vw, 320px);
  height:min(72vw, 320px);
  margin:0 auto;
  overflow:hidden;
  border-radius:50%;
  background:radial-gradient(circle at 30% 30%, rgba(59,130,246,.18), rgba(15,23,42,.08));
  border:3px solid rgba(37,99,235,.24);
  box-shadow:inset 0 0 0 999px rgba(255,255,255,.08), 0 18px 36px rgba(15,23,42,.15);
  touch-action:none;
}

.avatar-cropper__mask img{
  position:absolute;
  top:50%;
  left:50%;
  width:auto;
  height:auto;
  max-width:none;
  max-height:none;
  transform:translate(calc(-50% + 0px), calc(-50% + 0px)) scale(1);
  transform-origin:center;
  user-select:none;
  -webkit-user-drag:none;
}

.avatar-cropper__actions{
  display:flex;
  flex-wrap:wrap;
  gap:.75rem;
  justify-content:flex-end;
  margin-top:1rem;
  position:sticky;
  bottom:0;
  padding-top:.75rem;
  background:linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,255,.96) 28%);
}

body.app-body .analytics-export-actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:.65rem;
}

body.app-body .analytics-export-actions--form{
  align-items:flex-end;
  gap:.75rem;
  padding:.85rem 1rem;
  border:1px solid var(--border);
  box-shadow:var(--shadow-sm);
}

body.app-body .analytics-export-actions__format{
  display:flex;
  flex-direction:column;
  gap:.35rem;
  min-width:190px;
}

body.app-body .analytics-export-actions__format-switch{
  display:flex;
  align-items:center;
  gap:.45rem;
  padding:.25rem;
  border:1px solid var(--border);
  border-radius:999px;
  background:rgba(248,250,252,.9);
}

body.app-body .analytics-export-actions__format-pill{
  position:relative;
  flex:1 1 0;
  min-width:74px;
  margin:0;
}

body.app-body .analytics-export-actions__format-pill input{
  position:absolute;
  inset:0;
  opacity:0;
  pointer-events:none;
}

body.app-body .analytics-export-actions__format-pill span{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:2.2rem;
  padding:.25rem .7rem;
  border-radius:999px;
  font-size:.84rem;
  font-weight:700;
  color:var(--muted);
  transition:var(--transition);
}

body.app-body .analytics-export-actions__format-pill input:checked + span{
  background:linear-gradient(135deg,var(--primary),var(--accent));
  color:#fff;
  box-shadow:0 8px 22px rgba(37,99,235,.18);
}

@media (max-width: 768px){
  .media-lightbox__panel{
    max-width:min(96vw, 96vw);
    margin:2rem auto 1.25rem;
  }

  .media-lightbox__panel img{
    max-height:78vh;
  }

  body.app-body .analytics-export-actions{
    width:100%;
    justify-content:stretch;
    align-items:stretch;
  }

  body.app-body .analytics-export-actions a,
  body.app-body .analytics-export-actions button{
    flex:1 1 220px;
    justify-content:center;
  }

  body.app-body .analytics-export-actions__format{
    width:100%;
    min-width:0;
  }
}

body.public-body.maintenance-body{
  --bg:#f1f6fd;
  --bg-soft:#e7eef8;
  --panel:#ffffff;
  --panel-soft:#f7fbff;
  --line:rgba(148,163,184,.32);
  --text:#0f172a;
  --muted:#4b5563;
  --accent:#1d4ed8;
  --accent-2:#0f172a;
  color:#0f172a;
  color-scheme:light;
  min-height:100vh;
  background:
    radial-gradient(circle at top left, rgba(29,78,216,.14), transparent 28%),
    radial-gradient(circle at bottom right, rgba(15,118,110,.10), transparent 24%),
    linear-gradient(180deg,#f8fbff 0%,#eaf1fb 100%);
}

body.public-body .maintenance-screen{
  min-height:100vh;
  display:grid;
  place-items:center;
  padding:clamp(18px, 3vw, 36px);
}

body.public-body .maintenance-screen__card{
  position:relative;
  width:min(1120px, 100%);
  padding:clamp(18px, 2.4vw, 26px);
  border-radius:34px;
  border:1px solid rgba(203,213,225,.92);
  background:
    radial-gradient(circle at top right, rgba(29,78,216,.10), transparent 24%),
    radial-gradient(circle at bottom left, rgba(15,118,110,.08), transparent 24%),
    linear-gradient(180deg, rgba(255,255,255,.985) 0%, rgba(243,247,252,.985) 100%);
  box-shadow:0 28px 80px rgba(15,23,42,.10);
  backdrop-filter:blur(18px);
  overflow:hidden;
}

body.public-body .maintenance-screen__ambient{
  position:absolute;
  pointer-events:none;
  border-radius:50%;
  filter:blur(2px);
}

body.public-body .maintenance-screen__ambient--one{
  top:-90px;
  left:-70px;
  width:260px;
  height:260px;
  background:radial-gradient(circle, rgba(29,78,216,.14) 0%, rgba(29,78,216,0) 70%);
}

body.public-body .maintenance-screen__ambient--two{
  top:120px;
  right:-100px;
  width:320px;
  height:320px;
  background:radial-gradient(circle, rgba(15,118,110,.10) 0%, rgba(15,118,110,0) 72%);
}

body.public-body .maintenance-screen__ambient--three{
  left:36%;
  bottom:-140px;
  width:420px;
  height:420px;
  background:radial-gradient(circle, rgba(59,130,246,.07) 0%, rgba(59,130,246,0) 74%);
}

body.public-body .maintenance-screen__card::before{
  content:"";
  position:absolute;
  inset:auto auto -120px -140px;
  width:320px;
  height:320px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(29,78,216,.10) 0%, rgba(29,78,216,0) 72%);
  pointer-events:none;
}

body.public-body .maintenance-screen__card::after{
  content:"";
  position:absolute;
  inset:18px 18px auto auto;
  width:220px;
  height:220px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(15,118,110,.09) 0%, rgba(15,118,110,0) 72%);
  pointer-events:none;
}

body.public-body .maintenance-screen__header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-bottom:18px;
}

body.public-body .maintenance-screen__brand{
  display:flex;
  align-items:center;
  gap:14px;
  min-width:0;
}

body.public-body .maintenance-screen__brand-copy{
  display:grid;
  gap:4px;
  min-width:0;
}

body.public-body .maintenance-screen__brand strong{
  color:var(--text);
  font-weight:800;
  letter-spacing:-.04em;
  font-size:1.02rem;
}

body.public-body .maintenance-screen__brand span{
  color:var(--muted);
  font-size:.96rem;
}

body.public-body .maintenance-screen__status{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:12px 16px;
  border-radius:999px;
  border:1px solid rgba(34,197,94,.22);
  background:linear-gradient(180deg, rgba(236,253,245,.98), rgba(220,252,231,.92));
  color:#14532d;
  box-shadow:0 12px 24px rgba(15,23,42,.05);
  white-space:nowrap;
}

body.public-body .maintenance-screen__status-dot{
  width:10px;
  height:10px;
  border-radius:50%;
  background:#22c55e;
  box-shadow:0 0 0 0 rgba(34,197,94,.26);
  animation:maintenancePulse 1.8s ease-in-out infinite;
}

body.public-body .maintenance-screen__layout{
  display:grid;
  grid-template-columns:minmax(0, 1fr) minmax(280px, .92fr);
  gap:18px;
  align-items:stretch;
}

body.public-body .maintenance-screen__layout--compact{
  align-items:start;
}

body.public-body .maintenance-screen__content{
  display:grid;
  gap:14px;
  align-content:start;
}

body.public-body .maintenance-screen__eyebrow-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
}

body.public-body .maintenance-screen__eyebrow{
  display:inline-flex;
  align-items:center;
  padding:9px 13px;
  border-radius:999px;
  border:1px solid rgba(29,78,216,.18);
  background:linear-gradient(180deg, rgba(239,244,255,.98), rgba(226,236,255,.92));
  color:var(--accent);
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-size:.78rem;
}

body.public-body .maintenance-screen__signal{
  display:flex;
  gap:8px;
}

body.public-body .maintenance-screen__signal span{
  width:10px;
  height:10px;
  border-radius:999px;
  background:rgba(29,78,216,.24);
  box-shadow:0 0 0 4px rgba(29,78,216,.08);
  animation:maintenancePulse 1.8s ease-in-out infinite;
}

body.public-body .maintenance-screen__signal span:nth-child(2){
  animation-delay:.2s;
}

body.public-body .maintenance-screen__signal span:nth-child(3){
  animation-delay:.4s;
}

body.public-body .maintenance-screen__copy h1{
  margin:0;
  font-size:clamp(2rem, 3.6vw, 3.4rem);
  line-height:1.02;
  letter-spacing:-.06em;
  color:var(--text);
}

body.public-body .maintenance-screen__copy p{
  margin:10px 0 0;
  max-width:58ch;
  color:var(--muted);
  line-height:1.75;
  font-size:1rem;
}

body.public-body .maintenance-screen__note{
  padding:14px 16px;
  border-radius:20px;
  border:1px solid rgba(203,213,225,.92);
  background:linear-gradient(180deg, rgba(255,255,255,.99), rgba(247,250,253,.97));
  color:var(--text);
  box-shadow:0 16px 30px rgba(15,23,42,.07);
  display:grid;
  gap:6px;
}

body.public-body .maintenance-screen__note span{
  color:var(--muted);
  font-size:.78rem;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:900;
}

body.public-body .maintenance-screen__note strong{
  font-size:.98rem;
  line-height:1.7;
}

body.public-body .maintenance-screen__stats{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(180px, 1fr));
  gap:12px;
}

body.public-body .maintenance-screen__stats--compact{
  grid-template-columns:repeat(auto-fit, minmax(190px, 1fr));
}

body.public-body .maintenance-screen__stats article{
  padding:14px 16px;
  border-radius:20px;
  border:1px solid rgba(203,213,225,.92);
  background:linear-gradient(180deg, rgba(255,255,255,.99), rgba(247,250,253,.98));
  box-shadow:0 14px 28px rgba(15,23,42,.06);
}

body.public-body .maintenance-screen__stats span{
  display:block;
  margin-bottom:6px;
  color:var(--muted);
  font-size:.78rem;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:900;
}

body.public-body .maintenance-screen__stats strong{
  display:block;
  color:var(--text);
  font-size:1rem;
}

body.public-body .maintenance-screen__actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px 14px;
}

body.public-body .maintenance-screen__actions .primary-button{
  min-width:220px;
}

body.public-body .maintenance-screen__actions-note{
  margin:0;
  color:var(--muted);
  line-height:1.6;
  font-size:.92rem;
}

body.public-body .maintenance-screen__visual{
  position:relative;
  margin:0;
  display:grid;
  gap:12px;
  padding:18px;
  border-radius:28px;
  border:1px solid rgba(203,213,225,.92);
  background:
    radial-gradient(circle at top left, rgba(29,78,216,.10), transparent 28%),
    linear-gradient(180deg, rgba(250,252,255,.99) 0%, rgba(242,246,252,.99) 100%);
  box-shadow:0 20px 42px rgba(15,23,42,.07);
  overflow:hidden;
}

body.public-body .maintenance-screen__visual-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}

body.public-body .maintenance-screen__visual-head span{
  display:block;
  color:var(--muted);
  font-size:.78rem;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:900;
}

body.public-body .maintenance-screen__visual-head strong{
  display:block;
  margin-top:6px;
  color:var(--text);
  font-size:1.04rem;
  line-height:1.25;
}

body.public-body .maintenance-screen__visual-pill{
  padding:9px 13px;
  border-radius:999px;
  border:1px solid rgba(29,78,216,.18);
  background:linear-gradient(180deg, rgba(239,244,255,.98), rgba(226,236,255,.92));
  color:var(--accent);
  font-size:.82rem;
  font-weight:900;
  white-space:nowrap;
}

body.public-body .maintenance-screen__visual-frame{
  position:relative;
  min-height:320px;
  border-radius:26px;
  border:1px solid rgba(203,213,225,.92);
  background:
    radial-gradient(circle at 50% 35%, rgba(29,78,216,.14), transparent 24%),
    radial-gradient(circle at 50% 70%, rgba(15,118,110,.10), transparent 28%),
    linear-gradient(180deg,#ffffff 0%,#f5f8fc 100%);
  display:grid;
  place-items:center;
  overflow:hidden;
}

body.public-body .maintenance-screen__visual-orbit{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  border-radius:50%;
  pointer-events:none;
}

body.public-body .maintenance-screen__visual-orbit--one{
  width:180px;
  height:180px;
  border:1px dashed rgba(29,78,216,.16);
  box-shadow:0 0 0 18px rgba(29,78,216,.04);
  animation:maintenanceOrbit 18s linear infinite;
}

body.public-body .maintenance-screen__visual-orbit--two{
  width:250px;
  height:250px;
  border:1px dashed rgba(15,118,110,.12);
  box-shadow:0 0 0 22px rgba(15,118,110,.04);
  animation:maintenanceOrbit 24s linear infinite reverse;
}

body.public-body .maintenance-screen__visual-frame::before,
body.public-body .maintenance-screen__visual-frame::after{
  content:"";
  position:absolute;
  border-radius:50%;
  pointer-events:none;
}

body.public-body .maintenance-screen__visual-frame::before{
  inset:40px auto auto 36px;
  width:130px;
  height:130px;
  border:1px solid rgba(29,78,216,.12);
  box-shadow:0 0 0 18px rgba(29,78,216,.05);
}

body.public-body .maintenance-screen__visual-frame::after{
  inset:auto 32px 34px auto;
  width:170px;
  height:170px;
  border:1px solid rgba(15,118,110,.10);
  box-shadow:0 0 0 22px rgba(15,118,110,.05);
}

body.public-body .maintenance-screen__visual-frame img{
  position:relative;
  z-index:1;
  display:block;
  width:min(100%, 280px);
  height:auto;
  border-radius:22px;
  background:#fff;
  object-fit:contain;
  box-shadow:0 22px 40px rgba(15,23,42,.08);
}

body.public-body .maintenance-screen__visual-chip{
  position:absolute;
  z-index:2;
  padding:10px 14px;
  border-radius:999px;
  border:1px solid rgba(203,213,225,.94);
  background:linear-gradient(180deg, rgba(255,255,255,.99), rgba(247,250,253,.96));
  color:var(--text);
  box-shadow:0 14px 28px rgba(15,23,42,.08);
  font-size:.82rem;
  font-weight:900;
  white-space:nowrap;
}

body.public-body .maintenance-screen__visual-chip--top{
  top:18px;
  left:18px;
}

body.public-body .maintenance-screen__visual-chip--bottom{
  right:18px;
  bottom:18px;
}

body.public-body .maintenance-screen__visual-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:12px;
}

body.public-body .maintenance-screen__visual-grid article{
  padding:14px 16px;
  border-radius:18px;
  border:1px solid rgba(203,213,225,.92);
  background:linear-gradient(180deg, rgba(255,255,255,.99), rgba(247,250,253,.97));
  box-shadow:0 14px 26px rgba(15,23,42,.06);
}

body.public-body .maintenance-screen__visual-grid span{
  display:block;
  margin-bottom:6px;
  color:var(--muted);
  font-size:.78rem;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:900;
}

body.public-body .maintenance-screen__visual-grid strong{
  display:block;
  color:var(--text);
  line-height:1.45;
}

body.public-body .maintenance-screen__visual-caption{
  margin:0;
  color:var(--muted);
  text-align:center;
  line-height:1.6;
  font-size:.92rem;
  max-width:42ch;
  justify-self:center;
}

@keyframes maintenancePulse{
  0%, 100%{transform:scale(.8); opacity:.45;}
  50%{transform:scale(1.08); opacity:1;}
}

@keyframes maintenanceOrbit{
  from{transform:translate(-50%, -50%) rotate(0deg);}
  to{transform:translate(-50%, -50%) rotate(360deg);}
}

@media (max-width: 960px){
  body.app-body .company-tree-shell{
    position:relative;
    top:auto;
    max-height:none;
  }
}

@media (max-width: 760px){
  body.app-body .notification-row__actions{
    justify-content:flex-start;
  }

  body.app-body .founder-help-cloud{
    width:min(100vw - 24px, 320px);
  }

  body.public-body .maintenance-screen{
    padding:16px;
  }

  body.public-body .maintenance-screen__card{
    padding:18px;
    border-radius:26px;
  }

  body.public-body .maintenance-screen__header{
    align-items:flex-start;
    flex-direction:column;
  }

  body.public-body .maintenance-screen__layout{
    grid-template-columns:1fr;
  }

  body.public-body .maintenance-screen__stats{
    grid-template-columns:1fr;
  }

  body.public-body .maintenance-screen__actions{
    flex-direction:column;
    align-items:stretch;
  }

  body.public-body .maintenance-screen__actions .primary-button{
    width:100%;
    min-width:0;
  }

  body.public-body .maintenance-screen__visual-frame{
    min-height:260px;
  }

  body.public-body .maintenance-screen__visual-grid{
    grid-template-columns:1fr;
  }
}

body.public-body .public-header__menu{
  display:none;
}

body.app-body .notification-row--read{
  border-color:rgba(100,116,139,.32);
  background:linear-gradient(180deg,#e7ebef 0%,#dde3e9 100%);
}

body.app-body .notification-row--read .notification-row__main strong{
  color:#1f2937;
}

body.app-body .notification-row--read .notification-row__main p,
body.app-body .notification-row--read .muted{
  color:#475569;
}

body.app-body .notification-row--broadcast.notification-row--read{
  background:linear-gradient(180deg,#fff8f8 0%,#f8efef 100%);
}

body.app-body .analytics-timeline__item > .text-link{
  display:inline-flex;
  align-items:center;
  width:fit-content;
  font-weight:700;
}

body.app-body .nav-status-dot{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:20px;
  height:20px;
  padding:0 6px;
  margin-left:auto;
  border-radius:999px;
  font-size:.72rem;
  font-weight:900;
  line-height:1;
}

body.app-body .nav-status-dot--danger{
  background:rgba(220,38,38,.14);
  color:var(--danger);
}

body.app-body .nav-status-dot--warning{
  background:rgba(245,158,11,.16);
  color:#b45309;
}

body.app-body .profile-linked-card--settings{
  display:grid;
  gap:6px;
}

body.app-body .profile-linked-card--settings small{
  color:var(--muted);
  font-weight:700;
  line-height:1.5;
}

body.app-body .feedback-row--linked{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:16px;
  align-items:flex-start;
}

body.app-body .feedback-row__body{
  display:grid;
  gap:10px;
  min-width:0;
}

body.app-body .feedback-row__body p{
  margin:0;
  color:var(--text);
  line-height:1.68;
}

body.app-body .feedback-row__side{
  display:grid;
  justify-items:end;
  gap:10px;
}

@media (max-width: 860px){
  body.public-body .public-header{
    align-items:center;
  }

  body.public-body .public-header__menu{
    display:inline-flex;
    order:2;
    margin-left:auto;
  }

  body.public-body .public-home-nav{
    display:none;
    order:3;
    width:100%;
    flex-direction:column;
    align-items:stretch;
    gap:8px;
    margin-top:2px;
    padding-top:10px;
    overflow:visible;
    flex-wrap:nowrap;
    scroll-snap-type:none;
    scrollbar-width:auto;
  }

  body.public-body .public-home-nav.is-open{
    display:flex;
  }

  body.public-body .public-home-nav a{
    width:100%;
    padding:12px 14px;
    color:#eef4ff;
    font-weight:700;
  }

  body.public-body .public-home-nav a.is-active{
    background:rgba(255,255,255,.10);
    color:#fff;
  }

  body.public-body .public-header__actions{
    order:4;
    width:100%;
    justify-content:flex-end;
  }

  body.app-body .feedback-row--linked{
    grid-template-columns:1fr;
  }

  body.app-body .feedback-row__side{
    justify-items:start;
  }
}

body.app-body .analytics-switcher{
  display:flex;
  flex-wrap:nowrap;
  gap:10px;
  margin-top:10px;
  overflow-x:auto;
  padding:8px;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
  scroll-snap-type:x proximity;
}

body.app-body .analytics-switcher__item{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:0 16px;
  border-radius:999px;
  border:1px solid rgba(216, 225, 235, .95);
  background:#fff;
  color:var(--muted);
  font-weight:700;
  transition:all .18s ease;
  flex:0 0 auto;
  white-space:nowrap;
  scroll-snap-align:start;
}

body.app-body .analytics-switcher__item:hover{
  border-color:rgba(29, 78, 216, .26);
  color:var(--text);
  transform:translateY(-1px);
}

body.app-body .analytics-switcher__item.is-active{
  border-color:rgba(29, 78, 216, .24);
  background:linear-gradient(180deg,#eef4ff 0%,#f8fbff 100%);
  color:var(--accent);
  box-shadow:0 12px 28px rgba(29, 78, 216, .12);
}

body.app-body .analytics-graph-switcher{
  display:flex;
  flex-wrap:nowrap;
  gap:10px;
  margin-top:10px;
  padding:10px;
  border:1px solid rgba(216, 225, 235, .92);
  border-radius:24px;
  background:rgba(255,255,255,.72);
  box-shadow:0 18px 40px rgba(15, 23, 42, .06);
  backdrop-filter:blur(14px);
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
  scroll-snap-type:x proximity;
}

body.app-body .analytics-graph-panel{
  display:grid;
  gap:18px;
  padding:22px;
  border:1px solid rgba(216, 225, 235, .92);
  border-radius:24px;
  background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);
  box-shadow:0 18px 42px rgba(15, 23, 42, .07);
  animation:detailCardRise .55s cubic-bezier(.2, .8, .2, 1) both;
}

body.app-body .analytics-graph-panel__head{
  display:flex;
  flex-wrap:wrap;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}

body.app-body .analytics-graph-panel__head .chip-list{
  justify-content:flex-end;
}

body.app-body .analytics-graph-panel__note--soft{
  display:grid;
  gap:6px;
  padding:14px 16px;
  border:1px solid rgba(216, 225, 235, .92);
  border-radius:18px;
  background:linear-gradient(180deg, rgba(248, 251, 255, .96) 0%, rgba(255, 255, 255, 1) 100%);
}

body.app-body .analytics-graph-panel__note--soft strong{
  color:var(--accent);
  font-size:.95rem;
}

body.app-body .analytics-graph-panel__note--soft p{
  margin:0;
  color:var(--muted);
  line-height:1.55;
}

body.app-body .analytics-bar-chart{
  display:grid;
  gap:14px;
}

body.app-body .analytics-bar-row{
  display:grid;
  gap:8px;
  padding:16px 18px;
  border:1px solid rgba(216, 225, 235, .92);
  border-radius:18px;
  background:rgba(255,255,255,.88);
  box-shadow:0 14px 28px rgba(15, 23, 42, .05);
}

body.app-body .analytics-bar-row__top{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:12px;
}

body.app-body .analytics-bar-row__top strong{
  overflow-wrap:anywhere;
}

body.app-body .analytics-bar-row__top span{
  color:var(--muted);
  font-weight:800;
  white-space:nowrap;
}

body.app-body .analytics-bar-track{
  height:12px;
  overflow:hidden;
  border-radius:999px;
  background:linear-gradient(180deg, #eef2f7 0%, #e2e8f0 100%);
}

body.app-body .analytics-bar-fill{
  display:block;
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(37, 99, 235, .76), rgba(14, 165, 233, .96));
  box-shadow:0 8px 18px rgba(29, 78, 216, .18);
}

body.app-body .analytics-bar-fill--vehicle{
  background:linear-gradient(90deg, rgba(15, 118, 110, .76), rgba(45, 212, 191, .94));
  box-shadow:0 8px 18px rgba(15, 118, 110, .18);
}

body.app-body .analytics-bar-row__meta{
  color:var(--muted);
  font-size:.9rem;
  line-height:1.45;
  overflow-wrap:anywhere;
}

body.app-body .analytics-manipulation-grid{
  display:grid;
  gap:16px;
}

body.app-body .analytics-manipulation-grid .profile-linked-grid{
  grid-template-columns:repeat(2, minmax(0, 1fr));
}

body.app-body .analytics-board{
  display:grid;
  gap:18px;
  min-height:0;
  animation:detailCardRise .55s cubic-bezier(.2, .8, .2, 1) both;
}

body.app-body .analytics-comparison{
  position:relative;
  overflow:hidden;
  display:grid;
  gap:18px;
  padding:22px;
  border-radius:24px;
  background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);
  scroll-margin-top:112px;
}

body.app-body .analytics-comparison::before{
  content:"";
  position:absolute;
  inset:-60px auto auto -40px;
  width:180px;
  height:180px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(29, 78, 216, .12), rgba(29, 78, 216, 0) 72%);
  pointer-events:none;
}

body.app-body .analytics-comparison > *{
  position:relative;
  z-index:1;
}

body.app-body .analytics-comparison__meta{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:12px;
}

body.app-body .analytics-comparison__bars{
  display:grid;
  gap:14px;
}

body.app-body .analytics-comparison__row{
  display:grid;
  gap:8px;
}

body.app-body .analytics-comparison__label{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:12px;
}

body.app-body .analytics-comparison__label span{
  color:var(--muted);
  font-size:.92rem;
}

body.app-body .analytics-comparison__track{
  height:14px;
  overflow:hidden;
  border-radius:999px;
  background:linear-gradient(180deg, #eef2f7 0%, #e2e8f0 100%);
}

body.app-body .analytics-comparison__fill{
  display:block;
  height:100%;
  border-radius:999px;
}

body.app-body .analytics-comparison__fill--positive{
  background:linear-gradient(90deg, rgba(21, 128, 61, .84), rgba(34, 197, 94, .94));
  box-shadow:0 8px 18px rgba(21, 128, 61, .18);
}

body.app-body .analytics-comparison__fill--danger{
  background:linear-gradient(90deg, rgba(185, 28, 28, .82), rgba(239, 68, 68, .96));
  box-shadow:0 8px 18px rgba(185, 28, 28, .18);
}

body.app-body .analytics-table{
  table-layout:fixed;
}

body.app-body .analytics-score{
  display:grid;
  gap:6px;
}

body.app-body .analytics-score strong{
  font-size:.95rem;
}

body.app-body .analytics-table td,
body.app-body .analytics-table th{
  vertical-align:middle;
}

body.app-body .analytics-table strong,
body.app-body .analytics-timeline__item strong,
body.app-body .analytics-lesson-card strong{
  color:var(--text);
}

body.app-body .analytics-timeline{
  gap:14px;
}

body.app-body .analytics-timeline__item{
  padding:16px 18px;
  border-radius:18px;
  border:1px solid rgba(216, 225, 235, .95);
  background:#fff;
  box-shadow:var(--shadow);
}

body.app-body .analytics-timeline__actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  justify-content:flex-end;
}

body.app-body .analytics-lesson-card{
  padding:16px 18px;
  border-radius:20px;
  border:1px solid rgba(216, 225, 235, .95);
  background:#fff;
  box-shadow:var(--shadow);
}

body.app-body .analytics-lesson-card .schedule-card__meta{
  margin-top:12px;
}

body.app-body .analytics-insight{
  position:relative;
  overflow:hidden;
  display:grid;
  gap:18px;
  padding:22px;
  border-radius:28px;
  border:1px solid rgba(219, 228, 240, .92);
  background:
    radial-gradient(circle at top left, rgba(37, 99, 235, .08), rgba(37, 99, 235, 0) 26%),
    linear-gradient(180deg,#fff 0%,#f8fbff 100%);
  box-shadow:0 24px 58px rgba(15, 23, 42, .08);
  scroll-margin-top:112px;
  animation:detailCardRise .55s cubic-bezier(.2, .8, .2, 1) both;
}

body.app-body .analytics-insight::before{
  content:"";
  position:absolute;
  inset:-80px auto auto -50px;
  width:220px;
  height:220px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(29, 78, 216, .14), rgba(29, 78, 216, 0) 70%);
  pointer-events:none;
}

body.app-body .analytics-insight > *{
  position:relative;
  z-index:1;
}

body.app-body .analytics-insight__hero{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
}

body.app-body .analytics-insight__hero-copy{
  display:flex;
  align-items:flex-start;
  gap:16px;
  min-width:0;
}

body.app-body .analytics-insight__hero-icon{
  flex:0 0 auto;
  width:54px;
  height:54px;
  display:grid;
  place-items:center;
  border-radius:18px;
  border:1px solid rgba(191, 219, 254, .88);
  background:linear-gradient(180deg,#eff6ff 0%,#fff 100%);
  box-shadow:0 14px 28px rgba(37, 99, 235, .08);
}

body.app-body .analytics-insight__hero-icon svg{
  width:24px;
  height:24px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
  color:#2563eb;
}

body.app-body .analytics-insight__hero-text{
  display:grid;
  gap:6px;
  min-width:0;
}

body.app-body .analytics-insight__hero-text h3{
  margin:0;
  color:#0f172a;
  font-size:clamp(1.5rem, 2vw, 2rem);
  line-height:1.06;
  letter-spacing:-.045em;
}

body.app-body .analytics-insight__hero-text .panel-note{
  max-width:74ch;
}

body.app-body .analytics-insight__hero-meta{
  justify-content:flex-end;
}

body.app-body .analytics-insight__layout{
  display:grid;
  grid-template-columns:minmax(0, 1.48fr) minmax(320px, 1fr);
  gap:18px;
}

body.app-body .analytics-insight__rail{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
}

body.app-body .analytics-insight__chip,
body.app-body .analytics-insight__jump{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:0 12px;
  border-radius:999px;
  font-size:.82rem;
  font-weight:800;
  letter-spacing:.02em;
}

body.app-body .analytics-insight__chip{
  color:#1d4ed8;
  background:rgba(219, 234, 254, .9);
  border:1px solid rgba(191, 219, 254, .92);
}

body.app-body .analytics-insight__jump{
  color:var(--accent);
  text-decoration:none;
  border:1px solid rgba(216, 225, 235, .96);
  background:rgba(255,255,255,.94);
  box-shadow:0 10px 22px rgba(15, 23, 42, .06);
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

body.app-body .analytics-insight__jump:hover{
  transform:translateY(-1px);
  border-color:rgba(29, 78, 216, .24);
  box-shadow:0 14px 26px rgba(29, 78, 216, .12);
}

body.app-body .analytics-insight__chart{
  display:grid;
  gap:14px;
  padding:18px;
  border-radius:24px;
  border:1px solid rgba(216, 225, 235, .95);
  background:linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(248,251,255,.98) 100%);
}

body.app-body .analytics-insight__chart-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}

body.app-body .analytics-insight__chart-head strong{
  font-size:1.02rem;
}

body.app-body .analytics-insight__chart-head p{
  margin:4px 0 0;
  color:var(--muted);
  font-size:.92rem;
}

body.app-body .analytics-insight__mini-stats{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:10px;
}

body.app-body .analytics-insight__mini-stat{
  display:grid;
  gap:4px;
  padding:12px 14px;
  border-radius:18px;
  border:1px solid rgba(216, 225, 235, .95);
  background:linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(243,247,252,.98) 100%);
  box-shadow:0 10px 20px rgba(15, 23, 42, .05);
}

body.app-body .analytics-insight__mini-stat span{
  color:#64748b;
  font-size:.74rem;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
}

body.app-body .analytics-insight__mini-stat strong{
  color:#0f172a;
  font-size:.98rem;
  font-weight:900;
  line-height:1.2;
}

body.app-body .analytics-insight__mini-stat small{
  color:#64748b;
  font-size:.8rem;
  line-height:1.45;
}

body.app-body .analytics-insight__mini-stat--primary{
  border-color:rgba(191, 219, 254, .92);
  background:linear-gradient(180deg, rgba(239,246,255,.98) 0%, rgba(255,255,255,.98) 100%);
}

body.app-body .analytics-insight__mini-stat--neutral{
  border-color:rgba(226, 232, 240, .96);
}

body.app-body .analytics-insight__svg{
  width:100%;
  display:block;
  overflow:visible;
}

body.app-body .analytics-insight__grid-line{
  stroke:rgba(148, 163, 184, .16);
  stroke-width:1;
}

body.app-body .analytics-insight__tick-label,
body.app-body .analytics-insight__x-label{
  fill:var(--muted);
  font-size:11px;
  font-weight:700;
  letter-spacing:.01em;
}

body.app-body .analytics-insight__area{
  fill:url(#analyticsTrendFill);
  opacity:.95;
}

body.app-body .analytics-insight__line{
  fill:none;
  stroke:url(#analyticsTrendLine);
  stroke-width:4;
  stroke-linecap:round;
  stroke-linejoin:round;
  filter:drop-shadow(0 8px 18px rgba(29, 78, 216, .16));
}

body.app-body .analytics-insight__point{
  fill:#fff;
  stroke:#2563eb;
  stroke-width:3;
}

body.app-body .analytics-insight__side{
  display:grid;
  gap:14px;
}

body.app-body .analytics-insight__stats{
  grid-template-columns:repeat(2, minmax(0, 1fr));
}

body.app-body .analytics-insight__comparison{
  display:grid;
  gap:14px;
  padding:16px 18px;
  border-radius:22px;
  border:1px solid rgba(216, 225, 235, .95);
  background:linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(245,249,255,.98) 100%);
  box-shadow:var(--shadow);
}

body.app-body .analytics-insight__comparison-grid{
  display:grid;
  grid-template-columns:minmax(148px, 180px) minmax(0, 1fr);
  gap:14px;
  align-items:center;
}

body.app-body .analytics-insight__ring{
  --comparison-progress:0%;
  position:relative;
  display:grid;
  place-items:center;
  width:min(100%, 180px);
  aspect-ratio:1;
  padding:12px;
  border-radius:50%;
  background:conic-gradient(from 180deg, rgba(29, 78, 216, .95) 0 var(--comparison-progress), rgba(244, 63, 94, .92) var(--comparison-progress) 100%);
  box-shadow:0 18px 40px rgba(15, 23, 42, .10);
}

body.app-body .analytics-insight__ring.is-empty{
  background:linear-gradient(180deg,#eef2f7 0%,#e2e8f0 100%);
}

body.app-body .analytics-insight__ring::before{
  content:"";
  position:absolute;
  inset:12px;
  border-radius:50%;
  border:1px solid rgba(216, 225, 235, .95);
  background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);
}

body.app-body .analytics-insight__ring-inner{
  position:relative;
  z-index:1;
  display:grid;
  gap:4px;
  place-items:center;
  text-align:center;
}

body.app-body .analytics-insight__ring-inner span{
  color:var(--muted);
  font-size:.8rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.12em;
}

body.app-body .analytics-insight__ring-inner strong{
  color:var(--text);
  font-size:clamp(1.4rem, 3vw, 1.95rem);
  line-height:1;
}

body.app-body .analytics-insight__ring-inner small{
  color:var(--muted);
  font-size:.84rem;
  font-weight:700;
}

body.app-body .analytics-insight__comparison-bars{
  display:grid;
  gap:12px;
}

body.app-body .analytics-insight__comparison-row{
  display:grid;
  gap:8px;
}

body.app-body .analytics-insight__comparison-label{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:12px;
}

body.app-body .analytics-insight__comparison-label span{
  color:var(--muted);
  font-size:.92rem;
}

body.app-body .analytics-insight__comparison-track{
  height:12px;
  overflow:hidden;
  border-radius:999px;
  background:linear-gradient(180deg,#eef2f7 0%,#e2e8f0 100%);
}

body.app-body .analytics-insight__comparison-fill{
  display:block;
  height:100%;
  border-radius:999px;
}

body.app-body .analytics-insight__comparison-fill--positive{
  background:linear-gradient(90deg, rgba(21, 128, 61, .84), rgba(34, 197, 94, .96));
  box-shadow:0 8px 18px rgba(21, 128, 61, .18);
}

body.app-body .analytics-insight__comparison-fill--danger{
  background:linear-gradient(90deg, rgba(185, 28, 28, .82), rgba(239, 68, 68, .96));
  box-shadow:0 8px 18px rgba(185, 28, 28, .18);
}

body.app-body .analytics-insight__explanation{
  display:grid;
  gap:8px;
  padding:16px 18px;
  border-radius:20px;
  border:1px solid rgba(216, 225, 235, .95);
  background:linear-gradient(180deg, rgba(239,246,255,.98) 0%, rgba(255,255,255,.98) 100%);
  box-shadow:0 16px 36px rgba(37, 99, 235, .08);
}

body.app-body .analytics-insight__explanation strong{
  color:#0f172a;
  font-size:1rem;
}

body.app-body .analytics-insight__explanation p{
  margin:0;
  color:#475569;
  line-height:1.6;
}

body.app-body .analytics-insight__alerts{
  display:grid;
  gap:12px;
}

body.app-body .analytics-insight__alert{
  display:grid;
  gap:12px;
  padding:16px 18px;
  border-radius:22px;
  border:1px solid rgba(216, 225, 235, .95);
  background:linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(248,251,255,.98) 100%);
  box-shadow:0 16px 34px rgba(15, 23, 42, .06);
}

body.app-body .analytics-insight__alert--danger{
  border-color:rgba(239,68,68,.24);
  background:linear-gradient(180deg, rgba(254,242,242,.98) 0%, rgba(255,255,255,.98) 100%);
}

body.app-body .analytics-insight__alert--warning{
  border-color:rgba(245,158,11,.24);
  background:linear-gradient(180deg, rgba(255,251,235,.98) 0%, rgba(255,255,255,.98) 100%);
}

body.app-body .analytics-insight__alert-head{
  display:flex;
  align-items:flex-start;
  gap:12px;
}

body.app-body .analytics-insight__alert-icon{
  flex:0 0 auto;
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border-radius:16px;
  background:rgba(255,255,255,.92);
  box-shadow:0 10px 20px rgba(15, 23, 42, .06);
}

body.app-body .analytics-insight__alert-icon svg{
  width:22px;
  height:22px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
}

body.app-body .analytics-insight__alert--danger .analytics-insight__alert-icon{
  color:#ef4444;
}

body.app-body .analytics-insight__alert--warning .analytics-insight__alert-icon{
  color:#f59e0b;
}

body.app-body .analytics-insight__alert-copy{
  display:grid;
  gap:4px;
  min-width:0;
}

body.app-body .analytics-insight__alert-eyebrow{
  color:#64748b;
  font-size:.74rem;
  font-weight:800;
  letter-spacing:.05em;
  text-transform:uppercase;
}

body.app-body .analytics-insight__alert-copy strong{
  color:#0f172a;
  font-size:1rem;
  line-height:1.35;
}

body.app-body .analytics-insight__alert-copy p{
  margin:0;
  color:#475569;
  font-size:.92rem;
  line-height:1.55;
}

body.app-body .analytics-insight__definition{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  padding:16px 18px;
  border-radius:22px;
  border:1px solid rgba(216, 225, 235, .95);
  background:linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(243,247,252,.98) 100%);
  box-shadow:0 16px 34px rgba(15, 23, 42, .06);
}

body.app-body .analytics-insight__definition-copy{
  display:grid;
  gap:6px;
  min-width:0;
}

body.app-body .analytics-insight__definition-eyebrow{
  color:#64748b;
  font-size:.74rem;
  font-weight:800;
  letter-spacing:.05em;
  text-transform:uppercase;
}

body.app-body .analytics-insight__definition-copy strong{
  color:#0f172a;
  font-size:1rem;
  line-height:1.35;
}

body.app-body .analytics-insight__definition-copy p{
  margin:0;
  color:#475569;
  font-size:.92rem;
  line-height:1.55;
}

body.app-body .analytics-alerts{
  display:grid;
  gap:10px;
}

body.app-body .analytics-alert{
  display:grid;
  grid-template-columns:auto minmax(0, 1fr);
  gap:12px;
  align-items:flex-start;
  padding:14px 16px;
  border-radius:18px;
  border:1px solid rgba(216, 225, 235, .95);
  background:#fff;
  box-shadow:var(--shadow);
  animation:detailCardRise .4s cubic-bezier(.2, .8, .2, 1) both;
}

body.app-body .analytics-alert--danger{
  border-color:rgba(220, 38, 38, .22);
  background:linear-gradient(180deg, rgba(255, 241, 241, .98) 0%, rgba(255, 255, 255, 1) 100%);
}

body.app-body .analytics-alert--warning{
  border-color:rgba(245, 158, 11, .24);
  background:linear-gradient(180deg, rgba(255, 248, 228, .98) 0%, rgba(255, 255, 255, 1) 100%);
}

body.app-body .analytics-alert--definition{
  border-color:rgba(37, 99, 235, .18);
  background:linear-gradient(180deg, rgba(243, 248, 255, .98) 0%, rgba(255, 255, 255, 1) 100%);
}

body.app-body .analytics-alert__dot{
  width:10px;
  height:10px;
  margin-top:6px;
  border-radius:50%;
  background:var(--accent);
  box-shadow:0 0 0 6px rgba(29, 78, 216, .08);
}

body.app-body .analytics-alert--danger .analytics-alert__dot{
  background:#dc2626;
  box-shadow:0 0 0 6px rgba(220, 38, 38, .10);
}

body.app-body .analytics-alert--warning .analytics-alert__dot{
  background:#d97706;
  box-shadow:0 0 0 6px rgba(245, 158, 11, .10);
}

body.app-body .analytics-alert__body{
  display:grid;
  gap:6px;
  min-width:0;
}

body.app-body .analytics-alert__body p{
  margin:0;
  color:var(--muted);
  line-height:1.5;
}

body.app-body .analytics-anomaly-reasons{
  display:grid;
  gap:8px;
}

body.app-body .analytics-anomaly-reason{
  padding:10px 12px;
  border-radius:14px;
  border:1px solid rgba(226, 232, 240, .94);
  background:rgba(248, 250, 252, .92);
  color:var(--text);
  font-size:.92rem;
  line-height:1.5;
  overflow-wrap:anywhere;
}

body.app-body .analytics-operations{
  position:relative;
  overflow:hidden;
  display:grid;
  gap:18px;
  padding:22px;
  border-radius:28px;
  background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);
  box-shadow:var(--shadow);
  scroll-margin-top:112px;
  animation:detailCardRise .55s cubic-bezier(.2, .8, .2, 1) both;
}

body.app-body .analytics-operations::before{
  content:"";
  position:absolute;
  inset:-70px auto auto -50px;
  width:220px;
  height:220px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(29, 78, 216, .12), rgba(29, 78, 216, 0) 70%);
  pointer-events:none;
}

body.app-body .analytics-operations > *{
  position:relative;
  z-index:1;
}

body.app-body .analytics-operations__stats{
  grid-template-columns:repeat(4, minmax(0, 1fr));
}

body.app-body .analytics-operations__stats--compact{
  grid-template-columns:repeat(4, minmax(0, 1fr));
}

body.app-body .analytics-operations__trend{
  display:grid;
  gap:6px;
  padding:16px 18px;
  border-radius:20px;
  border:1px solid rgba(216, 225, 235, .95);
  background:rgba(255,255,255,.86);
  box-shadow:var(--shadow);
}

body.app-body .analytics-operations__trend strong{
  color:var(--accent);
  font-size:.94rem;
}

body.app-body .analytics-operations__trend p{
  margin:0;
  color:var(--text);
  line-height:1.55;
}

body.app-body .analytics-operations__grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:16px;
}

body.app-body .analytics-operations__panel{
  display:grid;
  gap:14px;
  padding:18px;
  border-radius:24px;
  border:1px solid rgba(216, 225, 235, .95);
  background:linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(247,250,255,.98) 100%);
  box-shadow:var(--shadow);
}

body.app-body .analytics-operations__panel--wide{
  grid-column:1 / -1;
}

body.app-body .analytics-operations__list{
  display:grid;
  gap:10px;
}

body.app-body .analytics-operations__subgrid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:12px;
}

body.app-body .analytics-operation-card{
  display:grid;
  gap:10px;
}

body.app-body .analytics-operation-card--compact{
  grid-template-columns:minmax(0, 1fr) auto;
  align-items:center;
}

body.app-body .analytics-operations__hero{
  display:grid;
  grid-template-columns:minmax(0, 1fr) minmax(320px, 430px);
  gap:18px;
  align-items:stretch;
}

body.app-body .analytics-operations__hero-copy{
  display:grid;
  gap:14px;
  align-content:start;
}

body.app-body .analytics-operations__title{
  display:grid;
  gap:8px;
}

body.app-body .analytics-operations__title h3{
  margin:0;
  font-size:clamp(1.6rem, 1.4vw + 1rem, 2.2rem);
  line-height:1.1;
}

body.app-body .analytics-operations__title p{
  max-width:720px;
}

body.app-body .analytics-operations__graph-link{
  width:max-content;
}

body.app-body .analytics-operations__kpi-strip{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:12px;
  align-self:start;
}

body.app-body .analytics-operations__kpi-card{
  display:grid;
  grid-template-columns:auto minmax(0, 1fr);
  gap:12px;
  align-items:center;
  padding:16px 18px;
  border-radius:22px;
  border:1px solid rgba(216, 225, 235, .96);
  background:linear-gradient(180deg, rgba(255,255,255,.99) 0%, rgba(247,250,255,.98) 100%);
  box-shadow:var(--shadow);
}

body.app-body .analytics-operations__kpi-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:46px;
  height:46px;
  border-radius:16px;
  background:#eff6ff;
  color:var(--accent);
}

body.app-body .analytics-operations__kpi-icon svg{
  width:20px;
  height:20px;
  stroke:currentColor;
  fill:none;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

body.app-body .analytics-operations__kpi-card strong{
  display:block;
  font-size:1.8rem;
  line-height:1;
  color:var(--text);
}

body.app-body .analytics-operations__kpi-card small{
  color:var(--muted);
  font-size:.92rem;
}

body.app-body .analytics-operations__kpi-card--warning .analytics-operations__kpi-icon{
  background:#fff7ed;
  color:#f59e0b;
}

body.app-body .analytics-operations__kpi-card--danger .analytics-operations__kpi-icon{
  background:#fef2f2;
  color:#ef4444;
}

body.app-body .analytics-operations__trend-card{
  display:grid;
  grid-template-columns:minmax(0, 1fr) minmax(280px, .88fr);
  gap:18px;
  align-items:center;
  padding:18px 20px;
  border-radius:24px;
  border:1px solid rgba(216, 225, 235, .95);
  background:rgba(255,255,255,.90);
  box-shadow:var(--shadow);
}

body.app-body .analytics-operations__trend-copy{
  display:grid;
  gap:8px;
}

body.app-body .analytics-operations__eyebrow{
  display:inline-flex;
  align-items:center;
  width:max-content;
  padding:6px 12px;
  border-radius:999px;
  background:rgba(37, 99, 235, .08);
  color:var(--accent);
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
}

body.app-body .analytics-operations__trend-copy h4{
  margin:0;
  font-size:clamp(1.1rem, .7vw + 1rem, 1.45rem);
  line-height:1.18;
}

body.app-body .analytics-operations__trend-copy p{
  margin:0;
  color:var(--muted);
  line-height:1.58;
}

body.app-body .analytics-operations__trend-side{
  display:grid;
  gap:12px;
  justify-items:end;
}

body.app-body .analytics-operations__sparkline{
  display:grid;
  grid-template-columns:repeat(7, minmax(0, 1fr));
  align-items:end;
  gap:8px;
  width:min(100%, 300px);
  height:88px;
  padding:10px 8px 0;
}

body.app-body .analytics-operations__sparkline span{
  display:block;
  height:var(--spark-h, 42%);
  border-radius:999px 999px 14px 14px;
  background:linear-gradient(180deg, rgba(37,99,235,.85) 0%, rgba(29,78,216,1) 100%);
  box-shadow:0 10px 20px rgba(37, 99, 235, .12);
}

body.app-body .analytics-operations__trend-metrics{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:8px;
}

body.app-body .analytics-operations__grid--primary{
  grid-template-columns:minmax(0, 1.08fr) minmax(0, .92fr);
}

body.app-body .analytics-operations__grid--secondary{
  grid-template-columns:repeat(3, minmax(0, 1fr));
}

body.app-body .analytics-operations__panel--feature{
  gap:16px;
}

body.app-body .analytics-operations__panel--compact{
  gap:12px;
}

body.app-body .analytics-operations__followup{
  padding:16px 18px;
}

body.app-body .analytics-operation-card--profile{
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto;
  gap:16px;
  align-items:center;
  padding:18px;
}

body.app-body .analytics-operation-card__copy{
  display:grid;
  gap:12px;
  min-width:0;
}

body.app-body .analytics-operation-card__header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}

body.app-body .analytics-operation-card__header strong{
  display:block;
  font-size:1.02rem;
  line-height:1.2;
}

body.app-body .analytics-operation-card__eyebrow{
  display:block;
  margin-bottom:4px;
  color:var(--muted);
  font-size:.76rem;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
}

body.app-body .analytics-operation-card__metrics{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:10px;
}

body.app-body .analytics-operation-card__metrics span{
  display:grid;
  gap:4px;
  padding:10px 12px;
  border-radius:16px;
  border:1px solid rgba(216, 225, 235, .95);
  background:rgba(248, 250, 252, .92);
}

body.app-body .analytics-operation-card__metrics strong{
  font-size:1rem;
  line-height:1;
  color:var(--text);
}

body.app-body .analytics-operation-card__metrics small{
  color:var(--muted);
  font-size:.72rem;
}

body.app-body .analytics-operation-card__side{
  display:grid;
  gap:10px;
  justify-items:center;
}

body.app-body .analytics-operation-card__meter{
  --meter-progress:0;
  --meter-accent:var(--accent);
  position:relative;
  display:grid;
  place-items:center;
  width:84px;
  height:84px;
  padding:10px;
  border-radius:50%;
  background:conic-gradient(var(--meter-accent) calc(var(--meter-progress) * 1%), rgba(226, 232, 240, .92) 0);
  box-shadow:inset 0 0 0 1px rgba(255, 255, 255, .86), 0 12px 24px rgba(15, 23, 42, .08);
}

body.app-body .analytics-operation-card__meter::before{
  content:"";
  position:absolute;
  inset:8px;
  border-radius:50%;
  background:#fff;
}

body.app-body .analytics-operation-card__meter > *{
  position:relative;
  z-index:1;
}

body.app-body .analytics-operation-card__meter span{
  font-size:1rem;
  font-weight:800;
  line-height:1;
  color:var(--meter-accent);
}

body.app-body .analytics-operation-card__meter small{
  display:block;
  margin-top:4px;
  color:var(--muted);
  font-size:.68rem;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.05em;
}

body.app-body .analytics-operation-card__meter--warning{
  --meter-accent:#f59e0b;
}

body.app-body .analytics-operation-card__meter--danger{
  --meter-accent:#ef4444;
}

body.app-body .analytics-operation-card__meter--success{
  --meter-accent:#16a34a;
}

body.app-body .analytics-operation-card__arrow{
  color:#94a3b8;
  font-size:1.55rem;
  line-height:1;
}

body.app-body .analytics-operation-card span,
body.app-body .analytics-operation-card small{
  display:block;
}

body.app-body .security-strength{
  display:grid;
  gap:16px;
  padding:22px;
  border-radius:28px;
  background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);
  box-shadow:var(--shadow);
}

body.app-body .security-strength__meter{
  height:12px;
  overflow:hidden;
  border-radius:999px;
  background:linear-gradient(180deg,#eef2f7 0%,#e2e8f0 100%);
}

body.app-body .security-strength__fill{
  display:block;
  height:100%;
  border-radius:999px;
  transition:width .25s ease;
}

body.app-body .security-strength__fill--success{
  background:linear-gradient(90deg,#15803d,#22c55e);
}

body.app-body .security-strength__fill--info{
  background:linear-gradient(90deg,#2563eb,#38bdf8);
}

body.app-body .security-strength__fill--warning{
  background:linear-gradient(90deg,#d97706,#fbbf24);
}

body.app-body .security-strength__fill--danger{
  background:linear-gradient(90deg,#b91c1c,#ef4444);
}

body.app-body .security-strength__headline{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  color:var(--muted);
}

body.app-body .security-strength__headline strong{
  color:var(--text);
}

body.app-body .security-strength__steps{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:12px;
}

body.app-body .security-strength__step{
  display:grid;
  grid-template-columns:auto minmax(0, 1fr);
  gap:10px;
  padding:14px 15px;
  border-radius:18px;
  border:1px solid rgba(216, 225, 235, .95);
  background:#fff;
  box-shadow:var(--shadow);
}

body.app-body .security-strength__step.is-complete{
  border-color:rgba(21, 128, 61, .18);
  background:linear-gradient(180deg, rgba(240, 253, 244, .98) 0%, #fff 100%);
}

body.app-body .security-strength__step-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:28px;
  height:28px;
  border-radius:50%;
  background:rgba(29, 78, 216, .08);
  color:var(--accent);
  font-weight:800;
}

body.app-body .security-strength__step.is-complete .security-strength__step-icon{
  background:rgba(21, 128, 61, .12);
  color:#15803d;
}

body.app-body .security-strength__step strong{
  display:block;
}

body.app-body .security-strength__step small{
  display:block;
  color:var(--muted);
  line-height:1.45;
}

body.app-body .detail-shell--animated{
  animation:sheetIn .22s ease;
}

@keyframes sheetIn{
  0%{opacity:0; transform:translateY(8px) scale(.99);}
  100%{opacity:1; transform:translateY(0) scale(1);}
}

body.app-body .notification-console{
  align-items:start;
}

body.app-body .notification-shell{
  width:min(100%, 1240px);
  margin-inline:auto;
}

body.app-body .notification-console__panel{
  display:grid;
  gap:16px;
}

body.app-body .notification-console__toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 14px;
  border-radius:18px;
  background:#f8fbff;
  border:1px solid rgba(216, 225, 235, .92);
}

body.app-body .notification-console__toolbar-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  justify-content:flex-end;
}

body.app-body .notification-row{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:auto auto minmax(0, 1fr) auto;
  align-items:start;
  gap:14px;
  padding:16px 18px;
  border-radius:18px;
}

body.app-body .notification-row::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:5px;
  border-radius:inherit 0 0 inherit;
  background:var(--notification-accent, rgba(100, 116, 139, .38));
  pointer-events:none;
}

body.app-body .notification-row > *{
  position:relative;
  z-index:1;
}

body.app-body .notification-row__toggle{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:100%;
  padding-top:2px;
}

body.app-body .notification-row__main{
  display:grid;
  gap:8px;
  min-width:0;
}

body.app-body .notification-row__main--link{
  text-align:left;
}

body.app-body .notification-row__main p{
  margin:0;
}

body.app-body .notification-row__meta{
  display:grid;
  gap:10px;
  justify-items:end;
  min-width:0;
}

body.app-body .notification-row--archived{
  opacity:.94;
  background:linear-gradient(180deg,#fbfcfe 0%,#f6f8fb 100%);
}

body.app-body .contact-request-page{
  gap:20px;
}

body.app-body .contact-request-hero{
  display:grid;
  gap:20px;
  padding:28px 30px;
  border-radius:30px;
  background:linear-gradient(180deg,#fbfdff 0%,#f4f8ff 100%);
}

body.app-body .contact-request-hero__intro{
  display:grid;
  grid-template-columns:minmax(0, 1.1fr) minmax(460px, .9fr);
  gap:24px;
  align-items:start;
}

body.app-body .contact-request-hero__title-row{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
}

body.app-body .contact-request-hero__copy h2{
  margin:0 0 10px;
  font-size:clamp(2rem, 2vw + 1rem, 3rem);
  line-height:1.05;
  color:#0f172a;
}

body.app-body .contact-request-hero__copy p{
  margin:0;
  max-width:620px;
  color:#64748b;
  line-height:1.65;
}

body.app-body .contact-request-hero__count{
  white-space:nowrap;
}

body.app-body .contact-request-tabs{
  display:inline-flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:22px;
}

body.app-body .contact-request-tabs__item{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:0 22px;
  border-radius:999px;
  border:1px solid rgba(37, 99, 235, .14);
  background:#fff;
  color:#33517f;
  font-weight:700;
  text-decoration:none;
  transition:all .18s ease;
}

body.app-body .contact-request-tabs__item:hover{
  border-color:rgba(37, 99, 235, .28);
  color:#1d4ed8;
}

body.app-body .contact-request-tabs__item.is-active{
  background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);
  border-color:transparent;
  color:#fff;
  box-shadow:0 18px 34px rgba(37, 99, 235, .18);
}

body.app-body .contact-request-stats{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:16px;
}

body.app-body .contact-request-stat{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:14px;
  align-items:center;
  min-height:110px;
  padding:18px 20px;
  border-radius:22px;
  border:1px solid #dbe4f0;
  background:#fff;
  box-shadow:0 12px 28px rgba(15, 23, 42, .05);
}

body.app-body .contact-request-stat__icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:52px;
  height:52px;
  border-radius:18px;
  background:#eff6ff;
  color:#2563eb;
}

body.app-body .contact-request-stat__icon svg{
  width:24px;
  height:24px;
}

body.app-body .contact-request-stat__icon--indigo{
  background:#eef2ff;
  color:#2563eb;
}

body.app-body .contact-request-stat__icon--orange{
  background:#fff7ed;
  color:#f59e0b;
}

body.app-body .contact-request-stat__icon--green{
  background:#ecfdf3;
  color:#16a34a;
}

body.app-body .contact-request-stat__label{
  display:block;
  margin-bottom:6px;
  color:#475569;
  font-weight:700;
}

body.app-body .contact-request-stat strong{
  display:block;
  margin-bottom:2px;
  font-size:2rem;
  line-height:1;
  color:#0f172a;
}

body.app-body .contact-request-stat small{
  color:#64748b;
  font-size:.95rem;
}

body.app-body .contact-request-filters{
  padding:18px 22px;
  border-radius:24px;
}

body.app-body .contact-request-filters__grid{
  display:grid;
  grid-template-columns:minmax(0, 1fr) minmax(0, 1fr) auto;
  gap:16px;
  align-items:end;
}

body.app-body .contact-request-filters__actions{
  display:flex;
  gap:12px;
  align-items:center;
  justify-content:flex-end;
}

body.app-body .contact-request-filters__submit svg{
  width:16px;
  height:16px;
}

body.app-body .contact-request-layout{
  display:grid;
  grid-template-columns:minmax(0, .42fr) minmax(0, .58fr);
  gap:22px;
  align-items:start;
}

body.app-body .contact-request-list,
body.app-body .contact-request-detail{
  display:grid;
  gap:18px;
  min-width:0;
  padding:18px;
  border-radius:28px;
}

body.app-body .contact-request-list__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  padding:16px 18px;
  border-radius:22px;
  border:1px solid #dbe4f0;
  background:linear-gradient(180deg,#fbfdff 0%,#f7fbff 100%);
}

body.app-body .contact-request-list__title{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:14px;
  align-items:start;
  min-width:0;
}

body.app-body .contact-request-list__icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:46px;
  height:46px;
  border-radius:16px;
  background:#eef4ff;
  color:#2563eb;
}

body.app-body .contact-request-list__icon svg{
  width:22px;
  height:22px;
}

body.app-body .contact-request-list__title strong{
  display:block;
  margin-bottom:4px;
  font-size:1.15rem;
  color:#0f172a;
}

body.app-body .contact-request-list__title p{
  margin:0;
  color:#64748b;
}

body.app-body .contact-request-list__meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}

body.app-body .contact-request-list__meta strong{
  color:#0f172a;
}

body.app-body .contact-request-list__sort{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:10px 14px;
  border-radius:16px;
  border:1px solid #dbe4f0;
  background:#fff;
  color:#334155;
  font-weight:600;
}

body.app-body .contact-request-list__items{
  display:grid;
  gap:12px;
  min-width:0;
}

body.app-body .contact-request-item{
  display:grid;
  grid-template-columns:auto minmax(0, 1fr) auto auto;
  gap:14px;
  align-items:center;
  padding:16px 18px;
  border-radius:22px;
  border:1px solid #dbe4f0;
  background:#fff;
  text-decoration:none;
  color:inherit;
  box-shadow:0 10px 26px rgba(15, 23, 42, .04);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}

body.app-body .contact-request-item:hover{
  transform:translateY(-1px);
  border-color:rgba(37, 99, 235, .24);
  box-shadow:0 16px 30px rgba(37, 99, 235, .08);
}

body.app-body .contact-request-item.is-selected{
  border-color:rgba(37, 99, 235, .48);
  background:linear-gradient(180deg,#f8fbff 0%,#eef4ff 100%);
  box-shadow:0 16px 30px rgba(37, 99, 235, .12);
}

body.app-body .contact-request-item.is-notification-focus{
  border-color:rgba(220, 38, 38, .4);
  background:linear-gradient(180deg,#fff6f6 0%,#fff 100%);
  box-shadow:0 16px 32px rgba(220, 38, 38, .10);
}

body.app-body .contact-request-item.is-read{
  background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);
}

body.app-body .contact-request-item.is-archived{
  opacity:.96;
}

body.app-body .contact-request-item__icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:48px;
  height:48px;
  border-radius:18px;
  background:#eef4ff;
  color:#2563eb;
  flex-shrink:0;
}

body.app-body .contact-request-item__icon svg,
body.app-body .contact-request-item__chevron svg{
  width:22px;
  height:22px;
}

body.app-body .contact-request-item__icon--positive{
  background:#ecfdf3;
  color:#16a34a;
}

body.app-body .contact-request-item__icon--negative,
body.app-body .contact-request-item__icon--bug_report{
  background:#fff1f2;
  color:#ef4444;
}

body.app-body .contact-request-item__icon--missing_feature{
  background:#eef2ff;
  color:#7c3aed;
}

body.app-body .contact-request-item__icon--performance,
body.app-body .contact-request-item__icon--ui_ux{
  background:#f5f3ff;
  color:#8b5cf6;
}

body.app-body .contact-request-item__icon--support,
body.app-body .contact-request-item__icon--corporate{
  background:#eff6ff;
  color:#2563eb;
}

body.app-body .contact-request-item__content{
  min-width:0;
  display:grid;
  gap:6px;
}

body.app-body .contact-request-item__content strong{
  color:#0f172a;
  font-size:1.02rem;
  line-height:1.35;
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
}

body.app-body .contact-request-item__content p{
  margin:0;
  color:#64748b;
  line-height:1.45;
  overflow-wrap:anywhere;
}

body.app-body .contact-request-item__meta{
  display:grid;
  justify-items:end;
  gap:10px;
  min-width:0;
}

body.app-body .contact-request-item__chips{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:8px;
}

body.app-body .contact-request-item__meta small{
  color:#64748b;
  text-align:right;
}

body.app-body .contact-request-item__chevron{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#94a3b8;
}

body.app-body .contact-chip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:30px;
  padding:0 12px;
  border-radius:999px;
  font-size:.82rem;
  font-weight:700;
  white-space:nowrap;
}

body.app-body .contact-chip--neutral{
  background:#f1f5f9;
  color:#475569;
}

body.app-body .contact-chip--warning{
  background:#fff7ed;
  color:#ea580c;
}

body.app-body .contact-chip--danger{
  background:#fff1f2;
  color:#dc2626;
}

body.app-body .contact-chip--success{
  background:#ecfdf3;
  color:#15803d;
}

body.app-body .contact-chip--new{
  background:#dbeafe;
  color:#1d4ed8;
}

body.app-body .contact-chip--read{
  background:#dcfce7;
  color:#15803d;
}

body.app-body .contact-request-detail__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
}

body.app-body .contact-request-detail__title{
  min-width:0;
}

body.app-body .contact-request-detail__title h3{
  margin:0 0 10px;
  color:#0f172a;
  font-size:clamp(1.32rem, 1vw + 1rem, 1.8rem);
  line-height:1.28;
  overflow-wrap:anywhere;
}

body.app-body .contact-request-detail__title p{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:0;
  color:#64748b;
}

body.app-body .contact-request-detail__chips{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:8px;
}

body.app-body .contact-request-detail__grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:14px;
}

body.app-body .contact-request-detail__card{
  display:grid;
  gap:10px;
  min-width:0;
  padding:16px 18px;
  border-radius:20px;
  border:1px solid #dbe4f0;
  background:linear-gradient(180deg,#fcfdff 0%,#f8fbff 100%);
}

body.app-body .contact-request-detail__card span{
  font-size:.76rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#64748b;
}

body.app-body .contact-request-detail__card strong,
body.app-body .contact-request-detail__card a{
  color:#0f172a;
  font-weight:700;
  overflow-wrap:anywhere;
}

body.app-body .contact-request-detail__card a{
  text-decoration:none;
  color:#2563eb;
}

body.app-body .contact-request-detail__message{
  padding:18px 20px;
  border-radius:22px;
  border:1px solid #dbe4f0;
  background:#fff;
}

body.app-body .contact-request-detail__message p{
  margin:0;
  color:#0f172a;
  line-height:1.8;
  overflow-wrap:anywhere;
}

body.app-body .contact-request-actions{
  display:grid;
  gap:16px;
  padding:18px 20px;
  border-radius:24px;
  border:1px solid #dbe4f0;
  background:linear-gradient(180deg,#fbfdff 0%,#f8fbff 100%);
}

body.app-body .contact-request-actions__copy strong{
  display:block;
  margin-bottom:8px;
  color:#0f172a;
  font-size:1.05rem;
}

body.app-body .contact-request-actions__copy p{
  margin:0;
  color:#64748b;
  line-height:1.65;
}

body.app-body .contact-request-actions__buttons{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

body.app-body .contact-request-actions__buttons form{
  display:flex;
}

body.app-body .contact-action-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:0 18px;
  border-radius:16px;
  border:1px solid transparent;
  background:#fff;
  color:#0f172a;
  font-weight:700;
  white-space:nowrap;
  transition:all .18s ease;
}

body.app-body .contact-action-button:hover{
  transform:translateY(-1px);
}

body.app-body .contact-action-button--todo{
  border-color:#bfdbfe;
  background:#eff6ff;
  color:#1d4ed8;
}

body.app-body .contact-action-button--pending{
  border-color:#fed7aa;
  background:#fff7ed;
  color:#ea580c;
}

body.app-body .contact-action-button--danger{
  border-color:#fecdd3;
  background:#fff1f2;
  color:#dc2626;
}

body.app-body .contact-action-button--outline,
body.app-body .contact-action-button--neutral{
  border-color:#dbe4f0;
  background:#fff;
  color:#334155;
}

body.app-body .contact-request-empty{
  display:grid;
  justify-items:center;
  gap:12px;
  padding:34px 20px;
  border-radius:24px;
  border:1px dashed #dbe4f0;
  background:linear-gradient(180deg,#fbfdff 0%,#f8fbff 100%);
  text-align:center;
}

body.app-body .contact-request-empty--detail{
  min-height:320px;
  align-content:center;
}

body.app-body .contact-request-empty__icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:56px;
  height:56px;
  border-radius:20px;
  background:#eef4ff;
  color:#2563eb;
}

body.app-body .contact-request-empty__icon svg{
  width:24px;
  height:24px;
}

body.app-body .contact-request-empty strong{
  color:#0f172a;
  font-size:1.05rem;
}

body.app-body .contact-request-empty p{
  max-width:420px;
  margin:0;
  color:#64748b;
  line-height:1.65;
}

body.app-body .contact-request-pagination{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding-top:4px;
}

body.app-body .contact-request-pagination span{
  color:#64748b;
}

body.app-body .contact-request-pagination__actions{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}

body.app-body .contact-request-pagination__button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:40px;
  height:40px;
  padding:0 12px;
  border-radius:14px;
  border:1px solid #dbe4f0;
  background:#fff;
  color:#33517f;
  font-weight:700;
  text-decoration:none;
}

body.app-body .contact-request-pagination__button svg{
  width:16px;
  height:16px;
}

body.app-body .contact-request-pagination__button.is-active{
  background:#2563eb;
  border-color:#2563eb;
  color:#fff;
  box-shadow:0 12px 24px rgba(37, 99, 235, .18);
}

body.app-body .contact-request-pagination__button.is-disabled{
  opacity:.48;
  pointer-events:none;
}

body.app-body .student-review-shell{
  display:grid;
}

body.app-body .student-form--revamped{
  display:grid;
  gap:18px;
}

body.app-body .student-review-targets{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:12px;
}

body.app-body .student-review-target{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:66px;
  padding:0 16px;
  border-radius:18px;
  border:1px solid rgba(216, 225, 235, .96);
  background:#fff;
  color:var(--text);
  font-weight:700;
  cursor:pointer;
  transition:all .18s ease;
}

body.app-body .student-review-target input{
  accent-color:var(--accent);
}

body.app-body .student-review-target:hover{
  transform:translateY(-1px);
  border-color:rgba(29, 78, 216, .2);
}

body.app-body .student-review-target.is-active{
  border-color:rgba(29, 78, 216, .26);
  background:linear-gradient(180deg,#eef4ff 0%,#f8fbff 100%);
  box-shadow:0 14px 32px rgba(29, 78, 216, .10);
}

body.app-body .student-form__grid--single{
  grid-template-columns:minmax(0, 1fr);
}

body.app-body .student-review-panels{
  display:grid;
  gap:14px;
}

body.app-body .student-review-panel{
  display:none;
  gap:14px;
  padding:18px;
  border-radius:22px;
  border:1px solid rgba(216, 225, 235, .95);
  background:linear-gradient(180deg,#fcfdff 0%,#fff 100%);
}

body.app-body .student-review-panel.is-active{
  display:grid;
  animation:sheetIn .18s ease;
}

body.app-body .student-review-panel__head{
  display:grid;
  gap:6px;
}

body.app-body .student-review-panel__head h4{
  margin:0;
}

body.app-body .student-review-panel__head p{
  margin:0;
  color:var(--muted);
}

body.app-body .student-feedback-warning{
  margin:0;
}

body.app-body .review-shell{
  --review-accent:#2563eb;
  --review-accent-soft:rgba(37, 99, 235, .12);
  --review-accent-strong:rgba(37, 99, 235, .22);
}

body.app-body .review-shell .section-head{
  margin-bottom:6px;
}

body.app-body .review-form{
  display:grid;
  gap:16px;
  padding:clamp(18px, 2.2vw, 28px);
}

body.app-body .review-hero{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  padding:18px 20px;
  border-radius:28px;
  border:1px solid rgba(216, 225, 235, .95);
  background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);
  box-shadow:0 18px 40px rgba(15, 23, 42, .06);
}

body.app-body .review-hero__copy{
  display:grid;
  gap:6px;
  min-width:0;
}

body.app-body .review-hero__eyebrow{
  margin:0;
  color:var(--muted);
  font-size:.74rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.12em;
}

body.app-body .review-hero__copy h3{
  margin:0;
  font-size:1.62rem;
  line-height:1.15;
  color:var(--text);
}

body.app-body .review-hero__copy p{
  margin:0;
  max-width:64ch;
  color:var(--muted);
}

body.app-body .review-hero__badge{
  display:inline-flex;
  align-items:center;
  gap:12px;
  flex:0 0 auto;
  min-height:56px;
  padding:10px 16px;
  border-radius:18px;
  border:1px solid rgba(216, 225, 235, .92);
  background:#fff;
  box-shadow:0 10px 24px rgba(15, 23, 42, .05);
}

body.app-body .review-hero__badge-icon{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:50%;
  color:var(--review-accent);
  background:var(--review-accent-soft);
}

body.app-body .review-hero__badge-icon svg{
  width:18px;
  height:18px;
}

body.app-body .review-hero__badge span{
  display:grid;
  gap:2px;
}

body.app-body .review-hero__badge strong{
  font-size:.94rem;
  line-height:1.1;
}

body.app-body .review-hero__badge small{
  color:var(--muted);
}

body.app-body .review-hero--vehicle{
  --review-accent:#16a34a;
  --review-accent-soft:rgba(22, 163, 74, .12);
  --review-accent-strong:rgba(22, 163, 74, .22);
}

body.app-body .review-hero--student{
  --review-accent:#2563eb;
  --review-accent-soft:rgba(37, 99, 235, .12);
  --review-accent-strong:rgba(37, 99, 235, .22);
}

body.app-body .review-step{
  display:grid;
  grid-template-columns:auto minmax(0, 1fr);
  gap:12px;
  align-items:start;
}

body.app-body .review-step__index{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  margin-top:14px;
  border-radius:12px;
  background:linear-gradient(180deg, rgba(37, 99, 235, .10), rgba(37, 99, 235, .04));
  color:var(--review-accent);
  font-size:.86rem;
  font-weight:900;
  box-shadow:inset 0 0 0 1px rgba(37, 99, 235, .10);
}

body.app-body .review-form--vehicle .review-step__index{
  background:linear-gradient(180deg, rgba(22, 163, 74, .12), rgba(22, 163, 74, .04));
  box-shadow:inset 0 0 0 1px rgba(22, 163, 74, .12);
}

body.app-body .review-form--student .review-step__index{
  background:linear-gradient(180deg, rgba(37, 99, 235, .12), rgba(37, 99, 235, .04));
  box-shadow:inset 0 0 0 1px rgba(37, 99, 235, .12);
}

body.app-body .review-step__body{
  display:grid;
  gap:14px;
  padding:18px;
  border-radius:26px;
  border:1px solid rgba(216, 225, 235, .95);
  background:linear-gradient(180deg,#fff 0%,#fafdff 100%);
  box-shadow:0 14px 34px rgba(15, 23, 42, .05);
}

body.app-body .review-step__head{
  display:grid;
  gap:4px;
}

body.app-body .review-step__head h4{
  margin:0;
  font-size:1rem;
}

body.app-body .review-step__head p{
  margin:0;
  color:var(--muted);
  font-size:.92rem;
}

body.app-body .review-target-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:14px;
}

body.app-body .review-target-card{
  position:relative;
  display:grid;
  grid-template-columns:auto minmax(0, 1fr) auto;
  gap:14px;
  align-items:center;
  min-height:92px;
  padding:18px 20px;
  border-radius:24px;
  border:1px solid rgba(216, 225, 235, .95);
  background:#fff;
  cursor:pointer;
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}

body.app-body .review-target-card input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}

body.app-body .review-target-card:hover{
  transform:translateY(-1px);
  border-color:rgba(37, 99, 235, .20);
  box-shadow:0 18px 34px rgba(37, 99, 235, .10);
}

body.app-body .review-target-card.is-active{
  border-color:var(--review-accent-strong);
  background:linear-gradient(180deg, var(--review-accent-soft) 0%, #fff 100%);
  box-shadow:0 20px 38px rgba(37, 99, 235, .10);
}

body.app-body .review-target-card__icon{
  display:grid;
  place-items:center;
  width:52px;
  height:52px;
  border-radius:18px;
  color:var(--review-accent);
  background:rgba(37, 99, 235, .08);
}

body.app-body .review-target-card--vehicle .review-target-card__icon{
  color:#16a34a;
  background:rgba(22, 163, 74, .10);
}

body.app-body .review-target-card--vehicle.is-active{
  border-color:rgba(22, 163, 74, .22);
  background:linear-gradient(180deg, rgba(22, 163, 74, .08) 0%, #fff 100%);
  box-shadow:0 20px 38px rgba(22, 163, 74, .12);
}

body.app-body .review-target-card--vehicle:hover{
  border-color:rgba(22, 163, 74, .22);
  box-shadow:0 18px 34px rgba(22, 163, 74, .10);
}

body.app-body .review-target-card--instructor .review-target-card__icon{
  color:#2563eb;
  background:rgba(37, 99, 235, .10);
}

body.app-body .review-target-card__icon svg{
  width:24px;
  height:24px;
}

body.app-body .review-target-card__copy{
  display:grid;
  gap:4px;
  min-width:0;
}

body.app-body .review-target-card__copy strong{
  font-size:.98rem;
  line-height:1.1;
}

body.app-body .review-target-card__copy small{
  color:var(--muted);
  line-height:1.35;
}

body.app-body .review-target-card__check{
  width:22px;
  height:22px;
  border-radius:50%;
  border:2px solid rgba(148, 163, 184, .35);
  background:#fff;
  box-shadow:inset 0 0 0 3px #fff;
}

body.app-body .review-target-card.is-active .review-target-card__check{
  border-color:var(--review-accent);
  background:var(--review-accent);
  box-shadow:inset 0 0 0 3px #fff;
}

body.app-body .review-split-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:14px;
}

body.app-body .review-split-grid--two{
  grid-template-columns:repeat(2, minmax(0, 1fr));
}

body.app-body .review-split-card,
body.app-body .review-panel{
  display:grid;
  gap:12px;
  padding:18px;
  border-radius:24px;
  border:1px solid rgba(216, 225, 235, .95);
  background:linear-gradient(180deg,#fff 0%,#fbfdff 100%);
}

body.app-body .review-split-card--field .review-inline-field{
  display:grid;
  gap:0;
}

body.app-body .review-split-card--field .field{
  margin:0;
}

body.app-body .review-panel{
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease, opacity .18s ease;
}

body.app-body .review-panel[data-review-panel],
body.app-body .review-panel[data-category-panel]{
  display:none;
}

body.app-body .review-panel[data-review-panel].is-active,
body.app-body .review-panel[data-category-panel].is-active{
  display:grid;
  animation:sheetIn .18s ease;
}

body.app-body .review-dual-panels{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:14px;
}

body.app-body .review-panel__head{
  display:grid;
  gap:4px;
}

body.app-body .review-panel__head h5{
  margin:0;
  font-size:1rem;
}

body.app-body .review-panel__head p{
  margin:0;
  color:var(--muted);
  font-size:.92rem;
}

body.app-body .review-panel--comment{
  background:linear-gradient(180deg,#fff 0%,#f9fbff 100%);
}

body.app-body .review-panel--full{
  min-height:100%;
}

body.app-body .review-panel--comment .field{
  margin:0;
}

body.app-body .review-panel--comment .field__label,
body.app-body .review-panel--full .field__label,
body.app-body .review-split-card .field__label,
body.app-body .review-step .field__label{
  font-size:.82rem;
  letter-spacing:.02em;
}

body.app-body .review-panel--comment textarea{
  min-height:150px;
}

body.app-body .review-submit{
  justify-self:stretch;
  min-height:52px;
}

body.app-body .review-form .rating-widget--premium{
  padding:18px;
  border-radius:26px;
}

body.app-body .review-form .rating-widget__header{
  gap:14px;
}

body.app-body .review-form .rating-widget__summary{
  font-size:.82rem;
}

body.app-body .review-form .rating-widget--premium .star-picker{
  gap:12px;
}

body.app-body .review-form .star-picker__button{
  min-height:82px;
  padding:10px 8px;
  border-radius:18px;
}

body.app-body .review-form .star-picker__symbol{
  font-size:1.2rem;
}

body.app-body .review-form .star-picker__number{
  font-size:.64rem;
}

body.app-body .review-form .star-picker__caption{
  font-size:.7rem;
}

body.app-body .review-form--vehicle{
  --review-accent:#16a34a;
  --review-accent-soft:rgba(22, 163, 74, .12);
  --review-accent-strong:rgba(22, 163, 74, .22);
}

body.app-body .review-form--student{
  --review-accent:#2563eb;
  --review-accent-soft:rgba(37, 99, 235, .12);
  --review-accent-strong:rgba(37, 99, 235, .22);
}

body.app-body .company-row{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto;
  gap:12px;
  align-items:center;
  padding:14px 16px;
  border-radius:18px;
}

body.app-body .company-row__main{
  display:grid;
  gap:4px;
  min-width:0;
}

body.app-body .company-row__main small{
  color:var(--muted);
}

body.app-body .company-row__meta{
  display:flex;
  align-items:center;
  justify-content:flex-end;
}

body.app-body .company-row--branch{
  margin-left:28px;
  border-left:2px solid rgba(29, 78, 216, .12);
  background:linear-gradient(180deg,#f7fbff 0%,#fff 100%);
}

body.app-body .company-row--branch::before{
  content:"";
  position:absolute;
  left:-18px;
  top:50%;
  width:18px;
  height:2px;
  background:rgba(29, 78, 216, .18);
}

body.public-body img.public-media{
  display:block;
  margin-inline:auto;
  object-position:center center !important;
}

@media (max-width: 960px){
  body.app-body .contact-request-hero__intro,
  body.app-body .contact-request-layout{
    grid-template-columns:1fr;
  }

  body.app-body .contact-request-detail{
    order:2;
  }

  body.app-body .contact-request-list{
    order:1;
  }

  body.app-body .contact-request-detail__grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  body.app-body .notification-row{
    grid-template-columns:auto minmax(0, 1fr);
  }

  body.app-body .notification-row__meta{
    grid-column:2;
    justify-items:start;
  }

  body.app-body .analytics-insight__layout{
    grid-template-columns:1fr;
  }

  body.app-body .analytics-insight__hero{
    flex-direction:column;
  }

  body.app-body .analytics-insight__hero-meta{
    justify-content:flex-start;
  }

  body.app-body .analytics-insight__mini-stats{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  body.app-body .analytics-insight__alerts,
  body.app-body .analytics-insight__definition{
    gap:12px;
  }

  body.app-body .analytics-insight__stats{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  body.app-body .analytics-operations__hero,
  body.app-body .analytics-operations__trend-card{
    grid-template-columns:1fr;
  }

  body.app-body .analytics-operations__kpi-strip{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  body.app-body .analytics-operations__grid--primary,
  body.app-body .analytics-operations__grid--secondary{
    grid-template-columns:1fr;
  }

  body.app-body .analytics-operation-card--profile{
    grid-template-columns:1fr;
  }

  body.app-body .analytics-operation-card__metrics{
    grid-template-columns:1fr;
  }

  body.app-body .analytics-operation-card__side{
    justify-items:end;
  }

  body.app-body .security-strength__steps{
    grid-template-columns:1fr;
  }

  body.app-body .feedback-board__hero,
  body.app-body .feedback-board__top,
  body.app-body .feedback-board__pagination{
    flex-direction:column;
    align-items:flex-start;
  }

  body.app-body .feedback-board__stats{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  body.app-body .feedback-board__filter-panel{
    grid-template-columns:1fr;
  }

  body.app-body .feedback-card{
    grid-template-columns:1fr;
  }

  body.app-body .feedback-card__rail{
    grid-template-columns:auto minmax(0, 1fr);
    justify-items:start;
    align-items:center;
  }

  body.app-body .feedback-card__rating{
    justify-items:start;
    text-align:left;
  }

  body.app-body .feedback-card__heading-row{
    grid-template-columns:1fr;
  }

  body.app-body .feedback-card__aside{
    justify-items:start;
  }

  body.app-body .feedback-board__footer{
    flex-direction:column;
    align-items:flex-start;
  }

  body.app-body .review-hero{
    flex-direction:column;
  }

  body.app-body .review-target-grid,
  body.app-body .review-split-grid,
  body.app-body .review-dual-panels{
    grid-template-columns:1fr;
  }

  body.app-body .review-step{
    grid-template-columns:1fr;
  }

  body.app-body .review-step__index{
    margin-top:0;
  }

  body.app-body .review-panel[data-review-panel],
  body.app-body .review-panel[data-category-panel]{
    padding:16px;
  }
}

@media (max-width: 760px){
  body.app-body .feedback-board{
    gap:18px;
  }

  body.app-body .feedback-board__hero-icon{
    width:52px;
    height:52px;
    border-radius:18px;
  }

  body.app-body .feedback-board__hero h2{
    font-size:1.6rem;
  }

  body.app-body .feedback-board__sheet{
    padding:16px;
    gap:16px;
  }

  body.app-body .feedback-board__stats{
    grid-template-columns:1fr;
  }

  body.app-body .feedback-board__stat{
    min-height:84px;
    padding:14px 16px;
  }

  body.app-body .feedback-board__filter{
    min-height:40px;
    padding:0 14px;
  }

  body.app-body .feedback-card{
    padding:14px;
    gap:14px;
    border-radius:20px;
  }

  body.app-body .feedback-card__icon{
    width:60px;
    height:60px;
    font-size:1.7rem;
  }

  body.app-body .feedback-card__actions{
    gap:8px;
  }

  body.app-body .feedback-card__profile-button{
    width:100%;
    justify-content:center;
  }

  body.app-body .feedback-board__footer{
    padding:14px;
    border-radius:18px;
  }

  body.app-body .review-form{
    gap:14px;
    padding:16px;
  }

  body.app-body .review-hero{
    padding:16px;
    border-radius:22px;
  }

  body.app-body .review-hero__copy h3{
    font-size:1.2rem;
  }

  body.app-body .review-hero__badge{
    width:100%;
    justify-content:flex-start;
  }

  body.app-body .review-step__body{
    padding:16px;
    border-radius:22px;
  }

  body.app-body .review-target-grid,
  body.app-body .review-split-grid,
  body.app-body .review-dual-panels{
    gap:12px;
  }

  body.app-body .review-target-card{
    min-height:82px;
    padding:14px 16px;
    border-radius:20px;
    gap:12px;
  }

  body.app-body .review-target-card__icon{
    width:44px;
    height:44px;
    border-radius:16px;
  }

  body.app-body .review-target-card__check{
    width:20px;
    height:20px;
  }

  body.app-body .review-split-card,
  body.app-body .review-panel{
    padding:14px;
    border-radius:20px;
  }

  body.app-body .review-form .rating-widget--premium{
    padding:14px;
    border-radius:22px;
  }

  body.app-body .review-form .star-picker{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  body.app-body .review-form .star-picker > :nth-child(5){
    grid-column:1 / -1;
  }

  body.app-body .review-form .star-picker__button{
    min-height:74px;
  }

  body.app-body .contact-request-hero{
    padding:22px 20px;
  }

  body.app-body .contact-request-stat{
    min-height:98px;
  }

  body.app-body .contact-request-filters{
    padding:16px;
  }

  body.app-body .contact-request-filters__grid{
    grid-template-columns:1fr;
  }

  body.app-body .contact-request-filters__actions{
    justify-content:stretch;
  }

  body.app-body .contact-request-filters__actions > *{
    flex:1 1 160px;
  }

  body.app-body .contact-request-item{
    grid-template-columns:auto minmax(0, 1fr) auto;
  }

  body.app-body .contact-request-item__meta{
    grid-column:2 / -1;
    justify-items:start;
  }

  body.app-body .contact-request-item__chips{
    justify-content:flex-start;
  }

  body.app-body .contact-request-item__meta small{
    text-align:left;
  }

  body.app-body .contact-request-detail__head{
    grid-template-columns:1fr;
  }

  body.app-body .contact-request-detail__grid{
    grid-template-columns:1fr;
  }

  body.app-body .contact-request-actions__buttons{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  body.app-body .contact-request-actions__buttons form{
    width:100%;
  }

  body.app-body .contact-action-button{
    width:100%;
  }

  body.app-body .contact-request-pagination{
    flex-direction:column;
    align-items:flex-start;
  }

  body.app-body .analytics-switcher{
    gap:8px;
  }

  body.app-body .analytics-switcher__item{
    flex:1 1 calc(50% - 8px);
    min-width:140px;
  }

  body.app-body .analytics-comparison{
    padding:18px;
  }

  body.app-body .analytics-comparison__meta{
    grid-template-columns:1fr;
  }

  body.app-body .analytics-comparison__label{
    flex-direction:column;
    align-items:flex-start;
  }

  body.app-body .notification-console__toolbar{
    align-items:flex-start;
    flex-direction:column;
  }

  body.app-body .notification-console__toolbar-actions{
    width:100%;
    justify-content:flex-start;
  }

  body.app-body .student-review-targets{
    grid-template-columns:1fr;
  }

  body.app-body .company-row--branch{
    margin-left:14px;
  }

  body.app-body .analytics-insight{
    padding:18px;
  }

  body.app-body .analytics-insight__hero{
    gap:14px;
  }

  body.app-body .analytics-insight__hero-copy{
    gap:12px;
  }

  body.app-body .analytics-insight__hero-icon{
    width:48px;
    height:48px;
    border-radius:16px;
  }

  body.app-body .analytics-insight__hero-meta{
    justify-content:flex-start;
  }

  body.app-body .analytics-insight__chart-head{
    flex-direction:column;
  }

  body.app-body .analytics-insight__mini-stats{
    grid-template-columns:1fr;
  }

  body.app-body .analytics-insight__stats{
    grid-template-columns:1fr;
  }

  body.app-body .analytics-insight__alerts,
  body.app-body .analytics-insight__definition{
    gap:10px;
  }

  body.app-body .analytics-insight__definition{
    flex-direction:column;
  }

  body.app-body .analytics-operations__stats,
  body.app-body .analytics-operations__stats--compact{
    grid-template-columns:1fr;
  }

  body.app-body .analytics-operations__grid,
  body.app-body .analytics-operations__subgrid{
    grid-template-columns:1fr;
  }

  body.app-body .analytics-insight__comparison-grid{
    grid-template-columns:1fr;
    justify-items:center;
  }

  body.app-body .analytics-insight__comparison{
    padding:14px;
  }

  body.app-body .analytics-insight__ring{
    width:min(100%, 220px);
  }

  body.app-body .analytics-operations{
    padding:18px;
  }

  body.app-body .analytics-operations__trend{
    padding:14px 16px;
  }

  body.app-body .security-strength{
    padding:18px;
  }
}

body.public-body .public-header{
  display:flex;
  justify-content:center;
  padding:12px 0;
}

body.public-body .public-header__inner{
  width:min(1260px, calc(100% - 48px));
  display:flex;
  align-items:center;
  gap:14px;
  margin:0 auto;
  min-width:0;
}

body.public-body .public-header__brand{
  flex:0 0 auto;
  min-width:0;
  max-width:min(340px, 42vw);
}

body.public-body .public-header__menu{
  display:none;
  flex:0 0 auto;
  margin-left:auto;
}

body.public-body .public-home-nav{
  flex:1 1 auto;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-width:0;
}

body.public-body .public-home-nav__actions{
  display:none;
}

body.public-body .public-header__actions{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:10px;
}

body.public-body .public-header__actions .secondary-button,
body.public-body .public-header__actions .pill-button{
  white-space:nowrap;
}

body.public-body .public-home-nav__actions .secondary-button,
body.public-body .public-home-nav__actions .pill-button{
  width:100%;
}

@media (max-width: 1100px){
  body.public-body .public-header__inner{
    width:min(100% - 32px, 1260px);
  }

  body.public-body .public-home-nav{
    gap:6px;
  }
}

@media (max-width: 860px){
  body.public-body .public-header{
    padding:10px 0;
  }

  body.public-body .public-header__inner{
    width:min(100% - 24px, 1260px);
    flex-wrap:wrap;
    align-items:flex-start;
  }

  body.public-body .public-header__menu{
    display:inline-flex;
  }

  body.public-body .public-home-nav{
    display:none;
    width:100%;
    flex-direction:column;
    align-items:stretch;
    gap:8px;
    padding:14px;
    margin-top:4px;
    border:1px solid rgba(148,163,184,.14);
    border-radius:20px;
    background:rgba(9, 15, 27, .94);
    box-shadow:0 24px 60px rgba(15,23,42,.22);
  }

  body.public-body .public-home-nav.is-open{
    display:grid;
  }

  body.public-body .public-home-nav a{
    width:100%;
    padding:12px 14px;
  }

  body.public-body .public-home-nav__actions{
    display:grid;
    gap:10px;
    margin-top:4px;
    padding-top:12px;
    border-top:1px solid rgba(148,163,184,.12);
  }

  body.public-body .public-header__actions{
    display:none;
  }

  body.public-body .public-home-nav__actions .pill-button{
    background:linear-gradient(135deg,#1d4ed8,#0f766e);
    box-shadow:0 16px 32px rgba(29,78,216,.18);
  }
}

@media (max-width: 860px){
  body.app-body .content,
  body.app-body .public-main{
    padding:16px;
  }

  body.app-body .topbar{
    gap:12px;
    padding:14px 16px;
  }

  body.app-body .topbar__title{
    order:3;
    flex:1 1 100%;
    min-width:0;
  }

  body.app-body .topbar__title h1,
  body.app-body .topbar__title p{
    overflow-wrap:anywhere;
    word-break:break-word;
    white-space:normal;
  }

  body.app-body .topbar__actions{
    width:100%;
    flex-wrap:wrap;
    justify-content:flex-start;
    gap:8px;
  }

  body.app-body .topbar__actions .secondary-button,
  body.app-body .topbar__actions .pill-button,
  body.app-body .topbar__actions .icon-btn{
    flex:1 1 140px;
    min-width:0;
    padding-inline:12px;
    white-space:normal;
    line-height:1.15;
  }

  body.app-body .section-head{
    flex-direction:column;
    align-items:flex-start;
    gap:10px;
  }

  body.app-body .section-head--compact{
    align-items:flex-start;
  }

  body.app-body .detail-tabs{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    width:100%;
    overflow:visible;
    padding-bottom:0;
  }

  body.app-body .detail-tabs__item{
    width:100%;
    min-height:46px;
    padding:10px 12px;
    text-align:center;
    white-space:normal;
    line-height:1.2;
  }

  body.app-body .analytics-switcher{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }

  body.app-body .analytics-graph-switcher,
  body.app-body .analytics-mode-switcher{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }

  body.app-body .analytics-switcher__item{
    width:100%;
    min-width:0;
    min-height:46px;
    padding:10px 12px;
    text-align:center;
    white-space:normal;
    line-height:1.2;
  }

  body.app-body .analytics-table--ranking{
    font-size:.78rem;
  }

  body.app-body .analytics-table--ranking thead th,
  body.app-body .analytics-table--ranking tbody td{
    padding:10px 8px;
  }

  body.app-body .founder-filter,
  body.app-body .panel--sheet,
  body.app-body .panel{
    padding:18px;
  }

  body.app-body .founder-filter__actions,
  body.app-body .notification-console__toolbar-actions,
  body.app-body .analytics-timeline__actions,
  body.app-body .pagination__actions,
  body.app-body .schedule-card__actions,
  body.app-body .table-actions{
    width:100%;
    justify-content:flex-start;
    flex-wrap:wrap;
    gap:8px;
  }

  body.app-body .table-actions{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
  }

  body.app-body .founder-filter__actions .primary-button,
  body.app-body .founder-filter__actions .secondary-button,
  body.app-body .notification-console__toolbar-actions .secondary-button,
  body.app-body .analytics-timeline__actions .secondary-button,
  body.app-body .pagination__actions .secondary-button,
  body.app-body .schedule-card__actions .secondary-button,
  body.app-body .table-actions .secondary-button{
    width:100%;
    flex:1 1 100%;
    white-space:normal;
    line-height:1.2;
  }

  body.app-body .schedule-card__summary{
    flex-direction:column;
    align-items:flex-start;
  }

  body.app-body .schedule-card__summary-side{
    width:100%;
    justify-items:start;
  }

  body.app-body .table-wrap--sheet{
    max-height:none;
    overflow-x:auto;
    overflow-y:visible;
  }

  body.app-body .table--sheet{
    width:100%;
    min-width:100%;
    table-layout:auto;
  }

  body.app-body .table--sheet th,
  body.app-body .table--sheet td{
    white-space:normal;
    overflow:visible;
    text-overflow:clip;
    word-break:break-word;
  }

  body.app-body .table--compact th,
  body.app-body .table--compact td{
    padding:10px 11px;
    font-size:.84rem;
  }

  body.app-body .table-cell-subtitle{
    white-space:normal;
    overflow-wrap:anywhere;
  }

  body.app-body .notification-row{
    grid-template-columns:1fr;
    justify-items:start;
  }

  body.app-body .notification-row__meta{
    justify-items:start;
    width:100%;
  }

  body.app-body .notification-row__actions{
    width:100%;
    justify-content:flex-start;
    flex-wrap:wrap;
  }

  body.app-body .row-card,
  body.app-body .archive-row,
  body.app-body .feedback-row{
    flex-direction:column;
    align-items:flex-start;
  }

  body.app-body .feedback-timeline__head,
  body.app-body .archive-row__header{
    flex-direction:column;
    align-items:flex-start;
  }

  body.app-body .archive-row__meta{
    justify-items:start;
    width:100%;
  }

  body.app-body .analytics-lesson-card,
  body.app-body .schedule-card{
    padding:16px;
  }

  body.app-body .schedule-grid--compact{
    grid-template-columns:1fr;
  }

  body.app-body .analytics-lesson-card .schedule-card__meta,
  body.app-body .schedule-card__meta{
    gap:8px;
  }

  body.app-body .company-tree-shell{
    position:static;
    top:auto;
    max-height:none;
    overflow:visible;
  }

  body.app-body .company-row--branch{
    margin-left:0;
  }
}

@media (max-width: 560px){
  body.app-body .detail-tabs,
  body.app-body .analytics-switcher{
    grid-template-columns:1fr;
  }

  body.app-body .instructor-lesson-summary{
    grid-template-columns:1fr 1fr;
  }

  body.app-body .instructor-lesson-pagination__page,
  body.app-body .instructor-lesson-pagination__ellipsis{
    min-width:32px;
    height:32px;
    border-radius:10px;
    font-size:.8rem;
  }

  body.app-body .topbar__actions .secondary-button,
  body.app-body .topbar__actions .pill-button,
  body.app-body .topbar__actions .icon-btn{
    flex-basis:100%;
  }

  body.app-body .schedule-card__facts{
    grid-template-columns:1fr;
  }
}

body.app-body .rating-chip{
  display:inline-flex;
  align-items:center;
  gap:6px;
  width:fit-content;
  white-space:nowrap;
  line-height:1;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(29, 78, 216, .14);
  background:linear-gradient(180deg,#f8fbff 0%,#fff 100%);
  color:var(--text);
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.01em;
  box-shadow:0 10px 18px rgba(15, 23, 42, .06);
}

body.app-body .rating-chip--sm{
  padding:5px 8px;
  font-size:.72rem;
}

body.app-body .profile-meta .rating-chip,
body.app-body .profile-linked-card .rating-chip{
  margin-top:6px;
}

body.app-body .analytics-score{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
}

body.app-body .analytics-score strong{
  font-size:.95rem;
}

body.app-body .detail-shell--animated{
  animation:detailShellIn .4s cubic-bezier(.2, .8, .2, 1) both;
}

body.app-body .detail-shell--animated > *{
  animation:detailCardRise .62s cubic-bezier(.2, .8, .2, 1) both;
}

body.app-body .detail-shell--animated > :nth-child(2){animation-delay:.03s}
body.app-body .detail-shell--animated > :nth-child(3){animation-delay:.06s}
body.app-body .detail-shell--animated > :nth-child(4){animation-delay:.09s}
body.app-body .detail-shell--animated > :nth-child(5){animation-delay:.12s}
body.app-body .detail-shell--animated > :nth-child(6){animation-delay:.15s}

body.app-body .detail-hero{
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);
}

body.app-body .detail-hero::before{
  content:"";
  position:absolute;
  inset:-80px auto auto -60px;
  width:220px;
  height:220px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(29, 78, 216, .12), rgba(29, 78, 216, 0) 68%);
  pointer-events:none;
}

body.app-body .detail-hero::after{
  content:"";
  position:absolute;
  right:-60px;
  bottom:-80px;
  width:240px;
  height:240px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(250, 204, 21, .08), rgba(250, 204, 21, 0) 64%);
  pointer-events:none;
}

body.app-body .detail-hero > *{
  position:relative;
  z-index:1;
}

body.app-body .profile-sheet__header{
  gap:18px;
}

body.app-body .profile-meta{
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

body.app-body .profile-meta:hover{
  transform:translateY(-2px);
  border-color:rgba(29, 78, 216, .18);
  box-shadow:0 16px 30px rgba(29, 78, 216, .08);
}

body.app-body .feedback-timeline__item,
body.app-body .schedule-card,
body.app-body .profile-linked-card{
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

body.app-body .feedback-timeline__item:hover,
body.app-body .schedule-card:hover,
body.app-body .profile-linked-card:hover{
  transform:translateY(-2px);
  border-color:rgba(29, 78, 216, .16);
  box-shadow:0 18px 32px rgba(15, 23, 42, .08);
}

body.app-body .instructor-lesson-board{
  display:grid;
  gap:16px;
}

body.app-body .instructor-lesson-toolbar{
  display:grid;
  grid-template-columns:minmax(0, 155px) minmax(0, 1fr) auto;
  gap:10px;
  align-items:end;
}

body.app-body .instructor-lesson-toolbar__field{
  margin:0;
}

body.app-body .instructor-lesson-toolbar__scope{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end;
}

body.app-body .instructor-lesson-summary{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(160px, 1fr));
  gap:10px;
}

body.app-body .profile-linked-card--compact{
  min-width:0;
  padding:12px 14px;
}

body.app-body .profile-linked-card--compact strong{
  font-size:1.15rem;
}

body.app-body .profile-linked-card--compact small{
  font-size:.78rem;
}

body.app-body .instructor-lesson-grid .schedule-card{
  min-width:0;
  height:100%;
  border-radius:22px;
}

body.app-body .instructor-lesson-grid .schedule-card__summary-main p{
  margin:0;
  color:#475569;
  overflow-wrap:anywhere;
  font-size:.87rem;
}

body.app-body .instructor-lesson-grid .schedule-card__summary-main strong{
  font-size:1rem;
}

body.app-body .instructor-lesson-grid .schedule-card__summary-side{
  min-width:106px;
}

body.app-body .instructor-lesson-pagination{
  gap:12px;
}

body.app-body .instructor-lesson-pagination__actions{
  align-items:center;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
}

body.app-body .instructor-lesson-pagination__pages{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}

body.app-body .instructor-lesson-pagination__page,
body.app-body .instructor-lesson-pagination__ellipsis{
  min-width:36px;
  height:36px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  border:1px solid rgba(203, 213, 225, .9);
  background:#fff;
  color:#334155;
  font-size:.88rem;
  font-weight:700;
  line-height:1;
  text-decoration:none;
}

body.app-body .instructor-lesson-pagination__page:hover{
  border-color:rgba(37, 99, 235, .35);
  color:#1d4ed8;
  box-shadow:0 10px 22px rgba(37, 99, 235, .08);
}

body.app-body .instructor-lesson-pagination__page.is-active{
  background:linear-gradient(135deg, #1d4ed8, #2563eb);
  border-color:#1d4ed8;
  color:#fff;
  box-shadow:0 14px 26px rgba(37, 99, 235, .2);
}

body.app-body .instructor-lesson-pagination__ellipsis{
  background:transparent;
}

body.app-body .analytics-board{
  animation:detailCardRise .58s cubic-bezier(.2, .8, .2, 1) both;
}

body.app-body .analytics-timeline__item{
  animation:detailCardRise .52s cubic-bezier(.2, .8, .2, 1) both;
}

body.app-body .rating-widget--premium{
  position:relative;
  overflow:hidden;
  padding:16px;
  border-radius:24px;
  border:1px solid rgba(216, 225, 235, .96);
  background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);
  box-shadow:0 18px 36px rgba(15, 23, 42, .07);
  --star-tone-bg: linear-gradient(180deg, #fff 0%, #f8fbff 100%);
  --star-tone-border: rgba(245, 158, 11, .38);
  --star-tone-shadow: 0 16px 30px rgba(245, 158, 11, .16);
  --star-tone-accent: #b45309;
  --star-tone-caption: #92400e;
  --star-tone-overlay: linear-gradient(135deg, rgba(29, 78, 216, .12), transparent 48%, rgba(250, 204, 21, .08));
}

body.app-body .rating-widget--premium[data-star-tone="1"]{
  --star-tone-bg: linear-gradient(180deg, #fff5f5 0%, #fff 100%);
  --star-tone-border: rgba(220, 38, 38, .40);
  --star-tone-shadow: 0 16px 30px rgba(220, 38, 38, .18);
  --star-tone-accent: #b91c1c;
  --star-tone-caption: #7f1d1d;
  --star-tone-overlay: linear-gradient(135deg, rgba(220, 38, 38, .16), transparent 48%, rgba(248, 113, 113, .12));
}

body.app-body .rating-widget--premium[data-star-tone="2"]{
  --star-tone-bg: linear-gradient(180deg, #fff7ed 0%, #fff 100%);
  --star-tone-border: rgba(249, 115, 22, .40);
  --star-tone-shadow: 0 16px 30px rgba(249, 115, 22, .18);
  --star-tone-accent: #c2410c;
  --star-tone-caption: #9a3412;
  --star-tone-overlay: linear-gradient(135deg, rgba(249, 115, 22, .16), transparent 48%, rgba(251, 146, 60, .12));
}

body.app-body .rating-widget--premium[data-star-tone="3"]{
  --star-tone-bg: linear-gradient(180deg, #fffbeb 0%, #fff 100%);
  --star-tone-border: rgba(234, 179, 8, .40);
  --star-tone-shadow: 0 16px 30px rgba(234, 179, 8, .18);
  --star-tone-accent: #a16207;
  --star-tone-caption: #854d0e;
  --star-tone-overlay: linear-gradient(135deg, rgba(234, 179, 8, .18), transparent 48%, rgba(250, 204, 21, .12));
}

body.app-body .rating-widget--premium[data-star-tone="4"]{
  --star-tone-bg: linear-gradient(180deg, #f0f9ff 0%, #fff 100%);
  --star-tone-border: rgba(56, 189, 248, .38);
  --star-tone-shadow: 0 16px 30px rgba(56, 189, 248, .16);
  --star-tone-accent: #0369a1;
  --star-tone-caption: #075985;
  --star-tone-overlay: linear-gradient(135deg, rgba(56, 189, 248, .18), transparent 48%, rgba(125, 211, 252, .12));
}

body.app-body .rating-widget--premium[data-star-tone="5"]{
  --star-tone-bg: linear-gradient(180deg, #f0fdf4 0%, #fff 100%);
  --star-tone-border: rgba(34, 197, 94, .42);
  --star-tone-shadow: 0 16px 30px rgba(34, 197, 94, .18);
  --star-tone-accent: #15803d;
  --star-tone-caption: #166534;
  --star-tone-overlay: linear-gradient(135deg, rgba(34, 197, 94, .18), transparent 48%, rgba(134, 239, 172, .12));
}

body.app-body .rating-widget--premium::before{
  content:"";
  position:absolute;
  inset:-40% auto auto -25%;
  width:260px;
  height:260px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(29, 78, 216, .12), rgba(29, 78, 216, 0) 70%);
  pointer-events:none;
}

body.app-body .rating-widget__header{
  position:relative;
  z-index:1;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}

body.app-body .rating-widget__summary{
  margin:0;
  color:var(--muted);
  font-size:.78rem;
  line-height:1.2;
  font-weight:700;
  text-align:right;
}

body.app-body .rating-widget--premium .star-picker{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(5, minmax(0, 1fr));
  gap:10px;
}

body.app-body .star-picker__button{
  position:relative;
  overflow:hidden;
  display:grid;
  place-items:center;
  gap:4px;
  width:100%;
  height:auto;
  min-height:88px;
  padding:10px 9px;
  border-radius:20px;
  border:1px solid rgba(216, 225, 235, .95);
  background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);
  box-shadow:0 10px 20px rgba(15, 23, 42, .06);
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease, background-color .18s ease, color .18s ease;
}

body.app-body .star-picker__button::after{
  content:"";
  position:absolute;
  inset:0;
  background:var(--star-tone-overlay);
  opacity:0;
  pointer-events:none;
  transition:opacity .18s ease;
}

body.app-body .star-picker__button:hover{
  transform:translateY(-3px);
  border-color:rgba(29, 78, 216, .24);
  box-shadow:0 18px 32px rgba(29, 78, 216, .12);
}

body.app-body .rating-widget--premium .star-picker__button.is-active:hover{
  border-color:var(--star-tone-border);
  box-shadow:var(--star-tone-shadow);
}

body.app-body .star-picker__button:hover::after,
body.app-body .star-picker__button.is-active::after{
  opacity:1;
}

body.app-body .star-picker__button.is-active{
  border-color:var(--star-tone-border);
  background:var(--star-tone-bg);
  color:var(--star-tone-accent);
  box-shadow:var(--star-tone-shadow);
}

body.app-body .star-picker__button:focus-visible{
  outline:none;
  box-shadow:0 0 0 4px rgba(29, 78, 216, .14), 0 16px 30px rgba(29, 78, 216, .12);
}

body.app-body .star-picker__symbol{
  position:relative;
  z-index:1;
  font-size:1.35rem;
  line-height:1;
}

body.app-body .star-picker__button.is-active .star-picker__symbol{
  animation:starPulse .58s ease;
}

body.app-body .star-picker__number{
  position:relative;
  z-index:1;
  font-size:.66rem;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--muted);
}

body.app-body .star-picker__caption{
  position:relative;
  z-index:1;
  font-size:.72rem;
  font-weight:700;
  color:var(--text);
  text-align:center;
}

body.app-body .rating-widget--premium .star-picker__button.is-active .star-picker__caption{
  color:var(--star-tone-caption);
}

body.app-body .rating-widget--premium .star-picker__button.is-active .star-picker__number{
  color:var(--star-tone-accent);
}

body.app-body .student-form--revamped{
  gap:14px;
}

body.app-body .student-form--revamped .section-head h2{
  font-size:1.2rem;
}

body.app-body .student-form--revamped .section-head h3{
  font-size:1rem;
}

body.app-body .student-form--revamped .field__label{
  font-size:.78rem;
  letter-spacing:.02em;
}

body.app-body .student-review-targets{
  gap:10px;
}

body.app-body .student-review-target{
  padding:10px 12px;
}

body.app-body .student-review-target span{
  font-size:.82rem;
}

body.app-body .student-review-panel{
  padding:14px;
  gap:12px;
}

body.app-body .student-review-panel__head h4{
  font-size:1rem;
}

body.app-body .student-review-panel__head p{
  font-size:.8rem;
  line-height:1.5;
}

body.app-body .student-form--revamped .choice-group{
  gap:10px;
}

body.app-body .student-form--revamped .choice-pill span,
body.app-body .student-form--revamped .chip-choice span{
  font-size:.8rem;
}

body.app-body .student-feedback-warning{
  font-size:.8rem;
}

@keyframes detailShellIn{
  0%{
    opacity:0;
    transform:translateY(12px);
  }
  100%{
    opacity:1;
    transform:translateY(0);
  }
}

@keyframes detailCardRise{
  0%{
    opacity:0;
    transform:translateY(14px) scale(.985);
    filter:blur(4px);
  }
  100%{
    opacity:1;
    transform:translateY(0) scale(1);
    filter:none;
  }
}

@keyframes starPulse{
  0%{
    transform:scale(1);
  }
  50%{
    transform:scale(1.12);
  }
  100%{
    transform:scale(1);
  }
}

@media (max-width: 760px){
  body.app-body .rating-widget__header{
    flex-direction:column;
    align-items:flex-start;
  }

  body.app-body .rating-widget__summary{
    text-align:left;
  }

  body.app-body .rating-widget--premium .star-picker{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  body.app-body .rating-widget--premium .star-picker > :last-child{
    grid-column:1 / -1;
    width:min(100%, 180px);
    justify-self:center;
  }
}

@media (prefers-reduced-motion: reduce){
  body.app-body .detail-shell--animated,
  body.app-body .detail-shell--animated > *,
  body.app-body .analytics-board,
  body.app-body .analytics-timeline__item,
  body.app-body .feedback-timeline__item,
  body.app-body .schedule-card,
  body.app-body .profile-linked-card,
  body.app-body .star-picker__button.is-active .star-picker__symbol{
    animation:none !important;
  }

  body.app-body .profile-meta,
  body.app-body .feedback-timeline__item,
  body.app-body .schedule-card,
  body.app-body .profile-linked-card,
  body.app-body .star-picker__button{
    transition:none !important;
  }
}

body.app-body .stat-card{
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);
  border-color:rgba(216, 225, 235, .9);
  box-shadow:0 18px 44px rgba(15, 23, 42, .08);
}

body.app-body .stat-card--link{
  display:block;
  color:inherit;
  text-decoration:none;
  cursor:pointer;
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}

body.app-body .stat-card--link:hover{
  transform:translateY(-2px);
  border-color:rgba(29, 78, 216, .24);
  box-shadow:0 22px 48px rgba(29, 78, 216, .12);
}

body.app-body .stat-card--link:focus-visible{
  outline:none;
  box-shadow:0 0 0 4px rgba(29, 78, 216, .14), 0 22px 48px rgba(29, 78, 216, .12);
}

body.app-body .stat-card::after{
  content:"";
  position:absolute;
  inset:auto -26px -32px auto;
  width:118px;
  height:118px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(29, 78, 216, .10), rgba(29, 78, 216, 0) 70%);
  pointer-events:none;
}

body.app-body .stat-card > *{
  position:relative;
  z-index:1;
}

body.app-body .stat-card__value{
  font-size:clamp(1.85rem, 3vw, 2.25rem);
}

body.app-body .analytics-switcher{
  padding:10px;
  border:1px solid rgba(216, 225, 235, .92);
  border-radius:24px;
  background:rgba(255,255,255,.78);
  box-shadow:0 18px 40px rgba(15, 23, 42, .06);
  backdrop-filter:blur(14px);
}

body.app-body .analytics-switcher__item{
  min-height:44px;
  padding:0 18px;
  background:rgba(255,255,255,.86);
  border-color:rgba(216, 225, 235, .92);
}

body.app-body .analytics-switcher__item.is-active{
  background:linear-gradient(180deg,#eef4ff 0%,#f8fbff 100%);
}

body.app-body .analytics-board{
  position:relative;
  overflow:hidden;
  padding:22px;
  border:1px solid rgba(216, 225, 235, .92);
  border-radius:28px;
  background:linear-gradient(180deg,#fff 0%,#f7fbff 100%);
  box-shadow:0 22px 52px rgba(15, 23, 42, .08);
  scroll-margin-top:112px;
  animation:detailCardRise .55s cubic-bezier(.2, .8, .2, 1) both;
}

body.app-body .analytics-board [id],
body.app-body .analytics-alerts{
  scroll-margin-top:112px;
}

body.app-body .analytics-board::before{
  content:"";
  position:absolute;
  inset:-90px auto auto -80px;
  width:220px;
  height:220px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(29, 78, 216, .12), rgba(29, 78, 216, 0) 70%);
  pointer-events:none;
}

body.app-body .analytics-board > *{
  position:relative;
  z-index:1;
}

body.app-body .analytics-comparison{
  padding:24px;
  border:1px solid rgba(216, 225, 235, .92);
  border-radius:28px;
  background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);
  box-shadow:0 22px 54px rgba(15, 23, 42, .08);
}

body.app-body .analytics-comparison::after{
  content:"";
  position:absolute;
  inset:auto -40px -44px auto;
  width:180px;
  height:180px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(15, 118, 110, .08), rgba(15, 118, 110, 0) 72%);
  pointer-events:none;
}

body.app-body .analytics-comparison__meta .profile-linked-card{
  background:rgba(255,255,255,.84);
  border:1px solid rgba(216, 225, 235, .9);
  box-shadow:0 14px 30px rgba(15, 23, 42, .06);
}

body.app-body .analytics-timeline__item,
body.app-body .analytics-lesson-card,
body.app-body .feedback-timeline__item{
  background:linear-gradient(180deg,#fff 0%,#f9fbff 100%);
  border:1px solid rgba(216, 225, 235, .92);
  box-shadow:0 18px 42px rgba(15, 23, 42, .07);
}

body.app-body .analytics-timeline__item{
  border-left:4px solid rgba(29, 78, 216, .18);
}

body.app-body .analytics-timeline__item--instructor{
  border-left-color:rgba(29, 78, 216, .30);
}

body.app-body .analytics-timeline__item--vehicle{
  border-left-color:rgba(15, 118, 110, .30);
}

body.app-body .analytics-timeline__item:hover,
body.app-body .analytics-lesson-card:hover,
body.app-body .feedback-timeline__item:hover{
  transform:translateY(-2px);
  box-shadow:0 24px 52px rgba(15, 23, 42, .10);
}

body.app-body .analytics-lesson-card.is-selected,
body.app-body .schedule-card.is-selected,
body.app-body .feedback-timeline__item.is-selected{
  border-color:rgba(37, 99, 235, .34);
  background:linear-gradient(180deg,rgba(239, 246, 255, .98) 0%,rgba(248, 251, 255, .98) 100%);
  box-shadow:0 0 0 4px rgba(37, 99, 235, .08), 0 24px 52px rgba(15, 23, 42, .12);
  scroll-margin-top:120px;
}

body.app-body .analytics-lesson-card.is-notification-focus,
body.app-body .schedule-card.is-notification-focus,
body.app-body .feedback-timeline__item.is-notification-focus,
body.app-body .notification-row--contact.is-notification-focus{
  border-color:rgba(220, 38, 38, .58);
  background:linear-gradient(180deg,rgba(255, 241, 242, .98) 0%,rgba(255, 247, 247, .98) 100%);
  box-shadow:0 0 0 1px rgba(220, 38, 38, .20), 0 0 0 5px rgba(220, 38, 38, .12), 0 24px 52px rgba(15, 23, 42, .12);
  scroll-margin-top:120px;
}

body.app-body .analytics-lesson-card.is-selected::before,
body.app-body .schedule-card.is-selected::before,
body.app-body .feedback-timeline__item.is-selected::before{
  background:linear-gradient(180deg,rgba(37, 99, 235, .28),rgba(15, 118, 110, .26));
}

body.app-body .analytics-lesson-card.is-notification-focus::before,
body.app-body .schedule-card.is-notification-focus::before,
body.app-body .feedback-timeline__item.is-notification-focus::before,
body.app-body .notification-row--contact.is-notification-focus::before{
  background:linear-gradient(180deg,rgba(220, 38, 38, .28),rgba(248, 113, 113, .24));
}

body.app-body .notification-row--read{
  background:linear-gradient(180deg,#f3f5f8 0%,#ebeff4 100%);
  border-color:rgba(203, 213, 225, .9);
}

body.app-body .notification-row--read .notification-row__main strong,
body.app-body .notification-row--read .notification-row__main p,
body.app-body .notification-row--read .muted{
  color:#5b677b;
}

body.app-body .notification-row--source-founder{
  --notification-accent:#dc2626;
  border-color:rgba(185, 28, 28, .26);
  background:linear-gradient(180deg,#fff5f5 0%,#ffffff 100%);
}

body.app-body .notification-row--source-admin{
  --notification-accent:#2563eb;
  border-color:rgba(29, 78, 216, .20);
  background:linear-gradient(180deg,#f6f9ff 0%,#ffffff 100%);
}

body.app-body .notification-row--source-company_admin{
  --notification-accent:#0f766e;
  border-color:rgba(15, 118, 110, .20);
  background:linear-gradient(180deg,#f2fffd 0%,#ffffff 100%);
}

body.app-body .notification-row--source-instructor{
  --notification-accent:#059669;
  border-color:rgba(16, 185, 129, .22);
  background:linear-gradient(180deg,#f3fff9 0%,#ffffff 100%);
}

body.app-body .notification-row--source-student{
  --notification-accent:#d97706;
  border-color:rgba(245, 158, 11, .22);
  background:linear-gradient(180deg,#fffaf1 0%,#ffffff 100%);
}

body.app-body .notification-row--source-public,
body.app-body .notification-row--source-system{
  --notification-accent:#64748b;
  border-color:rgba(148, 163, 184, .22);
  background:linear-gradient(180deg,#fbfcfe 0%,#ffffff 100%);
}

body.app-body .notification-row--source-broadcast{
  --notification-accent:#b91c1c;
  border-color:rgba(185, 28, 28, .24);
  background:linear-gradient(180deg,#fff7f7 0%,#ffffff 100%);
}

body.app-body .table-wrap--sheet{
  -webkit-overflow-scrolling:touch;
}

body.app-body .analytics-table thead th{
  position:sticky;
  top:0;
  z-index:1;
  background:linear-gradient(180deg,#f8fbff 0%,#edf4fb 100%);
}

body.app-body .analytics-table tbody tr:nth-child(2n) td{
  background:rgba(248, 251, 255, .72);
}

body.app-body .analytics-table tbody tr:hover td{
  background:#f2f7ff;
}

body.app-body .field__hint{
  display:block;
  margin-top:4px;
  color:#6b7280;
  font-size:.76rem;
  line-height:1.35;
}

body.app-body .maintenance-profile-panel{
  display:grid;
  gap:18px;
}

body.app-body .maintenance-profile-form{
  display:grid;
  gap:18px;
}

body.app-body .maintenance-profile-tabs{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(140px, 1fr));
  gap:10px;
  padding:10px;
  border:1px solid rgba(216, 225, 235, .94);
  border-radius:22px;
  background:linear-gradient(180deg, rgba(248, 251, 255, .92) 0%, rgba(241, 246, 252, .96) 100%);
  box-shadow:0 18px 44px rgba(15, 23, 42, .05);
}

body.app-body .maintenance-profile-tabs__item{
  border:1px solid rgba(148, 163, 184, .18);
  background:rgba(255,255,255,.88);
  color:#334155;
  border-radius:16px;
  padding:12px 14px;
  font-weight:700;
  font-size:.92rem;
  line-height:1.15;
  text-align:center;
  white-space:normal;
  box-shadow:0 10px 26px rgba(15, 23, 42, .04);
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease, color .2s ease, background .2s ease;
}

body.app-body .maintenance-profile-tabs__item:hover{
  transform:translateY(-1px);
  border-color:rgba(37, 99, 235, .20);
  box-shadow:0 14px 30px rgba(15, 23, 42, .08);
}

body.app-body .maintenance-profile-tabs__item.is-active{
  color:#fff;
  border-color:transparent;
  background:linear-gradient(135deg, var(--accent) 0%, #0f766e 100%);
  box-shadow:0 16px 32px rgba(37, 99, 235, .20);
}

body.app-body .maintenance-profile-panels{
  display:grid;
  gap:16px;
}

body.app-body .maintenance-profile-section{
  display:grid;
  gap:18px;
  padding:18px;
  border:1px solid rgba(216, 225, 235, .94);
  border-radius:22px;
  background:linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(248,251,255,.96) 100%);
  box-shadow:0 18px 42px rgba(15, 23, 42, .06);
  scroll-margin-top:120px;
}

body.app-body .maintenance-profile-section[hidden]{
  display:none !important;
}

body.app-body .maintenance-profile-section .section-head{
  margin-bottom:0;
}

body.app-body .maintenance-profile-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:14px;
}

body.app-body .maintenance-profile-field{
  min-width:0;
  display:grid;
  gap:6px;
  align-content:start;
}

body.app-body .maintenance-profile-field .field__control{
  width:100%;
}

body.app-body .maintenance-profile-field__file{
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin-top:2px;
  font-weight:700;
}

body.app-body .maintenance-profile-actions{
  display:flex;
  justify-content:flex-end;
}

body.app-body .maintenance-profile-actions .primary-button{
  min-width:220px;
}

body.app-body .maintenance-shell{
  display:grid;
  gap:18px;
}

body.app-body .maintenance-panel-tabs{
  align-items:stretch;
}

body.app-body .maintenance-technical-shell{
  display:grid;
  gap:18px;
}

body.app-body .maintenance-technical-nav{
  display:grid;
  gap:12px;
}

body.app-body .maintenance-technical-nav__toggle{
  display:none;
}

body.app-body .maintenance-technical-nav__panel{
  display:grid;
  gap:12px;
}

body.app-body .maintenance-technical-nav__actions{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:10px;
  padding:10px;
  border:1px solid rgba(216, 225, 235, .94);
  border-radius:22px;
  background:linear-gradient(180deg, rgba(248, 251, 255, .92) 0%, rgba(241, 246, 252, .96) 100%);
  box-shadow:0 18px 44px rgba(15, 23, 42, .05);
}

body.app-body .maintenance-technical-list{
  display:grid;
  gap:14px;
}

body.app-body .maintenance-technical-shell__stats{
  gap:8px;
}

body.app-body .maintenance-technical-list__tabs{
  padding:8px;
  border-radius:20px;
}

body.app-body .maintenance-technical-list__tabs .detail-tabs__item{
  min-height:40px;
  padding:0 14px;
  font-size:.84rem;
}

body.app-body .maintenance-create-form__span-2{
  grid-column:span 2;
}

@media (max-width: 860px){
  body.app-body .topbar__actions{
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(140px, 1fr));
    width:100%;
    gap:8px;
  }

  body.app-body .topbar__actions .secondary-button,
  body.app-body .topbar__actions .pill-button,
  body.app-body .topbar__actions .icon-btn{
    width:100%;
    max-width:100%;
    min-width:0;
    white-space:normal;
    text-align:center;
    overflow-wrap:anywhere;
    line-height:1.15;
  }

  body.app-body .analytics-board,
  body.app-body .analytics-comparison{
    padding:18px;
  }

  body.app-body .analytics-graph-panel__head{
    flex-direction:column;
    align-items:flex-start;
  }

  body.app-body .analytics-manipulation-grid .profile-linked-grid{
    grid-template-columns:1fr;
  }

  body.app-body .analytics-comparison__meta{
    grid-template-columns:1fr;
  }

  body.app-body .analytics-comparison__label{
    flex-direction:column;
    align-items:flex-start;
  }

  body.app-body .analytics-timeline__actions{
    justify-content:flex-start;
  }

  body.app-body .maintenance-profile-tabs{
    display:flex;
    overflow-x:auto;
    overflow-y:hidden;
    gap:8px;
    padding:10px;
    scroll-snap-type:x proximity;
  }

  body.app-body .maintenance-profile-grid{
    grid-template-columns:1fr;
  }

  body.app-body .maintenance-profile-tabs__item{
    flex:0 0 auto;
    min-width:150px;
    scroll-snap-align:start;
  }

  body.app-body .maintenance-profile-actions{
    justify-content:stretch;
  }

  body.app-body .maintenance-profile-actions .primary-button{
    width:100%;
    min-width:0;
  }

  body.app-body .maintenance-technical-nav__toggle{
    display:inline-flex;
    justify-content:center;
    width:100%;
  }

  body.app-body .maintenance-technical-nav__actions{
    display:flex;
    overflow-x:auto;
    overflow-y:hidden;
    gap:8px;
    padding:10px;
    scroll-snap-type:x proximity;
  }

  body.app-body .maintenance-technical-nav__actions .maintenance-profile-tabs__item{
    flex:0 0 auto;
    min-width:170px;
    scroll-snap-align:start;
  }

  body.app-body .maintenance-create-form__span-2{
    grid-column:auto;
  }
}

@media (max-width: 560px){
  body.app-body .topbar__actions{
    grid-template-columns:1fr;
  }

  body.app-body .analytics-switcher{
    display:grid;
    grid-template-columns:1fr;
    padding:8px;
  }

  body.app-body .analytics-graph-switcher{
    display:grid;
    grid-template-columns:1fr;
    padding:8px;
  }

  body.app-body .analytics-mode-switcher{
    display:grid;
    grid-template-columns:1fr;
    padding:8px;
  }

  body.app-body .analytics-company-tabs{
    display:grid;
    grid-template-columns:1fr;
    padding:8px;
  }

  body.app-body .analytics-switcher__item{
    width:100%;
    min-height:46px;
    text-align:center;
    white-space:normal;
    line-height:1.2;
  }

  body.app-body .analytics-graph-switcher .analytics-switcher__item{
    width:100%;
    min-height:46px;
    text-align:center;
    white-space:normal;
    line-height:1.2;
  }

  body.app-body .analytics-table--ranking{
    font-size:.74rem;
  }

  body.app-body .analytics-table--ranking thead th,
  body.app-body .analytics-table--ranking tbody td{
    padding:8px 8px;
  }

  body.app-body .analytics-insight__rail{
    align-items:stretch;
  }

  body.app-body .analytics-insight__jump{
    width:100%;
    justify-content:center;
  }

  body.app-body .analytics-table{
    min-width:720px;
  }

  body.app-body .analytics-table td,
  body.app-body .analytics-table th{
    padding:12px 14px;
    white-space:normal;
    overflow-wrap:anywhere;
  }

  body.app-body .profile-linked-grid{
    grid-template-columns:1fr;
  }

  body.app-body .profile-linked-card{
    min-height:0;
  }

  body.app-body .analytics-bar-row__top{
    flex-direction:column;
    align-items:flex-start;
  }

  body.app-body .analytics-bar-row__top span{
    white-space:normal;
  }
}


/* Glassmorphism public shell */
body.public-glass{
  background:
    radial-gradient(circle at 12% 14%, rgba(59,130,246,.16), transparent 24%),
    radial-gradient(circle at 88% 6%, rgba(16,185,129,.10), transparent 22%),
    radial-gradient(circle at 70% 82%, rgba(168,85,247,.08), transparent 24%),
    linear-gradient(180deg, #eef3f8 0%, #e8eef6 100%);
}

body.public-glass .page-bg{
  background:
    radial-gradient(circle at 14% 12%, rgba(59,130,246,.10), transparent 26%),
    radial-gradient(circle at 86% 8%, rgba(14,165,233,.08), transparent 20%),
    linear-gradient(180deg, rgba(255,255,255,.46), rgba(255,255,255,0));
}

body.public-glass .public-header{
  background:rgba(255,255,255,.70);
  border-bottom:1px solid rgba(148,163,184,.18);
  box-shadow:0 14px 34px rgba(15,23,42,.06);
  backdrop-filter:blur(20px) saturate(160%);
  color:#0f172a;
}

body.public-glass .public-header .brand-lockup strong,
body.public-glass .public-header .brand-lockup span{
  color:#0f172a;
}

body.public-glass .public-header .brand-lockup span{
  color:#64748b;
}

body.public-glass .public-header .brand-mark{
  background:linear-gradient(135deg,#1d4ed8 0%, #0f766e 100%);
  box-shadow:0 16px 28px rgba(29,78,216,.14);
}

body.public-glass .public-header__actions .secondary-button,
body.public-glass .public-header__actions .pill-button,
body.public-glass .public-header__actions .icon-btn,
body.public-glass .public-home-nav,
body.public-glass .public-home-nav__actions .secondary-button,
body.public-glass .public-home-nav__actions .pill-button{
  background:rgba(255,255,255,.58);
  color:#0f172a;
  border:1px solid rgba(148,163,184,.20);
  box-shadow:0 10px 24px rgba(15,23,42,.05);
  backdrop-filter:blur(16px) saturate(150%);
}

body.public-glass .public-home-nav{
  gap:8px;
}

body.public-glass .public-home-nav a{
  color:#334155;
}

body.public-glass .public-home-nav a:hover{
  background:rgba(255,255,255,.78);
  color:#0f172a;
}

body.public-glass .public-header__actions .pill-button,
body.public-glass .public-home-nav__actions .pill-button,
body.public-glass .primary-button{
  background:linear-gradient(135deg,#1d4ed8,#0f766e);
  color:#fff;
  border-color:transparent;
  box-shadow:0 16px 30px rgba(29,78,216,.18);
}

body.public-glass .public-header__actions .pill-button:hover,
body.public-glass .public-home-nav__actions .pill-button:hover,
body.public-glass .primary-button:hover{
  background:linear-gradient(135deg,#1e40af,#0f766e);
}

body.public-glass .public-header__actions .secondary-button:hover,
body.public-glass .public-header__actions .icon-btn:hover{
  background:rgba(255,255,255,.82);
  border-color:rgba(148,163,184,.28);
}

body.public-glass .field__control{
  background:rgba(255,255,255,.66);
  border-color:rgba(148,163,184,.24);
  color:#0f172a;
  box-shadow:0 8px 20px rgba(15,23,42,.04);
  backdrop-filter:blur(14px) saturate(140%);
}

body.public-glass .field__control::placeholder{
  color:#94a3b8;
}

body.public-glass .field__label,
body.public-glass .panel-note,
body.public-glass .muted,
body.public-glass .field__helper{
  color:#64748b;
}

body.public-glass.public-auth .auth-card--login{
  background:rgba(255,255,255,.72);
  border:1px solid rgba(148,163,184,.20);
  box-shadow:0 20px 48px rgba(15,23,42,.08);
  backdrop-filter:blur(20px) saturate(160%);
}

body.public-glass.public-auth .auth-demo-card,
body.public-glass.public-auth .auth-sample-card{
  background:rgba(255,255,255,.58);
  border:1px solid rgba(148,163,184,.20);
  box-shadow:0 12px 24px rgba(15,23,42,.05);
  backdrop-filter:blur(14px) saturate(145%);
}

body.public-glass.public-auth .auth-card__copy p,
body.public-glass.public-auth .auth-demo-card p,
body.public-glass.public-auth .auth-demo-card strong,
body.public-glass.public-auth .auth-sample-card p,
body.public-glass.public-auth .auth-sample-card strong{
  color:#0f172a;
}

body.public-glass.public-auth .auth-demo,
body.public-glass.public-auth .auth-sample{
  border-top-color:rgba(148,163,184,.16);
}

body.public-glass.public-auth .auth-card__header--centered,
body.public-glass.public-auth .auth-card__copy--centered{
  color:#0f172a;
}

body.public-glass.public-auth .auth-error-banner{
  background:rgba(254,242,242,.86);
  color:#991b1b;
  border-color:rgba(248,113,113,.18);
}

body.public-glass.public-auth .text-link{
  color:#1d4ed8;
}

/* Analytics neumorphism + Tailwind UI tone */
body.app-body--analytics-neumorph{
  background:linear-gradient(180deg,#eef3f8 0%, #e6edf5 100%);
}

body.app-body--analytics-neumorph .page-bg{
  background:
    radial-gradient(circle at 15% 10%, rgba(59,130,246,.06), transparent 24%),
    radial-gradient(circle at 88% 6%, rgba(16,185,129,.05), transparent 22%);
}

body.app-body--analytics-neumorph .detail-shell--animated,
body.app-body--analytics-neumorph .panel--sheet,
body.app-body--analytics-neumorph .analytics-board,
body.app-body--analytics-neumorph .analytics-operations,
body.app-body--analytics-neumorph .analytics-insight,
body.app-body--analytics-neumorph .analytics-comparison,
body.app-body--analytics-neumorph .founder-filter,
body.app-body--analytics-neumorph .stat-card,
body.app-body--analytics-neumorph .profile-linked-card,
body.app-body--analytics-neumorph .analytics-operations__panel,
body.app-body--analytics-neumorph .analytics-operations__trend,
body.app-body--analytics-neumorph .analytics-operation-card,
body.app-body--analytics-neumorph .analytics-bar-row,
body.app-body--analytics-neumorph .analytics-alert,
body.app-body--analytics-neumorph .analytics-graph-panel{
  background:linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(247,250,252,.98) 100%);
  border:1px solid rgba(226,232,240,.92);
  border-radius:24px;
  box-shadow:
    0 18px 45px rgba(15,23,42,.08),
    0 1px 0 rgba(255,255,255,.84) inset;
}

body.app-body--analytics-neumorph .analytics-switcher,
body.app-body--analytics-neumorph .analytics-graph-switcher,
body.app-body--analytics-neumorph .analytics-mode-switcher{
  padding:8px;
  border:1px solid rgba(226,232,240,.94);
  border-radius:20px;
  background:rgba(255,255,255,.78);
  box-shadow:0 14px 30px rgba(15,23,42,.05);
}

body.app-body--analytics-neumorph .analytics-switcher__item{
  border-radius:16px;
  border:1px solid transparent;
  background:transparent;
  color:#475569;
}

body.app-body--analytics-neumorph .analytics-switcher__item:hover{
  background:rgba(255,255,255,.92);
  border-color:rgba(226,232,240,.95);
}

body.app-body--analytics-neumorph .analytics-switcher__item.is-active{
  background:linear-gradient(135deg,#1d4ed8,#0f766e);
  color:#fff;
  border-color:transparent;
  box-shadow:0 14px 28px rgba(29,78,216,.16);
}

body.app-body--analytics-neumorph .analytics-switcher,
body.app-body--analytics-neumorph .analytics-graph-switcher,
body.app-body--analytics-neumorph .analytics-mode-switcher{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

body.app-body--analytics-neumorph .analytics-insight__chart,
body.app-body--analytics-neumorph .analytics-insight__side,
body.app-body--analytics-neumorph .analytics-comparison__meta .profile-linked-card,
body.app-body--analytics-neumorph .analytics-bar-row{
  background:rgba(255,255,255,.9);
}

body.app-body--analytics-neumorph .analytics-insight__chart{
  border:1px solid rgba(226,232,240,.92);
  border-radius:22px;
  box-shadow:0 16px 34px rgba(15,23,42,.06);
}

body.app-body--analytics-neumorph .analytics-insight__rail,
body.app-body--analytics-neumorph .analytics-insight__explanation{
  background:rgba(255,255,255,.78);
  border:1px solid rgba(226,232,240,.90);
  border-radius:20px;
}

body.app-body--analytics-neumorph .analytics-comparison__track{
  background:#edf2f7;
  border:1px solid rgba(226,232,240,.92);
}

body.app-body--analytics-neumorph .analytics-comparison__fill{
  box-shadow:0 8px 16px rgba(15,23,42,.08);
}

body.app-body--analytics-neumorph .analytics-table{
  overflow:hidden;
  border-radius:22px;
}

body.app-body--analytics-neumorph .analytics-table thead th{
  background:#f8fafc;
  color:#64748b;
}

body.app-body--analytics-neumorph .analytics-table tbody tr:hover td{
  background:#f8fbff;
}

body.app-body--analytics-neumorph .analytics-alert--danger{
  background:rgba(254,242,242,.92);
  border-color:rgba(248,113,113,.22);
}

body.app-body--analytics-neumorph .analytics-alert--warning{
  background:rgba(255,251,235,.92);
  border-color:rgba(245,158,11,.22);
}

body.app-body--analytics-neumorph .profile-linked-card:hover,
body.app-body--analytics-neumorph .stat-card:hover{
  transform:translateY(-2px);
  box-shadow:0 20px 44px rgba(15,23,42,.08);
}

body.app-body--analytics{
  overscroll-behavior-y:none;
  overflow-y:auto;
}

body.app-body .app-main > .topbar,
body.app-body .topbar{
  background:linear-gradient(180deg,#fcfdff 0%,#f4f8fd 100%) !important;
  background-color:#fcfdff !important;
  border-bottom:1px solid rgba(216, 225, 235, .94);
  box-shadow:0 16px 36px rgba(15,23,42,.09);
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  transform:translateZ(0);
  backface-visibility:hidden;
}

body.app-body--analytics .sidebar__surface{
  display:flex;
  flex-direction:column;
  min-height:100%;
}

body.app-body--analytics .app-main{
  min-height:100vh;
}

body.app-body--analytics .content{
  scroll-margin-top:96px;
}

@media (min-width: 861px){
  body.app-body--analytics .app-shell{
    display:block;
    min-height:100vh;
  }

  body.app-body--analytics .sidebar{
    position:fixed;
    inset:0 auto 0 0;
    z-index:50;
    width:var(--sidebar-width, 300px);
    height:100vh;
    overflow:hidden;
  }

  body.app-body--analytics .app-main{
    margin-left:var(--sidebar-width, 300px);
    width:calc(100% - var(--sidebar-width, 300px));
    min-height:100vh;
    padding-top:88px;
  }

  body.app-body--analytics .app-main > .topbar{
    position:fixed;
    top:0;
    left:var(--sidebar-width, 300px);
    right:0;
    z-index:60;
    width:calc(100% - var(--sidebar-width, 300px));
  }

  body.app-body--analytics .content{
    padding-top:30px;
  }

  body.app-body--analytics.sidebar-open{
    overflow:auto;
    height:auto;
  }
}

@media (max-width: 860px){
  body.app-body--analytics{
    height:auto;
    min-height:100dvh;
    overflow-y:auto;
    touch-action:pan-y;
    -webkit-overflow-scrolling:touch;
  }

  body.app-body--analytics:not(.sidebar-open),
  html:not(.sidebar-open) body.app-body--analytics{
    overflow-y:auto;
  }

  body.app-body--analytics .sidebar{
    overflow:auto;
  }

  body.app-body--analytics .app-main{
    margin-left:0;
    width:100%;
    min-height:100dvh;
    touch-action:pan-y;
  }

  body.app-body--analytics .content{
    min-height:calc(100dvh - 72px);
    touch-action:pan-y;
    -webkit-overflow-scrolling:touch;
  }
}

@media (min-width: 861px){
  body.public-glass.public-home .public-header__inner{
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:center;
    gap:12px;
  }

  body.public-glass.public-home .public-header__brand{
    justify-self:start;
  }

  body.public-glass.public-home .public-home-nav{
    justify-self:center;
    flex:0 1 760px;
    width:min(760px, 100%);
    margin-inline:auto;
    padding:8px 12px;
    border-radius:18px;
  }

  body.public-glass.public-home .public-home-nav a{
    white-space:nowrap;
  }

  body.public-glass.public-home .public-header__actions{
    justify-self:end;
  }
}

@media (min-width: 1101px) and (max-height: 950px){
  body.public-home .home-shell{
    width:min(1120px, calc(100% - 28px));
  }

  body.public-home .public-home-hero{
    padding:16px 0 8px;
  }

  body.public-home .public-home-hero__inner{
    min-height:auto;
    gap:18px;
    padding:12px 0 18px;
  }

  body.public-home .public-home-hero__copy{
    gap:12px;
    padding:8px 0;
  }

  body.public-home .public-home-hero__copy h1{
    margin:0 0 8px;
    max-width:12ch;
    font-size:clamp(2.1rem, 3.8vw, 4rem);
    line-height:.98;
  }

  body.public-home .public-home-hero__copy p{
    max-width:52ch;
    font-size:.96rem;
    line-height:1.62;
  }

  body.public-home .public-home-hero__actions{
    gap:10px;
    margin-top:14px;
  }

  body.public-home .public-home-hero__trust{
    gap:8px;
    margin-top:14px;
  }

  body.public-home .public-home-hero__trust span{
    padding:8px 12px;
    font-size:.85rem;
  }

  body.public-home .public-home-system{
    padding:14px;
    gap:12px;
    border-radius:24px;
  }

  body.public-home .public-home-system__top{
    gap:12px;
    padding-bottom:10px;
  }

  body.public-home .public-home-system__top strong{
    font-size:.96rem;
    line-height:1.34;
  }

  body.public-home .public-home-system__badge{
    padding:7px 10px;
    font-size:.76rem;
  }

  body.public-home .public-home-system__grid{
    gap:10px;
    margin-top:10px;
  }

  body.public-home .public-home-chip,
  body.public-home .public-home-graph{
    padding:12px;
    border-radius:18px;
  }

  body.public-home .public-home-chip{
    gap:8px;
  }

  body.public-home .public-home-chip strong{
    font-size:1rem;
  }

  body.public-home .public-home-chip p,
  body.public-home .public-home-graph p{
    font-size:.88rem;
    line-height:1.45;
  }

  body.public-home .public-home-chip__tags{
    gap:6px;
  }

  body.public-home .public-home-chip__tags em{
    padding:6px 8px;
    font-size:.78rem;
  }

  body.public-home .public-home-flowline{
    gap:6px;
    padding-top:0;
  }

  body.public-home .public-home-flowline b{
    padding:8px 0;
    font-size:.78rem;
  }

  body.public-home .public-home-graph{
    gap:10px;
  }

  body.public-home .public-home-graph__node{
    min-height:72px;
    padding:12px;
  }

  body.public-home .public-home-section{
    padding:18px 0;
  }

  body.public-home .public-home-section__head{
    gap:12px;
  }

  body.public-home .public-home-section__head h2{
    font-size:clamp(1.5rem, 2.6vw, 2.2rem);
  }

  body.public-home .public-home-section__head p{
    font-size:.94rem;
    line-height:1.58;
  }

  body.public-home .public-home-cta{
    margin-top:12px;
    padding:14px 0 0;
  }

  body.public-home .public-home-cta__inner{
    gap:14px;
  }

  body.public-home .public-home-cta__copy{
    gap:10px;
    padding:0;
  }

  body.public-home .public-home-cta__copy h2{
    font-size:clamp(1.5rem, 2.5vw, 2.3rem);
  }

  body.public-home .public-home-cta__copy p{
    font-size:.92rem;
    line-height:1.6;
  }

  body.public-home .public-home-cta__visual{
    gap:10px;
  }

  body.public-home .public-home-cta__stack{
    gap:10px;
  }

  body.public-home .public-home-cta__shot img{
    min-height:120px;
  }

  body.public-home .public-home-cta__shot--large img{
    min-height:260px;
  }
}

body.app-body .archive-row,
body.app-body .feedback-timeline__item,
body.app-body .notification-row--contact{
  padding:14px 16px;
}

body.app-body .archive-row__header,
body.app-body .feedback-timeline__head,
body.app-body .notification-row--contact{
  gap:10px;
}

body.app-body .archive-row__header strong,
body.app-body .feedback-timeline__item strong,
body.app-body .notification-row--contact strong{
  font-size:.97rem;
}

body.app-body .archive-row__header p,
body.app-body .feedback-timeline__item p,
body.app-body .notification-row--contact p{
  font-size:.92rem;
  line-height:1.5;
}

body.app-body .archive-type-pill{
  padding:9px 12px;
  font-size:.78rem;
}

body.app-body .pagination__summary{
  font-size:.88rem;
}

@media (max-width: 860px){
  body.app-body .archive-row,
  body.app-body .feedback-timeline__item,
  body.app-body .notification-row--contact{
    padding:14px;
  }

  body.app-body .archive-row__header,
  body.app-body .feedback-timeline__head{
    flex-direction:column;
    align-items:flex-start;
  }

  body.app-body .archive-row__meta,
  body.app-body .notification-row__meta{
    justify-items:start;
  }

  body.app-body .founder-filter__grid--archive{
    grid-template-columns:1fr;
  }

  body.app-body .schedule-card__form-actions .secondary-button{
    flex:1 1 100%;
  }
}

/* Responsive safety net: keep every screen readable from laptop to small phones */
html,
body{
  width:100%;
  max-width:100%;
  overflow-x:hidden;
}

img,
svg,
video,
canvas{
  max-width:100%;
  height:auto;
}

body.app-body .app-main,
body.public-body .public-main,
body.public-body .home-shell,
body.app-body .content{
  min-width:0;
}

body.app-body .panel,
body.app-body .auth-panel,
body.app-body .stat-card,
body.app-body .row-card,
body.app-body .notification-row,
body.app-body .feedback-row,
body.app-body .archive-row,
body.app-body .profile-linked-card,
body.app-body .schedule-card,
body.app-body .analytics-insight,
body.app-body .analytics-operations,
body.app-body .analytics-comparison,
body.app-body .analytics-graph-panel,
body.app-body .founder-filter,
body.app-body .table-wrap,
body.app-body .table-wrap--sheet,
body.public-body .panel,
body.public-body .auth-panel,
body.public-body .stat-card,
body.public-body .home-panel,
body.public-body .home-hero__card,
body.public-body .home-dashboard__grid,
body.public-body .home-role-grid,
body.public-body .home-footer__columns,
body.public-body .hero-grid,
body.public-body .auth-grid,
body.public-body .dual-grid{
  min-width:0;
}

body.app-body .topbar,
body.public-body .public-header{
  background-clip:padding-box;
}

body.app-body .section-head h2,
body.app-body .section-head h3,
body.app-body .section-head h4,
body.app-body .topbar__title h1,
body.app-body .topbar__title p,
body.public-body .section-head h2,
body.public-body .section-head h3,
body.public-body .section-head h4,
body.public-body .home-hero__copy h1,
body.public-body .home-hero__copy p,
body.public-body .public-nav a,
body.public-body .public-header__actions .secondary-button,
body.public-body .public-header__actions .pill-button,
body.public-body .public-header__actions .icon-btn,
body.app-body .analytics-switcher__item,
body.app-body .analytics-graph-switcher .analytics-switcher__item,
body.app-body .analytics-mode-switcher .analytics-switcher__item,
body.app-body .detail-tabs__item,
body.app-body .founder-filter__grid label,
body.app-body .founder-filter__grid .field__label,
body.app-body .founder-filter__grid .field__control,
body.app-body .panel-note,
body.public-body .panel-note,
body.app-body .muted,
body.public-body .muted{
  overflow-wrap:anywhere;
}

body.app-body .table-wrap,
body.app-body .table-wrap--sheet{
  max-width:100%;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
}

@media (max-width: 1024px){
  body.app-body .table-wrap,
  body.app-body .table-wrap--sheet{
    overflow-x:auto;
    overflow-y:visible;
    max-height:none;
  }

  body.app-body .table-wrap > .table:not(.instructor-students-table),
  body.app-body .table-wrap--sheet > .table:not(.instructor-students-table){
    width:max-content;
    min-width:clamp(620px, 150vw, 920px);
    table-layout:auto;
  }

  body.app-body .table-wrap > .table:not(.instructor-students-table) th,
  body.app-body .table-wrap > .table:not(.instructor-students-table) td,
  body.app-body .table-wrap--sheet > .table:not(.instructor-students-table) th,
  body.app-body .table-wrap--sheet > .table:not(.instructor-students-table) td{
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
}

@media (max-width: 1024px){
  body.public-body .public-header,
  body.app-body .topbar{
    padding:16px 18px;
  }

  body.public-body .home-shell{
    width:min(100% - 32px, 1248px);
  }

  body.app-body .content{
    padding:18px;
  }

  body.app-body .topbar__actions,
  body.public-body .public-header__actions{
    flex-wrap:wrap;
    gap:10px;
  }

  body.app-body .founder-filter__grid,
  body.app-body .founder-filter__grid--analytics,
  body.app-body .founder-filter__grid--archive,
  body.app-body .founder-filter__grid--triple,
  body.app-body .detail-tabs,
  body.app-body .analytics-switcher,
  body.app-body .analytics-graph-switcher,
  body.app-body .analytics-mode-switcher,
  body.app-body .analytics-company-tabs{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:10px;
  }

  body.app-body .detail-grid,
  body.app-body .profile-linked-grid,
  body.app-body .schedule-grid,
  body.app-body .analytics-insight__layout,
  body.app-body .analytics-insight__comparison-grid,
  body.app-body .analytics-operations__grid,
  body.app-body .analytics-operations__subgrid,
  body.public-body .home-dashboard__grid,
  body.public-body .home-role-grid,
  body.public-body .home-footer__columns,
  body.public-body .hero-grid,
  body.public-body .auth-grid,
  body.public-body .dual-grid{
    grid-template-columns:1fr;
  }

  body.app-body .table-wrap,
  body.app-body .table-wrap--sheet{
    overflow-x:auto;
  }

  body.app-body .analytics-table{
    min-width:680px;
  }
}

@media (max-width: 768px){
  body.public-body .public-header,
  body.app-body .topbar{
    min-height:72px;
    padding:14px 16px;
  }

  body.public-body .public-header__actions,
  body.app-body .topbar__actions{
    width:100%;
    justify-content:flex-start;
  }

  body.app-body .topbar__title h1{
    font-size:clamp(1.12rem, 3.4vw, 1.5rem);
    line-height:1.15;
  }

  body.app-body .topbar__title p{
    font-size:.95rem;
  }

  body.app-body .detail-tabs,
  body.app-body .analytics-switcher,
  body.app-body .analytics-graph-switcher,
  body.app-body .analytics-mode-switcher,
  body.app-body .analytics-company-tabs,
  body.app-body .founder-filter__grid,
  body.app-body .founder-filter__grid--analytics,
  body.app-body .founder-filter__grid--archive,
  body.app-body .founder-filter__grid--triple{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  body.app-body .analytics-switcher__item,
  body.app-body .analytics-graph-switcher .analytics-switcher__item,
  body.app-body .analytics-mode-switcher .analytics-switcher__item,
  body.app-body .detail-tabs__item{
    width:100%;
    white-space:normal;
  }

  body.app-body .analytics-insight__layout,
  body.app-body .analytics-insight__comparison-grid,
  body.app-body .analytics-operations__hero,
  body.app-body .analytics-operations__trend-card,
  body.app-body .analytics-operations__grid--primary,
  body.app-body .analytics-operations__grid--secondary,
  body.app-body .detail-grid,
  body.app-body .profile-linked-grid,
  body.app-body .schedule-grid,
  body.public-body .home-dashboard__grid,
  body.public-body .home-role-grid,
  body.public-body .home-footer__columns,
  body.public-body .hero-grid,
  body.public-body .auth-grid,
  body.public-body .dual-grid{
    grid-template-columns:1fr;
  }

  body.app-body .analytics-table{
    min-width:640px;
  }

  body.app-body .analytics-operations__hero,
  body.app-body .analytics-operations__trend-card{
    gap:14px;
  }

  body.app-body .analytics-operations__kpi-strip{
    grid-template-columns:1fr;
  }

  body.app-body .analytics-operations__graph-link{
    width:100%;
    justify-content:center;
  }

  body.app-body .analytics-operation-card__metrics{
    grid-template-columns:1fr;
  }

  body.app-body .analytics-operation-card__meter{
    width:76px;
    height:76px;
  }

  body.app-body .analytics-operations__trend-side{
    justify-items:start;
  }

  body.app-body .table-wrap > .table:not(.instructor-students-table),
  body.app-body .table-wrap--sheet > .table:not(.instructor-students-table){
    min-width:clamp(600px, 155vw, 880px);
  }
}

@media (max-width: 430px){
  body.public-body .public-header,
  body.app-body .topbar{
    padding:12px 14px;
  }

  body.public-body .public-header__actions,
  body.app-body .topbar__actions{
    display:grid;
    grid-template-columns:1fr;
    width:100%;
  }

  body.public-body .public-nav.is-open{
    display:grid;
    grid-template-columns:1fr;
    gap:8px;
  }

  body.public-body .public-header__actions .secondary-button,
  body.public-body .public-header__actions .pill-button,
  body.public-body .public-header__actions .icon-btn,
  body.app-body .topbar__actions .secondary-button,
  body.app-body .topbar__actions .pill-button,
  body.app-body .topbar__actions .icon-btn{
    width:100%;
    min-width:0;
    justify-content:center;
  }

  body.app-body .detail-tabs,
  body.app-body .analytics-switcher,
  body.app-body .analytics-graph-switcher,
  body.app-body .analytics-mode-switcher,
  body.app-body .analytics-company-tabs,
  body.app-body .instructor-lesson-summary,
  body.app-body .founder-filter__grid,
  body.app-body .founder-filter__grid--analytics,
  body.app-body .founder-filter__grid--archive,
  body.app-body .founder-filter__grid--triple{
    grid-template-columns:1fr;
  }

  body.app-body .panel,
  body.app-body .auth-panel,
  body.public-body .panel,
  body.public-body .auth-panel{
    padding:18px;
    border-radius:20px;
  }

  body.app-body .section-head h2,
  body.app-body .section-head h3,
  body.app-body .section-head h4,
  body.public-body .section-head h2,
  body.public-body .section-head h3,
  body.public-body .section-head h4{
    font-size:clamp(1.02rem, 4vw, 1.2rem);
  }

  body.app-body .muted,
  body.public-body .muted,
  body.app-body .panel-note,
  body.public-body .panel-note{
    font-size:.93rem;
    line-height:1.5;
  }

  body.app-body .analytics-table{
    min-width:580px;
  }

  body.app-body .analytics-insight__hero{
    gap:12px;
  }

  body.app-body .analytics-insight__hero-icon{
    width:44px;
    height:44px;
    border-radius:14px;
  }

  body.app-body .analytics-insight__hero-meta{
    width:100%;
    justify-content:flex-start;
  }

  body.app-body .analytics-insight__mini-stats{
    grid-template-columns:1fr;
  }

  body.app-body .analytics-insight__alerts,
  body.app-body .analytics-insight__definition{
    gap:10px;
  }

  body.app-body .analytics-insight__alert-head{
    gap:10px;
  }

  body.app-body .analytics-insight__definition{
    flex-direction:column;
  }

  body.app-body .analytics-operations__hero,
  body.app-body .analytics-operations__trend-card{
    gap:12px;
  }

  body.app-body .analytics-operations__kpi-strip{
    grid-template-columns:1fr;
  }

  body.app-body .analytics-operation-card--profile{
    gap:14px;
  }

  body.app-body .analytics-operation-card__metrics{
    grid-template-columns:1fr;
  }

  body.app-body .analytics-operation-card__meter{
    width:72px;
    height:72px;
  }

  body.app-body .table-wrap > .table:not(.instructor-students-table),
  body.app-body .table-wrap--sheet > .table:not(.instructor-students-table){
    min-width:clamp(560px, 160vw, 820px);
  }
}

@media (max-width: 390px){
  body.public-body .home-shell{
    width:min(100% - 20px, 1200px);
  }

  body.app-body .content{
    padding:12px;
  }

  body.app-body .analytics-table{
    min-width:540px;
  }

  body.app-body .table-wrap > .table:not(.instructor-students-table),
  body.app-body .table-wrap--sheet > .table:not(.instructor-students-table){
    min-width:clamp(540px, 164vw, 760px);
  }

  body.public-body .home-hero__copy h1{
    font-size:clamp(1.75rem, 8vw, 2.2rem);
  }
}

@media (max-width: 360px){
  body.public-body .home-shell{
    width:calc(100% - 18px);
  }

  body.app-body .content{
    padding:10px;
  }

  body.app-body .panel,
  body.app-body .auth-panel,
  body.public-body .panel,
  body.public-body .auth-panel{
    padding:16px;
  }

  body.app-body .analytics-table{
    min-width:520px;
  }

  body.app-body .analytics-operations__kpi-strip{
    grid-template-columns:1fr;
  }

  body.app-body .analytics-operation-card__metrics{
    grid-template-columns:1fr;
  }

  body.app-body .analytics-operation-card__meter{
    width:68px;
    height:68px;
  }

  body.app-body .table-wrap > .table:not(.instructor-students-table),
  body.app-body .table-wrap--sheet > .table:not(.instructor-students-table){
    min-width:clamp(520px, 170vw, 720px);
  }
}

@media (max-width: 860px){
  body.public-body .public-home-nav__actions{
    display:none !important;
  }

  body.public-body .public-header__actions{
    display:flex !important;
    order:3;
    width:100%;
    justify-content:flex-end;
    gap:10px;
    margin-top:2px;
  }

  body.public-body .public-home-nav a{
    color:#dbe7fb;
    background:transparent;
    text-shadow:0 1px 0 rgba(7,13,24,.45);
  }

  body.public-body .public-home-nav a.is-active{
    background:#0f172a;
    color:#fff;
    box-shadow:0 10px 24px rgba(15,23,42,.26);
    text-shadow:none;
    border:1px solid rgba(255,255,255,.16);
  }

  body.public-body .public-home-nav.is-open{
    background:rgba(7,13,24,.96);
  }

  body.public-body .public-home-nav a:hover{
    background:rgba(255,255,255,.08);
    color:#ffffff;
  }
}

body.app-body--analytics{
  height:100vh;
  height:100dvh;
  min-height:100vh;
  min-height:100dvh;
  overflow:hidden !important;
  overscroll-behavior:none;
}

body.app-body--analytics .app-shell{
  height:100vh;
  height:100dvh;
  min-height:100vh;
  min-height:100dvh;
  overflow:hidden;
}

body.app-body--analytics .app-main{
  display:flex;
  flex-direction:column;
  height:100vh;
  height:100dvh;
  min-height:0;
  overflow:hidden;
  padding-top:0 !important;
}

body.app-body--analytics .app-main > .topbar{
  position:relative !important;
  top:auto !important;
  left:auto !important;
  right:auto !important;
  width:100% !important;
  flex:0 0 auto;
  z-index:60;
}

body.app-body--analytics .content{
  flex:1 1 auto;
  min-height:0;
  height:auto;
  overflow-x:hidden;
  overflow-y:auto !important;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  touch-action:pan-y;
  scroll-behavior:auto;
}

@media (min-width: 861px){
  body.app-body--analytics .sidebar{
    position:fixed;
    inset:0 auto 0 0;
    width:var(--sidebar-width, 300px);
    height:100vh;
    height:100dvh;
    overflow:hidden;
  }

  body.app-body--analytics .app-main{
    margin-left:var(--sidebar-width, 300px);
    width:calc(100% - var(--sidebar-width, 300px));
  }
}

@media (max-width: 860px){
  body.app-body--analytics .app-main{
    margin-left:0;
    width:100%;
  }

  body.app-body--analytics .content{
    padding:16px;
  }

  body.app-body--analytics.sidebar-open .content{
    overflow:hidden !important;
  }
}

.maintenance-board,
.payment-analytics,
.audit-log-shell{
  width:100%;
  min-width:0;
}

.maintenance-create-form__grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:14px;
}

.maintenance-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
  gap:14px;
}

.maintenance-case{
  position:relative;
  overflow:hidden;
  border-color:rgba(148,163,184,.32);
  border-radius:22px;
}

.maintenance-case.is-selected{
  border-color:rgba(220, 38, 38, .34);
  box-shadow:0 18px 44px rgba(220, 38, 38, .18);
}

.maintenance-case::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:5px;
  background:#64748b;
}

.maintenance-case--danger::before{background:#ef4444;}
.maintenance-case--warning::before{background:#f59e0b;}
.maintenance-case--success::before{background:#16a34a;}

.maintenance-case--danger{
  border-color:rgba(239, 68, 68, .28);
  box-shadow:0 18px 42px rgba(239, 68, 68, .08);
}

.maintenance-case--warning{
  border-color:rgba(245, 158, 11, .28);
  box-shadow:0 18px 42px rgba(245, 158, 11, .08);
}

.maintenance-case--success{
  border-color:rgba(22, 163, 74, .24);
  box-shadow:0 18px 42px rgba(22, 163, 74, .08);
}

.maintenance-case__head,
.audit-log-card__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
}

.maintenance-case__head span,
.audit-log-card__head span{
  color:#64748b;
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.maintenance-technical-pagination{
  gap:12px;
}

.maintenance-technical-pagination__actions{
  align-items:center;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
}

.maintenance-technical-pagination__pages{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}

.maintenance-technical-pagination__page,
.maintenance-technical-pagination__ellipsis{
  min-width:34px;
  height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:11px;
  border:1px solid rgba(203, 213, 225, .9);
  background:#fff;
  color:#334155;
  font-size:.82rem;
  font-weight:700;
  line-height:1;
  text-decoration:none;
}

.maintenance-technical-pagination__page:hover{
  border-color:rgba(37, 99, 235, .34);
  color:#1d4ed8;
  box-shadow:0 10px 22px rgba(37, 99, 235, .08);
}

.maintenance-technical-pagination__page.is-active{
  background:linear-gradient(135deg, #1d4ed8, #2563eb);
  border-color:#1d4ed8;
  color:#fff;
  box-shadow:0 14px 26px rgba(37, 99, 235, .18);
}

.maintenance-technical-pagination__ellipsis{
  background:transparent;
}

.maintenance-case__head h3,
.audit-log-card__head h3{
  margin:.2rem 0 0;
  font-size:clamp(1rem,2vw,1.16rem);
}

.maintenance-case__form{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:14px;
}

.maintenance-case__summary-main{
  min-width:0;
}

.maintenance-case__summary-side{
  min-width:132px;
}

.maintenance-case__summary-copy{
  margin:0;
  color:#475569;
  overflow-wrap:anywhere;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.maintenance-case__details{
  display:grid;
  gap:12px;
}

.maintenance-case__note{
  grid-column:1 / -1;
}

.maintenance-case__meta,
.audit-log-card__meta{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:12px;
  color:#64748b;
  font-size:.82rem;
}

.trust-score{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:26px;
  padding:5px 10px;
  border-radius:999px;
  font-size:.78rem;
  font-weight:900;
  letter-spacing:.01em;
  white-space:nowrap;
  border:1px solid rgba(148,163,184,.3);
}

.trust-score--success{
  color:#047857;
  background:linear-gradient(135deg,rgba(16,185,129,.14),rgba(220,252,231,.86));
  border-color:rgba(16,185,129,.28);
}

.trust-score--warning{
  color:#92400e;
  background:linear-gradient(135deg,rgba(245,158,11,.16),rgba(254,243,199,.86));
  border-color:rgba(245,158,11,.32);
}

.trust-score--danger{
  color:#b91c1c;
  background:linear-gradient(135deg,rgba(239,68,68,.16),rgba(254,226,226,.9));
  border-color:rgba(239,68,68,.34);
}

.notification-row{
  position:relative;
}

.notification-priority{
  flex:0 0 auto;
  display:inline-flex;
  width:30px;
  height:30px;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  font-weight:900;
  box-shadow:0 10px 22px rgba(15,23,42,.12);
}

.notification-priority--danger{
  color:#fff;
  background:linear-gradient(135deg,#ef4444,#b91c1c);
}

.notification-priority--warning{
  color:#78350f;
  background:linear-gradient(135deg,#fde68a,#f59e0b);
}

.notification-priority--info,
.notification-priority--neutral{
  color:#1e40af;
  background:linear-gradient(135deg,#dbeafe,#93c5fd);
}

.notification-row--priority-founder,
.notification-row--priority-broadcast{
  border-color:rgba(239,68,68,.32);
  background:linear-gradient(135deg,rgba(254,242,242,.95),rgba(255,255,255,.88));
}

.notification-row--priority-lesson_change{
  border-color:rgba(37,99,235,.28);
  background:linear-gradient(135deg,rgba(239,246,255,.95),rgba(255,255,255,.9));
}

.notification-row--priority-critical{
  border-color:rgba(239,68,68,.35);
  box-shadow:0 16px 36px rgba(239,68,68,.12);
}

.notification-row--priority-warning{
  border-color:rgba(245,158,11,.34);
}

.payment-table .badge,
.analytics-table .trust-score{
  vertical-align:middle;
}

.founder-filter--inline{
  display:flex;
  align-items:flex-end;
  gap:12px;
  flex-wrap:wrap;
  margin-bottom:14px;
}

.founder-filter--inline .field{
  flex:1 1 260px;
  margin:0;
}

.audit-log-timeline{
  display:grid;
  gap:14px;
}

.audit-log-card{
  display:grid;
  grid-template-columns:28px 1fr;
  gap:12px;
}

.audit-log-card__rail{
  position:relative;
  min-height:100%;
}

.audit-log-card__rail::before{
  content:"";
  position:absolute;
  top:28px;
  bottom:-18px;
  left:14px;
  width:2px;
  background:linear-gradient(180deg,rgba(37,99,235,.34),rgba(148,163,184,.12));
}

.audit-log-card__rail span{
  position:relative;
  z-index:1;
  display:block;
  width:28px;
  height:28px;
  border-radius:50%;
  background:linear-gradient(135deg,#2563eb,#0f766e);
  box-shadow:0 12px 24px rgba(37,99,235,.24);
}

.audit-log-card__body{
  padding:16px;
  border:1px solid rgba(148,163,184,.26);
  border-radius:20px;
  background:rgba(255,255,255,.78);
  box-shadow:0 14px 30px rgba(15,23,42,.08);
  min-width:0;
}

.audit-log-card__details{
  margin-top:10px;
}

.audit-log-card__details pre{
  white-space:pre-wrap;
  overflow-wrap:break-word;
  font-size:.78rem;
  padding:12px;
  border-radius:14px;
  background:rgba(15,23,42,.06);
}

@media (max-width:768px){
  .maintenance-grid,
  .maintenance-create-form__grid,
  .maintenance-case__form{
    grid-template-columns:1fr;
  }

  .maintenance-case__summary-side{
    min-width:0;
    width:100%;
  }

  .maintenance-case__summary-copy{
    -webkit-line-clamp:3;
  }

  .maintenance-case__form .secondary-button,
  .maintenance-create-form .primary-button{
    width:100%;
  }

  .maintenance-technical-pagination__actions{
    justify-content:flex-start;
  }

  .maintenance-technical-pagination__pages{
    width:100%;
  }

  .notification-row{
    align-items:flex-start;
  }

  .notification-priority{
    width:28px;
    height:28px;
    border-radius:10px;
  }

  .audit-log-card{
    grid-template-columns:20px 1fr;
    gap:10px;
  }

  .audit-log-card__rail span{
    width:20px;
    height:20px;
  }

  .audit-log-card__rail::before{
    left:10px;
    top:20px;
  }
}

@media (max-width:430px){
  .maintenance-grid{
    grid-template-columns:1fr;
  }

  .maintenance-technical-list__tabs .detail-tabs__item{
    width:100%;
  }

  .maintenance-technical-pagination__page,
  .maintenance-technical-pagination__ellipsis{
    min-width:30px;
    height:30px;
    border-radius:10px;
    font-size:.76rem;
  }

  .trust-score{
    min-height:24px;
    padding:4px 8px;
    font-size:.72rem;
  }

  .audit-log-card__body{
    padding:13px;
    border-radius:16px;
  }
}

body.app-body .audit-log-shell{
  gap:18px;
}

body.app-body .audit-log-hero{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  padding:4px 2px 0;
}

body.app-body .audit-log-hero__icon{
  flex:0 0 auto;
  width:72px;
  height:72px;
  display:grid;
  place-items:center;
  border-radius:24px;
  border:1px solid rgba(209,213,219,.84);
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(241,245,249,.86));
  box-shadow:0 18px 36px rgba(15,23,42,.08);
}

body.app-body .audit-log-hero__icon svg{
  width:30px;
  height:30px;
  color:#2563eb;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

body.app-body .audit-log-hero__copy{
  flex:1 1 auto;
  min-width:0;
}

body.app-body .audit-log-hero__copy h2{
  margin:0;
  color:#0f172a;
  font-size:clamp(1.7rem,2vw,2.35rem);
  line-height:1.04;
  letter-spacing:-.04em;
}

body.app-body .audit-log-hero__copy p{
  margin:10px 0 0;
  max-width:72ch;
  color:#475569;
  font-size:.98rem;
  line-height:1.55;
}

body.app-body .audit-log-hero__count{
  flex:0 0 auto;
  margin-top:2px;
}

body.app-body .audit-log-filter{
  display:grid;
  gap:16px;
  padding:18px;
  border-radius:28px;
}

body.app-body .audit-log-filter__grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px 16px;
}

body.app-body .audit-log-filter__field--search{
  grid-column:span 2;
}

body.app-body .audit-log-filter__actions{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}

body.app-body .audit-log-filter__actions .primary-button,
body.app-body .audit-log-filter__actions .secondary-button{
  min-width:126px;
}

body.app-body .audit-log-timeline{
  display:grid;
  gap:12px;
}

body.app-body details.audit-log-card{
  display:block;
  margin:0;
  padding:0;
  border:none;
  overflow:visible;
  background:transparent;
}

body.app-body details.audit-log-card > summary{
  list-style:none;
}

body.app-body details.audit-log-card > summary::-webkit-details-marker{
  display:none;
}

body.app-body .audit-log-card__summary{
  display:grid;
  grid-template-columns:24px minmax(0,1fr) auto;
  gap:14px;
  align-items:center;
  padding:16px 18px;
  border:1px solid rgba(148,163,184,.28);
  border-radius:24px;
  background:rgba(255,255,255,.84);
  box-shadow:0 18px 40px rgba(15,23,42,.08);
  cursor:pointer;
  transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease, background-color .18s ease;
}

body.app-body .audit-log-card__summary:hover{
  border-color:rgba(37,99,235,.34);
  box-shadow:0 22px 48px rgba(37,99,235,.12);
  transform:translateY(-1px);
}

body.app-body details.audit-log-card[open] .audit-log-card__summary{
  border-color:rgba(37,99,235,.28);
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,251,255,.94));
  box-shadow:0 24px 50px rgba(37,99,235,.10);
}

body.app-body .audit-log-card__rail{
  position:relative;
  min-height:100%;
}

body.app-body .audit-log-card__rail::before{
  content:"";
  position:absolute;
  top:28px;
  bottom:-20px;
  left:11px;
  width:2px;
  background:linear-gradient(180deg,rgba(37,99,235,.34),rgba(148,163,184,.16));
}

body.app-body .audit-log-card__rail span{
  position:relative;
  z-index:1;
  display:block;
  width:24px;
  height:24px;
  border-radius:50%;
  background:linear-gradient(135deg,#2563eb,#0f766e);
  box-shadow:0 12px 24px rgba(37,99,235,.22);
}

body.app-body .audit-log-card__summary-main{
  min-width:0;
}

body.app-body .audit-log-card__topline{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}

body.app-body .audit-log-card__time{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#5b6b84;
  font-size:.84rem;
  font-weight:700;
  white-space:nowrap;
}

body.app-body .audit-log-card__time svg{
  width:15px;
  height:15px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

body.app-body .audit-log-card__topline h3{
  margin:0;
  color:#0f172a;
  font-size:1.02rem;
  line-height:1.32;
}

body.app-body .audit-log-card__actor{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  margin:8px 0 0;
  color:#64748b;
  font-size:.84rem;
}

body.app-body .audit-log-card__actor strong{
  color:#0f172a;
  font-weight:800;
}

body.app-body .audit-log-card__actor span{
  overflow-wrap:anywhere;
}

body.app-body .audit-log-card__dot{
  color:#cbd5e1;
}

body.app-body .audit-log-card__summary-note{
  margin:8px 0 0;
  color:#475569;
  font-size:.88rem;
  line-height:1.5;
  overflow-wrap:anywhere;
}

body.app-body .audit-log-card__summary-side{
  display:flex;
  align-items:center;
  gap:14px;
}

body.app-body .audit-log-card__summary-side .chip-list{
  justify-content:flex-end;
  margin:0;
}

body.app-body .audit-log-card__summary-side .badge{
  text-transform:uppercase;
  letter-spacing:.02em;
}

body.app-body .audit-log-card__chevron{
  flex:0 0 auto;
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:14px;
  border:1px solid rgba(203,213,225,.92);
  background:#fff;
  color:#475569;
  transition:transform .18s ease, border-color .18s ease, background-color .18s ease;
}

body.app-body .audit-log-card__chevron svg{
  width:18px;
  height:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}

body.app-body details.audit-log-card[open] .audit-log-card__chevron{
  transform:rotate(90deg);
  border-color:rgba(37,99,235,.26);
  background:rgba(37,99,235,.08);
  color:#1d4ed8;
}

body.app-body .audit-log-card__details{
  margin-left:36px;
  padding:14px 0 4px;
}

body.app-body .audit-log-card__inspector,
body.app-body .audit-log-card__console{
  overflow:hidden;
  border:1px solid rgba(216, 225, 235, .96);
  border-radius:22px;
  background:
    radial-gradient(circle at top right, rgba(37, 99, 235, .06), rgba(37, 99, 235, 0) 28%),
    linear-gradient(180deg,#fff 0%,#f8fbff 100%);
  box-shadow:0 18px 42px rgba(15, 23, 42, .08);
}

body.app-body .audit-log-card__console-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  padding:14px 16px 12px;
  border-bottom:1px solid rgba(148,163,184,.18);
}

body.app-body .audit-log-card__console-head span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#2563eb;
  font-size:.8rem;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}

body.app-body .audit-log-card__console-head h4{
  margin:6px 0 0;
  color:#0f172a;
  font-size:1.04rem;
  line-height:1.3;
}

body.app-body .audit-log-card__console-subtitle{
  margin:6px 0 0;
  color:#64748b;
  font-size:.84rem;
  line-height:1.45;
}

body.app-body .audit-log-card__detail-lead{
  margin:0;
  padding:0 16px 12px;
  color:#475569;
  font-size:.9rem;
  line-height:1.55;
}

body.app-body .audit-log-card__console-head .secondary-button{
  border-color:rgba(203,213,225,.95);
  background:#fff;
  color:#334155;
  box-shadow:0 10px 22px rgba(15,23,42,.06);
}

body.app-body .audit-log-card__console-head .secondary-button:hover{
  border-color:rgba(37,99,235,.22);
  background:rgba(239,246,255,.98);
  color:#1d4ed8;
}

body.app-body .audit-log-card__console-head .secondary-button svg{
  width:15px;
  height:15px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}

body.app-body .audit-log-card__console-body{
  padding:14px 16px 16px;
  display:grid;
  gap:4px;
}

body.app-body .audit-log-card__detail-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  padding:14px 16px 12px;
}

body.app-body .audit-log-card__detail-item{
  display:grid;
  gap:4px;
  padding:12px 14px;
  border-radius:16px;
  border:1px solid rgba(203,213,225,.9);
  background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);
  box-shadow:0 8px 18px rgba(15,23,42,.05);
}

body.app-body .audit-log-card__detail-item span{
  color:#64748b;
  font-size:.74rem;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
}

body.app-body .audit-log-card__detail-item strong{
  color:#0f172a;
  font-size:.92rem;
  font-weight:700;
  line-height:1.4;
  overflow-wrap:anywhere;
}

body.app-body .audit-log-card__console-label{
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin:0 16px 8px;
  color:#2563eb;
  font-size:.8rem;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}

body.app-body .audit-log-card__console-line{
  display:grid;
  grid-template-columns:36px minmax(0,1fr);
  gap:10px;
  align-items:start;
  color:#0f172a;
  font-family:"SFMono-Regular","Cascadia Code","Consolas","Liberation Mono",monospace;
  font-size:.83rem;
  line-height:1.55;
}

body.app-body .audit-log-card__console-line span{
  color:#2563eb;
  text-align:right;
  font-weight:700;
  opacity:.86;
}

body.app-body .audit-log-card__console-line code{
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  background:transparent;
  color:#334155;
}

body.app-body .audit-log-card__console-body .empty-state{
  margin:0;
  border-color:rgba(203,213,225,.9);
  background:rgba(255,255,255,.94);
  color:#475569;
}

body.app-body .audit-log-card__details .empty-state{
  padding:16px;
  border-radius:18px;
}

body.app-body .audit-log-card__details .empty-state--soft{
  border-style:solid;
}

body.app-body .audit-log-card__console .empty-state{
  margin:16px;
}

body.app-body .audit-log-timeline .empty-state{
  padding:22px;
  border-radius:22px;
}

body.app-body .archive-row__actions{
  display:flex;
  justify-content:flex-end;
  margin-top:12px;
}

body.app-body .archive-row__actions form{
  display:flex;
}

body.app-body .archive-row__actions .secondary-button--danger{
  border-color:rgba(239,68,68,.22);
  color:#dc2626;
  background:rgba(255,255,255,.8);
}

body.app-body .archive-row__actions .secondary-button--danger:hover{
  border-color:rgba(239,68,68,.34);
  background:rgba(254,242,242,.96);
}

body.app-body .archive-row__actions .secondary-button--danger:focus-visible{
  box-shadow:0 0 0 3px rgba(239,68,68,.14);
}

@media (max-width: 1024px){
  body.app-body .audit-log-filter__grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  body.app-body .audit-log-filter__field--search{
    grid-column:1 / -1;
  }
}

@media (max-width: 768px){
  body.app-body .audit-log-hero{
    flex-direction:column;
  }

  body.app-body .audit-log-hero__count{
    margin-top:0;
  }

  body.app-body .audit-log-filter__grid{
    grid-template-columns:1fr;
  }

  body.app-body .audit-log-filter__field--search{
    grid-column:auto;
  }

  body.app-body .audit-log-card__summary{
    grid-template-columns:20px minmax(0,1fr);
    gap:12px;
    padding:14px;
  }

  body.app-body .audit-log-card__summary-side{
    grid-column:1 / -1;
    justify-content:flex-start;
    padding-left:32px;
  }

  body.app-body .audit-log-card__details{
    margin-left:32px;
  }

  body.app-body .audit-log-card__console-head{
    flex-direction:column;
  }

  body.app-body .audit-log-card__detail-grid{
    grid-template-columns:1fr;
  }

  body.app-body .audit-log-card__console-line{
    grid-template-columns:28px minmax(0,1fr);
  }

  body.app-body .archive-row__actions{
    justify-content:flex-start;
  }
}

@media (max-width: 430px){
  body.app-body .audit-log-hero__icon{
    width:64px;
    height:64px;
    border-radius:20px;
  }

  body.app-body .audit-log-hero__copy h2{
    font-size:1.55rem;
  }

  body.app-body .audit-log-card__summary{
    border-radius:20px;
  }

  body.app-body .audit-log-card__details{
    margin-left:28px;
  }

  body.app-body .audit-log-card__console{
    border-radius:18px;
  }

  body.app-body .audit-log-card__console-head,
  body.app-body .audit-log-card__console-body{
    padding-left:12px;
    padding-right:12px;
  }

  body.app-body .audit-log-card__detail-grid{
    padding-left:12px;
    padding-right:12px;
  }
}

body.app-body .analytics-mobile-nav{
  display:grid;
  gap:10px;
}

body.app-body .analytics-mobile-nav__toggle{
  display:none;
  justify-self:start;
}

body.app-body .analytics-mobile-nav__panel[hidden]{
  display:none !important;
}

body.app-body .notification-row__main--link{
  width:100%;
  border:none;
  background:transparent;
  padding:0;
  text-align:left;
  cursor:pointer;
  color:inherit;
}

body.app-body .notification-row__main--link strong,
body.app-body .notification-row__main--link p{
  overflow-wrap:break-word;
}

body.app-body .notification-row--archived-pending{
  opacity:.62;
  filter:saturate(.8);
}

body.app-body .notification-modal{
  position:fixed;
  inset:0;
  z-index:120;
  display:grid;
  place-items:center;
  padding:18px;
  background:rgba(15, 23, 42, .42);
  backdrop-filter:blur(10px);
}

body.app-body .notification-modal[hidden]{
  display:none !important;
}

body.app-body .notification-modal__panel{
  width:min(560px, 100%);
  max-height:min(82vh, 760px);
  display:grid;
  gap:16px;
  padding:22px;
  border-radius:24px;
  border:1px solid rgba(216, 225, 235, .96);
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
  box-shadow:0 28px 60px rgba(15, 23, 42, .24);
  overflow:auto;
}

body.app-body .notification-modal__body p{
  margin:0;
  color:var(--text);
  line-height:1.7;
  overflow-wrap:break-word;
}

body.app-body .notification-modal__actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:10px;
}

body.app-body .instructor-profile-card--wide{
  display:grid;
  gap:22px;
}

body.app-body .instructor-profile-summary{
  display:grid;
  grid-template-columns:minmax(220px, .9fr) minmax(0, 1.35fr);
  gap:18px;
  align-items:start;
}

body.app-body .instructor-profile-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

body.app-body .instructor-profile-actions > *{
  flex:1 1 200px;
}

body.app-body .instructor-profile-view{
  gap:22px;
}

body.app-body .instructor-profile-view .text-link{
  text-decoration:none;
}

body.app-body .instructor-profile-titlebar{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:18px;
}

body.app-body .instructor-profile-titlebar__copy{
  display:grid;
  gap:8px;
}

body.app-body .instructor-profile-back{
  font-weight:700;
}

body.app-body .instructor-profile-title{
  margin:0;
  font-size:clamp(2rem, 3.1vw, 3.2rem);
  line-height:1.02;
  letter-spacing:-.04em;
  color:#10234d;
}

body.app-body .instructor-profile-subtitle{
  margin:0;
  color:#5f7395;
  font-size:1.05rem;
}

body.app-body .instructor-profile-titlebar__pills{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:12px;
}

body.app-body .instructor-pill{
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:44px;
  padding:10px 18px;
  border-radius:999px;
  border:1px solid rgba(216, 225, 235, .95);
  background:rgba(255,255,255,.86);
  color:#355179;
  box-shadow:0 14px 30px rgba(15, 23, 42, .06);
  font-weight:700;
}

body.app-body .instructor-pill__dot{
  width:10px;
  height:10px;
  border-radius:50%;
  background:currentColor;
  box-shadow:0 0 0 6px rgba(34, 197, 94, .12);
}

body.app-body .instructor-pill__icon{
  width:18px;
  height:18px;
  display:grid;
  place-items:center;
  line-height:0;
  color:inherit;
}

body.app-body .instructor-pill__icon svg{
  width:100%;
  height:100%;
  display:block;
}

body.app-body .instructor-pill--success{
  color:#16a34a;
  background:linear-gradient(180deg, rgba(240, 253, 244, .98) 0%, rgba(255,255,255,.92) 100%);
  border-color:rgba(134, 239, 172, .8);
}

body.app-body .instructor-pill--neutral{
  color:#3f5c89;
  background:linear-gradient(180deg, rgba(248, 251, 255, .98) 0%, rgba(255,255,255,.92) 100%);
}

body.app-body .instructor-profile-hero{
  padding:30px;
  border-radius:28px;
  border-color:rgba(216, 225, 235, .98);
  box-shadow:0 26px 60px rgba(15, 23, 42, .07);
}

body.app-body .instructor-profile-hero::before{
  inset:-90px auto auto -30px;
  width:280px;
  height:280px;
  background:radial-gradient(circle, rgba(59, 130, 246, .15), rgba(59, 130, 246, 0) 70%);
}

body.app-body .instructor-profile-hero::after{
  right:-40px;
  bottom:-110px;
  width:300px;
  height:300px;
  background:radial-gradient(circle, rgba(168, 85, 247, .10), rgba(250, 204, 21, 0) 68%);
}

body.app-body .instructor-profile-hero__header{
  align-items:flex-start;
  gap:26px;
}

body.app-body .instructor-profile-hero__avatar{
  width:150px;
  height:150px;
  flex:0 0 150px;
  border-radius:34px;
  border:1px solid rgba(216, 225, 235, .96);
  box-shadow:0 18px 42px rgba(37, 99, 235, .14);
  background:linear-gradient(135deg, rgba(37, 99, 235, .16), rgba(14, 165, 233, .06));
}

body.app-body .instructor-profile-hero__avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
}

body.app-body .instructor-profile-hero__intro{
  display:grid;
  gap:8px;
  min-width:0;
}

body.app-body .instructor-profile-hero__intro h4{
  margin:0;
  font-size:2rem;
  line-height:1.05;
  letter-spacing:-.03em;
  color:#14274f;
}

body.app-body .instructor-profile-hero__intro p{
  margin:0;
  color:#6a7c9a;
  font-size:1.05rem;
}

body.app-body .instructor-profile-token-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:6px;
}

body.app-body .profile-token{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:42px;
  padding:10px 16px;
  border-radius:16px;
  border:1px solid rgba(216, 225, 235, .92);
  background:rgba(255,255,255,.82);
  color:#294160;
  font-weight:700;
  box-shadow:0 12px 28px rgba(15, 23, 42, .05);
}

body.app-body .profile-token__icon{
  width:18px;
  height:18px;
  display:grid;
  place-items:center;
  line-height:0;
}

body.app-body .profile-token__icon svg{
  width:100%;
  height:100%;
  display:block;
}

body.app-body .profile-token__star{
  color:#2563eb;
  font-size:1rem;
  line-height:1;
}

body.app-body .profile-token--primary{
  color:#2563eb;
  background:linear-gradient(180deg, rgba(239, 246, 255, .98) 0%, rgba(255,255,255,.94) 100%);
  border-color:rgba(147, 197, 253, .86);
}

body.app-body .profile-token--neutral{
  color:#314766;
}

body.app-body .profile-token--rating{
  color:#21406f;
  min-width:92px;
  justify-content:center;
}

body.app-body .profile-token--trust{
  color:#d97706;
  background:linear-gradient(180deg, rgba(255, 247, 237, .98) 0%, rgba(255,255,255,.94) 100%);
  border-color:rgba(253, 186, 116, .92);
}

body.app-body .profile-meta-grid--instructor{
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:14px;
  margin-top:22px;
}

body.app-body .profile-meta--wide{
  grid-column:span 2;
}

body.app-body .profile-meta--icon{
  display:flex;
  align-items:center;
  gap:16px;
  min-width:0;
  padding:18px 18px 17px;
}

body.app-body .profile-meta__icon{
  width:46px;
  height:46px;
  flex:0 0 46px;
  border-radius:15px;
  display:grid;
  place-items:center;
  line-height:0;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.65);
}

body.app-body .profile-meta__icon svg{
  width:22px;
  height:22px;
  display:block;
}

body.app-body .profile-meta__icon--blue{
  color:#2563eb;
  background:rgba(219, 234, 254, .9);
}

body.app-body .profile-meta__icon--slate{
  color:#64748b;
  background:rgba(241, 245, 249, .95);
}

body.app-body .profile-meta__icon--violet{
  color:#7c3aed;
  background:rgba(243, 232, 255, .96);
}

body.app-body .profile-meta__icon--amber{
  color:#d97706;
  background:rgba(255, 237, 213, .96);
}

body.app-body .profile-meta__icon--sky{
  color:#0f5dd7;
  background:rgba(224, 242, 254, .96);
}

body.app-body .profile-meta__body{
  min-width:0;
  display:grid;
  gap:4px;
}

body.app-body .profile-meta__body strong,
body.app-body .profile-meta__body small{
  overflow-wrap:anywhere;
}

body.app-body .profile-meta__body strong{
  font-size:1.06rem;
}

body.app-body .profile-meta__body small{
  margin-top:0;
}

body.app-body .instructor-profile-view .detail-tabs--premium{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  padding:8px;
  border-radius:22px;
  border:1px solid rgba(216, 225, 235, .94);
  background:rgba(255,255,255,.82);
  box-shadow:0 18px 40px rgba(15, 23, 42, .05);
}

body.app-body .instructor-profile-view .detail-tabs--premium .detail-tabs__item{
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:52px;
  padding:0 18px;
  border-radius:16px;
  border:1px solid transparent;
  color:#405575;
  background:transparent;
  font-weight:700;
}

body.app-body .instructor-profile-view .detail-tabs--premium .detail-tabs__item:hover{
  background:rgba(37, 99, 235, .06);
  color:#1d4ed8;
}

body.app-body .instructor-profile-view .detail-tabs--premium .detail-tabs__item.is-active{
  color:#fff;
  border-color:rgba(37, 99, 235, .9);
  background:linear-gradient(135deg, #1d4ed8, #2563eb);
  box-shadow:0 18px 32px rgba(37, 99, 235, .24);
}

body.app-body .detail-tabs__icon{
  width:18px;
  height:18px;
  display:inline-flex;
}

body.app-body .detail-tabs__icon svg{
  width:100%;
  height:100%;
}

body.app-body .detail-tabs--subtle{
  margin-top:18px;
}

body.app-body .detail-tabs--subtle .detail-tabs__item{
  min-height:44px;
}

body.app-body .instructor-profile-dashboard{
  display:grid;
  grid-template-columns:minmax(0, 1.45fr) minmax(300px, .92fr);
  gap:20px;
  align-items:start;
}

body.app-body .instructor-profile-panel{
  padding:20px;
  border-radius:26px;
  box-shadow:0 22px 48px rgba(15, 23, 42, .07);
}

body.app-body .instructor-profile-panel__head{
  margin-bottom:16px;
}

body.app-body .instructor-profile-overview-grid{
  gap:14px;
}

body.app-body .instructor-profile-overview-card{
  display:flex;
  align-items:center;
  gap:16px;
  min-height:136px;
}

body.app-body .profile-linked-card__icon{
  width:52px;
  height:52px;
  flex:0 0 52px;
  border-radius:18px;
  display:grid;
  place-items:center;
  line-height:0;
}

body.app-body .profile-linked-card__icon svg{
  width:24px;
  height:24px;
  display:block;
}

body.app-body .profile-linked-card__icon--blue{
  color:#2563eb;
  background:rgba(219, 234, 254, .96);
}

body.app-body .profile-linked-card__icon--green{
  color:#16a34a;
  background:rgba(220, 252, 231, .96);
}

body.app-body .profile-linked-card__icon--violet{
  color:#7c3aed;
  background:rgba(243, 232, 255, .96);
}

body.app-body .profile-linked-card__icon--amber{
  color:#d97706;
  background:rgba(255, 237, 213, .96);
}

body.app-body .profile-linked-card__body{
  min-width:0;
  display:grid;
  gap:4px;
}

body.app-body .profile-linked-card__body strong{
  overflow-wrap:anywhere;
}

body.app-body .profile-linked-card__body small{
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

body.app-body .instructor-profile-panel--actions{
  position:relative;
}

body.app-body .instructor-profile-action-list{
  display:grid;
  gap:12px;
}

body.app-body .instructor-profile-action-row{
  display:flex;
  align-items:center;
  gap:14px;
  min-height:74px;
  padding:14px 16px;
  border-radius:18px;
  border:1px solid rgba(216, 225, 235, .94);
  background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);
  color:#13294b;
  text-decoration:none;
  box-shadow:0 14px 30px rgba(15, 23, 42, .04);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}

body.app-body .instructor-profile-action-row:hover,
body.app-body .instructor-profile-action-row:focus-visible{
  transform:translateY(-2px);
  border-color:rgba(37, 99, 235, .28);
  box-shadow:0 18px 34px rgba(37, 99, 235, .11);
  background:linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
  outline:none;
}

body.app-body .instructor-profile-action-row__icon{
  width:44px;
  height:44px;
  flex:0 0 44px;
  border-radius:14px;
  display:grid;
  place-items:center;
}

body.app-body .instructor-profile-action-row__icon svg{
  width:21px;
  height:21px;
}

body.app-body .instructor-profile-action-row__icon--blue{
  color:#2563eb;
  background:rgba(219, 234, 254, .95);
}

body.app-body .instructor-profile-action-row__icon--indigo{
  color:#4f46e5;
  background:rgba(224, 231, 255, .95);
}

body.app-body .instructor-profile-action-row__icon--green{
  color:#16a34a;
  background:rgba(220, 252, 231, .95);
}

body.app-body .instructor-profile-action-row__icon--violet{
  color:#7c3aed;
  background:rgba(243, 232, 255, .95);
}

body.app-body .instructor-profile-action-row__copy{
  min-width:0;
  display:grid;
  gap:3px;
}

body.app-body .instructor-profile-action-row__copy strong{
  font-size:1rem;
  font-weight:700;
}

body.app-body .instructor-profile-action-row__chevron{
  margin-left:auto;
  font-size:1.6rem;
  line-height:1;
  color:#9fb0ca;
}

body.app-body .instructor-edit-form{
  display:grid;
  gap:18px;
}

body.app-body .instructor-edit-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:18px;
}

body.app-body .instructor-edit-section{
  display:grid;
  gap:14px;
  padding:20px;
  border-radius:24px;
  box-shadow:0 18px 36px rgba(15, 23, 42, .06);
}

body.app-body .instructor-edit-section__head{
  margin-bottom:2px;
}

body.app-body .instructor-edit-form__actions{
  display:flex;
  justify-content:flex-end;
}

body.app-body .instructor-edit-form__actions .primary-button{
  min-width:min(280px, 100%);
}

body.app-body .instructor-profile-comment-grid{
  gap:12px;
  margin-top:18px;
  margin-bottom:18px;
}

body.app-body .instructor-profile-comment-grid .profile-linked-card{
  min-height:112px;
}

body.app-body .instructor-profile-comments .feedback-timeline{
  margin-top:18px;
}

@media (max-width: 860px){
  body.app-body .analytics-mobile-nav__toggle{
    display:inline-flex;
  }

  body.app-body .analytics-mobile-nav__panel{
    display:grid;
    gap:10px;
  }

  body.app-body .analytics-switcher,
  body.app-body .analytics-graph-switcher{
    padding:12px;
    border-radius:20px;
    background:rgba(255,255,255,.82);
    border:1px solid rgba(216, 225, 235, .95);
  }

  body.app-body .notification-row{
    grid-template-columns:auto minmax(0, 1fr);
    gap:12px;
    padding:14px 14px 12px;
  }

  body.app-body .notification-row__meta{
    grid-column:1 / -1;
    justify-items:start;
  }

  body.app-body .notification-row__actions{
    width:100%;
    justify-content:flex-start;
  }

  body.app-body .notification-row__actions > *{
    flex:1 1 140px;
  }

  body.app-body .notification-console__toolbar{
    align-items:flex-start;
    flex-direction:column;
  }

  body.app-body .instructor-profile-summary{
    grid-template-columns:minmax(0, 1fr);
  }
}

@media (max-width: 1180px){
  body.app-body .instructor-profile-dashboard{
    grid-template-columns:minmax(0, 1fr);
  }
}

@media (max-width: 980px){
  body.app-body .profile-meta-grid--instructor{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  body.app-body .profile-meta--wide{
    grid-column:auto;
  }
}

@media (max-width: 760px){
  body.app-body .instructor-profile-titlebar{
    flex-direction:column;
    align-items:flex-start;
  }

  body.app-body .instructor-profile-titlebar__pills{
    justify-content:flex-start;
  }

  body.app-body .instructor-profile-hero{
    padding:22px;
  }

  body.app-body .instructor-profile-hero__header{
    flex-direction:column;
    align-items:flex-start;
  }

  body.app-body .instructor-profile-hero__avatar{
    width:104px;
    height:104px;
    flex-basis:104px;
    border-radius:26px;
  }

  body.app-body .instructor-profile-hero__intro h4{
    font-size:1.7rem;
  }

  body.app-body .profile-meta-grid--instructor{
    grid-template-columns:minmax(0, 1fr);
  }

  body.app-body .instructor-profile-view .detail-tabs--premium{
    flex-wrap:nowrap;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }

  body.app-body .instructor-profile-view .detail-tabs--premium::-webkit-scrollbar{
    display:none;
  }

  body.app-body .instructor-profile-view .detail-tabs--premium .detail-tabs__item{
    flex:0 0 auto;
  }

  body.app-body .instructor-edit-grid{
    grid-template-columns:minmax(0, 1fr);
  }
}

@media (max-width: 560px){
  body.app-body .instructor-profile-title{
    font-size:2.1rem;
  }

  body.app-body .instructor-profile-hero{
    padding:18px;
    border-radius:24px;
  }

  body.app-body .profile-token{
    width:100%;
    justify-content:flex-start;
  }

  body.app-body .profile-meta--icon,
  body.app-body .instructor-profile-overview-card{
    gap:12px;
    padding:15px;
  }

  body.app-body .profile-meta__icon,
  body.app-body .profile-linked-card__icon{
    width:42px;
    height:42px;
    flex-basis:42px;
  }

  body.app-body .instructor-profile-action-row{
    min-height:68px;
    padding:13px 14px;
  }
}

@media (max-width: 520px){
  body.app-body .feedback-board__hero-copy{
    gap:12px;
  }

  body.app-body .feedback-board__hero h2{
    font-size:1.34rem;
  }

  body.app-body .feedback-board__hero p{
    font-size:.93rem;
  }

  body.app-body .feedback-board__toolbar{
    width:100%;
  }

  body.app-body .feedback-board__toolbar .secondary-button{
    width:100%;
  }

  body.app-body .feedback-board__filters{
    gap:8px;
  }

  body.app-body .feedback-board__filter{
    min-height:38px;
    padding:0 12px;
    font-size:.9rem;
  }

  body.app-body .feedback-board__filter span{
    min-width:26px;
    height:22px;
  }

  body.app-body .feedback-card__heading-row{
    gap:10px;
  }

  body.app-body .feedback-card__comment{
    font-size:.94rem;
  }

  body.app-body .review-hero__copy h3{
    font-size:1.1rem;
  }

  body.app-body .review-hero__badge{
    padding:8px 12px;
  }

  body.app-body .review-target-card{
    grid-template-columns:auto minmax(0, 1fr);
  }

  body.app-body .review-target-card__check{
    display:none;
  }

  body.app-body .review-form .rating-widget__header{
    flex-direction:column;
    align-items:flex-start;
  }

  body.app-body .review-form .rating-widget__summary{
    text-align:left;
  }

  body.app-body .rating-widget--premium{
    padding:12px;
    border-radius:20px;
  }

  body.app-body .rating-widget--premium .star-picker{
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:8px;
  }

  body.app-body .star-picker__button{
    min-height:62px;
    padding:8px 10px;
    border-radius:16px;
  }

  body.app-body .star-picker__icon{
    font-size:1rem;
  }

  body.app-body .star-picker__caption,
  body.app-body .star-picker__number{
    font-size:.74rem;
  }

  body.app-body .review-form .star-picker > :nth-child(5){
    grid-column:1 / -1;
    width:min(100%, 180px);
    justify-self:center;
  }

  body.app-body .notification-modal{
    padding:12px;
  }

  body.app-body .notification-modal__panel{
    padding:18px;
    border-radius:20px;
  }
}

body.app-body .app-toast{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:240;
  min-width:min(320px, calc(100vw - 32px));
  max-width:min(420px, calc(100vw - 32px));
  padding:14px 16px;
  border-radius:18px;
  border:1px solid rgba(216, 225, 235, .94);
  background:rgba(255,255,255,.97);
  color:var(--text);
  box-shadow:0 18px 38px rgba(15, 23, 42, .16);
  opacity:0;
  transform:translateY(12px);
  transition:opacity .18s ease, transform .18s ease;
  pointer-events:none;
  overflow-wrap:break-word;
}

body.app-body .app-toast.is-visible{
  opacity:1;
  transform:translateY(0);
}

body.app-body .app-toast--archive{
  border-color:rgba(29, 78, 216, .22);
  background:linear-gradient(180deg,#f8fbff 0%,#eef5ff 100%);
}

body.app-body .app-toast--warning{
  border-color:rgba(245, 158, 11, .32);
  background:linear-gradient(180deg,#fffaf0 0%,#fff3d9 100%);
}

body.app-body--analytics{
  min-height:100vh;
  height:auto !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
  overscroll-behavior-y:auto !important;
}

body.app-body--analytics .app-shell,
body.app-body--analytics .app-main,
body.app-body--analytics .content{
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
}

body.app-body--analytics .app-shell,
body.app-body--analytics .app-main{
  display:block !important;
}

body.app-body--analytics .app-shell,
body.app-body--analytics .app-main{
  overflow:visible !important;
}

body.app-body--analytics .content{
  display:block !important;
  width:100% !important;
  flex:none !important;
  overflow:visible !important;
  overflow-x:clip !important;
}

body.app-body--analytics .app-main > .topbar,
body.app-body--analytics .topbar{
  position:sticky !important;
  top:0 !important;
  left:auto !important;
  right:auto !important;
  width:100% !important;
}

@media (min-width: 861px){
  body.app-body--analytics .sidebar{
    position:fixed !important;
    inset:0 auto 0 0;
    height:100vh;
    height:100dvh;
    overflow-y:auto;
  }

  body.app-body--analytics .app-main{
    margin-left:var(--sidebar-width, 300px) !important;
    width:calc(100% - var(--sidebar-width, 300px)) !important;
  }
}

body.app-body .notification-row{
  align-items:flex-start;
}

body.app-body .notification-row__main{
  min-width:0;
}

body.app-body .notification-row__main strong{
  display:block;
  line-height:1.35;
}

body.app-body .notification-row__main p{
  margin:6px 0 0;
  font-size:.84rem;
  line-height:1.5;
  overflow-wrap:break-word;
}

body.app-body .notification-row__meta--stack{
  min-width:180px;
  gap:10px;
}

body.app-body .notification-row__actions > *{
  min-height:40px;
  padding:.68rem .92rem;
  font-size:.82rem;
}

body.app-body .notification-modal__panel .section-head{
  margin-bottom:0;
}

  body.app-body .founder-help-cloud{
    z-index:220;
    max-height:min(480px, calc(100dvh - 24px));
    overflow:auto;
    overscroll-behavior:contain;
  }

  .avatar-cropper__panel{
    width:min(96vw, 520px);
    margin:1rem auto;
    padding:1rem;
    max-height:calc(100dvh - 1.25rem);
  }

  .avatar-cropper__actions{
    display:grid;
    grid-template-columns:1fr;
    gap:.65rem;
  }

  .avatar-cropper__actions .primary-button,
  .avatar-cropper__actions .secondary-button{
    width:100%;
  }

  .avatar-cropper__mask{
    width:min(62vw, 260px);
    height:min(62vw, 260px);
  }

  .media-lightbox__panel{
    margin:1.25rem;
    max-width:none;
  }

body.app-body .founder-help-cloud__handle{
  touch-action:none;
}

@media (max-width: 860px){
  body.app-body--analytics{
    overflow-y:auto !important;
  }

  body.app-body--analytics .app-main{
    margin-left:0 !important;
    width:100% !important;
  }

  body.app-body--analytics .content{
    padding:16px !important;
  }

  body.app-body .analytics-mobile-nav{
    margin-bottom:4px;
  }

  body.app-body .analytics-mobile-nav__toggle{
    width:100%;
    justify-content:center;
  }

  body.app-body .analytics-mobile-nav__panel{
    width:100%;
  }

  body.app-body .analytics-switcher,
  body.app-body .analytics-graph-switcher{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
  }

  body.app-body .analytics-switcher__item{
    width:100%;
    justify-content:center;
  }

  body.app-body .notification-row{
    grid-template-columns:auto auto minmax(0, 1fr);
    gap:10px 12px;
    padding:14px 14px 12px;
  }

  body.app-body .notification-row__meta--stack{
    grid-column:1 / -1;
    min-width:0;
    width:100%;
  }

  body.app-body .notification-row__actions{
    width:100%;
    justify-content:flex-start;
  }

  body.app-body .notification-row__actions > *{
    flex:1 1 140px;
  }

  body.app-body .founder-help-cloud{
    width:min(320px, calc(100vw - 20px));
  }
}

@media (max-width: 640px){
  body.app-body .contact-request-hero__title-row,
  body.app-body .contact-request-list__head,
  body.app-body .contact-request-list__meta,
  body.app-body .contact-request-detail__head{
    flex-direction:column;
    align-items:flex-start;
  }

  body.app-body .contact-request-stats{
    grid-template-columns:1fr;
  }

  body.app-body .contact-request-item{
    grid-template-columns:auto minmax(0, 1fr);
  }

  body.app-body .contact-request-item__chevron{
    display:none;
  }

  body.app-body .contact-request-actions__buttons{
    grid-template-columns:1fr;
  }

  body.app-body .rating-widget--premium{
    padding:11px;
  }

  body.app-body .rating-widget__summary{
    font-size:.84rem;
  }

  body.app-body .star-picker__button{
    min-height:58px;
    padding:8px 9px;
    border-radius:14px;
  }

  body.app-body .star-picker__symbol{
    font-size:1.16rem;
  }

  body.app-body .star-picker__caption,
  body.app-body .star-picker__number{
    font-size:.72rem;
  }

  body.app-body .primary-button--wide,
  body.app-body .secondary-button--wide{
    min-height:44px;
    font-size:.92rem;
  }

  body.app-body .founder-help-cloud{
    width:min(320px, calc(100vw - 20px)) !important;
    max-height:min(70dvh, 420px);
  }

  body.app-body .founder-help-cloud__handle{
    cursor:grab;
  }

  body.app-body .trust-marker__tooltip{
    left:auto;
    right:0;
    transform:translateY(-4px);
    width:min(220px, calc(100vw - 36px));
  }

  body.app-body .trust-marker__tooltip::before{
    left:auto;
    right:18px;
    transform:rotate(45deg);
  }

  body.app-body .trust-marker.is-open .trust-marker__tooltip,
  body.app-body .trust-marker:focus-within .trust-marker__tooltip{
    transform:translateY(0);
  }
}

body.app-body .founder-help-cloud{
  overscroll-behavior:contain;
}

body.app-body .founder-help-cloud__actions .icon-btn{
  position:relative;
  z-index:2;
}

body.app-body .subscriptions-layout--plans{
  grid-template-columns:minmax(0, 1.15fr) minmax(320px, .85fr);
}

body.app-body .subscriptions-plan-column{
  min-width:0;
}

body.app-body .subscription-plan-editor,
body.app-body .subscription-detail{
  display:grid;
  gap:16px;
}

body.app-body .subscription-feature-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:10px;
}

body.app-body .subscription-feature-option{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:46px;
  padding:10px 12px;
  border-radius:16px;
  border:1px solid rgba(216,225,235,.96);
  background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);
  color:var(--text);
  font-weight:700;
  overflow-wrap:break-word;
}

body.app-body .subscription-feature-option input{
  flex:0 0 auto;
}

body.app-body .subscriptions-card-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));
  gap:14px;
}

body.app-body .subscription-plan-card{
  position:relative;
  min-height:238px;
  perspective:1400px;
}

body.app-body .subscription-plan-card__inner{
  position:relative;
  min-height:100%;
  transform-style:preserve-3d;
  transition:transform .36s ease;
}

body.app-body .subscription-plan-card.is-flipped .subscription-plan-card__inner{
  transform:rotateY(180deg);
}

body.app-body .subscription-plan-card__face{
  display:grid;
  align-content:start;
  gap:14px;
  min-height:238px;
  width:100%;
  padding:18px;
  border-radius:24px;
  border:1px solid rgba(216,225,235,.96);
  background:
    linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(248,251,255,.98) 100%);
  box-shadow:0 18px 36px rgba(15,23,42,.08);
  color:inherit;
  text-align:left;
  text-decoration:none;
  backface-visibility:hidden;
}

body.app-body .subscription-plan-card__face--front{
  border-top:4px solid var(--plan-color, #2563eb);
}

body.app-body .subscription-plan-card__face--back{
  position:absolute;
  inset:0;
  transform:rotateY(180deg);
  align-content:space-between;
  cursor:pointer;
}

body.app-body .subscription-plan-card__head{
  display:flex;
  align-items:flex-start;
  gap:14px;
  min-width:0;
}

body.app-body .subscription-plan-card__head > div:last-child{
  min-width:0;
}

body.app-body .subscription-plan-card__head strong{
  display:block;
  font-size:1rem;
  line-height:1.25;
  letter-spacing:-.02em;
}

body.app-body .subscription-plan-card__head p,
body.app-body .subscription-plan-card__face--back p,
body.app-body .subscription-plan-card__face--back small{
  margin:0;
  color:var(--muted);
  line-height:1.55;
  overflow-wrap:break-word;
}

body.app-body .subscription-plan-card__icon{
  width:52px;
  height:52px;
  border-radius:18px;
  display:grid;
  place-items:center;
  background:color-mix(in srgb, var(--plan-color, #2563eb) 16%, white);
  color:var(--plan-color, #2563eb);
  font-size:1.28rem;
  font-weight:900;
  box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--plan-color, #2563eb) 22%, white);
  flex:0 0 auto;
}

body.app-body .subscription-plan-card__stats{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

body.app-body .subscription-plan-card__stats span{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:0 10px;
  border-radius:999px;
  background:rgba(15,23,42,.05);
  color:var(--muted);
  font-size:.76rem;
  font-weight:800;
}

body.app-body .subscription-plan-card__flip{
  position:absolute;
  right:14px;
  bottom:14px;
  z-index:2;
}

body.app-body .subscription-plan-card.is-selected .subscription-plan-card__face{
  border-color:color-mix(in srgb, var(--plan-color, #2563eb) 28%, white);
  box-shadow:0 24px 52px color-mix(in srgb, var(--plan-color, #2563eb) 18%, rgba(15,23,42,.08));
}

body.app-body .subscription-detail__hero--plan{
  display:grid;
  gap:16px;
  padding:18px;
  border-radius:24px;
  border:1px solid rgba(216,225,235,.96);
  background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);
}

body.app-body .subscription-detail__intro{
  display:flex;
  align-items:flex-start;
  gap:14px;
}

body.app-body .subscription-detail__intro h4{
  margin:0 0 4px;
}

body.app-body .subscription-detail__intro p{
  margin:0;
  color:var(--muted);
  line-height:1.6;
}

body.app-body .subscriptions-filter--inline{
  padding:14px;
}

body.app-body .subscriptions-filter__grid--inline{
  grid-template-columns:minmax(0, 1fr) auto;
}

body.app-body .subscription-assignment-list{
  display:grid;
  gap:12px;
}

body.app-body .subscription-assignment-card{
  display:grid;
  gap:12px;
  padding:16px;
  border-radius:20px;
  border:1px solid rgba(216,225,235,.96);
  background:#fff;
  box-shadow:var(--shadow-soft);
}

body.app-body .subscription-assignment-card--danger{
  border-color:rgba(220,38,38,.18);
  background:linear-gradient(180deg,#fff 0%,#fff7f7 100%);
}

body.app-body .subscription-assignment-card--warning{
  border-color:rgba(245,158,11,.22);
  background:linear-gradient(180deg,#fff 0%,#fffaf0 100%);
}

body.app-body .subscription-assignment-card--success{
  border-color:rgba(15,118,110,.18);
  background:linear-gradient(180deg,#fff 0%,#f4fffb 100%);
}

body.app-body .subscription-assignment-card__head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
}

body.app-body .subscription-assignment-card__head p{
  margin:4px 0 0;
  color:var(--muted);
  line-height:1.5;
}

body.app-body .subscriptions-shell--v2 .subscriptions-workbench{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);
  gap:20px;
  align-items:start;
}

body.app-body .subscriptions-shell--v2 .subscriptions-workbench__main,
body.app-body .subscriptions-shell--v2 .subscriptions-workbench__side{
  display:grid;
  gap:18px;
}

body.app-body .subscriptions-shell--v2 .subscriptions-create-panel,
body.app-body .subscriptions-shell--v2 .subscriptions-library,
body.app-body .subscriptions-shell--v2 .subscription-detail{
  border-radius:28px;
}

body.app-body .subscriptions-shell--v2 .subscription-plan-card__actions{
  display:flex;
  gap:10px;
  padding:0 16px 16px;
}

body.app-body .subscriptions-shell--v2 .subscription-plan-card__actions > *{
  flex:1 1 0;
}

body.app-body .subscriptions-shell--v2 .subscription-assignment-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}

body.app-body .subscriptions-shell--v2 .subscription-assignment-card{
  padding:0;
  overflow:hidden;
}

body.app-body .subscriptions-shell--v2 .subscription-assignment-card.is-selected{
  box-shadow:0 0 0 2px rgba(37,99,235,.22), 0 18px 36px rgba(15,23,42,.08);
}

body.app-body .subscriptions-shell--v2 .subscription-assignment-card__surface{
  display:grid;
  gap:14px;
  min-height:100%;
  padding:18px;
  color:inherit;
  text-decoration:none;
}

body.app-body .subscriptions-shell--v2 .subscription-assignment-card__surface:hover{
  color:inherit;
}

body.app-body .subscriptions-shell--v2 .subscription-detail__branch-head{
  padding:16px 18px;
  border-radius:20px;
  background:rgba(248,250,252,.88);
  border:1px solid rgba(148,163,184,.18);
}

body.app-body .subscriptions-shell--v2 .subscription-detail__branch-head h4{
  margin:0 0 4px;
}

body.app-body .subscriptions-shell--v2 .subscription-detail__branch-head p{
  margin:0;
  color:var(--muted);
}

body.app-body .subscriptions-shell--v2 .subscriptions-filter__grid{
  grid-template-columns:minmax(0,1.3fr) minmax(240px,.7fr) auto;
}

body.app-body .subscriptions-shell--v2 .subscriptions-filter__grid--inline{
  grid-template-columns:minmax(0,1fr) auto;
}

@media (max-width: 1100px){
  body.app-body .subscriptions-layout--plans{
    grid-template-columns:1fr;
  }

  body.app-body .subscription-detail{
    position:static;
  }

  body.app-body .subscriptions-shell--v2 .subscriptions-workbench{
    grid-template-columns:minmax(0,1fr);
  }
}

@media (max-width: 860px){
  body.app-body .subscription-feature-grid{
    grid-template-columns:1fr;
  }

  body.app-body .subscriptions-card-grid{
    grid-template-columns:1fr;
  }

  body.app-body .subscription-plan-card{
    min-height:0;
  }

  body.app-body .subscription-plan-card__face{
    min-height:224px;
  }

  body.app-body .subscriptions-filter__grid--inline,
  body.app-body .subscription-assignment-card__head{
    grid-template-columns:1fr;
    display:grid;
  }

  body.app-body .subscriptions-shell--v2 .subscription-assignment-grid,
  body.app-body .subscriptions-shell--v2 .subscriptions-filter__grid,
  body.app-body .subscriptions-shell--v2 .subscriptions-filter__grid--inline{
    grid-template-columns:minmax(0,1fr);
  }
}

@media (max-width: 640px){
  body.app-body .subscriptions-hero__legend,
  body.app-body .subscription-plan-card__stats,
  body.app-body .subscription-assignment-card .chip-list{
    gap:6px;
  }

  body.app-body .subscription-plan-card__face{
    padding:16px;
    border-radius:20px;
  }

  body.app-body .subscription-plan-card__icon{
    width:46px;
    height:46px;
    border-radius:16px;
    font-size:1.1rem;
  }

  body.app-body .subscription-plan-card__flip{
    right:12px;
    bottom:12px;
  }

  body.app-body .subscription-detail__hero--plan,
  body.app-body .subscription-assignment-card{
    padding:14px;
    border-radius:18px;
  }

  body.app-body .subscriptions-shell--v2 .subscription-plan-card__actions{
    flex-direction:column;
    padding:0 14px 14px;
  }

  body.app-body .subscriptions-shell--v2 .subscription-assignment-card__surface{
    padding:14px;
  }
}

body.app-body .subscriptions-shell--v3{
  gap:16px;
}

body.app-body .subscriptions-shell--v3 .subscriptions-topbar{
  display:grid;
  grid-template-columns:minmax(0, 1.1fr) auto;
  gap:16px 22px;
  align-items:center;
  padding:18px 20px;
}

body.app-body .subscriptions-shell--v3 .subscriptions-topbar__copy{
  display:grid;
  gap:6px;
}

body.app-body .subscriptions-shell--v3 .subscriptions-topbar__copy h2{
  margin:0;
}

body.app-body .subscriptions-shell--v3 .subscriptions-topbar__copy p{
  margin:0;
  max-width:720px;
  color:var(--muted);
  line-height:1.52;
}

body.app-body .subscriptions-shell--v3 .subscriptions-topbar__stats{
  display:grid;
  grid-template-columns:repeat(4, minmax(88px, 1fr));
  gap:10px;
}

body.app-body .subscriptions-shell--v3 .subscriptions-mini-stat{
  display:grid;
  gap:2px;
  min-width:0;
  padding:11px 12px;
  border-radius:18px;
  border:1px solid rgba(216,225,235,.92);
  background:linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(247,250,255,.98) 100%);
  text-align:left;
}

body.app-body .subscriptions-shell--v3 .subscriptions-mini-stat span{
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.03em;
  text-transform:uppercase;
  color:var(--muted);
}

body.app-body .subscriptions-shell--v3 .subscriptions-mini-stat strong{
  font-size:1.2rem;
  letter-spacing:-.03em;
}

body.app-body .subscriptions-shell--v3 .subscriptions-mini-stat--danger{
  border-color:rgba(220,38,38,.16);
  background:linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(254,242,242,.96) 100%);
}

body.app-body .subscriptions-shell--v3 .subscriptions-mini-stat--warning{
  border-color:rgba(245,158,11,.18);
  background:linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(255,251,235,.96) 100%);
}

body.app-body .subscriptions-shell--v3 .subscriptions-hero__legend--compact{
  grid-column:1 / -1;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

body.app-body .subscriptions-shell--v3 .subscriptions-filter--dense{
  padding:14px 16px;
}

body.app-body .subscriptions-shell--v3 .subscriptions-workbench{
  grid-template-columns:minmax(0, 1.22fr) minmax(330px, .78fr);
  gap:16px;
}

body.app-body .subscriptions-shell--v3 .subscriptions-workbench__main,
body.app-body .subscriptions-shell--v3 .subscriptions-workbench__side{
  gap:16px;
}

body.app-body .subscriptions-shell--v3 .subscription-fold{
  overflow:hidden;
  border-radius:26px;
}

body.app-body .subscriptions-shell--v3 .subscription-fold > summary{
  list-style:none;
  cursor:pointer;
}

body.app-body .subscriptions-shell--v3 .subscription-fold > summary::-webkit-details-marker{
  display:none;
}

body.app-body .subscriptions-shell--v3 .subscription-fold__summary{
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto;
  gap:14px;
  align-items:center;
  padding:16px 18px;
}

body.app-body .subscriptions-shell--v3 .subscription-fold__summary h3,
body.app-body .subscriptions-shell--v3 .subscription-fold__summary h4{
  margin:0 0 4px;
}

body.app-body .subscriptions-shell--v3 .subscription-fold__summary p{
  margin:0;
  color:var(--muted);
  line-height:1.46;
}

body.app-body .subscriptions-shell--v3 .subscription-fold__summary--tight{
  padding:14px 16px;
}

body.app-body .subscriptions-shell--v3 .subscription-fold__summary::after{
  content:"+";
  position:absolute;
  right:18px;
  top:18px;
  width:26px;
  height:26px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:rgba(37,99,235,.08);
  color:var(--accent);
  font-weight:900;
  pointer-events:none;
}

body.app-body .subscriptions-shell--v3 .subscription-fold[open] .subscription-fold__summary::after{
  content:"–";
}

body.app-body .subscriptions-shell--v3 .subscription-fold__summary{
  position:relative;
  padding-right:54px;
}

body.app-body .subscriptions-shell--v3 .subscription-fold__body{
  display:grid;
  gap:14px;
  padding:0 18px 18px;
}

body.app-body .subscriptions-shell--v3 .subscription-fold__body--flush{
  padding-top:2px;
}

body.app-body .subscriptions-shell--v3 .subscriptions-library{
  gap:14px;
}

body.app-body .subscriptions-shell--v3 .subscriptions-card-grid{
  grid-template-columns:repeat(auto-fit, minmax(214px, 1fr));
  gap:12px;
}

body.app-body .subscriptions-shell--v3 .subscription-plan-card{
  min-height:194px;
}

body.app-body .subscriptions-shell--v3 .subscription-plan-card__inner{
  min-height:194px;
}

body.app-body .subscriptions-shell--v3 .subscription-plan-card__face{
  gap:12px;
  min-height:194px;
  padding:15px 16px 18px;
  border-radius:22px;
  box-shadow:0 14px 28px rgba(15,23,42,.07);
}

body.app-body .subscriptions-shell--v3 .subscription-plan-card__bar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-width:0;
}

body.app-body .subscriptions-shell--v3 .subscription-plan-card__duration{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 10px;
  border-radius:999px;
  background:rgba(15,23,42,.045);
  color:var(--muted);
  font-size:.72rem;
  font-weight:800;
  white-space:nowrap;
}

body.app-body .subscriptions-shell--v3 .subscription-plan-card__head{
  gap:12px;
}

body.app-body .subscriptions-shell--v3 .subscription-plan-card__head strong{
  font-size:.96rem;
}

body.app-body .subscriptions-shell--v3 .subscription-plan-card__head p{
  font-size:.84rem;
  line-height:1.42;
}

body.app-body .subscriptions-shell--v3 .subscription-plan-card__icon{
  width:46px;
  height:46px;
  border-radius:16px;
  font-size:1.08rem;
}

body.app-body .subscriptions-shell--v3 .subscription-plan-card__stats{
  gap:7px;
}

body.app-body .subscriptions-shell--v3 .subscription-plan-card__stats span{
  min-height:28px;
  padding:0 9px;
  font-size:.72rem;
}

body.app-body .subscriptions-shell--v3 .subscription-plan-card__chips{
  gap:6px;
}

body.app-body .subscriptions-shell--v3 .subscription-plan-card__hint{
  margin:0;
  color:var(--muted);
  font-size:.79rem;
  line-height:1.38;
}

body.app-body .subscriptions-shell--v3 .subscription-plan-card__face--back p{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:4;
  overflow:hidden;
}

body.app-body .subscriptions-shell--v3 .subscription-plan-card__face--back small{
  font-size:.76rem;
}

body.app-body .subscriptions-shell--v3 .subscription-plan-card__flip{
  right:12px;
  bottom:12px;
  padding:0 11px;
  min-height:32px;
}

body.app-body .subscriptions-shell--v3 .subscription-console{
  display:grid;
  gap:12px;
  position:sticky;
  top:92px;
}

body.app-body .subscriptions-shell--v3 .subscription-console__hero{
  display:grid;
  gap:14px;
  padding:16px;
  border-radius:22px;
  border:1px solid rgba(216,225,235,.94);
  background:linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(247,250,255,.98) 100%);
}

body.app-body .subscriptions-shell--v3 .subscription-console__intro{
  display:flex;
  align-items:flex-start;
  gap:12px;
}

body.app-body .subscriptions-shell--v3 .subscription-console__intro h3{
  margin:0 0 4px;
}

body.app-body .subscriptions-shell--v3 .subscription-console__intro p{
  margin:0;
  color:var(--muted);
  line-height:1.48;
}

body.app-body .subscriptions-shell--v3 .subscription-console__stats{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:10px;
}

body.app-body .subscriptions-shell--v3 .subscription-console__stats article{
  display:grid;
  gap:2px;
  padding:10px 12px;
  border-radius:16px;
  background:rgba(248,250,252,.88);
  border:1px solid rgba(148,163,184,.16);
}

body.app-body .subscriptions-shell--v3 .subscription-console__stats span{
  color:var(--muted);
  font-size:.72rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.03em;
}

body.app-body .subscriptions-shell--v3 .subscription-console__stats strong{
  font-size:1.02rem;
  letter-spacing:-.03em;
}

body.app-body .subscriptions-shell--v3 .subscriptions-filter--subtle{
  padding:12px;
  border-radius:20px;
  box-shadow:none;
}

body.app-body .subscriptions-shell--v3 .subscription-assignment-grid{
  grid-template-columns:1fr;
  gap:10px;
}

body.app-body .subscriptions-shell--v3 .subscription-assignment-card{
  border-radius:18px;
}

body.app-body .subscriptions-shell--v3 .subscription-assignment-card__surface{
  gap:10px;
  padding:14px 15px;
}

body.app-body .subscriptions-shell--v3 .subscription-assignment-card__head{
  gap:10px;
}

body.app-body .subscriptions-shell--v3 .subscription-assignment-card__head strong{
  display:block;
  font-size:.92rem;
  line-height:1.28;
}

body.app-body .subscriptions-shell--v3 .subscription-assignment-card__head p{
  margin:4px 0 0;
  font-size:.81rem;
}

body.app-body .subscriptions-shell--v3 .subscription-assignment-card__timeline{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  color:var(--muted);
  font-size:.79rem;
  font-weight:800;
}

body.app-body .subscriptions-shell--v3 .subscription-assignment-card__arrow{
  color:var(--text);
}

body.app-body .subscriptions-shell--v3 .subscription-assignment-card__note{
  margin:0;
  color:var(--muted);
  font-size:.8rem;
  line-height:1.44;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
}

body.app-body .subscriptions-shell--v3 .subscription-detail__branch-head{
  padding:14px 16px;
}

body.app-body .subscriptions-shell--v3 .subscription-detail__branch-head h4{
  margin:0 0 4px;
  font-size:.98rem;
}

body.app-body .subscriptions-shell--v3 .subscription-detail__branch-head p{
  font-size:.84rem;
}

body.app-body .subscriptions-shell--v3 .subscription-compact-pagination{
  display:grid;
  gap:10px;
  margin-top:2px;
}

body.app-body .subscriptions-shell--v3 .subscription-compact-pagination__actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
}

body.app-body .subscriptions-shell--v3 .subscription-compact-pagination__pages{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
}

body.app-body .subscriptions-shell--v3 .subscription-compact-pagination__page,
body.app-body .subscriptions-shell--v3 .subscription-compact-pagination__ellipsis{
  min-width:34px;
  min-height:34px;
  padding:0 10px;
  border-radius:12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(216,225,235,.92);
  background:#fff;
  color:var(--muted);
  font-size:.82rem;
  font-weight:800;
  text-decoration:none;
}

body.app-body .subscriptions-shell--v3 .subscription-compact-pagination__page.is-active{
  border-color:rgba(37,99,235,.24);
  background:linear-gradient(180deg, rgba(235,244,255,.98) 0%, rgba(255,255,255,.98) 100%);
  color:var(--accent);
}

body.app-body .subscriptions-shell--v3 .subscription-compact-pagination--nested{
  padding-top:2px;
}

@media (max-width: 1280px){
  body.app-body .subscriptions-shell--v3 .subscriptions-topbar{
    grid-template-columns:minmax(0, 1fr);
  }

  body.app-body .subscriptions-shell--v3 .subscriptions-topbar__stats{
    grid-template-columns:repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 1100px){
  body.app-body .subscriptions-shell--v3 .subscription-console{
    position:static;
    top:auto;
  }

  body.app-body .subscriptions-shell--v3 .subscriptions-workbench{
    grid-template-columns:1fr;
  }

  body.app-body .subscriptions-shell--v3 .subscriptions-card-grid{
    grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));
  }
}

@media (max-width: 860px){
  body.app-body .subscriptions-shell--v3 .subscriptions-topbar__stats,
  body.app-body .subscriptions-shell--v3 .subscription-console__stats{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  body.app-body .subscriptions-shell--v3 .subscription-fold__summary,
  body.app-body .subscriptions-shell--v3 .subscription-assignment-card__head{
    grid-template-columns:1fr;
    display:grid;
  }

  body.app-body .subscriptions-shell--v3 .subscription-fold__summary{
    padding-right:48px;
  }
}

@media (max-width: 640px){
  body.app-body .subscriptions-shell--v3 .subscriptions-topbar{
    padding:16px;
  }

  body.app-body .subscriptions-shell--v3 .subscriptions-topbar__stats{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  body.app-body .subscriptions-shell--v3 .subscription-fold__summary,
  body.app-body .subscriptions-shell--v3 .subscription-fold__body{
    padding-left:14px;
    padding-right:14px;
  }

  body.app-body .subscriptions-shell--v3 .subscription-plan-card__face{
    min-height:188px;
    padding:14px 14px 16px;
  }

  body.app-body .subscriptions-shell--v3 .subscription-plan-card__bar{
    align-items:flex-start;
  }

  body.app-body .subscriptions-shell--v3 .subscription-console__intro{
    flex-direction:column;
  }

  body.app-body .subscriptions-shell--v3 .subscription-console__stats{
    grid-template-columns:1fr;
  }

  body.app-body .subscriptions-shell--v3 .subscription-compact-pagination__actions{
    flex-direction:column;
    align-items:stretch;
  }

  body.app-body .subscriptions-shell--v3 .subscription-compact-pagination__pages{
    justify-content:flex-start;
  }
}

body.app-body .subscriptions-shell--v4 .subscriptions-workbench{
  grid-template-columns:minmax(0, 1.08fr) minmax(360px, .92fr);
  gap:16px;
}

body.app-body .subscriptions-shell--v4 .subscriptions-card-grid--flat{
  grid-template-columns:repeat(auto-fit, minmax(210px, 1fr));
}

body.app-body .subscriptions-shell--v4 .subscription-plan-card--flat{
  min-height:auto;
}

body.app-body .subscriptions-shell--v4 .subscription-plan-card--flat .subscription-plan-card__face{
  min-height:172px;
  position:relative;
}

body.app-body .subscriptions-shell--v4 .subscription-plan-card__hint{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
}

body.app-body .subscriptions-shell--v4 .subscription-console--v4{
  display:grid;
  gap:14px;
  position:sticky;
  top:92px;
}

body.app-body .subscriptions-shell--v4 .subscription-spotlight{
  display:grid;
  gap:14px;
  padding:16px;
  border-radius:24px;
  border:1px solid rgba(216,225,235,.94);
  background:
    radial-gradient(circle at top right, color-mix(in srgb, var(--plan-color) 16%, transparent), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.99) 0%, rgba(245,248,255,.98) 100%);
  box-shadow:0 22px 44px rgba(15,23,42,.08);
}

body.app-body .subscriptions-shell--v4 .subscription-spotlight__top{
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto;
  gap:14px;
  align-items:flex-start;
}

body.app-body .subscriptions-shell--v4 .subscription-spotlight__identity{
  display:flex;
  gap:12px;
  align-items:flex-start;
}

body.app-body .subscriptions-shell--v4 .subscription-spotlight__identity h3{
  margin:0 0 4px;
  font-size:1.05rem;
}

body.app-body .subscriptions-shell--v4 .subscription-spotlight__identity p{
  margin:0;
  color:var(--muted);
  line-height:1.45;
}

body.app-body .subscriptions-shell--v4 .subscription-spotlight__note{
  margin:0;
  padding:12px 13px;
  border-radius:16px;
  border:1px solid rgba(191,219,254,.6);
  background:rgba(255,255,255,.78);
  color:var(--text);
  font-size:.84rem;
  line-height:1.5;
  overflow-wrap:break-word;
}

body.app-body .subscriptions-shell--v4 .subscription-spotlight__editor{
  border-radius:22px;
  background:rgba(255,255,255,.72);
}

body.app-body .subscriptions-shell--v4 .subscription-hub{
  display:grid;
  gap:14px;
  padding:16px;
  border-radius:24px;
  border:1px solid rgba(216,225,235,.94);
  background:linear-gradient(180deg, rgba(255,255,255,.99) 0%, rgba(248,250,252,.99) 100%);
  box-shadow:0 18px 38px rgba(15,23,42,.07);
}

body.app-body .subscriptions-shell--v4 .subscription-console-tabs{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:10px;
}

body.app-body .subscriptions-shell--v4 .subscription-console-tabs__button{
  min-height:48px;
  padding:12px 14px;
  border-radius:16px;
  border:1px solid rgba(191,219,254,.68);
  background:rgba(255,255,255,.94);
  color:var(--muted);
  font-size:.83rem;
  font-weight:800;
  line-height:1.35;
  text-align:left;
  box-shadow:0 10px 22px rgba(15,23,42,.05);
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease, color .22s ease;
}

body.app-body .subscriptions-shell--v4 .subscription-console-tabs__button:hover{
  transform:translateY(-1px);
  border-color:rgba(96,165,250,.82);
  color:var(--text);
}

body.app-body .subscriptions-shell--v4 .subscription-console-tabs__button.is-active{
  border-color:rgba(37,99,235,.3);
  background:linear-gradient(135deg, rgba(37,99,235,.14) 0%, rgba(14,165,233,.08) 100%);
  color:var(--accent);
  box-shadow:0 16px 28px rgba(37,99,235,.12);
}

body.app-body .subscriptions-shell--v4 .subscription-console-panels{
  display:grid;
  gap:12px;
}

body.app-body .subscriptions-shell--v4 .subscription-console-panel{
  max-height:0;
  opacity:0;
  overflow:hidden;
  pointer-events:none;
  transform:translateY(-6px);
  transition:max-height .32s ease, opacity .24s ease, transform .24s ease;
}

body.app-body .subscriptions-shell--v4 .subscription-console-panel.is-active{
  max-height:2400px;
  opacity:1;
  pointer-events:auto;
  transform:none;
}

body.app-body .subscriptions-shell--v4 .subscription-console-panel__inner{
  display:grid;
  gap:12px;
  padding:14px 0 0;
}

body.app-body .subscriptions-shell--v4 .subscription-assignment-grid--compact{
  display:grid;
  gap:10px;
  max-height:430px;
  overflow:auto;
  padding-right:4px;
}

body.app-body .subscriptions-shell--v4 .subscription-assignment-grid--compact::-webkit-scrollbar{
  width:10px;
}

body.app-body .subscriptions-shell--v4 .subscription-assignment-grid--compact::-webkit-scrollbar-thumb{
  border-radius:999px;
  background:rgba(148,163,184,.34);
}

body.app-body .subscriptions-shell--v4 .subscription-assignment-card{
  border-radius:18px;
}

body.app-body .subscriptions-shell--v4 .subscription-assignment-card__surface{
  padding:14px 15px;
}

body.app-body .subscriptions-shell--v4 .subscription-assignment-card__head{
  align-items:flex-start;
}

body.app-body .subscriptions-shell--v4 .subscription-assignment-card__head strong{
  display:block;
  font-size:.91rem;
  line-height:1.3;
}

body.app-body .subscriptions-shell--v4 .subscription-assignment-card__head p{
  margin:4px 0 0;
  font-size:.8rem;
}

body.app-body .subscriptions-shell--v4 .subscription-detail__branch-head{
  padding:14px 16px;
}

body.app-body .subscriptions-shell--v4 .subscription-detail__branch-head h4{
  margin:0 0 4px;
}

@media (max-width: 1180px){
  body.app-body .subscriptions-shell--v4 .subscription-console--v4{
    position:static;
    top:auto;
  }

  body.app-body .subscriptions-shell--v4 .subscriptions-workbench{
    grid-template-columns:1fr;
  }
}

@media (max-width: 860px){
  body.app-body .subscriptions-shell--v4 .subscription-spotlight__top{
    grid-template-columns:1fr;
  }

  body.app-body .subscriptions-shell--v4 .subscription-console-tabs{
    grid-template-columns:1fr;
  }

  body.app-body .subscriptions-shell--v4 .subscription-console-tabs__button{
    min-height:44px;
  }

  body.app-body .subscriptions-shell--v4 .subscription-assignment-card__head{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
  }
}

@media (max-width: 640px){
  body.app-body .subscriptions-shell--v4 .subscription-spotlight,
  body.app-body .subscriptions-shell--v4 .subscription-hub{
    padding:14px;
    border-radius:20px;
  }

  body.app-body .subscriptions-shell--v4 .subscriptions-card-grid--flat{
    grid-template-columns:1fr;
  }

  body.app-body .subscriptions-shell--v4 .subscription-plan-card--flat .subscription-plan-card__face{
    min-height:164px;
    padding:14px;
  }

  body.app-body .subscriptions-shell--v4 .subscription-spotlight__identity{
    flex-direction:column;
  }

  body.app-body .subscriptions-shell--v4 .subscription-assignment-grid--compact{
    max-height:none;
    overflow:visible;
    padding-right:0;
  }

  body.app-body .subscriptions-shell--v4 .subscription-console-panel__inner{
    padding-top:10px;
  }
}

body.app-body .subscriptions-shell--accordion .subscriptions-workbench--accordion{
  display:grid;
  gap:16px;
}

body.app-body .subscriptions-shell--accordion .subscriptions-library--accordion{
  display:grid;
  gap:14px;
}

body.app-body .subscriptions-shell--accordion .subscription-fold--create-compact{
  border:1px solid rgba(191,219,254,.72);
  border-radius:22px;
  background:
    radial-gradient(circle at top right, rgba(59,130,246,.08), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(246,249,255,.98) 100%);
  box-shadow:0 14px 28px rgba(15,23,42,.05);
}

body.app-body .subscriptions-shell--accordion .subscription-fold__summary--compact-card{
  gap:10px;
  padding:14px 16px;
  align-items:center;
}

body.app-body .subscriptions-shell--accordion .subscription-fold__summary--compact-card h4{
  margin:0 0 2px;
  font-size:1rem;
}

body.app-body .subscriptions-shell--accordion .subscription-fold__summary--compact-card p{
  font-size:.84rem;
  line-height:1.42;
}

body.app-body .subscriptions-shell--accordion .subscription-fold__body--compact-card{
  gap:12px;
  padding:0 16px 16px;
}

body.app-body .subscriptions-shell--accordion .subscription-fold--create-compact .detail-grid--wide{
  gap:12px;
}

body.app-body .subscriptions-shell--accordion .subscription-fold--create-compact .field__control,
body.app-body .subscriptions-shell--accordion .subscription-fold--create-compact textarea{
  min-height:44px;
}

body.app-body .subscriptions-shell--accordion .subscriptions-card-grid--accordion{
  display:grid;
  grid-template-columns:repeat(5, minmax(0, 1fr));
  gap:12px;
  align-items:start;
}

body.app-body .subscriptions-shell--accordion .subscription-plan-card{
  min-height:auto;
}

body.app-body .subscriptions-shell--accordion .subscription-plan-card__face{
  min-height:180px;
}

body.app-body .subscriptions-shell--accordion .subscription-plan-card__main{
  display:grid;
  gap:12px;
  align-content:start;
  min-width:0;
  color:inherit;
  text-decoration:none;
}

body.app-body .subscriptions-shell--accordion .subscription-plan-card__chips{
  position:relative;
  z-index:1;
  align-items:flex-start;
}

body.app-body .subscriptions-shell--accordion .subscription-plan-card__chip-more{
  display:grid;
  gap:8px;
  flex:1 1 100%;
}

body.app-body .subscriptions-shell--accordion .subscription-plan-card__chip-more > summary{
  list-style:none;
  cursor:pointer;
}

body.app-body .subscriptions-shell--accordion .subscription-plan-card__chip-more > summary::-webkit-details-marker{
  display:none;
}

body.app-body .subscriptions-shell--accordion .subscription-plan-card__chip-toggle{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:30px;
  padding:0 10px;
  border-radius:999px;
  border:1px solid rgba(191,219,254,.7);
  background:rgba(241,245,249,.95);
  color:var(--muted);
  font-size:.74rem;
  font-weight:800;
}

body.app-body .subscriptions-shell--accordion .subscription-plan-card__chip-popover{
  display:grid;
  gap:8px;
  padding:10px 12px;
  border-radius:16px;
  border:1px solid rgba(216,225,235,.96);
  background:rgba(255,255,255,.98);
  box-shadow:0 14px 28px rgba(15,23,42,.08);
}

body.app-body .subscriptions-shell--accordion .subscription-plan-card__chip-popover-title{
  font-size:.72rem;
  font-weight:800;
  color:var(--muted);
  letter-spacing:.04em;
  text-transform:uppercase;
}

body.app-body .subscriptions-shell--accordion .subscription-plan-card__chip-popover-list{
  gap:6px;
}

body.app-body .subscriptions-shell--accordion .subscription-plan-drawer{
  grid-column:1 / -1;
  animation:subscriptionDrawerIn .28s ease;
}

@media (max-width: 1440px){
  body.app-body .subscriptions-shell--accordion .subscriptions-card-grid--accordion{
    grid-template-columns:repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 1120px){
  body.app-body .subscriptions-shell--accordion .subscriptions-card-grid--accordion{
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }
}

body.app-body .subscriptions-shell--accordion .subscription-console--inline{
  display:grid;
  gap:14px;
  padding:16px;
  border-radius:26px;
  border:1px solid rgba(191,219,254,.7);
  background:
    radial-gradient(circle at top right, color-mix(in srgb, var(--plan-color) 14%, transparent), transparent 36%),
    linear-gradient(180deg, rgba(255,255,255,.99) 0%, rgba(244,247,255,.99) 100%);
  box-shadow:0 22px 42px rgba(15,23,42,.08);
}

body.app-body .subscriptions-shell--accordion .subscription-spotlight--inline{
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
}

body.app-body .subscriptions-shell--accordion .subscription-hub{
  padding:14px 0 0;
  border-top:1px solid rgba(216,225,235,.94);
  border-radius:0;
  box-shadow:none;
  background:transparent;
}

body.app-body .subscriptions-shell--accordion .subscription-console-tabs{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:10px;
}

body.app-body .subscriptions-shell--accordion .subscription-console-tabs__button{
  min-height:48px;
  padding:12px 14px;
  border-radius:16px;
  border:1px solid rgba(191,219,254,.68);
  background:rgba(255,255,255,.96);
  color:var(--muted);
  font-size:.83rem;
  font-weight:800;
  line-height:1.35;
  text-align:left;
  box-shadow:0 12px 22px rgba(15,23,42,.05);
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease, color .22s ease;
}

body.app-body .subscriptions-shell--accordion .subscription-console-tabs__button:hover{
  transform:translateY(-1px);
  border-color:rgba(96,165,250,.82);
  color:var(--text);
}

body.app-body .subscriptions-shell--accordion .subscription-console-tabs__button.is-active{
  border-color:rgba(37,99,235,.3);
  background:linear-gradient(135deg, rgba(37,99,235,.14) 0%, rgba(14,165,233,.08) 100%);
  color:var(--accent);
  box-shadow:0 16px 28px rgba(37,99,235,.12);
}

body.app-body .subscriptions-shell--accordion .subscription-console-panels{
  display:grid;
  gap:12px;
}

body.app-body .subscriptions-shell--accordion .subscription-console-panel{
  max-height:0;
  opacity:0;
  overflow:hidden;
  pointer-events:none;
  transform:translateY(-6px);
  transition:max-height .32s ease, opacity .24s ease, transform .24s ease;
}

body.app-body .subscriptions-shell--accordion .subscription-console-panel.is-active{
  max-height:2600px;
  opacity:1;
  pointer-events:auto;
  transform:none;
}

body.app-body .subscriptions-shell--accordion .subscription-console-panel__inner{
  display:grid;
  gap:12px;
  padding-top:4px;
}

body.app-body .subscriptions-shell--accordion .subscription-assignment-grid--compact{
  display:grid;
  gap:10px;
  max-height:430px;
  overflow:auto;
  padding-right:4px;
}

body.app-body .subscriptions-shell--accordion .subscription-assignment-grid--compact::-webkit-scrollbar{
  width:10px;
}

body.app-body .subscriptions-shell--accordion .subscription-assignment-grid--compact::-webkit-scrollbar-thumb{
  border-radius:999px;
  background:rgba(148,163,184,.34);
}

body.app-body .subscriptions-shell--accordion .subscription-detail__branch-head{
  padding:14px 16px;
}

@keyframes subscriptionDrawerIn{
  from{
    opacity:0;
    transform:translateY(-10px);
  }
  to{
    opacity:1;
    transform:none;
  }
}

@media (max-width: 860px){
  body.app-body .subscriptions-shell--accordion .subscriptions-card-grid--accordion{
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }

  body.app-body .subscriptions-shell--accordion .subscription-console-tabs{
    grid-template-columns:1fr;
  }

  body.app-body .subscriptions-shell--accordion .subscription-spotlight__top{
    grid-template-columns:1fr;
  }

  body.app-body .subscriptions-shell--accordion .subscription-fold__summary--compact-card{
    grid-template-columns:1fr;
  }
}

@media (max-width: 640px){
  body.app-body .subscriptions-shell--accordion .subscriptions-card-grid--accordion{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  body.app-body .subscriptions-shell--accordion .subscription-console--inline{
    padding:14px;
    border-radius:22px;
  }

  body.app-body .subscriptions-shell--accordion .subscription-assignment-grid--compact{
    max-height:none;
    overflow:visible;
    padding-right:0;
  }

  body.app-body .subscriptions-shell--accordion .subscription-console-tabs__button{
    min-height:44px;
  }

  body.app-body .subscriptions-shell--accordion .subscription-fold__summary--compact-card,
  body.app-body .subscriptions-shell--accordion .subscription-fold__body--compact-card{
    padding-left:14px;
    padding-right:14px;
  }

  body.app-body .subscriptions-shell--accordion .subscription-plan-card__chip-more{
    flex-basis:100%;
  }
}

@media (max-width: 520px){
  body.app-body .subscriptions-shell--accordion .subscriptions-card-grid--accordion{
    grid-template-columns:1fr;
  }
}

body.app-body .founder-screen--luxe{
  gap:18px;
}

body.app-body .founder-home--luxe .founder-home__hero{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0, 1.2fr) minmax(340px, .95fr);
  gap:18px;
  padding:26px;
  border-radius:32px;
  border:1px solid rgba(191,219,254,.7);
  background:
    radial-gradient(circle at top right, rgba(59,130,246,.18), transparent 30%),
    radial-gradient(circle at bottom left, rgba(16,185,129,.10), transparent 24%),
    linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(244,247,255,.98) 100%);
  box-shadow:0 28px 60px rgba(15,23,42,.08);
  overflow:hidden;
}

body.app-body .founder-home--luxe .founder-home__hero::after,
body.app-body .subscriptions-shell--luxe .subscriptions-topbar::after{
  content:"";
  position:absolute;
  inset:auto -80px -80px auto;
  width:220px;
  height:220px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(59,130,246,.16) 0%, rgba(59,130,246,0) 68%);
  pointer-events:none;
}

body.app-body .founder-home--luxe .founder-home__hero-copy,
body.app-body .subscriptions-shell--luxe .subscriptions-topbar__copy{
  position:relative;
  z-index:1;
  display:grid;
  gap:12px;
  align-content:start;
}

body.app-body .founder-home--luxe .founder-home__hero-copy h2,
body.app-body .subscriptions-shell--luxe .subscriptions-topbar__copy h2{
  margin:0;
  font-size:clamp(1.9rem, 3vw, 2.55rem);
  line-height:1.02;
  letter-spacing:-.04em;
}

body.app-body .founder-home--luxe .founder-home__hero-copy p,
body.app-body .subscriptions-shell--luxe .subscriptions-topbar__copy p{
  margin:0;
  max-width:60ch;
  color:var(--muted);
  font-size:.98rem;
  line-height:1.65;
}

body.app-body .founder-home--luxe .founder-home__hero-chips{
  gap:8px;
}

body.app-body .founder-home--luxe .founder-home__hero-stats,
body.app-body .subscriptions-shell--luxe .subscriptions-topbar__stats{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:12px;
}

body.app-body .founder-home--luxe .founder-home__metric,
body.app-body .subscriptions-shell--luxe .subscriptions-mini-stat{
  display:grid;
  gap:6px;
  padding:16px 18px;
  border-radius:22px;
  border:1px solid rgba(216,225,235,.9);
  background:rgba(255,255,255,.86);
  box-shadow:0 18px 36px rgba(15,23,42,.06);
  backdrop-filter:blur(12px);
}

body.app-body .founder-home--luxe .founder-home__metric span,
body.app-body .subscriptions-shell--luxe .subscriptions-mini-stat span{
  color:var(--muted);
  font-size:.76rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

body.app-body .founder-home--luxe .founder-home__metric strong,
body.app-body .subscriptions-shell--luxe .subscriptions-mini-stat strong{
  font-size:1.55rem;
  line-height:1;
}

body.app-body .founder-home--luxe .founder-home__metric small{
  color:var(--muted);
  font-size:.84rem;
  line-height:1.45;
}

body.app-body .founder-home--luxe .founder-home__grid{
  display:grid;
  gap:18px;
}

body.app-body .founder-home--luxe .founder-home__grid--primary{
  grid-template-columns:minmax(0, 1.2fr) minmax(320px, .88fr);
}

body.app-body .founder-home--luxe .founder-home__grid--secondary{
  grid-template-columns:minmax(0, 1.15fr) minmax(360px, .95fr);
}

body.app-body .founder-home--luxe .founder-home__section,
body.app-body .subscriptions-shell--luxe .subscriptions-topbar,
body.app-body .subscriptions-shell--luxe .subscriptions-command,
body.app-body .subscriptions-shell--luxe .subscriptions-library--luxe{
  position:relative;
  overflow:hidden;
  border-radius:30px;
  border:1px solid rgba(216,225,235,.94);
  background:
    linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(247,250,255,.98) 100%);
  box-shadow:0 24px 54px rgba(15,23,42,.07);
}

body.app-body .founder-home--luxe .founder-home__section{
  display:grid;
  gap:16px;
  padding:20px;
}

body.app-body .founder-home--luxe .founder-home__quick-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:12px;
}

body.app-body .founder-home--luxe .founder-home__quick-card{
  display:grid;
  gap:8px;
  min-height:142px;
  padding:18px;
  border-radius:24px;
  border:1px solid rgba(191,219,254,.7);
  background:
    linear-gradient(180deg, rgba(255,255,255,.95) 0%, rgba(241,246,255,.96) 100%);
  color:inherit;
  text-decoration:none;
  transition:transform .24s ease, box-shadow .24s ease, border-color .24s ease;
}

body.app-body .founder-home--luxe .founder-home__quick-card:hover{
  transform:translateY(-4px);
  border-color:rgba(96,165,250,.82);
  box-shadow:0 22px 40px rgba(37,99,235,.12);
}

body.app-body .founder-home--luxe .founder-home__quick-card span{
  color:var(--muted);
  font-size:.76rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

body.app-body .founder-home--luxe .founder-home__quick-card strong{
  font-size:1.03rem;
  line-height:1.28;
}

body.app-body .founder-home--luxe .founder-home__quick-card small{
  color:var(--muted);
  font-size:.84rem;
  line-height:1.5;
}

body.app-body .founder-home--luxe .founder-home__status-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:12px;
}

body.app-body .founder-home--luxe .founder-home__status-card{
  display:grid;
  gap:8px;
  padding:18px;
  border-radius:24px;
  border:1px solid rgba(216,225,235,.94);
  background:rgba(255,255,255,.9);
}

body.app-body .founder-home--luxe .founder-home__status-card span{
  color:var(--muted);
  font-size:.76rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

body.app-body .founder-home--luxe .founder-home__status-card strong{
  font-size:1.02rem;
  line-height:1.32;
}

body.app-body .founder-home--luxe .founder-home__status-card small{
  color:var(--muted);
  font-size:.84rem;
  line-height:1.48;
}

body.app-body .founder-home--luxe .founder-home__feed-list{
  display:grid;
  gap:12px;
}

body.app-body .founder-home--luxe .founder-home__feed-card{
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto;
  gap:12px;
  padding:16px 18px;
  border-radius:22px;
  border:1px solid rgba(216,225,235,.94);
  background:rgba(255,255,255,.88);
  transition:transform .22s ease, box-shadow .22s ease;
}

body.app-body .founder-home--luxe .founder-home__feed-card:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 36px rgba(15,23,42,.08);
}

body.app-body .founder-home--luxe .founder-home__feed-main{
  display:grid;
  gap:8px;
  min-width:0;
}

body.app-body .founder-home--luxe .founder-home__feed-main strong{
  font-size:1rem;
}

body.app-body .founder-home--luxe .founder-home__feed-main p{
  margin:0;
  color:var(--muted);
  line-height:1.55;
  overflow-wrap:break-word;
}

body.app-body .founder-home--luxe .founder-home__feed-meta{
  display:grid;
  gap:10px;
  align-content:start;
  justify-items:end;
  text-align:right;
}

body.app-body .founder-home--luxe .founder-home__table-wrap{
  border-radius:22px;
}

body.app-body .subscriptions-shell--luxe .subscriptions-topbar{
  display:grid;
  grid-template-columns:minmax(0, 1.14fr) minmax(340px, .95fr);
  gap:18px;
  padding:24px;
}

body.app-body .subscriptions-shell--luxe .subscriptions-hero__legend{
  grid-column:1 / -1;
  gap:8px;
}

body.app-body .subscriptions-shell--luxe .subscriptions-command{
  padding:18px;
}

body.app-body .subscriptions-shell--luxe .subscriptions-library--luxe{
  padding:18px;
}

body.app-body .subscriptions-shell--luxe .subscriptions-card-grid--accordion{
  gap:14px;
}

body.app-body .subscriptions-shell--luxe .subscription-plan-card{
  overflow:visible;
}

body.app-body .subscriptions-shell--luxe .subscription-plan-card__face{
  position:relative;
  gap:12px;
  padding:16px;
  border-radius:26px;
  background:
    radial-gradient(circle at top right, color-mix(in srgb, var(--plan-color) 10%, transparent), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(244,248,255,.98) 100%);
  box-shadow:0 18px 40px rgba(15,23,42,.07);
  transition:transform .26s ease, box-shadow .26s ease, border-color .26s ease;
}

body.app-body .subscriptions-shell--luxe .subscription-plan-card:hover .subscription-plan-card__face{
  transform:translateY(-4px);
  box-shadow:0 24px 48px rgba(15,23,42,.1);
}

body.app-body .subscriptions-shell--luxe .subscription-plan-card.is-selected .subscription-plan-card__face{
  box-shadow:0 26px 54px color-mix(in srgb, var(--plan-color) 18%, rgba(15,23,42,.08));
}

body.app-body .subscriptions-shell--luxe .subscription-plan-card__bar{
  align-items:flex-start;
}

body.app-body .subscriptions-shell--luxe .subscription-plan-card__duration{
  background:rgba(255,255,255,.92);
  box-shadow:inset 0 0 0 1px rgba(216,225,235,.9);
}

body.app-body .subscriptions-shell--luxe .subscription-plan-card__head strong{
  font-size:1.02rem;
}

body.app-body .subscriptions-shell--luxe .subscription-plan-card__head p{
  font-size:.83rem;
}

body.app-body .subscriptions-shell--luxe .subscription-plan-card__hint{
  min-height:2.2rem;
}

body.app-body .subscriptions-shell--luxe .subscription-plan-card__chip-more{
  position:relative;
  flex:0 0 auto;
}

body.app-body .subscriptions-shell--luxe .subscription-plan-card__chip-more[open]{
  z-index:8;
}

body.app-body .subscriptions-shell--luxe .subscription-plan-card__chip-more[open] .subscription-plan-card__chip-toggle{
  border-color:rgba(96,165,250,.84);
  color:var(--accent);
  background:rgba(239,246,255,.98);
}

body.app-body .subscriptions-shell--luxe .subscription-plan-card__chip-popover{
  position:absolute;
  top:calc(100% + 8px);
  left:0;
  min-width:220px;
  max-width:min(320px, calc(100vw - 84px));
  z-index:12;
}

body.app-body .subscriptions-shell--luxe .subscription-console--inline{
  border-radius:30px;
  box-shadow:0 26px 56px rgba(15,23,42,.09);
}

body.app-body .subscriptions-shell--luxe .subscription-spotlight__editor,
body.app-body .subscriptions-shell--luxe .subscription-hub{
  border-top-color:rgba(216,225,235,.88);
}

@media (max-width: 1280px){
  body.app-body .founder-home--luxe .founder-home__grid--primary,
  body.app-body .founder-home--luxe .founder-home__grid--secondary,
  body.app-body .subscriptions-shell--luxe .subscriptions-topbar{
    grid-template-columns:1fr;
  }
}

@media (max-width: 860px){
  body.app-body .founder-home--luxe .founder-home__hero{
    grid-template-columns:1fr;
    padding:20px;
  }

  body.app-body .founder-home--luxe .founder-home__quick-grid,
  body.app-body .founder-home--luxe .founder-home__status-grid{
    grid-template-columns:1fr;
  }

  body.app-body .founder-home--luxe .founder-home__feed-card{
    grid-template-columns:1fr;
  }

  body.app-body .founder-home--luxe .founder-home__feed-meta{
    justify-items:start;
    text-align:left;
  }

  body.app-body .subscriptions-shell--luxe .subscriptions-topbar,
  body.app-body .subscriptions-shell--luxe .subscriptions-command,
  body.app-body .subscriptions-shell--luxe .subscriptions-library--luxe{
    padding:16px;
    border-radius:24px;
  }
}

@media (max-width: 640px){
  body.app-body .founder-home--luxe .founder-home__hero,
  body.app-body .founder-home--luxe .founder-home__section{
    padding:16px;
    border-radius:24px;
  }

  body.app-body .founder-home--luxe .founder-home__hero-stats,
  body.app-body .subscriptions-shell--luxe .subscriptions-topbar__stats{
    grid-template-columns:1fr;
  }

  body.app-body .subscriptions-shell--luxe .subscription-plan-card__chip-popover{
    position:relative;
    top:auto;
    left:auto;
    max-width:100%;
  }
}

body.app-body.subscription-modal-open{
  overflow:hidden;
}

body.app-body .subscriptions-shell--2026{
  gap:18px;
}

body.app-body .subscriptions-shell--2026 .panel--sheet{
  border-radius:30px;
  border:1px solid rgba(216,225,235,.94);
  background:linear-gradient(180deg, rgba(255,255,255,.985) 0%, rgba(248,251,255,.985) 100%);
  box-shadow:0 24px 56px rgba(15,23,42,.06);
}

body.app-body .subscriptions-hero-2026{
  display:grid;
  grid-template-columns:minmax(0, 1.15fr) minmax(480px, .95fr);
  gap:18px;
  padding:28px;
  align-items:start;
}

body.app-body .subscriptions-hero-2026__copy{
  display:grid;
  gap:12px;
}

body.app-body .subscriptions-hero-2026__copy h2{
  margin:0;
  font-size:clamp(2rem, 2.9vw, 2.8rem);
  line-height:1.02;
  letter-spacing:-.045em;
}

body.app-body .subscriptions-hero-2026__copy p{
  margin:0;
  max-width:52ch;
  color:var(--muted);
  font-size:1rem;
  line-height:1.62;
}

body.app-body .subscriptions-hero-2026__stats{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:14px;
}

body.app-body .subscriptions-stat-2026{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:14px;
  align-items:center;
  padding:18px 20px;
  border-radius:24px;
  border:1px solid rgba(216,225,235,.92);
  background:rgba(255,255,255,.92);
  box-shadow:0 18px 34px rgba(15,23,42,.04);
}

body.app-body .subscriptions-stat-2026__icon{
  display:grid;
  place-items:center;
  width:52px;
  height:52px;
  border-radius:18px;
  background:linear-gradient(135deg, rgba(219,234,254,.96) 0%, rgba(239,246,255,.96) 100%);
  color:var(--accent);
  font-size:1.4rem;
  box-shadow:inset 0 0 0 1px rgba(191,219,254,.86);
}

body.app-body .subscriptions-stat-2026--danger .subscriptions-stat-2026__icon{
  background:linear-gradient(135deg, rgba(254,226,226,.98) 0%, rgba(255,247,237,.98) 100%);
  color:#dc2626;
  box-shadow:inset 0 0 0 1px rgba(254,202,202,.9);
}

body.app-body .subscriptions-stat-2026--warning .subscriptions-stat-2026__icon{
  background:linear-gradient(135deg, rgba(250,232,255,.98) 0%, rgba(243,232,255,.98) 100%);
  color:#9333ea;
  box-shadow:inset 0 0 0 1px rgba(221,214,254,.9);
}

body.app-body .subscriptions-stat-2026 small{
  display:block;
  margin-bottom:6px;
  color:var(--muted);
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

body.app-body .subscriptions-stat-2026 strong{
  font-size:2rem;
  line-height:1;
}

body.app-body .subscriptions-toolbar-2026{
  padding:18px;
}

body.app-body .subscriptions-toolbar-2026__grid{
  display:grid;
  grid-template-columns:minmax(0, 1.25fr) minmax(260px, .9fr) auto;
  gap:14px;
  align-items:end;
}

body.app-body .subscriptions-toolbar-2026__field{
  margin:0;
}

body.app-body .subscriptions-toolbar-2026__actions{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, auto));
  gap:12px;
}

body.app-body .subscriptions-toolbar-2026__actions .primary-button,
body.app-body .subscriptions-toolbar-2026__actions .secondary-button{
  min-width:152px;
  justify-content:center;
}

body.app-body .subscriptions-search-input{
  position:relative;
}

body.app-body .subscriptions-search-input__icon{
  position:absolute;
  left:14px;
  top:50%;
  transform:translateY(-50%);
  color:var(--muted);
  font-size:1rem;
  pointer-events:none;
}

body.app-body .subscriptions-search-input__control{
  padding-left:42px;
}

body.app-body .subscriptions-layout-2026{
  display:grid;
  grid-template-columns:minmax(360px, .88fr) minmax(0, 1.3fr);
  gap:18px;
  align-items:start;
}

body.app-body .subscriptions-panel-2026{
  padding:18px;
}

body.app-body .subscriptions-panel-2026--library{
  display:grid;
  gap:16px;
  min-height:100%;
  align-content:start;
  justify-items:stretch;
}

body.app-body .subscriptions-panel-2026--detail{
  display:grid;
  gap:16px;
}

body.app-body .subscriptions-panel-2026__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}

body.app-body .subscriptions-panel-2026__head h3{
  margin:0 0 6px;
  font-size:1.45rem;
  line-height:1.08;
}

body.app-body .subscriptions-panel-2026__head p{
  margin:0;
  color:var(--muted);
  font-size:.92rem;
  line-height:1.55;
}

body.app-body .subscriptions-create-card-2026{
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:14px;
  align-items:center;
  width:100%;
  padding:18px 18px;
  border-radius:24px;
  border:1.5px dashed rgba(191,219,254,.96);
  background:linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(248,250,255,.96) 100%);
  text-align:left;
  cursor:pointer;
  transition:transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

body.app-body .subscriptions-create-card-2026:hover{
  transform:translateY(-2px);
  border-color:rgba(96,165,250,.88);
  box-shadow:0 16px 32px rgba(37,99,235,.08);
}

body.app-body .subscriptions-create-card-2026__icon{
  display:grid;
  place-items:center;
  width:48px;
  height:48px;
  border-radius:16px;
  background:linear-gradient(135deg, rgba(239,246,255,.98) 0%, rgba(219,234,254,.98) 100%);
  color:var(--accent);
  font-size:1.45rem;
  box-shadow:inset 0 0 0 1px rgba(191,219,254,.86);
}

body.app-body .subscriptions-create-card-2026__copy{
  display:grid;
  gap:4px;
}

body.app-body .subscriptions-create-card-2026__copy strong{
  font-size:1.03rem;
}

body.app-body .subscriptions-create-card-2026__copy small{
  color:var(--muted);
  font-size:.85rem;
  line-height:1.45;
}

body.app-body .subscriptions-create-card-2026__chevron,
body.app-body .subscription-card-2026__chevron{
  color:#94a3b8;
  font-size:1.5rem;
  line-height:1;
}

body.app-body .subscriptions-plan-list-2026{
  display:grid;
  gap:12px;
  align-content:start;
}

body.app-body .subscription-card-2026{
  --card-border:rgba(216,225,235,.96);
}

body.app-body .subscription-card-2026__link{
  position:relative;
  display:grid;
  gap:12px;
  min-width:0;
  padding:18px;
  border-radius:24px;
  border:1px solid var(--card-border);
  background:linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(248,250,255,.94) 100%);
  color:inherit;
  text-decoration:none;
  box-shadow:0 16px 30px rgba(15,23,42,.045);
  transition:transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}

body.app-body .subscription-card-2026__link:hover{
  transform:translateY(-2px);
  border-color:rgba(96,165,250,.82);
  box-shadow:0 24px 48px rgba(15,23,42,.08);
}

body.app-body .subscription-card-2026.is-selected .subscription-card-2026__link{
  border-color:rgba(59,130,246,.84);
  background:linear-gradient(180deg, rgba(239,246,255,.82) 0%, rgba(255,255,255,.98) 100%);
  box-shadow:0 24px 52px rgba(37,99,235,.12);
}

body.app-body .subscription-card-2026__identity{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:14px;
  align-items:center;
  min-width:0;
}

body.app-body .subscription-card-2026__icon{
  display:grid;
  place-items:center;
  width:48px;
  height:48px;
  border-radius:16px;
  background:linear-gradient(135deg, color-mix(in srgb, var(--plan-color) 20%, white) 0%, rgba(255,255,255,.98) 100%);
  box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--plan-color) 26%, rgba(191,219,254,.9));
  font-size:1.15rem;
}

body.app-body .subscription-card-2026__identity strong{
  display:block;
  margin-bottom:4px;
  font-size:1.05rem;
}

body.app-body .subscription-card-2026__identity p{
  margin:0;
  color:var(--muted);
  font-size:.84rem;
  line-height:1.45;
}

body.app-body .subscription-card-2026__badges{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
}

body.app-body .subscription-card-2026__meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  color:var(--muted);
  font-size:.8rem;
}

body.app-body .subscription-card-2026__meta span{
  padding:.26rem .62rem;
  border-radius:999px;
  background:rgba(241,245,249,.86);
}

body.app-body .subscriptions-labels-2026{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:flex-start;
}

body.app-body .subscriptions-labels-2026__more{
  position:relative;
}

body.app-body .subscriptions-labels-2026__more summary{
  list-style:none;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:30px;
  padding:0 10px;
  border-radius:999px;
  border:1px solid rgba(216,225,235,.96);
  background:rgba(255,255,255,.94);
  color:var(--muted);
  font-size:.76rem;
  font-weight:700;
}

body.app-body .subscriptions-labels-2026__more summary::-webkit-details-marker{
  display:none;
}

body.app-body .subscriptions-labels-2026__popover{
  position:absolute;
  top:calc(100% + 8px);
  left:0;
  z-index:12;
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  min-width:220px;
  max-width:min(320px, calc(100vw - 64px));
  padding:12px;
  border-radius:18px;
  border:1px solid rgba(216,225,235,.96);
  background:rgba(255,255,255,.985);
  box-shadow:0 18px 36px rgba(15,23,42,.12);
}

body.app-body .subscription-card-2026__chevron{
  position:absolute;
  right:18px;
  top:50%;
  transform:translateY(-50%);
}

body.app-body .subscriptions-footer-2026{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:8px;
  padding-top:6px;
  color:var(--muted);
  font-size:.88rem;
}

body.app-body .subscriptions-footer-2026--nested{
  margin-top:4px;
}

body.app-body .subscription-pagination-2026{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}

body.app-body .subscription-pagination-2026__page,
body.app-body .subscription-pagination-2026__button{
  display:grid;
  place-items:center;
  min-width:38px;
  height:38px;
  padding:0 10px;
  border-radius:12px;
  border:1px solid rgba(216,225,235,.96);
  background:rgba(255,255,255,.96);
  color:var(--text);
  text-decoration:none;
  font-weight:700;
}

body.app-body .subscription-pagination-2026__page.is-active{
  border-color:rgba(37,99,235,.86);
  background:linear-gradient(135deg, rgba(37,99,235,.98) 0%, rgba(29,78,216,.98) 100%);
  color:#fff;
}

body.app-body .subscription-pagination-2026__button.is-disabled{
  pointer-events:none;
  opacity:.45;
}

body.app-body .subscriptions-plan-pill-2026{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:10px 14px;
  border-radius:999px;
  background:linear-gradient(135deg, color-mix(in srgb, var(--plan-color) 16%, white) 0%, rgba(255,255,255,.98) 100%);
  box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--plan-color) 20%, rgba(216,225,235,.9));
}

body.app-body .subscriptions-plan-pill-2026__icon{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:12px;
  background:rgba(255,255,255,.92);
}

body.app-body .subscription-plan-editor-2026{
  border:1px solid rgba(216,225,235,.96);
  border-radius:24px;
  background:rgba(255,255,255,.76);
}

body.app-body .subscription-plan-editor-2026 summary{
  list-style:none;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:14px 16px;
  cursor:pointer;
}

body.app-body .subscription-plan-editor-2026 summary::-webkit-details-marker{
  display:none;
}

body.app-body .subscription-plan-editor-2026 summary span{
  font-weight:800;
}

body.app-body .subscription-plan-editor-2026 summary small{
  color:var(--muted);
  font-size:.82rem;
}

body.app-body .subscription-plan-editor-2026__body{
  padding:0 16px 16px;
}

body.app-body .subscription-console-2026{
  display:grid;
  gap:16px;
}

body.app-body .subscription-console-2026__tabs{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:10px;
}

body.app-body .subscription-console-2026__tab{
  min-height:50px;
  padding:12px 16px;
  border-radius:16px;
  border:1px solid rgba(216,225,235,.96);
  background:rgba(255,255,255,.96);
  color:var(--muted);
  font-weight:800;
  cursor:pointer;
  transition:border-color .2s ease, color .2s ease, box-shadow .2s ease, transform .2s ease;
}

body.app-body .subscription-console-2026__tab:hover{
  transform:translateY(-1px);
  border-color:rgba(96,165,250,.82);
  color:var(--text);
}

body.app-body .subscription-console-2026__tab.is-active{
  border-color:rgba(59,130,246,.78);
  background:linear-gradient(180deg, rgba(239,246,255,.92) 0%, rgba(255,255,255,.98) 100%);
  color:var(--accent);
  box-shadow:0 18px 34px rgba(37,99,235,.08);
}

body.app-body .subscription-console-2026__panels{
  display:grid;
  gap:14px;
}

body.app-body .subscription-console-2026__panel{
  max-height:0;
  opacity:0;
  overflow:hidden;
  pointer-events:none;
  transform:translateY(-8px);
  transition:max-height .34s ease, opacity .24s ease, transform .24s ease;
}

body.app-body .subscription-console-2026__panel.is-active{
  max-height:2600px;
  opacity:1;
  pointer-events:auto;
  transform:none;
}

body.app-body .subscription-console-2026__panel-inner{
  display:grid;
  gap:14px;
  padding-top:4px;
}

body.app-body .subscriptions-inline-search-2026{
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto;
  gap:12px;
  align-items:end;
  padding:14px;
  border-radius:22px;
  border:1px solid rgba(216,225,235,.94);
  background:rgba(248,250,255,.8);
}

body.app-body .subscriptions-inline-search-2026__field{
  margin:0;
}

body.app-body .subscription-branch-list-2026{
  display:grid;
  gap:10px;
  max-height:430px;
  overflow:auto;
  padding-right:4px;
}

body.app-body .subscription-branch-list-2026::-webkit-scrollbar{
  width:10px;
}

body.app-body .subscription-branch-list-2026::-webkit-scrollbar-thumb{
  background:rgba(148,163,184,.28);
  border-radius:999px;
}

body.app-body .subscription-branch-card-2026__link{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  padding:14px 16px;
  border-radius:20px;
  border:1px solid rgba(216,225,235,.96);
  background:rgba(255,255,255,.94);
  color:inherit;
  text-decoration:none;
  transition:border-color .2s ease, background .2s ease, box-shadow .2s ease;
}

body.app-body .subscription-branch-card-2026__link:hover{
  border-color:rgba(96,165,250,.82);
  box-shadow:0 16px 30px rgba(15,23,42,.06);
}

body.app-body .subscription-branch-card-2026.is-selected .subscription-branch-card-2026__link{
  border-color:rgba(59,130,246,.82);
  background:linear-gradient(180deg, rgba(239,246,255,.84) 0%, rgba(255,255,255,.98) 100%);
}

body.app-body .subscription-branch-card-2026 strong{
  display:block;
  margin-bottom:4px;
}

body.app-body .subscription-branch-card-2026 p{
  margin:0;
  color:var(--muted);
  font-size:.84rem;
}

body.app-body .subscription-branch-preview-2026{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  padding:16px;
  border-radius:22px;
  border:1px solid rgba(216,225,235,.94);
  background:linear-gradient(180deg, rgba(239,246,255,.6) 0%, rgba(255,255,255,.98) 100%);
}

body.app-body .subscription-branch-preview-2026__identity{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:14px;
  align-items:center;
}

body.app-body .subscription-branch-preview-2026__icon{
  display:grid;
  place-items:center;
  width:52px;
  height:52px;
  border-radius:18px;
  background:linear-gradient(135deg, rgba(219,234,254,.96) 0%, rgba(255,255,255,.98) 100%);
}

body.app-body .subscription-branch-preview-2026 strong{
  display:block;
  margin-bottom:4px;
}

body.app-body .subscription-branch-preview-2026 p{
  margin:0;
  color:var(--muted);
}

body.app-body .subscriptions-empty-2026{
  display:grid;
  place-items:center;
  min-height:420px;
  text-align:center;
  gap:10px;
  color:var(--muted);
}

body.app-body .subscriptions-empty-2026 strong{
  color:var(--text);
  font-size:1.05rem;
}

body.app-body .subscriptions-form-grid-2026{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:12px;
}

body.app-body .subscriptions-form-grid-2026--dates{
  grid-template-columns:repeat(2, minmax(0, 1fr));
}

body.app-body .subscription-sections-grid-2026{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:10px;
}

body.app-body .subscription-check-2026{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:48px;
  padding:0 14px;
  border-radius:16px;
  border:1px solid rgba(216,225,235,.96);
  background:rgba(255,255,255,.92);
  font-weight:600;
}

body.app-body .subscription-check-2026 input{
  margin:0;
}

body.app-body .subscription-modal-2026{
  position:fixed;
  inset:0;
  z-index:120;
  display:grid;
  place-items:center;
  padding:24px;
}

body.app-body .subscription-modal-2026[hidden]{
  display:none;
}

body.app-body .subscription-modal-2026__backdrop{
  position:absolute;
  inset:0;
  background:rgba(15,23,42,.32);
  backdrop-filter:blur(10px);
}

body.app-body .subscription-modal-2026__dialog{
  position:relative;
  z-index:1;
  width:min(980px, calc(100vw - 48px));
  max-height:min(88vh, 900px);
  overflow:auto;
  padding:28px;
  border-radius:32px;
  border:1px solid rgba(216,225,235,.96);
  background:linear-gradient(180deg, rgba(255,255,255,.995) 0%, rgba(248,251,255,.99) 100%);
  box-shadow:0 42px 100px rgba(15,23,42,.22);
}

body.app-body .subscription-modal-2026__close{
  position:absolute;
  top:18px;
  right:18px;
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:14px;
  border:1px solid rgba(216,225,235,.96);
  background:rgba(255,255,255,.94);
  color:var(--text);
  font-size:1.4rem;
  cursor:pointer;
}

body.app-body .subscription-modal-2026__header{
  margin-bottom:18px;
  padding-right:56px;
}

body.app-body .subscription-modal-2026__header h3{
  margin:0 0 8px;
  font-size:1.8rem;
  line-height:1.08;
}

body.app-body .subscription-modal-2026__header p{
  margin:0;
  color:var(--muted);
  line-height:1.56;
}

body.app-body .subscription-modal-2026__form{
  display:grid;
  gap:16px;
}

body.app-body .subscription-modal-2026__grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:16px;
}

body.app-body .subscription-modal-2026__assignments{
  display:grid;
  gap:12px;
}

body.app-body .subscription-modal-2026__branch-preview{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

body.app-body .subscription-modal-2026__branch-chip{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid rgba(216,225,235,.96);
  background:rgba(241,245,249,.9);
  font-weight:700;
  font-size:.86rem;
}

body.app-body .subscription-modal-2026__footer{
  display:flex;
  justify-content:flex-end;
  gap:12px;
  padding-top:4px;
}

@media (max-width: 1360px){
  body.app-body .subscriptions-layout-2026{
    grid-template-columns:minmax(320px, .78fr) minmax(0, 1.22fr);
  }
}

@media (max-width: 1180px){
  body.app-body .subscriptions-hero-2026{
    grid-template-columns:1fr;
  }

  body.app-body .subscriptions-layout-2026{
    grid-template-columns:1fr;
  }
}

@media (max-width: 960px){
  body.app-body .subscriptions-toolbar-2026__grid{
    grid-template-columns:1fr;
  }

  body.app-body .subscriptions-toolbar-2026__actions{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  body.app-body .subscription-modal-2026__grid,
  body.app-body .subscriptions-form-grid-2026,
  body.app-body .subscription-sections-grid-2026{
    grid-template-columns:1fr;
  }
}

@media (max-width: 860px){
  body.app-body .subscriptions-shell--2026{
    gap:16px;
  }

  body.app-body .subscriptions-hero-2026,
  body.app-body .subscriptions-toolbar-2026,
  body.app-body .subscriptions-panel-2026{
    padding:16px;
    border-radius:24px;
  }

  body.app-body .subscriptions-panel-2026__head,
  body.app-body .subscriptions-panel-2026__head--detail,
  body.app-body .subscription-branch-preview-2026{
    flex-direction:column;
  }

  body.app-body .subscription-console-2026__tabs{
    grid-template-columns:1fr;
  }

  body.app-body .subscriptions-inline-search-2026{
    grid-template-columns:1fr;
  }
}

@media (max-width: 640px){
  body.app-body .subscriptions-hero-2026__stats{
    grid-template-columns:1fr;
  }

  body.app-body .subscriptions-labels-2026__popover{
    position:relative;
    top:auto;
    left:auto;
    min-width:0;
    max-width:100%;
  }

  body.app-body .subscriptions-create-card-2026,
  body.app-body .subscription-card-2026__identity,
  body.app-body .subscription-branch-preview-2026__identity{
    grid-template-columns:1fr;
  }

  body.app-body .subscription-card-2026__chevron{
    top:18px;
    right:18px;
    transform:none;
  }

  body.app-body .subscriptions-footer-2026,
  body.app-body .subscription-modal-2026__footer{
    flex-direction:column;
    align-items:stretch;
  }

  body.app-body .subscription-pagination-2026{
    justify-content:center;
  }

  body.app-body .subscription-branch-list-2026{
    max-height:none;
    overflow:visible;
    padding-right:0;
  }

  body.app-body .subscription-branch-card-2026__link{
    flex-direction:column;
  }

  body.app-body .subscription-modal-2026{
    padding:12px;
  }

  body.app-body .subscription-modal-2026__dialog{
    width:min(100vw - 24px, 100%);
    max-height:calc(100vh - 24px);
    padding:18px;
    border-radius:24px;
  }
}

body.app-body.is-notification-drawer-open{
  overflow:hidden;
}

body.app-body .notification-hub{
  gap:22px;
}

body.app-body .notification-hub__hero{
  display:grid;
  gap:24px;
  padding:28px 30px;
  border-radius:30px;
  background:linear-gradient(180deg,#fbfdff 0%,#f3f7ff 100%);
}

body.app-body .notification-hub__hero-main{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:22px;
  align-items:center;
}

body.app-body .notification-hub__hero-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:78px;
  height:78px;
  border-radius:28px;
  background:radial-gradient(circle at 30% 30%,#ffffff 0%,#eef4ff 70%,#dbeafe 100%);
  color:#2563eb;
  box-shadow:0 16px 34px rgba(37,99,235,.14);
}

body.app-body .notification-hub__hero-icon svg{
  width:38px;
  height:38px;
}

body.app-body .notification-hub__hero-copy h2{
  margin:0 0 10px;
  font-size:clamp(2rem,2vw + 1rem,3rem);
  line-height:1.02;
  color:#0f172a;
}

body.app-body .notification-hub__hero-copy p{
  margin:0;
  max-width:860px;
  color:#64748b;
  line-height:1.7;
}

body.app-body .notification-hub__stats{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
}

body.app-body .notification-hub__stat{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:16px;
  align-items:center;
  min-height:116px;
  padding:18px 20px;
  border-radius:24px;
  border:1px solid #dbe4f0;
  background:#fff;
  box-shadow:0 14px 28px rgba(15,23,42,.05);
}

body.app-body .notification-hub__stat-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:64px;
  height:64px;
  border-radius:22px;
  background:#eef4ff;
  color:#2563eb;
}

body.app-body .notification-hub__stat-icon svg{
  width:28px;
  height:28px;
}

body.app-body .notification-hub__stat--warning .notification-hub__stat-icon{
  background:#fff7ed;
  color:#f97316;
}

body.app-body .notification-hub__stat--read .notification-hub__stat-icon{
  background:#ecfdf3;
  color:#16a34a;
}

body.app-body .notification-hub__stat-label{
  display:block;
  margin-bottom:6px;
  color:#475569;
  font-weight:700;
}

body.app-body .notification-hub__stat strong{
  display:block;
  font-size:2rem;
  line-height:1;
  color:#0f172a;
}

body.app-body .notification-hub__stat small{
  color:#64748b;
}

body.app-body .notification-hub__tabbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}

body.app-body .notification-hub__tabs{
  display:inline-flex;
  flex-wrap:wrap;
  gap:10px;
}

body.app-body .notification-hub__tab{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:48px;
  padding:0 20px;
  border-radius:999px;
  border:1px solid rgba(37,99,235,.12);
  background:#fff;
  color:#334155;
  font-weight:700;
  text-decoration:none;
  box-shadow:0 10px 24px rgba(15,23,42,.04);
  transition:all .18s ease;
}

body.app-body .notification-hub__tab svg{
  width:18px;
  height:18px;
}

body.app-body .notification-hub__tab:hover{
  border-color:rgba(37,99,235,.24);
  color:#1d4ed8;
}

body.app-body .notification-hub__tab.is-active{
  color:#fff;
  border-color:transparent;
  background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);
  box-shadow:0 18px 34px rgba(37,99,235,.18);
}

body.app-body .notification-hub__drawer-trigger{
  display:none;
}

body.app-body .notification-hub__layout{
  display:grid;
  grid-template-columns:minmax(0,.66fr) minmax(280px,.34fr);
  gap:22px;
  align-items:start;
}

body.app-body .notification-hub__main{
  display:grid;
  gap:18px;
  padding:20px;
  border-radius:30px;
}

body.app-body .notification-hub__section-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
}

body.app-body .notification-hub__section-title{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
  margin-bottom:8px;
}

body.app-body .notification-hub__section-title h3{
  margin:0;
  color:#0f172a;
  font-size:1.85rem;
}

body.app-body .notification-hub__toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:16px 18px;
  border-radius:22px;
  border:1px solid #dbe4f0;
  background:linear-gradient(180deg,#fbfdff 0%,#f7fbff 100%);
}

body.app-body .notification-hub__check-row{
  min-width:0;
}

body.app-body .notification-hub__toolbar-actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:10px;
}

body.app-body .notification-hub__list{
  display:grid;
  gap:14px;
}

body.app-body .notification-card{
  display:grid;
  grid-template-columns:auto auto minmax(0,1fr) auto;
  gap:14px;
  align-items:center;
  padding:18px 18px 18px 20px;
  border-radius:24px;
  border:1px solid #dbe4f0;
  background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);
  box-shadow:0 14px 28px rgba(15,23,42,.045);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

body.app-body .notification-card:hover{
  transform:translateY(-1px);
  border-color:rgba(37,99,235,.18);
  box-shadow:0 18px 34px rgba(37,99,235,.08);
}

body.app-body .notification-card__toggle{
  min-height:100%;
}

body.app-body .notification-card__icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:62px;
  height:62px;
  border-radius:22px;
  flex-shrink:0;
}

body.app-body .notification-card__icon svg{
  width:28px;
  height:28px;
}

body.app-body .notification-card__icon--danger{
  background:#fff1f2;
  color:#ef4444;
}

body.app-body .notification-card__icon--warning{
  background:#fff7ed;
  color:#f59e0b;
}

body.app-body .notification-card__icon--info{
  background:#eff6ff;
  color:#2563eb;
}

body.app-body .notification-card__icon--neutral{
  background:#f3e8ff;
  color:#7c3aed;
}

body.app-body .notification-card__main{
  display:grid;
  gap:8px;
  min-width:0;
}

body.app-body .notification-card__title-row{
  display:flex;
  align-items:flex-start;
  flex-wrap:wrap;
  gap:8px;
  min-width:0;
}

body.app-body .notification-card__main strong{
  color:#0f172a;
  font-size:1.2rem;
  line-height:1.3;
  overflow-wrap:anywhere;
}

body.app-body .notification-card__title-badge{
  display:inline-flex;
  align-items:center;
  min-height:22px;
  padding:0 8px;
  border-radius:999px;
  background:rgba(34,197,94,.12);
  color:#16a34a;
  border:1px solid rgba(34,197,94,.18);
  font-size:.74rem;
  font-weight:800;
  letter-spacing:.01em;
  white-space:nowrap;
  transform:translateY(1px);
}

body.app-body .notification-card__main p{
  margin:0;
  color:#64748b;
  line-height:1.55;
  overflow-wrap:anywhere;
}

body.app-body .notification-card__chips{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

body.app-body .notification-card__chip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:28px;
  padding:0 11px;
  border-radius:999px;
  font-size:.8rem;
  font-weight:700;
  white-space:nowrap;
}

body.app-body .notification-card__chip--danger{
  background:#fff1f2;
  color:#dc2626;
}

body.app-body .notification-card__chip--warning{
  background:#fff7ed;
  color:#ea580c;
}

body.app-body .notification-card__chip--info{
  background:#dbeafe;
  color:#1d4ed8;
}

body.app-body .notification-card__chip--neutral,
body.app-body .notification-card__chip--source{
  background:#f1f5f9;
  color:#475569;
}

body.app-body .notification-card__chip--read{
  background:#e2e8f0;
  color:#475569;
}

body.app-body .notification-card__chip--new{
  background:#ecfeff;
  color:#0f766e;
}

body.app-body .notification-card__meta{
  min-width:180px;
}

body.app-body .notification-card__actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:8px;
}

body.app-body .notification-hub__pagination{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding-top:2px;
}

body.app-body .notification-hub__pagination span{
  color:#64748b;
}

body.app-body .notification-hub__pagination-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

body.app-body .notification-hub__pagination-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:42px;
  height:42px;
  padding:0 12px;
  border-radius:14px;
  border:1px solid #dbe4f0;
  background:#fff;
  color:#475569;
  text-decoration:none;
  font-weight:700;
}

body.app-body .notification-hub__pagination-button svg{
  width:18px;
  height:18px;
}

body.app-body .notification-hub__pagination-button.is-active{
  border-color:transparent;
  background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);
  color:#fff;
  box-shadow:0 14px 28px rgba(37,99,235,.18);
}

body.app-body .notification-hub__pagination-button.is-disabled{
  opacity:.45;
  pointer-events:none;
}

body.app-body .notification-hub__aside{
  position:sticky;
  top:24px;
  display:grid;
  gap:18px;
  padding:18px;
  border-radius:28px;
}

body.app-body .notification-hub__drawer-close{
  display:none;
  justify-self:end;
}

body.app-body .notification-hub__drawer-backdrop{
  display:none;
}

body.app-body .notification-side-card{
  display:grid;
  gap:14px;
  padding:18px;
  border-radius:24px;
  border:1px solid #dbe4f0;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
  box-shadow:0 12px 24px rgba(15,23,42,.04);
}

body.app-body .notification-side-card--tip{
  background:linear-gradient(145deg,#f8fbff 0%,#eef4ff 100%);
}

body.app-body .notification-side-card__head{
  display:flex;
  gap:12px;
  align-items:flex-start;
}

body.app-body .notification-side-card__head strong{
  color:#0f172a;
  font-size:1.15rem;
}

body.app-body .notification-side-card__icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:44px;
  height:44px;
  border-radius:16px;
  flex-shrink:0;
}

body.app-body .notification-side-card__icon svg{
  width:22px;
  height:22px;
}

body.app-body .notification-side-card__icon--blue{
  background:#eff6ff;
  color:#2563eb;
}

body.app-body .notification-side-card__icon--neutral{
  background:#f1f5f9;
  color:#475569;
}

body.app-body .notification-side-card__stack{
  display:grid;
  gap:10px;
}

body.app-body .notification-side-card__action{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:48px;
  padding:0 16px;
  border-radius:16px;
  border:1px solid #dbe4f0;
  background:#fff;
  color:#334155;
  font-weight:600;
  text-decoration:none;
}

body.app-body .notification-side-card__action button{
  width:100%;
  min-height:48px;
  padding:0;
  border:0;
  background:transparent;
  color:inherit;
  text-align:left;
  font:inherit;
  cursor:pointer;
}

body.app-body .notification-guide{
  display:grid;
  gap:12px;
}

body.app-body .notification-guide__row{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:10px;
  align-items:start;
}

body.app-body .notification-guide__row p{
  margin:0;
  color:#64748b;
  line-height:1.5;
}

body.app-body .notification-guide__chip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:28px;
  padding:0 10px;
  border-radius:999px;
  font-size:.78rem;
  font-weight:700;
  white-space:nowrap;
}

body.app-body .notification-guide__chip--warning{
  background:#fff7ed;
  color:#ea580c;
}

body.app-body .notification-guide__chip--info{
  background:#dbeafe;
  color:#1d4ed8;
}

body.app-body .notification-guide__chip--system{
  background:#f3e8ff;
  color:#7c3aed;
}

body.app-body .notification-guide__chip--source{
  background:#f1f5f9;
  color:#475569;
}

body.app-body .notification-hub__empty{
  display:grid;
  justify-items:center;
  gap:14px;
  padding:38px 20px;
  border-radius:24px;
  border:1px dashed #dbe4f0;
  background:linear-gradient(180deg,#fbfdff 0%,#f8fbff 100%);
  text-align:center;
}

body.app-body .notification-hub__empty-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:58px;
  height:58px;
  border-radius:20px;
  background:#eef4ff;
  color:#2563eb;
}

body.app-body .notification-hub__empty-icon svg{
  width:26px;
  height:26px;
}

body.app-body .notification-hub__empty strong{
  color:#0f172a;
  font-size:1.08rem;
}

body.app-body .notification-hub__empty p{
  max-width:420px;
  margin:0;
  color:#64748b;
}

@media (max-width: 1180px){
  body.app-body .notification-hub__stats{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  body.app-body .notification-hub__layout{
    grid-template-columns:minmax(0,1fr);
  }

  body.app-body .notification-hub__aside{
    position:static;
  }
}

@media (max-width: 860px){
  body.app-body .notification-hub__hero{
    padding:24px 22px;
  }

  body.app-body .notification-hub__hero-main{
    grid-template-columns:1fr;
    gap:16px;
  }

  body.app-body .notification-hub__tabbar{
    align-items:stretch;
    flex-direction:column;
  }

  body.app-body .notification-hub__drawer-trigger{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:100%;
  }

  body.app-body .notification-hub__main{
    padding:18px;
  }

  body.app-body .notification-hub__toolbar{
    flex-direction:column;
    align-items:stretch;
  }

  body.app-body .notification-hub__toolbar-actions{
    justify-content:stretch;
  }

  body.app-body .notification-hub__toolbar-actions > *{
    flex:1 1 100%;
  }

  body.app-body .notification-card{
    grid-template-columns:auto auto minmax(0,1fr);
  }

  body.app-body .notification-card__meta{
    grid-column:1 / -1;
    min-width:0;
    justify-items:start;
    padding-left:46px;
  }

  body.app-body .notification-card__actions{
    justify-content:flex-start;
  }

  body.app-body .notification-hub__aside{
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    z-index:65;
    width:min(92vw, 360px);
    max-width:360px;
    transform:translateX(104%);
    transition:transform .24s ease;
    overflow:auto;
    border-radius:28px 0 0 28px;
    box-shadow:-24px 0 48px rgba(15,23,42,.18);
  }

  body.app-body .notification-hub__aside.is-open{
    transform:translateX(0);
  }

  body.app-body .notification-hub__drawer-close{
    display:inline-flex;
  }

  body.app-body .notification-hub__drawer-backdrop{
    position:fixed;
    inset:0;
    z-index:64;
    display:block;
    background:rgba(15,23,42,.4);
    opacity:1;
    transition:opacity .22s ease;
  }

  body.app-body .notification-hub__drawer-backdrop[hidden]{
    opacity:0;
    pointer-events:none;
  }
}

@media (max-width: 640px){
  body.app-body .notification-hub__stats{
    grid-template-columns:1fr;
  }

  body.app-body .notification-hub__tabs{
    width:100%;
  }

  body.app-body .notification-hub__tab{
    flex:1 1 calc(50% - 5px);
    min-width:0;
  }

  body.app-body .notification-hub__section-title h3{
    font-size:1.55rem;
  }

  body.app-body .notification-card{
    grid-template-columns:auto minmax(0,1fr);
    gap:12px;
    padding:16px;
  }

  body.app-body .notification-card__toggle{
    grid-row:1 / span 2;
  }

  body.app-body .notification-card__icon{
    width:54px;
    height:54px;
  }

  body.app-body .notification-card__main strong{
    font-size:1.05rem;
  }

  body.app-body .notification-card__meta{
    padding-left:0;
  }

  body.app-body .notification-hub__pagination{
    flex-direction:column;
    align-items:flex-start;
  }

  body.app-body .notification-hub__pagination-actions{
    width:100%;
  }

  body.app-body .notification-hub__pagination-button{
    flex:1 1 0;
  }
}

/* Compact profile shell for instructor and student detail pages */
body.app-body .instructor-profile-view .instructor-profile-titlebar,
body.app-body .student-profile-view .student-profile-titlebar{
  gap:14px;
}

body.app-body .instructor-profile-view .instructor-profile-title,
body.app-body .student-profile-view .student-profile-title{
  font-size:clamp(1.55rem, 2.2vw, 2.55rem);
  line-height:1.05;
}

body.app-body .instructor-profile-view .instructor-profile-subtitle,
body.app-body .student-profile-view .student-profile-subtitle{
  font-size:.96rem;
}

body.app-body .instructor-profile-view .instructor-pill,
body.app-body .student-profile-view .student-pill{
  min-height:38px;
  padding:8px 14px;
  gap:8px;
  font-size:.9rem;
}

body.app-body .instructor-profile-view .instructor-pill__icon,
body.app-body .student-profile-view .student-pill__icon{
  width:16px;
  height:16px;
}

body.app-body .instructor-profile-view .instructor-profile-hero,
body.app-body .student-profile-view .student-profile-hero{
  padding:22px;
  border-radius:24px;
}

body.app-body .instructor-profile-view .instructor-profile-hero__header,
body.app-body .student-profile-view .student-profile-hero__header{
  gap:18px;
}

body.app-body .instructor-profile-view .instructor-profile-hero__avatar{
  width:124px;
  height:124px;
  flex-basis:124px;
  border-radius:28px;
}

body.app-body .student-profile-view .student-profile-hero__avatar{
  width:110px;
  height:110px;
  flex-basis:110px;
  border-radius:28px;
}

body.app-body .instructor-profile-view .instructor-profile-hero__intro h4,
body.app-body .student-profile-view .student-profile-hero__intro h4{
  font-size:1.65rem;
  line-height:1.06;
}

body.app-body .instructor-profile-view .instructor-profile-hero__intro p,
body.app-body .student-profile-view .student-profile-hero__intro p{
  font-size:.96rem;
}

body.app-body .instructor-profile-view .instructor-profile-token-row,
body.app-body .student-profile-view .student-profile-token-row{
  gap:8px;
  margin-top:4px;
}

body.app-body .instructor-profile-view .profile-token,
body.app-body .student-profile-view .profile-token{
  min-height:36px;
  padding:8px 12px;
  gap:6px;
  border-radius:14px;
  font-size:.9rem;
  line-height:1.12;
}

body.app-body .instructor-profile-view .profile-token__icon,
body.app-body .student-profile-view .profile-token__icon{
  width:16px;
  height:16px;
  flex:0 0 16px;
}

body.app-body .instructor-profile-view .profile-token__star,
body.app-body .student-profile-view .profile-token__star{
  font-size:.88rem;
  line-height:1;
  transform:translateY(-1px);
}

body.app-body .instructor-profile-view .profile-token--rating,
body.app-body .student-profile-view .profile-token--rating{
  min-width:82px;
}

body.app-body .instructor-profile-view .profile-meta-grid,
body.app-body .student-profile-view .profile-meta-grid{
  gap:8px;
  margin-top:18px;
}

body.app-body .instructor-profile-view .profile-meta--icon,
body.app-body .student-profile-view .profile-meta--icon{
  align-items:center;
  gap:12px;
  padding:14px 14px 13px;
}

body.app-body .instructor-profile-view .profile-meta__icon,
body.app-body .student-profile-view .profile-meta__icon{
  width:40px;
  height:40px;
  flex:0 0 40px;
  border-radius:12px;
}

body.app-body .instructor-profile-view .profile-meta__body span,
body.app-body .student-profile-view .profile-meta__body span{
  font-size:.68rem;
  letter-spacing:.07em;
}

body.app-body .instructor-profile-view .profile-meta__body strong,
body.app-body .student-profile-view .profile-meta__body strong{
  font-size:.86rem;
  line-height:1.3;
}

body.app-body .instructor-profile-view .profile-meta__body small,
body.app-body .student-profile-view .profile-meta__body small{
  font-size:.75rem;
  line-height:1.35;
}

body.app-body .instructor-profile-view .detail-tabs--premium,
body.app-body .student-profile-view .detail-tabs--premium{
  gap:6px;
}

body.app-body .instructor-profile-view .detail-tabs--premium .detail-tabs__item,
body.app-body .student-profile-view .detail-tabs--premium .detail-tabs__item{
  min-height:46px;
  padding:10px 14px;
  font-size:.94rem;
}

body.app-body .instructor-profile-view .detail-tabs--premium .detail-tabs__icon,
body.app-body .student-profile-view .detail-tabs--premium .detail-tabs__icon{
  width:16px;
  height:16px;
}

body.app-body .instructor-profile-dashboard,
body.app-body .student-profile-dashboard{
  gap:14px;
}

body.app-body .instructor-profile-panel,
body.app-body .student-profile-panel{
  padding:18px;
  border-radius:22px;
}

body.app-body .instructor-profile-panel__head,
body.app-body .student-profile-panel__head{
  margin-bottom:6px;
}

body.app-body .instructor-profile-summary-grid,
body.app-body .student-profile-summary-grid{
  gap:10px;
}

body.app-body .instructor-profile-overview-card,
body.app-body .student-profile-summary-card{
  padding:14px;
}

body.app-body .instructor-profile-action-list,
body.app-body .student-profile-action-list{
  gap:8px;
}

body.app-body .instructor-profile-action-row,
body.app-body .student-profile-action-row{
  min-height:64px;
  padding:12px 13px;
  border-radius:14px;
}

body.app-body .instructor-profile-action-row__icon,
body.app-body .student-profile-action-row__icon{
  width:40px;
  height:40px;
  flex-basis:40px;
}

body.app-body .instructor-profile-action-row__copy strong,
body.app-body .student-profile-action-row__copy strong{
  font-size:.9rem;
}

body.app-body .instructor-profile-action-row__copy small,
body.app-body .student-profile-action-row__copy small{
  font-size:.75rem;
}

@media (max-width: 860px){
  body.app-body .instructor-profile-view .instructor-profile-titlebar,
  body.app-body .student-profile-view .student-profile-titlebar{
    gap:12px;
  }

  body.app-body .instructor-profile-view .instructor-profile-hero,
  body.app-body .student-profile-view .student-profile-hero{
    padding:18px;
  }

  body.app-body .instructor-profile-view .instructor-profile-hero__avatar{
    width:108px;
    height:108px;
    flex-basis:108px;
  }

  body.app-body .student-profile-view .student-profile-hero__avatar{
    width:96px;
    height:96px;
    flex-basis:96px;
  }

  body.app-body .instructor-profile-view .instructor-profile-hero__intro h4,
  body.app-body .student-profile-view .student-profile-hero__intro h4{
    font-size:1.45rem;
  }

  body.app-body .instructor-profile-view .detail-tabs--premium,
  body.app-body .student-profile-view .detail-tabs--premium{
    padding-bottom:8px;
  }
}

@media (max-width: 560px){
  body.app-body .instructor-profile-view .instructor-profile-title,
  body.app-body .student-profile-view .student-profile-title{
    font-size:1.75rem;
  }

  body.app-body .instructor-profile-view .profile-token,
  body.app-body .student-profile-view .profile-token{
    width:auto;
  }

  body.app-body .instructor-profile-view .profile-meta--icon,
  body.app-body .student-profile-view .profile-meta--icon{
    align-items:center;
    padding:12px;
  }

  body.app-body .instructor-profile-view .profile-meta__icon,
  body.app-body .student-profile-view .profile-meta__icon{
    width:36px;
    height:36px;
    flex-basis:36px;
  }

  body.app-body .instructor-profile-view .instructor-profile-action-row,
  body.app-body .student-profile-view .student-profile-action-row{
    min-height:58px;
    padding:11px 12px;
  }
}