/* Geeta design system. Shared presentation primitives; no application data or behavior. */
:root, body.next-site, body.next-auth {
  --brand: #ad472b; --brand-hover: #8b3520; --brand-soft: #fbefea;
  --ink: #202b35; --muted: #64707b; --line: #e2e5e8; --paper: #fff;
  --bg: #f6f7f8; --orange: var(--brand); --orange-dark: var(--brand-hover);
  --accent: var(--brand); --peach: var(--brand-soft); --green: #26705a;
  --radius: 12px; --side: 264px; --shadow: 0 2px 4px #202b3503;
  --space-1: 8px; --space-2: 16px; --space-3: 24px; --space-4: 32px;
  --space-5: 40px; --space-6: 48px; --content-width: 1440px;
  --navy: #25323b; --deep: #202b35; --cream: #faf9f6;
}
body {font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; color: var(--ink); font-size: 15px; line-height: 1.6; background: var(--bg);}
[hidden] {display: none !important;}
body :is(h1,h2,h3) {color: var(--ink); font-family: inherit; font-weight: 650; letter-spacing: -.035em; line-height: 1.25;}
body h1 {font-size: 32px;} body h2 {font-size: 22px;} body h3 {font-size: 18px;}
body :is(p,.muted) {color: var(--muted);}
body :is(small,.eyebrow,.metric-label,.form-note,.badge,.nav-label,.breadcrumb,.footer,.side-user strong,.side-user small,.table-caption,.class-label,.item-meta,.site-announcement,.hero-trust,.top-actions .text-link) {font-size: 13px !important;}
body :is(.button,.small-button,.nav-link,.admin-tabs a,label) {font-size: 14px !important;}
body :is(.profile-facts span,.profile-banner p,.profile-content p,.class-label,.side-card p,.pagination) {font-size: 14px !important;}
body :is(a,button,input,select,textarea,summary):focus-visible {outline: 3px solid var(--brand); outline-offset: 3px; box-shadow: 0 0 0 5px #ad472b12;}
body :is(.button,.icon-button,.nav-link,a.card,summary) {transition: background 180ms ease, border-color 180ms ease, color 180ms ease, box-shadow 180ms ease;}
body :is(.button,.card,.module-card,.content-card,.feature-card,.nav-link):hover {transform: none;}
.sr-only {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
/* Shared application shell */
body[data-private-page] .sidebar {background: #fff; color: var(--ink); border-right: 1px solid var(--line); width: var(--side); transition: width 200ms ease, transform 200ms ease;}
.sidebar .brand {width: auto; min-height:72px; margin: 0; padding: 16px 20px; align-items:center;}
.sidebar .logo-frame {width: 174px; height: 40px; border-radius: 0; background: transparent;}
.sidebar .logo-frame img,.sidebar .logo-frame.original-logo img {width:100%;height:40px;max-height:40px;object-fit:contain;object-position:left center;}
.sidebar .side-scroll {padding: 0 16px 16px; scrollbar-color: #d7dce0 transparent;}
body .sidebar .nav-label {color: #7b838a; font-size: 10px !important; letter-spacing: .12em; margin: 24px 12px 8px; font-weight: 700;}
body .sidebar .nav-link {position: relative; color: #54616b; min-height: 44px; padding: 10px 12px; margin-bottom: 4px; gap: 12px; border: 0; border-radius: 10px; line-height: 1.4;}
body .sidebar .nav-link .icon {color: #7c858d; width: 19px; height: 19px;}
body .sidebar .nav-link:hover {background: #f4f5f6; color: var(--ink);}
body .sidebar .nav-link.active {background: var(--brand-soft); color: var(--brand); font-weight: 650; border: 0;}
body .sidebar .nav-link.active .icon {color: var(--brand);}
.sidebar .new-label {display: none;}
.sidebar .side-card {background: #f8f9fa; border: 1px solid var(--line); margin: 24px 0 8px; padding: 16px; border-radius: 12px;}
body .sidebar .side-card :is(p,a,.mini-eyebrow) {color: #58636c;}
.sidebar .side-card a {font-size: 12px; line-height: 1.5;}
.sidebar .mini-eyebrow {font-size: 9px; letter-spacing: .05em;}
body .sidebar .side-user {padding: 16px; gap: 8px; border-color: var(--line); background: #fff;}
body .sidebar .side-user strong {color: var(--ink); line-height: 1.4; max-width: 150px;}
body .sidebar .side-user small {color: var(--muted); font-size: 11px !important;}
body .sidebar .side-user .icon-button {color: var(--muted);}
.side-user>a,.side-user>div {min-width: 0; flex: 1;}
body .avatar {background: #eee9e5; color: #795442; font-weight: 600;}
body .app-shell {margin-left: var(--side); transition: margin-left 200ms ease; min-width: 0;}
body .topbar {height: 72px; padding: 0 32px; background: #fff; backdrop-filter: none; gap: 16px; justify-content: flex-start;}
body .breadcrumb {color: var(--muted); min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
body .breadcrumb strong {font-weight: 550; color: var(--ink);}
body .breadcrumb span {margin: 0 12px; color: #a5adb3;}
.top-actions {margin-left: auto; gap: 16px; flex-shrink: 0;}
body .mobile-menu {display: inline-flex; margin: 0; flex: none;}
body .icon-button {min-width: 40px; min-height: 40px; border-radius: 10px; padding: 8px; color: #626e78; background: transparent; border: 1px solid transparent;}
body .icon-button:hover {background: #f1f3f5; color: var(--ink);}
body .main, body.admin-app .main {max-width: var(--content-width); padding: 32px 40px 48px; width: 100%; min-width: 0;}
body .page-heading {align-items: flex-start; margin-bottom: 32px; gap: 24px; flex-direction: row;}
.page-heading>div:first-child {min-width: 0;}
body .page-heading h1 {font-size: 32px; letter-spacing: -.04em; margin: 0 0 8px; text-wrap: balance;}
body .page-heading h1 span {font-weight: inherit;}
body .page-heading p {font-size: 15px; max-width: 700px;}
body .eyebrow {font-size: 10px !important; letter-spacing: .12em !important; color: var(--brand); margin-bottom: 8px;}
body .footer {max-width: 1440px; width: 100%; margin: auto; padding: 24px 40px; gap: 16px; color: var(--muted); font-size: 12px !important;}
.sidebar-backdrop {display: none; position: fixed; inset: 0; z-index: 29; border: 0; background: #202b3559;}
body.sidebar-collapsed {--side: 80px;}
.sidebar-collapsed .sidebar .brand {padding: 24px 12px 16px;}
.sidebar-collapsed .sidebar .logo-frame {width: 54px; overflow: hidden;}
.sidebar-collapsed .sidebar .logo-frame img {max-width: none; width: 200px; object-fit: contain;}
.sidebar-collapsed .sidebar .side-scroll {padding-inline: 12px;}
.sidebar-collapsed .sidebar .nav-link {justify-content: center; padding: 12px;}
.sidebar-collapsed .sidebar :is(.nav-text,.nav-label,.side-card,.side-user>a,.side-user>div,.side-user>.avatar) {display: none;}
.sidebar-collapsed .sidebar .side-user {justify-content: center; padding-inline: 8px;}
.sidebar-collapsed .sidebar .side-user form {margin: 0;}
/* Buttons, feedback, fields */
body .button {min-height: 44px; padding: 11px 16px; border-radius: 10px; line-height: 1.4; font-weight: 600; white-space: normal; box-shadow: none;}
body .button:not(.secondary) {background: var(--brand); color: #fff;}
body .button:not(.secondary):hover {background: var(--brand-hover); box-shadow: none;}
body .button.secondary {background: #fff; color: #38434d; border: 1px solid #d6dbe0;}
body .button.secondary:hover {background: #f6f7f8; border-color: #adb6bf; box-shadow: none;}
body .button:active {transform: translateY(1px);}
body .button:disabled,body button[disabled],body .button[aria-disabled=true] {background: #eceff1; color: #747d85; border-color: #e2e5e8; opacity: .8; cursor: not-allowed; transform: none; box-shadow: none;}
body .small-button {padding: 8px 12px; min-height: 40px;}
body .text-link,body .back-link {color: var(--brand); font-size: 14px;}
body a.text-link:hover,body .back-link:hover {text-decoration: underline; text-underline-offset: 4px;}
body :is(input,select,textarea) {min-height: 44px; padding: 10px 12px; border: 1px solid #ccd2d8; border-radius: 10px; color: var(--ink); background: #fff; font-size: 15px; line-height: 1.5; max-width: 100%;}
body :is(input,textarea)::placeholder {color: #79838c; opacity: 1;}
body :is(input,select,textarea):hover {border-color: #a5afb9;}
body :is(input,select,textarea):focus {border-color: var(--brand); outline-color: var(--brand);}
body :is(input,select,textarea):disabled {background: #f0f2f4; color: #77818a; cursor: not-allowed;}
body :is(input,select,textarea)[aria-invalid=true],body :is(input,select,textarea):user-invalid {border-color: #b84038; background: #fffaf9;}
body :is(input[type=checkbox],input[type=radio]) {width: 18px; height: 18px; min-height: 18px; flex: none; padding: 0; accent-color: var(--brand);}
body input[type=file] {padding: 8px; background: #fafbfc;}
input::file-selector-button {padding: 8px 12px; border: 1px solid var(--line); border-radius: 6px; background: #fff; color: var(--ink); margin-right: 12px; font: inherit; cursor: pointer;}
body label {color: #3b4650; font-weight: 550; gap: 8px;}
.required-mark {color: var(--brand); font-weight: 700;}
body .form-grid {gap: 24px; grid-template-columns: repeat(2,minmax(0,1fr));}
body .stack {gap: 24px;}
body .form-card, body .editor-form {max-width: 960px; padding: 32px;}
body .form-note {padding: 16px; border-radius: 10px; color: #62707a; background: #f5f7f8; line-height: 1.6;}
body .checkbox-label {flex-direction: row; align-items: center; gap: 12px;}
body .profile-section {padding: 24px 0; border-color: var(--line);}
body :is(.profile-section,.role-details)>summary {font-size: 17px; margin: 0; padding: 8px 0; font-weight: 600; color: var(--ink);}
body :is(.profile-section,.role-details)[open]>summary {margin-bottom: 24px;}
body .repeat-row {padding: 24px; margin-bottom: 16px; background: #f8f9fa; border-color: var(--line); border-radius: 10px;}
body .sticky-save {bottom: 16px; background: #fff; border-color: var(--line); box-shadow: 0 4px 16px #202b350a; padding: 16px;}
body .alert {display: flex; align-items: flex-start; gap: 12px; border: 1px solid; border-radius: 10px; padding: 16px; font-size: 14px; line-height: 1.6; margin-bottom: 24px;}
body .alert.success {background: #eff8f3; border-color: #cce6d7; color: #246447;}
body .alert.error,body .field-error-summary {background: #fff3f1; border-color: #efd0ca; color: #96372d;}
.alert [data-dismiss] {margin-left: auto; min-width: 32px; min-height: 32px; color: inherit; background: transparent; border: 0; font-size: 22px;}
.ui-toast-region {position: fixed; bottom: 24px; right: 24px; z-index: 70; width: min(400px,calc(100vw - 32px)); pointer-events: none;}
.ui-toast-region .alert {box-shadow: 0 8px 24px #202b3514; pointer-events: auto; margin: 0; background: #fff;}
.ui-toast-region .alert span {flex: 1;}
.ui-loading {display: inline-block; width: 16px; height: 16px; border: 2px solid currentColor; border-right-color: transparent; border-radius: 50%; animation: ui-spin .7s linear infinite;}
@keyframes ui-spin {to {transform: rotate(360deg);}}
.media-loading {background: #eceff2; animation: ui-pulse 1.5s ease-in-out infinite;}
@keyframes ui-pulse {50% {opacity: .6;}}
.media-fallback {display: grid; place-items: center; min-height: 160px; background: #eff1f3; color: var(--muted); font-size: 14px; padding: 24px;}
/* Tables are deliberately flat, with one integrated search surface. */
body .filter-bar {padding: 16px; gap: 16px; margin-bottom: 16px; background: #fff; border: 1px solid var(--line); border-radius: 12px; align-items: center; flex-wrap: wrap;}
.filter-bar>* {min-width: 0;}
body .filter-bar>.search-input {flex: 1 1 240px; min-width: 180px; border: 1px solid #ccd2d8; border-radius: 10px; padding: 0 12px; background: #fff;}
body .search-input input {min-height: 42px; outline-offset: 0;}
body .filter-bar>input:not([type=hidden]) {flex: 1 1 160px; width: auto; max-width: 260px;}
body .filter-bar>select {flex: 0 1 200px; width: auto; max-width: 220px;}
body .table-wrap {padding: 0; border-radius: 12px; overflow: auto; max-width: 100%; scrollbar-width: thin; scrollbar-color: #bbc3ca #f7f8f9;}
body table {width: 100%; border-collapse: separate; border-spacing: 0; font-size: 14px;}
body .table-wrap :is(th,td) {padding: 16px; text-align: left; border-bottom: 1px solid var(--line); vertical-align: middle; font-size: 14px; line-height: 1.5;}
body .table-wrap th {font-weight: 600; font-size: 12px; color: #69747e; background: #f8f9fa; letter-spacing: .01em; white-space: nowrap; position: sticky; top: 0; z-index: 1;}
body .table-wrap tbody tr:last-child td {border-bottom: 0;}
body .table-wrap tbody tr:hover td {background: #fafbfc;}
body .table-wrap td small {font-size: 12px !important; color: #6c7882; margin-top: 4px;}
body .table-wrap td .text-link {font-weight: 550; color: #34414c;}
body .table-wrap td .text-link:hover {color: var(--brand);}
body .table-wrap .numeric {text-align: right; font-variant-numeric: tabular-nums;}
body .table-caption {padding: 16px 24px; color: #64707b; font-weight: 500; background: white;}
body .row-actions {flex-wrap: nowrap; gap: 8px;}
body .row-actions .ui-action {padding: 8px; width: 40px; min-height: 40px; background: transparent; border-color: transparent;}
body .row-actions .ui-action:hover {background: #f0f2f4; border-color: var(--line);}
body .inline-form {gap: 8px;}
body .badge {border-radius: 6px; padding: 4px 8px; font-size: 11px !important; line-height: 1.5; letter-spacing: 0; font-weight: 550; background: #eff1f3; color: #55616d;}
body .badge:is(.status-active,.status-published,.status-reviewed,.status-resolved,.status-approved) {background: #edf7f1; color: #276548;}
body .badge:is(.warning,.status-pending,.status-open) {background: #fff6e5; color: #876018;}
body .badge:is(.status-error,.status-blocked,.status-deleted) {background: #fff0ed; color: #a13d32;}
body .pagination {margin-top: 16px; padding: 16px 0; justify-content: flex-end; gap: 16px;}
body .pagination .button {min-height: 40px;}
/* Data and community components */
body .card {background: #fff; border: 1px solid var(--line); border-radius: 12px; box-shadow: var(--shadow);}
body :is(.card,.stat,.public-story-card):hover {box-shadow: var(--shadow);}
body a.card:hover,body a.stat:hover {border-color: #c8b2a7; background: #fffdfb;}
body .stats-grid,body.admin-app .stats-grid {grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; margin-bottom: 32px;}
body .stat {border-radius: 12px; padding: 24px; border: 1px solid var(--line); align-items: flex-start; gap: 16px; background: #fff; min-width: 0;}
body .stat strong {font-size: 32px; line-height: 1.15; font-weight: 600; font-variant-numeric: tabular-nums; color: var(--ink); margin: 0;}
body .stat span {font-size: 13px; color: var(--muted); margin: 0;}
body .stat-icon,body .stat .stat-icon {display: grid; width: 40px; height: 40px; place-items: center; border-radius: 10px; background: var(--brand-soft); color: var(--brand); flex: none;}
body .metric-card {display: flex; flex-direction: column; gap: 16px;}
body .metric-card .metric-label {display: flex; align-items: center; justify-content: space-between; color: #54616d; width: 100%; gap: 8px;}
body .metric-card strong {font-size: 36px;}
body .metric-card small {color: var(--muted); font-size: 12px !important; line-height: 1.5;}
.metric-top {display: flex; align-items: center; justify-content: space-between; width: 100%;}
.metric-top>.icon {width: 16px; color: #9199a0;}
body .section-heading {margin: 32px 0 16px; gap: 16px; align-items: center;}
.card>.section-heading:first-child {margin-top: 0;}
body .section-heading h2 {font-size: 20px;}
body .section-heading p {font-size: 14px; margin: 8px 0 0;}
body .section-heading a {font-size: 13px; color: var(--brand);}
body .dashboard-grid {grid-template-columns: minmax(0,1fr) 320px; gap: 32px;}
body .ops-grid {grid-template-columns: minmax(0,1.4fr) minmax(0,1fr); gap: 24px; margin-top: 32px;}
body .ops-grid>section {min-width: 0;}
body .ops-grid .stack {gap: 0;}
body .ops-grid .stack .button {justify-content: space-between; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; padding: 16px 0; text-align: left;}
body .content-grid,body .member-grid,body .member-cards {gap: 24px; grid-template-columns: repeat(3,minmax(0,1fr));}
body .content-card h3 {font-size: 19px;}
body :is(.content-card p,.mini-empty span,.event-mini span,.quick-links a,.member-card p,.comment p,.ticket .prose,.message>p) {font-size: 14px; color: var(--muted);}
body :is(.read-more,.quick-links h3,.mini-person h3,.event-mini h3,.comment strong,.info-row strong) {font-size: 14px;}
body .card-content {padding: 24px;}
body .member-card {padding: 24px;}
body .member-card h3 {font-size: 18px;}
body .card-art {background: #f0ece8; color: #a18775;}
body .card-art small {font-size: 11px;}
body .empty {padding: 48px 24px; color: var(--muted);}
body .empty :is(h2,h3) {font-size: 20px; color: var(--ink); margin: 16px 0 8px;}
body .empty p {font-size: 14px; max-width: 460px; margin: 0 auto 24px;}
body .empty-icon {border-radius: 12px; background: #f4efeb; color: var(--brand);}
body .mini-empty {padding: 24px 0;}
body .onboarding-banner {background: #fff; border-color: var(--line); border-left: 3px solid var(--brand); padding: 24px; gap: 16px;}
body .onboarding-banner .feature-icon {margin: 0; background: var(--brand-soft); color: var(--brand);}
body .onboarding-banner p {font-size: 14px;}
body .network-banner {display: flex; align-items: center; justify-content: space-between; gap: 24px; background: #eee8e2; border: 1px solid #e6ddd5; border-radius: 12px; padding: 24px 32px; margin-bottom: 32px;}
body .network-banner h2 {font-size: 23px; margin-bottom: 8px;}
body .network-banner p {font-size: 14px; margin: 0;}
body .mentor-promo {background: #f1eeea; border-color: #e4ded7; padding: 24px;}
body .mentor-promo :is(h2,p,a,.eyebrow) {color: #635449;}
body .mentor-promo h2 {font-family: inherit; font-size: 23px;}
body .mentor-promo p {font-size: 14px; max-width: none;}
body .mentor-promo a {font-size: 14px;}
body .promo-decoration {display: none;}
body .date-tile {background: var(--brand-soft); color: var(--brand); border-radius: 10px; min-width: 48px;}
body .profile-cover,body.admin-app .profile-cover {background: #e9e3dc; color: #786451; height: 120px;}
body .profile-cover span,body.admin-app .profile-cover span {color: #786451;}
body .profile-content {padding: 24px 32px 32px;}
body .profile-definition {gap: 24px;}
body .profile-definition dt {font-size: 13px; color: var(--muted); font-weight: 500;}
body .profile-definition dd {color: var(--ink);}
body .timeline-entry {border-color: #cfa28e;}
body :is(.membership-progress,.insight-bars progress) {accent-color: var(--brand); height: 8px;}
progress::-webkit-progress-bar {background: #edf0f2; border-radius: 8px;}
progress::-webkit-progress-value {background: var(--brand); border-radius: 8px;}
progress::-moz-progress-bar {background: var(--brand); border-radius: 8px;}
body .chart-svg rect {fill: var(--brand);}
body .chart-svg text {fill: var(--muted); font-family: inherit;}
body .analytics-nav {gap: 24px; border-bottom: 1px solid var(--line);}
body .analytics-nav a {font-size: 14px;}
body .analytics-nav a[aria-current] {color: var(--brand); border-color: var(--brand);}
/* One confirmation dialog, with a predictable header/body/footer. */
body dialog {width: min(480px,calc(100vw - 32px)); max-height: calc(100dvh - 48px); padding: 0; border: 1px solid var(--line); border-radius: 14px; box-shadow: 0 24px 64px #202b3533; color: var(--ink);}
body dialog::backdrop {background: #202b3573; backdrop-filter: none;}
.dialog-header {padding: 24px 24px 16px; display: flex; gap: 16px; align-items: center;}
.dialog-header h2 {margin: 0; font-size: 22px;}
.dialog-body {padding: 0 24px 24px; font-size: 15px; color: var(--muted);}
.dialog-body p {margin: 0;}
.dialog-footer {padding: 16px 24px; border-top: 1px solid var(--line); background: #f8f9fa; justify-content: flex-end;}
/* Public pages retain their content and imagery with the same visual language. */
body.next-site {background: #fff;}
body.next-site .site-header {background: #fff; backdrop-filter: none; border-color: var(--line); box-shadow: none;}
body.next-site .site-announcement {background: #25323b;}
body.next-site .button:not(.secondary),body.next-auth .button:not(.secondary) {background: var(--brand); color: #fff;}
body.next-site .button:not(.secondary):hover,body.next-auth .button:not(.secondary):hover {background: var(--brand-hover); color: #fff; transform: none; box-shadow: none;}
body.next-site .next-hero {max-width: 1440px; margin: auto; background: #faf9f6; color: var(--ink); min-height: 560px; padding: 64px 48px; border-bottom: 1px solid var(--line);}
body.next-site .next-hero h1 {color: var(--ink); font-size: clamp(40px,4vw,58px); line-height: 1.12; letter-spacing: -.045em;}
body.next-site .next-hero h1 em {color: var(--brand); font: inherit;}
body.next-site .next-hero-copy>p {color: var(--muted); font-size: 17px;}
body.next-site .next-hero :is(.eyebrow,.hero-explore,.next-hero-note,.hero-coordinate,.visual-caption,.hero-scroll) {color: #706357;}
body.next-site .hero-window {border-radius: 12px; box-shadow: none; background: #e8e1d7;}
body.next-site :is(.hero-outline,.hero-seal,.hero-float-card,.hero-scroll) {display: none;}
body.next-site .hero-window-label {background: #25323b;}
body.next-site .hero-window-label strong {color: #fff;}
body.next-site .next-pathways {max-width: 1440px; margin: auto; background: #fff; padding: 40px 48px; border-bottom: 1px solid var(--line);}
body.next-site .next-pathways h2 {font-size: 28px;}
body.next-site .next-pathways h3 {font-size: 19px;}
body.next-site .site-section {max-width: 1440px; padding: 64px 48px;}
body.next-site .section-heading h2 {font-size: 32px;}
body.next-site .site-feature-grid {gap: 32px;}
body.next-site .site-feature {padding: 24px 0; background: transparent; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; color: var(--ink);}
body.next-site .site-feature:first-child {background: transparent;}
body.next-site .site-feature :is(h3,p,.text-link),body.next-site .site-feature:first-child h3 {color: var(--ink);}
body.next-site .site-feature p {color: var(--muted);}
body.next-site .site-feature .feature-icon {background: var(--brand-soft); color: var(--brand); border-radius: 10px;}
body.next-site .public-story-card {border-radius: 12px; border: 1px solid var(--line); background: #fff; transform: none;}
body.next-site .public-story-card>div {padding: 24px;}
body.next-site .public-story-card h3 {font-size: 22px; letter-spacing: -.025em;}
body.next-site .public-story-card p {font-size: 15px;}
body.next-site .site-steps {background: #f4f1ed; padding: 64px max(48px,calc((100vw - 1344px)/2));}
body.next-site .site-steps :is(h2,h3,p,.eyebrow) {color: var(--ink);}
body.next-site .site-steps :is(p,.steps-help) {color: #655e57;}
body.next-site .site-steps li {border-color: #dcd5cd;}
body.next-site .site-steps h2 {font-size: 36px;}
body.next-site .site-final {background: #f5f2ee; padding: 64px max(48px,calc((100vw - 1344px)/2));}
body.next-site .site-final h2 {font-size: 40px;}
body.next-site .final-watermark {display: none;}
body.next-site .site-footer {background: #25323b; padding: 48px max(48px,calc((100vw - 1344px)/2)) 24px;}
body.next-site .site-footer :is(h3,p,a) {color: #e1e6e9;}
body.next-site .banner-carousel figure {border-radius: 12px;}
body.next-site .next-faq summary {font-size: 17px;}
/* Authentication */
body.auth-page {background: #fff; grid-template-columns: .9fr 1.1fr;}
body.auth-page .auth-story {background: #eee8e1; padding: 40px 48px;}
body.auth-page .auth-story:after,body.auth-page .auth-orbit {display: none;}
body.auth-page .auth-story h1 {font-family: inherit; font-size: clamp(36px,4vw,56px); color: #3c3732; letter-spacing: -.045em; font-weight: 600;}
body.auth-page .auth-story h1 em {color: var(--brand); font: inherit;}
body.auth-page .auth-story :is(p,small,.eyebrow) {color: #766453;}
body.auth-page .auth-story p {font-size: 17px;}
body.auth-page .auth-form {background: #fff; padding: 40px 56px;}
body.auth-page .auth-inner {max-width: 440px;}
body.auth-page .auth-inner h2 {font-size: 32px;}
body.auth-page .auth-inner>.muted {font-size: 15px;}
body.auth-page input {border-radius: 10px; min-height: 48px; border-color: #ccd2d8; color: var(--ink);}
body.auth-page .password-field button {min-height: 40px; top: 4px; right: 8px; padding: 8px; color: #63707a; font-size: 12px;}
body.auth-page .trust-line {color: var(--muted); font-size: 12px;}
body.auth-page .registration-explainer {background: #f7f4f0; border-color: #c9957c; border-radius: 10px;}
/* Tablet / drawer navigation */
@media(max-width:1200px) {
  body .main,body.admin-app .main {padding: 32px;}
  body .stats-grid,body.admin-app .stats-grid {grid-template-columns: repeat(2,minmax(0,1fr));}
  body .dashboard-grid,body .ops-grid {grid-template-columns: 1fr;}
  body .right-column {display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px;}
  body .right-column .mentor-promo {margin: 0;}
  body .content-grid,body .member-grid,body .member-cards {grid-template-columns: repeat(2,minmax(0,1fr));}
}
@media(max-width:1100px) {
  body[data-private-page] {--side: 264px;}
  body[data-private-page] .sidebar {width: min(304px,calc(100vw - 48px)); transform: translateX(-100%); box-shadow: none;}
  body[data-private-page] .sidebar.open {transform: translateX(0); box-shadow: 16px 0 48px #202b351a;}
  body .app-shell {margin-left: 0;}
  body.nav-open {overflow: hidden;}
  .nav-open .sidebar-backdrop {display: block;}
  body .topbar {padding-inline: 24px;}
  .sidebar .brand {padding-right: 64px;}
  .sidebar-close {position: absolute; right: 12px; top: 32px;}
  body .profile-detail-grid {grid-template-columns: 1fr;}
}
@media(min-width:1101px) {.sidebar-close {display: none !important;}}
@media(max-width:768px) {
  body .main,body.admin-app .main {padding: 24px;}
  body .page-heading {flex-wrap: wrap; gap: 16px; margin-bottom: 24px;}
  body .page-heading h1 {font-size: 28px;}
  body .page-heading .button-row {margin-left: 0;}
  body .topbar {height: 64px; padding: 0 16px; gap: 12px;}
  body .topbar .breadcrumb {font-size: 0 !important; max-width: none; flex: 1;}
  body .breadcrumb strong {display: inline; font-size: 13px;}
  body .breadcrumb>span {display: none;}
  body .top-actions {gap: 8px;}
  body .top-actions>.text-link,body .top-divider {display: none;}
  body .network-banner {padding: 24px; flex-wrap: wrap;}
  body .network-banner h2 {font-size: 22px;}
  body .form-grid {grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px;}
  body .form-card,body .editor-form {padding: 24px;}
  body .detail-layout {grid-template-columns: 1fr;}
  body .detail-layout>aside {order: initial;}
  body .table-wrap td {max-width: 320px; min-width: 120px; overflow-wrap: anywhere;}
  body .table-wrap td:first-child {min-width: 180px;}
  body .table-wrap td[colspan] {min-width: 0;}
  body .permission-matrix :is(th,td) {min-width: 64px; padding: 12px; text-align: center;}
  body .permission-matrix :is(th,td):first-child {min-width: 128px; text-align: left;}
  body .profile-definition {grid-template-columns: 1fr;}
  body.next-site .next-hero {grid-template-columns: 1fr; padding: 40px 24px; gap: 32px;}
  body.next-site .next-hero-visual {max-width: 580px; padding: 0; width: 100%;}
  body.next-site .hero-window {aspect-ratio: 1.6;}
  body.next-site :is(.site-section,.next-pathways,.site-steps,.site-final) {padding: 40px 24px;}
  body.next-site .site-footer {padding: 40px 24px 24px;}
  body.next-site .section-heading h2 {font-size: 28px;}
  body.auth-page {display: block;}
  body.auth-page .auth-story {min-height: 0; padding: 16px 24px;}
  body.auth-page .auth-story>div,body.auth-page .auth-story>small {display: none;}
  body.auth-page .auth-story .brand {padding: 0;}
  body.auth-page .auth-form {padding: 24px;}
}
@media(max-width:540px) {
  body .main,body.admin-app .main {padding: 24px 16px 32px;}
  body .page-heading h1 {font-size: 27px;}
  body .page-heading p {font-size: 14px;}
  body .page-heading>.button,body .page-heading>.button-row {width: 100%;}
  body .page-heading>.button-row .button {flex: 1;}
  body .top-actions>.button {font-size: 12px !important; padding: 8px 10px; min-height: 40px;}
  body .top-actions .notification-dot {display: inline-flex;}
  body .stats-grid,body.admin-app .stats-grid {gap: 12px; margin-bottom: 24px;}
  body .stat {padding: 16px; gap: 12px; flex-direction: column;}
  body .stat strong,body .metric-card strong {font-size: 30px;}
  body .metric-label {font-size: 12px !important;}
  body .metric-label .icon {display: none;}
  body .metric-card small {font-size: 11px !important;}
  body .form-grid,body .right-column,body .content-grid,body .member-grid,body .member-cards,body .people-mini-grid {grid-template-columns: 1fr;}
  body .filter-bar {gap: 12px; padding: 16px;}
  body .filter-bar>.search-input {flex: 1 1 100%; min-width: 0;}
  body .filter-bar>input:not([type=hidden]),body .filter-bar>select {flex: 1 1 calc(50% - 12px); min-width: 0; max-width: none; width: 100%;}
  body .filter-bar>.button {flex: 1 1 auto;}
  body .filter-bar>a {padding: 8px;}
  body .card:not(.table-wrap):not(.content-card):not(.member-profile) {padding: 20px;}
  body .profile-content {padding: 24px 20px;}
  body .profile-banner {gap: 16px; flex-wrap: wrap;}
  body .profile-banner :is(h1,h2) {overflow-wrap: anywhere;}
  body .repeat-row {padding: 16px;}
  body .sticky-save {bottom: 8px; flex-wrap: wrap; padding: 12px;}
  body .section-heading {align-items: flex-start; flex-wrap: wrap;}
  body .section-heading h2 {font-size: 20px;}
  body .section-heading a {white-space: normal;}
  body .compact {display: block;}
  body .compact :is(.card-cover,.card-art) {width: 100%; height: 180px; min-height: 0;}
  body .pagination {justify-content: space-between; gap: 8px;}
  body .pagination span {font-size: 12px; text-align: center;}
  body .footer {padding: 24px 16px; flex-wrap: wrap; font-size: 11px !important;}
  body .footer>span:last-child {display: none;}
  .ui-toast-region {right: 16px; bottom: 16px;}
  body.next-site .next-hero h1 {font-size: 40px;}
  body.next-site .next-hero-copy>p {font-size: 16px;}
  body.next-site .next-hero .button-row {align-items: stretch; flex-direction: column;}
  body.next-site .next-pathways {grid-template-columns: 1fr;}
  body.next-site .next-pathways>a {padding: 24px 24px 24px 40px;}
  body.next-site .site-feature-grid {grid-template-columns: 1fr; gap: 16px;}
  body.next-site .site-final h2 {font-size: 32px;}
  body.next-site .public-copy h1,body.next-site .public-article h1 {font-size: 32px;}
  body.auth-page .auth-inner h2 {font-size: 30px;}
}
@media(prefers-reduced-motion:reduce) {*,*::before,*::after {animation: none !important; transition: none !important; scroll-behavior: auto !important;}}
/* Final composition and compact operational controls. */
body .record-actions>summary {list-style: none; width: 40px;}
.record-actions>summary::-webkit-details-marker {display: none;}
body .record-actions[open]>summary {background: var(--brand-soft); color: var(--brand); margin-bottom: 12px;}
.record-actions-body {display: grid; gap: 12px; min-width: 184px; padding: 16px; background: #f8f9fa; border: 1px solid var(--line); border-radius: 10px;}
body .record-actions-body .inline-form {display: grid; gap: 8px;}
body .record-actions-body .button {width: 100%;}
body .studio-section>summary {cursor: pointer; font-size: 20px; font-weight: 600; color: var(--ink);}
body .studio-section[open]>summary {padding-bottom: 24px; margin-bottom: 24px; border-bottom: 1px solid var(--line);}
body .table-wrap td:has(>.row-actions) {white-space: nowrap;}
body.next-site .next-hero-visual {padding-top: 0; padding-bottom: 24px;}
body.next-site .hero-window {aspect-ratio: 1.15; transform: none; animation: none; opacity: 1;}
body.next-site .hero-window img {transform: none; animation: none; opacity: 1;}
body.next-site .next-hero-note strong {color: #5b6771;}
body.next-site .next-hero-note .icon {color: var(--brand);}
body.next-site .next-hero :is(.next-hero-copy,.next-hero-visual) {opacity: 1; animation: none; transform: none;}
body.next-site [data-reveal] {opacity: 1; transform: none; transition: none;}
body.next-site .modern-header .nav-primary-links {background: transparent; border: 0; border-radius: 10px;}
body.next-site .modern-header .nav-primary-links>a,body.next-site .modern-header .nav-dropdown>summary {border-radius: 10px;}
body.next-site .modern-header .nav-primary-links>a[aria-current],body.next-site .modern-header .nav-dropdown.has-current>summary,body.next-site .modern-header .nav-dropdown[open]>summary {background: var(--brand-soft); color: var(--brand);}
body.next-site .modern-header .header-join {border-radius: 10px; padding: 10px 16px; gap: 12px;}
body.next-site .join-arrow {background: transparent; color: #fff; width: 18px; height: 18px; font-size: 20px; transform: none;}
body.next-site .modern-header .nav-mega {border-radius: 14px; box-shadow: 0 12px 32px #202b3514; background: #fff;}
body.next-site .nav-mega-intro {background: #f4f1ed;}
body.next-site .modern-header .public-menu-toggle {border-radius: 10px; background: #f7f8f9; border-color: var(--line);}
body.next-site .navigation-backdrop {backdrop-filter: none;}
@media(max-width:768px) {body.next-site .hero-window {aspect-ratio: 1.6;}}
@media(max-width:540px) {body.next-site .modern-header .header-join {font-size: 12px !important; padding: 10px 12px;} body.next-site .join-arrow {display: none;}}
body.error-page {min-height: 100svh; display: grid; place-items: center; padding: 32px 24px; background: #f8f7f5;}
.error-content {width: 100%; max-width: 600px; padding-block: 48px;}
.error-content h1 {font-size: clamp(28px,4vw,40px); margin: 16px 0;}
.error-content>p {font-size: 16px; margin-bottom: 32px; overflow-wrap: anywhere;}
body .table-scroll-hint {font-size: 12px; color: var(--muted); margin: 8px 0;}
body :is(.card-meta,.card-meta time,.trust-line,.small-text,.info-row a,.support-reply,.support-reply strong,.comment small,.message-header small,.message-header strong) {font-size: 13px;}
body .report-grid {grid-template-columns: repeat(2,minmax(0,1fr));}
body .stats-grid:has(>.stat:nth-child(3):last-child) {grid-template-columns: repeat(3,minmax(0,1fr));}
@media(max-width:768px) {
  body .table-wrap table:not(.permission-matrix) {min-width: 640px;}
  body .table-wrap td {min-width: 152px; overflow-wrap: normal;}
  body .table-wrap td:first-child {min-width: 200px;}
}
@media(max-width:540px) {
  body .report-grid {grid-template-columns: 1fr;}
  body .stats-grid:has(>.stat:nth-child(3):last-child) {grid-template-columns: repeat(2,minmax(0,1fr));}
}
body :is(.report-grid,.content-grid,.detail-layout,.profile-detail-grid,.form-grid)>* {min-width: 0;}
body .report-grid .table-wrap {width: 100%;}
/* Contain accessible action labels inside horizontally scrolling tables. */
body .row-actions .ui-action {position: relative;}
@media(max-width:768px) {
  body .report-grid .table-wrap table {min-width: 0;}
  body .report-grid .table-wrap :is(th,td):first-child {min-width: 0; width: auto; overflow-wrap: anywhere;}
  body .report-grid .table-wrap :is(th,td):last-child {min-width: 64px; width: 80px;}
}

body .sidebar .sidebar-close {color: var(--muted); background: #f4f5f6; z-index: 1;}
.sidebar .brand::after {display: none;}
body.sidebar-collapsed .sidebar .brand {padding:16px 20px;min-height:72px;}
.sidebar-collapsed .sidebar .brand .logo-frame {display: none;}
.sidebar-collapsed .sidebar .brand::after {content: 'GU'; display: grid; place-items: center; width: 40px; height: 40px; border-radius: 10px; background: var(--brand-soft); color: var(--brand); font-size: 17px; font-weight: 700; letter-spacing: -.04em;}
.avatar .media-fallback {min-height: 0; width: 100%; height: 100%; padding: 0; font-size: 16px; background: #eee9e5; color: #795442;}

/* Administration navigation groups and reusable high-density operations workspace. */
body .sidebar .nav-group {margin: 6px 0 10px; border: 0;}
body .sidebar .nav-group>summary {display:flex;align-items:center;gap:11px;min-height:42px;padding:9px 11px;border-radius:10px;color:#596670;cursor:pointer;list-style:none;font-size:12px;font-weight:700;letter-spacing:.01em;}
body .sidebar .nav-group>summary::-webkit-details-marker {display:none;}
body .sidebar .nav-group>summary:hover,body .sidebar .nav-group[open]>summary {background:#f5f6f7;color:var(--ink);}
body .sidebar .nav-group>summary>.icon {width:19px;height:19px;color:#7c858d;flex:none;}
body .sidebar .nav-group>summary .nav-chevron {margin-left:auto;color:#99a1a8;font-size:15px;transition:transform 160ms ease;}
body .sidebar .nav-group[open]>summary .nav-chevron {transform:rotate(180deg);}
body .sidebar .nav-group-links {position:relative;margin:5px 0 0 21px;padding-left:14px;border-left:1px solid #dfe4e7;}
body .sidebar .nav-group-links .nav-link {min-height:40px;margin:0 0 2px 6px;padding:8px 10px;font-size:13px!important;}
body .sidebar .nav-group-links .nav-link .icon {width:16px;height:16px;color:#929aa1;}
body .sidebar .nav-group-links .nav-link.active .icon {color:var(--brand);}
.sidebar-collapsed .sidebar .nav-group>summary {justify-content:center;padding:11px;}
.sidebar-collapsed .sidebar .nav-group>summary .nav-chevron {display:none;}
.sidebar-collapsed .sidebar .nav-group-links {margin:4px 0 8px;padding:0;border:0;}
.sidebar-collapsed .sidebar .nav-group-links .nav-link {margin-left:0;padding:11px;}
@media(min-width:1101px){
  body.sidebar-collapsed .sidebar:hover,body.sidebar-collapsed .sidebar:focus-within {width:264px;box-shadow:12px 0 34px #202b3518;}
  body.sidebar-collapsed .sidebar:hover .brand,body.sidebar-collapsed .sidebar:focus-within .brand {padding:16px 20px;}
  body.sidebar-collapsed .sidebar:hover .brand .logo-frame,body.sidebar-collapsed .sidebar:focus-within .brand .logo-frame {display:block;width:174px;height:40px;}
  body.sidebar-collapsed .sidebar:hover .brand::after,body.sidebar-collapsed .sidebar:focus-within .brand::after {display:none;}
  body.sidebar-collapsed .sidebar:hover .side-scroll,body.sidebar-collapsed .sidebar:focus-within .side-scroll {padding-inline:16px;}
  body.sidebar-collapsed .sidebar:hover :is(.nav-text,.side-user>a,.side-user>div,.side-user>.avatar),body.sidebar-collapsed .sidebar:focus-within :is(.nav-text,.side-user>a,.side-user>div,.side-user>.avatar) {display:flex;}
  body.sidebar-collapsed .sidebar:hover .side-user>div,body.sidebar-collapsed .sidebar:focus-within .side-user>div {display:block;}
  body.sidebar-collapsed .sidebar:hover .side-user>.avatar,body.sidebar-collapsed .sidebar:focus-within .side-user>.avatar {display:grid;}
  body.sidebar-collapsed .sidebar:hover .nav-group>summary,body.sidebar-collapsed .sidebar:focus-within .nav-group>summary {justify-content:flex-start;padding:9px 11px;}
  body.sidebar-collapsed .sidebar:hover .nav-group>summary .nav-chevron,body.sidebar-collapsed .sidebar:focus-within .nav-group>summary .nav-chevron {display:inline;}
  body.sidebar-collapsed .sidebar:hover .nav-group-links,body.sidebar-collapsed .sidebar:focus-within .nav-group-links {margin:5px 0 0 21px;padding-left:14px;border-left:1px solid #dfe4e7;}
  body.sidebar-collapsed .sidebar:hover .nav-group-links .nav-link,body.sidebar-collapsed .sidebar:focus-within .nav-group-links .nav-link {justify-content:flex-start;margin-left:6px;padding:8px 10px;}
  body.sidebar-collapsed .sidebar:hover .side-user,body.sidebar-collapsed .sidebar:focus-within .side-user {justify-content:flex-start;padding:16px;}
}

.ops-hero {position:relative;display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:28px;margin-bottom:18px;padding:30px 32px;overflow:hidden;border-radius:18px;background:linear-gradient(125deg,#1f303a 0%,#2f4651 68%,#3e5962 100%);box-shadow:0 14px 30px #26394313;color:#fff;}
.ops-hero::after {content:"";position:absolute;right:-80px;bottom:-150px;width:310px;height:310px;border:1px solid #ffffff1c;border-radius:50%;box-shadow:0 0 0 45px #ffffff08,0 0 0 90px #ffffff05;pointer-events:none;}
.ops-hero-copy {position:relative;z-index:1;}
body .ops-hero .eyebrow {color:#ffc3a8;}
body .ops-hero h1 {margin:0 0 8px;color:#fff;font-size:32px;}
body .ops-hero p {max-width:720px;margin:0;color:#dce4e7;font-size:15px;}
.ops-hero-actions {display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;}
body .ops-hero .button {gap:9px;}
body .ops-hero .button:not(.secondary) {background:#c45b3c;}
body .ops-hero .button.secondary {border-color:#ffffff42;background:#ffffff12;color:#fff;}
body .ops-hero .button.secondary:hover {background:#ffffff20;}
.ops-hero-note {position:relative;z-index:1;align-self:stretch;padding:18px;border:1px solid #ffffff26;border-radius:13px;background:#ffffff0e;backdrop-filter:blur(4px);}
.ops-hero-note span {display:block;margin-bottom:6px;color:#bcd0d7;font-size:11px;font-weight:700;letter-spacing:.11em;}
.ops-hero-note strong {display:block;margin-bottom:6px;color:#fff;font-size:15px;}
body .ops-hero-note p {font-size:13px;line-height:1.55;color:#d5e0e4;}
.ops-kpis {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px;}
.ops-kpi {display:flex;align-items:center;gap:13px;min-width:0;padding:18px;border:1px solid var(--line);border-radius:13px;background:#fff;color:var(--ink);}
.ops-kpi:hover {border-color:#c7d0d6;background:#fff;box-shadow:0 9px 24px #202b350a;}
.ops-kpi-icon {display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:11px;background:var(--brand-soft);color:var(--brand);}
.ops-kpi-icon .icon {width:19px;height:19px;}
.ops-kpi>span:nth-child(2) {display:flex;min-width:0;flex-direction:column;}
.ops-kpi small {color:#6c7780;font-size:12px!important;font-weight:650;}
.ops-kpi strong {font-size:25px;line-height:1.2;font-variant-numeric:tabular-nums;}
.ops-kpi em {overflow:hidden;color:#7b858d;font-size:12px;font-style:normal;text-overflow:ellipsis;white-space:nowrap;}
.ops-kpi>b {margin-left:auto;align-self:flex-start;color:#a9b0b5;font-size:13px;font-weight:500;}
.ops-filter {margin-bottom:24px;padding:22px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 5px 16px #202b3507;}
.ops-filter-head,.ops-filter-foot,.ops-results-head {display:flex;align-items:center;justify-content:space-between;gap:20px;}
.ops-filter-head {margin-bottom:18px;}
.ops-filter-head h2,.ops-results-head h2 {margin:0;font-size:20px;}
.ops-filter-head .eyebrow,.ops-results-head .eyebrow {margin-bottom:3px;}
.view-switch {display:flex;gap:3px;padding:4px;border-radius:10px;background:#f1f3f4;}
.view-switch a {display:flex;align-items:center;gap:7px;min-height:34px;padding:7px 11px;border-radius:7px;color:#65717b;font-size:12px;font-weight:650;}
.view-switch a.active {background:#fff;color:var(--ink);box-shadow:0 1px 4px #202b3514;}
.view-switch .icon {width:15px;height:15px;}
.ops-filter-grid {display:grid;grid-template-columns:minmax(260px,1.5fr) repeat(5,minmax(130px,.75fr));gap:12px;align-items:end;}
.ops-filter-grid label {display:flex;min-width:0;flex-direction:column;gap:6px;color:#52606a;font-size:12px!important;font-weight:650;}
.ops-filter-grid :is(input,select) {width:100%;min-width:0;font-size:14px;}
.ops-filter-foot {margin-top:18px;padding-top:16px;border-top:1px solid #edf0f2;}
.ops-filter-foot>div {display:flex;align-items:center;gap:10px;color:#5e6a74;font-size:13px;}
.ops-filter-foot a {color:var(--brand);font-weight:650;}
.filter-active-dot {width:8px;height:8px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 4px var(--brand-soft);}
.ops-results-head {margin:6px 0 14px;}
.ops-results-head p {margin:3px 0 0;font-size:13px;}
.ops-member-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
.ops-member-card {display:flex;min-width:0;flex-direction:column;padding:20px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 2px 8px #202b3505;}
.ops-member-card:hover {border-color:#c8d0d6;box-shadow:0 12px 28px #202b350c;}
.ops-member-top {display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:13px;}
.ops-member-card h3 {overflow:hidden;margin:0 0 2px;font-size:18px;text-overflow:ellipsis;white-space:nowrap;}
.ops-member-card>p {overflow:hidden;margin:0;color:#6e7982;font-size:13px;text-overflow:ellipsis;white-space:nowrap;}
.ops-member-facts {display:grid;grid-template-columns:1.5fr .65fr 1fr;gap:8px;margin:18px 0;padding:13px 0;border-block:1px solid #edf0f2;}
.ops-member-facts span {min-width:0;}
.ops-member-facts small,.member-drawer-grid small {display:block;margin-bottom:3px;color:#7d878f;font-size:11px!important;font-weight:750;letter-spacing:.07em;}
.ops-member-facts strong {display:block;overflow:hidden;color:#44515b;font-size:12px;text-overflow:ellipsis;white-space:nowrap;}
.ops-member-work {display:flex;align-items:center;gap:10px;min-height:48px;margin-bottom:17px;}
.ops-member-work>span {display:grid;width:34px;height:34px;place-items:center;flex:none;border-radius:9px;background:#f1f3f4;color:#64717a;}
.ops-member-work .icon {width:16px;height:16px;}
.ops-member-work p {display:flex;min-width:0;flex-direction:column;margin:0;}
.ops-member-work strong,.ops-member-work small {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ops-member-work strong {font-size:13px;}.ops-member-work small {color:#7b858d;font-size:11px!important;}
.ops-card-actions {display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:auto;}
.ops-card-actions .button {justify-content:center;min-height:40px;padding:8px 11px;font-size:12px!important;}
.ops-table table {min-width:1040px;}
.ops-table td>strong,.ops-table td>small,.source-label {display:block;}
.ops-person {display:flex;align-items:center;gap:11px;min-width:210px;}
.ops-person>div {display:flex;min-width:0;flex-direction:column;}
.ops-person a {overflow:hidden;color:#2d3943;font-weight:650;text-overflow:ellipsis;white-space:nowrap;}
.source-label {color:#3e4b54;font-size:12px;font-weight:650;}
.align-right {text-align:right!important;}
.icon-action {display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid transparent;border-radius:9px;background:transparent;color:#65727b;cursor:pointer;}
.icon-action:hover {border-color:#dce1e4;background:#f4f6f7;color:var(--brand);}
.icon-action .icon {width:17px;height:17px;}
.ops-empty {display:grid;justify-items:center;padding:64px 24px;text-align:center;}
.ops-empty>span {display:grid;width:52px;height:52px;place-items:center;border-radius:14px;background:var(--brand-soft);color:var(--brand);}
.ops-empty h2 {margin:14px 0 5px;}.ops-empty p {margin:0 0 18px;}
.member-drawer {width:min(520px,100vw);max-width:none;height:100dvh;max-height:none;margin:0 0 0 auto;padding:0;border:0;background:#fff;box-shadow:-24px 0 60px #1728322e;}
.member-drawer[open] {animation:drawer-in 180ms ease-out;}
.member-drawer::backdrop {background:#17283275;backdrop-filter:blur(2px);}
@keyframes drawer-in {from{transform:translateX(30px);opacity:.7}to{transform:none;opacity:1}}
.member-drawer-card {display:flex;height:100%;flex-direction:column;padding:28px;}
.member-drawer-head {display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:20px;border-bottom:1px solid var(--line);}
.member-drawer-head h2 {margin:0 0 4px;font-size:25px;}.member-drawer-head p {margin:0;font-size:13px;}
.member-drawer-status {display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 0;border-bottom:1px solid var(--line);color:#64717a;font-size:13px;}
.member-drawer-grid {display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:6px;}
.member-drawer-grid>div {min-width:0;padding:18px 10px 18px 0;border-bottom:1px solid #edf0f2;}
.member-drawer-grid strong {display:block;overflow-wrap:anywhere;color:#36434d;font-size:14px;}
.member-drawer-actions {display:flex;justify-content:flex-end;gap:10px;margin-top:auto;padding-top:24px;}
.member-review-notice{display:flex;align-items:center;gap:16px;margin:0 0 18px;padding:18px 20px;border:1px solid #e7d5b2;border-radius:14px;background:#fff9ed;color:#563f1f}
.member-review-notice-icon{display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:11px;background:#ffedca;color:#8e5e13}
.member-review-notice-icon .icon{width:20px;height:20px}
.member-review-notice>div{min-width:0;flex:1}
.member-review-notice strong{display:block;font-size:16px}
.member-review-notice p{margin:4px 0 0;color:#6e5a3b;font-size:13px}
.member-approval{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px;border-color:#e6d6b9;background:#fffcf6}
.member-approval h2{margin:0 0 7px;font-size:23px}
.member-approval p{margin:0;color:#66747c;font-size:14px}
.member-approval-facts{display:flex;flex-wrap:wrap;gap:22px;margin-top:18px}
.member-approval-facts span{display:flex;min-width:110px;flex-direction:column;gap:5px}
.member-approval-facts small{color:#68757e;font-size:11px;font-weight:700;letter-spacing:.07em}
.member-approval-facts strong{font-size:14px;overflow-wrap:anywhere}
.member-approval-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;flex:none}
.member-approval-actions form{margin:0}
.member-registration-claim{margin-top:20px;padding:16px;border:1px solid #e4e9ec;border-radius:11px;background:#fff}
.member-registration-claim h3{margin:0 0 12px;font-size:15px}
.member-registration-claim>div{display:flex;flex-wrap:wrap;gap:26px}
.member-registration-claim span{display:flex;min-width:150px;flex-direction:column;gap:3px}
.member-registration-claim small{color:#68757e;font-size:11px;font-weight:700;letter-spacing:.06em}
.member-registration-claim strong{font-size:14px}
.member-registration-claim em{color:#617078;font-size:12px;font-style:normal}
.member-registration-claim .member-claim-warning{margin-top:14px;padding:10px 12px;border-radius:8px;background:#fff2da;color:#82520e;font-size:13px}

@media(max-width:1450px){.ops-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ops-search{grid-column:span 2}}
@media(max-width:1250px){.ops-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-member-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.ops-hero{grid-template-columns:1fr;padding:24px}.ops-hero-note{display:none}.ops-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-search{grid-column:1/-1}.ops-member-grid{grid-template-columns:1fr}.ops-filter-head{align-items:flex-start;flex-direction:column}.view-switch{align-self:stretch}.view-switch a{justify-content:center;flex:1}}
@media(max-width:800px){.member-review-notice,.member-approval{align-items:flex-start;flex-direction:column}.member-review-notice>.button{align-self:stretch}.member-approval-actions{width:100%}.member-approval-actions form,.member-approval-actions .button{width:100%}}
@media(max-width:540px){.ops-kpis,.ops-filter-grid{grid-template-columns:1fr}.ops-search{grid-column:auto}.ops-filter,.ops-member-card{padding:17px}.ops-filter-foot{align-items:stretch;flex-direction:column}.ops-filter-foot .button{width:100%;justify-content:center}.ops-hero-actions{display:grid}.ops-hero-actions .button{justify-content:center}.member-drawer-grid{grid-template-columns:1fr}.member-drawer-card{padding:21px}.member-drawer-actions{display:grid}.ops-kpi em{white-space:normal}}

/* Public experience v2: compact brand header, editorial hero slider and structured footer. */
body.next-site .site-announcement {min-height: 32px; padding: 0 24px; background: #1f2d35; display: flex; align-items: center;}
body.next-site .announcement-inner {width: min(100%,1440px); min-height: 32px; margin: auto; display: flex; justify-content: center; align-items: center; gap: 12px; color: #e6ebed; font-size: 11px; letter-spacing: .02em;}
body.next-site .announcement-pulse {width: 5px; height: 5px; border-radius: 50%; background: #f49a72; box-shadow: 0 0 0 4px #f49a7217;}
body.next-site .site-announcement a {display: inline-flex; align-items: center; gap: 6px; margin: 0 0 0 8px; color: #ffc3a8; font-weight: 650;}
body.next-site .site-announcement a .icon {width: 13px; height: 13px; transition: transform 180ms ease;}
body.next-site .site-announcement a:hover .icon {transform: translateX(3px);}

body.next-site .site-header.modern-header {height: 74px; min-height: 74px; padding: 0 24px; background: #fff; border-bottom: 1px solid #e7e9eb; box-shadow: none; position: sticky; top: 0;}
body.next-site .modern-header .header-inner {width: min(100%,1440px); height: 100%; margin: auto; display: flex; align-items: center; gap: 24px; position: relative;}
body.next-site .modern-header .brand-logo {width: 140px; height: 50px; margin: 0 auto 0 0; display: flex; align-items: center; overflow: hidden; flex: 0 0 140px;}
body.next-site .modern-header .logo-frame {width: 140px; height: 50px; display: block; background: transparent; border-radius: 0; overflow: hidden;}
body.next-site .modern-header .logo-frame img,
body.next-site .modern-header .logo-frame.original-logo img {width: 100%; height: 100%; max-width: 100%; object-fit: contain; object-position: left center; display: block;}
body.next-site .modern-header nav {position: static; flex: 0 1 auto;}
body.next-site .modern-header .nav-primary-links {display: flex; align-items: center; gap: 2px; padding: 0;}
body.next-site .modern-header .nav-primary-links>a,
body.next-site .modern-header .nav-dropdown>summary {min-height: 40px; padding: 10px 12px; border-radius: 8px; color: #45545d; font-size: 13px; font-weight: 600;}
body.next-site .modern-header .nav-primary-links>a:hover,
body.next-site .modern-header .nav-dropdown>summary:hover {background: #f5f6f7; color: #1f2d35; box-shadow: none;}
body.next-site .modern-header .nav-primary-links>a[aria-current],
body.next-site .modern-header .nav-dropdown.has-current>summary,
body.next-site .modern-header .nav-dropdown[open]>summary {background: #fbefea; color: var(--brand);}
body.next-site .header-account {gap: 8px; margin-left: auto;}
body.next-site .modern-header .site-signin {min-height: 40px; padding: 8px 10px; border-radius: 8px; color: #354650;}
body.next-site .modern-header .site-signin:hover {background: #f5f6f7;}
body.next-site .modern-header .header-join {min-height: 42px; padding: 10px 15px; border-radius: 9px; font-size: 13px; gap: 8px;}
body.next-site.is-scrolled .site-header.modern-header {box-shadow: 0 8px 24px #1f2d350b;}

body.next-site .next-hero {max-width: none; min-height: 610px; grid-template-columns: minmax(0,.9fr) minmax(520px,1.1fr); gap: clamp(40px,5vw,80px); padding: 72px max(48px,calc((100vw - 1344px)/2)); background: linear-gradient(110deg,#faf8f4 0%,#fff 66%); border-bottom: 1px solid #e9e6e1; overflow: hidden;}
body.next-site .next-hero::before {content: ''; position: absolute; width: 440px; height: 440px; left: -260px; bottom: -280px; border: 1px solid #caa8963d; border-radius: 50%; box-shadow: 0 0 0 70px #caa8960d,0 0 0 140px #caa89608; pointer-events: none;}
body.next-site .next-hero-copy {max-width: 590px;}
body.next-site .next-hero h1 {font-size: clamp(46px,4.8vw,70px); line-height: 1.02; letter-spacing: -.06em;}
body.next-site .next-hero-copy>p {max-width: 525px; font-size: 17px;}
body.next-site .next-hero-visual {width: 100%; max-width: 760px; justify-self: end; padding: 0 0 24px;}
body.next-site .hero-slider-glow {position: absolute; inset: 12% -10% -8% 20%; background: #d8b7a446; filter: blur(70px); border-radius: 50%; pointer-events: none;}
body.next-site .hero-window {aspect-ratio: 1.43; border-radius: 16px; border: 1px solid #ffffff; background: #1f2d35; overflow: hidden; box-shadow: 0 30px 70px #26343d1c; isolation: isolate;}
body.next-site .hero-slide {position: absolute; inset: 0; margin: 0; opacity: 0; visibility: hidden; transform: scale(1.025); transition: opacity 650ms ease,visibility 650ms ease,transform 1.2s cubic-bezier(.2,.7,.2,1);}
body.next-site .hero-slide.is-active {opacity: 1; visibility: visible; transform: scale(1); z-index: 1;}
body.next-site .hero-slide img {width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; transform: scale(1.06); transition: transform 7s linear;}
body.next-site .hero-slide.is-active img {transform: scale(1);}
body.next-site .hero-slide::after {content: ''; position: absolute; inset: 35% 0 0; background: linear-gradient(transparent,#16242de3); pointer-events: none;}
body.next-site .hero-slide figcaption {position: absolute; z-index: 2; left: 30px; right: 30px; bottom: 68px; color: #fff;}
body.next-site .hero-slide figcaption>span {display: block; margin-bottom: 7px; font-size: 9px; letter-spacing: .18em; font-weight: 750; color: #ffc2a6;}
body.next-site .hero-slide figcaption strong {display: block; max-width: 620px; color: #fff; font-size: clamp(20px,2vw,30px); line-height: 1.2; letter-spacing: -.035em; font-weight: 600; text-wrap: balance;}
body.next-site .hero-slide figcaption p {max-width: 560px; margin: 8px 0 0; color: #d8e1e4; font-size: 13px; line-height: 1.5;}
body.next-site .hero-slider-controls {position: absolute; z-index: 4; left: 24px; right: 24px; bottom: 18px; min-height: 38px; display: flex; align-items: center; gap: 12px; color: #fff;}
body.next-site .hero-slider-controls>button {width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid #ffffff52; border-radius: 9px; background: #ffffff10; color: #fff; font-size: 17px; backdrop-filter: blur(8px);}
body.next-site .hero-slider-controls>button:hover {background: #fff; color: #1f2d35; border-color: #fff;}
body.next-site .hero-slider-dots {display: flex; align-items: center; gap: 7px; margin-left: 3px;}
body.next-site .hero-slider-dots button {width: 7px; height: 7px; padding: 0; border: 0; border-radius: 9px; background: #ffffff61; transition: width 220ms ease,background 220ms ease;}
body.next-site .hero-slider-dots button.is-active {width: 26px; background: #f39a73;}
body.next-site .hero-slider-count {margin-left: auto; font-size: 11px; letter-spacing: .09em; color: #bfcbd0;}
body.next-site .hero-slider-count b {color: #fff; font-weight: 650;}
body.next-site .next-hero .visual-caption {margin: 12px 2px 0 0; color: #7f7168;}

body.next-site .site-footer {display: block; padding: 0; background: #1f2d35; color: #d8e1e4; border-top: 4px solid var(--brand);}
body.next-site .footer-inner {width: min(100%,1440px); margin: auto; padding: 64px 48px 48px; display: grid; grid-template-columns: minmax(280px,1.45fr) minmax(180px,.75fr) minmax(260px,1fr); gap: clamp(48px,7vw,100px);}
body.next-site .footer-intro {max-width: 430px;}
body.next-site .footer-brand {display: flex; width: 178px; height: 56px; padding: 4px 8px; background: #fff; border-radius: 8px; overflow: hidden;}
body.next-site .footer-brand .logo-frame {width: 100%; height: 100%; background: transparent;}
body.next-site .footer-brand .logo-frame img,
body.next-site .footer-brand .logo-frame.original-logo img {width: 100%; height: 100%; max-width: 100%; object-fit: contain; object-position: left center;}
body.next-site .footer-intro p {max-width: 390px; margin: 24px 0; color: #b8c5ca; font-size: 15px; line-height: 1.75;}
body.next-site .footer-cta {width: fit-content; display: inline-flex !important; align-items: center; gap: 26px; padding: 11px 0 8px !important; color: #fff !important; border-bottom: 1px solid #687981; font-weight: 650;}
body.next-site .footer-cta .icon {width: 18px; transition: transform 180ms ease;}
body.next-site .footer-cta:hover .icon {transform: translateX(4px);}
body.next-site .footer-label {display: block; margin-bottom: 18px; color: #f7a47f; font-size: 10px; letter-spacing: .16em; font-weight: 750; text-transform: uppercase;}
body.next-site .footer-links>a {display: flex !important; justify-content: space-between; gap: 18px; padding: 8px 0 !important; border-bottom: 1px solid #ffffff12; color: #e3e9eb !important; font-size: 14px;}
body.next-site .footer-links>a span {color: #82939a; transition: transform 180ms ease,color 180ms ease;}
body.next-site .footer-links>a:hover span {color: #f5a17c; transform: translate(2px,-2px);}
body.next-site .footer-contact address {margin: 0 0 18px; color: #b8c5ca; font-style: normal; font-size: 14px; line-height: 1.75;}
body.next-site .footer-contact>a {display: block; padding: 5px 0; color: #fff; font-size: 14px; overflow-wrap: anywhere;}
body.next-site .footer-social {display: flex; flex-wrap: wrap; gap: 8px 16px; margin-top: 20px;}
body.next-site .footer-social>a {display: inline-flex !important; gap: 6px; color: #b8c5ca !important; font-size: 13px;}
body.next-site .footer-bottom {border-top: 1px solid #ffffff16; min-height: 64px; padding: 16px max(48px,calc((100vw - 1344px)/2)); display: flex; align-items: center; justify-content: space-between; gap: 24px; color: #8fa0a7; font-size: 12px;}
body.next-site .footer-bottom>div {display: flex; align-items: center; flex-wrap: wrap; gap: 20px;}
body.next-site .footer-bottom a {color: #aebbc0;}
body.next-site .footer-bottom .motion-toggle {min-height: 34px; padding: 6px 10px; border-radius: 8px; border-color: #52646c; color: #bdc8cc;}

@media(max-width:1180px) {
 body.next-site .modern-header .header-inner {gap: 12px;}
 body.next-site .modern-header .brand-logo,body.next-site .modern-header .logo-frame {width: 128px; flex-basis: 128px;}
 body.next-site .modern-header .nav-primary-links>a,body.next-site .modern-header .nav-dropdown>summary {padding-inline: 9px; font-size: 12px;}
 body.next-site .next-hero {grid-template-columns: minmax(0,.85fr) minmax(460px,1.15fr); padding-inline: 40px; gap: 40px;}
}
@media(max-width:1100px) {
 body.next-site .site-header.modern-header {height: 70px; min-height: 70px; padding-inline: 20px;}
 body.next-site .modern-header .brand-logo,body.next-site .modern-header .logo-frame {width: 124px; height: 46px; flex-basis: 124px;}
 body.next-site .modern-header nav {position: absolute;}
 body.next-site .next-hero {grid-template-columns: 1fr; min-height: 0; padding: 56px 32px; gap: 42px;}
 body.next-site .next-hero-copy {max-width: 700px;}
 body.next-site .next-hero-visual {max-width: 760px; justify-self: center;}
 body.next-site .footer-inner {padding: 52px 32px 40px; grid-template-columns: 1.2fr .8fr 1fr; gap: 40px;}
 body.next-site .footer-bottom {padding-inline: 32px;}
}
@media(max-width:650px) {
 body.next-site .site-announcement {padding-inline: 16px;}
 body.next-site .announcement-inner {justify-content: flex-start; overflow: hidden; white-space: nowrap;}
 body.next-site .announcement-inner>span:nth-child(2) {overflow: hidden; text-overflow: ellipsis;}
 body.next-site .site-announcement a {margin-left: auto; flex: none; font-size: 0;}
 body.next-site .site-announcement a::before {content: 'Join'; font-size: 11px;}
 body.next-site .site-header.modern-header {height: 64px; min-height: 64px; padding-inline: 16px;}
 body.next-site .modern-header .brand-logo,body.next-site .modern-header .logo-frame {width: 110px; height: 42px; flex-basis: 110px;}
 body.next-site .modern-header .header-join {display: none;}
 body.next-site .next-hero {padding: 42px 20px 48px; gap: 34px;}
 body.next-site .next-hero h1 {font-size: clamp(40px,12vw,54px);}
 body.next-site .hero-window {aspect-ratio: .95; border-radius: 14px;}
 body.next-site .hero-slide figcaption {left: 20px; right: 20px; bottom: 70px;}
 body.next-site .hero-slide figcaption strong {font-size: 22px;}
 body.next-site .hero-slide figcaption p {display: none;}
 body.next-site .hero-slider-controls {left: 14px; right: 14px; bottom: 14px; gap: 8px;}
 body.next-site .hero-slider-controls>button {width: 36px; height: 36px;}
 body.next-site .footer-inner {padding: 44px 20px 36px; grid-template-columns: 1fr; gap: 38px;}
 body.next-site .footer-intro {max-width: none;}
 body.next-site .footer-bottom {padding: 20px; align-items: flex-start; flex-direction: column;}
 body.next-site .footer-bottom>div {gap: 14px;}
}
@media(prefers-reduced-motion:reduce) {
 body.next-site .hero-slide,body.next-site .hero-slide img {transition: none !important; transform: none !important;}
}

/* Member invitation workspace */
.invite-heading{margin-bottom:28px}.invite-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:24px;align-items:start}.invite-card{min-height:520px;padding:42px;position:relative;overflow:hidden;border-radius:16px;background:#112f42;color:#fff}.invite-card:before{content:'';position:absolute;width:420px;height:420px;right:-180px;bottom:-230px;border:1px solid #ffffff2b;border-radius:50%;box-shadow:0 0 0 70px #ffffff09,0 0 0 140px #ffffff06}.invite-card-mark{position:absolute;right:36px;top:20px;color:#ffffff0c;font-size:150px;font-weight:800;letter-spacing:-.12em}.invite-card>.eyebrow{color:#ff9d72}.invite-card h2{max-width:680px;margin:18px 0;font-size:clamp(32px,4vw,52px);line-height:1.02;letter-spacing:-.055em;color:#fff}.invite-card>p{max-width:650px;margin-bottom:34px;color:#c6d3da;line-height:1.75}.invite-card>label{display:block;margin-bottom:9px;color:#fff;font-size:12px;font-weight:700}.invite-link-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;position:relative}.invite-link-row input{height:52px;margin:0;border-color:#ffffff30;background:#fff;color:#203845}.invite-link-row .button{min-width:120px}.copy-status{min-height:22px;margin:8px 0 0;color:#9ed6b7;font-size:12px}.invite-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;position:relative}.invite-card .invite-actions .button.secondary{border-color:#ffffff42;background:#ffffff0d;color:#fff}.invite-card .invite-actions .button.secondary:hover{background:#fff;color:#173246}.invite-guide{padding:34px;border:1px solid var(--line);border-radius:16px;background:#fff}.invite-guide ol{margin:24px 0 30px;padding:0;list-style:none}.invite-guide li{display:grid;grid-template-columns:38px 1fr;gap:14px;padding:20px 0;border-bottom:1px solid var(--line)}.invite-guide li>span{color:var(--brand);font-size:11px;font-weight:750}.invite-guide strong{display:block;margin-bottom:6px;font-size:15px}.invite-guide p{margin:0;color:var(--muted);font-size:12px;line-height:1.6}.invite-guide .text-link{display:inline-flex;align-items:center;gap:8px}.invite-guide .text-link .icon{width:16px}
@media(max-width:900px){.invite-layout{grid-template-columns:1fr}.invite-card{min-height:0}.invite-guide ol{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.invite-guide li{display:block;border:0}.invite-guide li>span{display:block;margin-bottom:12px}}
@media(max-width:600px){.invite-card,.invite-guide{padding:24px;border-radius:12px}.invite-card-mark{right:20px;font-size:96px}.invite-card h2{font-size:34px}.invite-link-row{grid-template-columns:1fr}.invite-link-row .button{width:100%}.invite-actions{display:grid}.invite-actions .button{width:100%}.invite-guide ol{grid-template-columns:1fr;gap:0}.invite-guide li{display:grid;border-bottom:1px solid var(--line)}}

/* Administration: employee identity and menu access workspaces */
.admin-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 20px}.admin-toolbar .form-note{max-width:760px;margin:0;font-size:13px}.admin-modal{width:min(560px,calc(100vw - 32px));padding:0;border:0;border-radius:16px;background:transparent;box-shadow:0 28px 80px #1725364a}.admin-modal::backdrop{background:#17253699;backdrop-filter:blur(3px)}.modal-card{padding:26px;background:#fff;border-radius:16px}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.modal-head h2{margin:0;font-size:24px}.modal-head .icon-button{width:38px;height:38px;border:1px solid var(--line);border-radius:9px;font-size:22px}.modal-card label{font-size:13px;font-weight:650}.modal-card label small,.professional-form label small{display:block;margin-top:7px;color:var(--muted);font-size:11px;font-weight:400}.modal-actions,.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.professional-form{max-width:1040px;margin:0 auto;padding:30px}.form-section-head{display:flex;justify-content:space-between;gap:20px;margin-bottom:26px;padding-bottom:20px;border-bottom:1px solid var(--line)}.form-section-head h2{margin-bottom:6px}.form-section-head p{margin:0;color:var(--muted);font-size:13px}.form-grid.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.form-grid .span-2{grid-column:1/-1}.professional-form label{display:block;font-size:13px;font-weight:650}.professional-form input,.professional-form select{margin-top:8px}.access-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;padding:28px 30px;margin-bottom:18px;border-radius:18px;background:linear-gradient(135deg,#172a44,#294b80);color:#fff;overflow:hidden}.access-hero h1{margin:0 0 8px;color:#fff;font-size:30px}.access-hero p{max-width:740px;margin:0;color:#d8e4f5;font-size:14px}.access-hero .eyebrow{color:#aec8f5}.access-stats{grid-column:1/-1;display:flex;gap:10px}.access-stats span{min-width:150px;padding:10px 13px;border:1px solid #ffffff29;border-radius:10px;background:#ffffff12;color:#cbd9ec;font-size:11px}.access-stats strong{margin-right:5px;color:#fff;font-size:20px}.access-toolbar{position:sticky;top:88px;z-index:12;display:grid;grid-template-columns:minmax(240px,1fr) 190px auto auto;gap:10px;margin-bottom:14px;padding:13px;border:1px solid var(--line);border-radius:13px;background:#fffffff2;box-shadow:0 8px 28px #23354b12;backdrop-filter:blur(10px)}.access-toolbar .search-input{padding:0 12px;border:1px solid var(--line);border-radius:9px}.access-group{padding:0;margin-bottom:12px;overflow:hidden}.access-group>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px;cursor:pointer;background:#fafbfd}.access-group>summary strong,.access-group>summary small{display:block}.access-group>summary strong{font-size:15px}.access-group>summary small,.access-group>summary>span{margin-top:3px;color:var(--muted);font-size:11px}.access-group-body{padding:8px 12px 12px;border-top:1px solid var(--line)}.access-row{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(460px,2fr);gap:20px;align-items:center;padding:12px 10px;border-bottom:1px solid #eef0f3}.access-row:last-child{border-bottom:0}.access-row>div:first-child strong,.access-row>div:first-child small{display:block}.access-row>div:first-child strong{font-size:13px}.access-row>div:first-child small{margin-top:4px;color:var(--muted);font-size:10px}.access-checks{display:grid;grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:7px}.access-checks label{position:relative}.access-checks input{position:absolute;opacity:0}.access-checks span{display:flex;align-items:center;gap:7px;min-height:38px;padding:8px 9px;border:1px solid var(--line);border-radius:8px;color:#627084;background:#fff;font-size:10px;font-weight:650;cursor:pointer}.access-checks span::before{content:"";width:14px;height:14px;border:1.5px solid #aeb8c7;border-radius:4px}.access-checks input:checked+span{border-color:#9bb2e9;background:#eef3ff;color:#294da9}.access-checks input:checked+span::before{border-color:#315bd0;background:#315bd0;box-shadow:inset 0 0 0 3px #fff}.access-checks input:focus-visible+span{outline:3px solid #315bd033}.access-save{position:sticky;z-index:14;bottom:14px;display:flex;align-items:center;justify-content:space-between;gap:24px;width:min(720px,calc(100vw - 40px));margin:20px auto 0;padding:12px 14px 12px 18px;border:1px solid #cad5e4;border-radius:13px;background:#fff;box-shadow:0 18px 45px #1725362e}.access-save strong,.access-save small{display:block}.access-save strong{font-size:13px}.access-save small{margin-top:3px;color:var(--muted);font-size:10px}.row-actions{justify-content:flex-end}
@media(max-width:900px){.access-toolbar{position:static;grid-template-columns:1fr 1fr}.access-row{grid-template-columns:1fr}.form-grid.two{grid-template-columns:1fr}.form-grid .span-2{grid-column:auto}}@media(max-width:600px){.admin-toolbar,.form-section-head{align-items:stretch;flex-direction:column}.access-hero{grid-template-columns:1fr;padding:22px}.access-hero .button{justify-self:start}.access-stats{grid-column:auto;flex-wrap:wrap}.access-toolbar{grid-template-columns:1fr}.access-checks{grid-template-columns:repeat(2,minmax(0,1fr))}.professional-form{padding:20px}.access-save{bottom:8px}}