:root {
  --ink: #142b3b;
  --ink-soft: #4b5e69;
  --muted: #7a8a92;
  --paper: #f7f7f2;
  --white: #fff;
  --line: #e1e7e5;
  --teal: #ccece3;
  --teal-strong: #167360;
  --lime: #e2f16d;
  --coral: #ec805e;
  --shadow: 0 18px 48px rgba(18, 43, 59, .08);
  font-family: 'DM Sans', 'Segoe UI', sans-serif;
  color: var(--ink);
  background: var(--paper);
  font-synthesis: none;
  text-rendering: optimizeLegibility;
}

* { box-sizing: border-box; }
body { margin: 0; min-width: 320px; background: var(--paper); }
button, input, select { font: inherit; }
button { cursor: pointer; }
.shell { max-width: 1260px; margin: 0 auto; padding: 0 42px; }
.topbar { min-height: 86px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(20, 43, 59, .1); }
.brand { display: flex; align-items: center; gap: 11px; color: var(--ink); text-decoration: none; }
.brand-mark { width: 34px; height: 34px; display: flex; align-items: center; justify-content: center; gap: 3px; border-radius: 11px 11px 11px 3px; background: var(--lime); transform: rotate(-7deg); }
.brand-mark span { display: block; width: 3px; height: 16px; border-radius: 8px; background: var(--ink); transform: rotate(18deg); }
.brand-mark span:nth-child(2) { height: 20px; }
.brand-mark span:nth-child(3) { height: 12px; }
.brand-copy { display: flex; flex-direction: column; line-height: 1.05; }
.brand-copy strong { font: 800 17px 'Manrope', sans-serif; letter-spacing: -.8px; }
.brand-copy small { margin-top: 5px; color: var(--muted); font-size: 8px; font-weight: 700; letter-spacing: 1.7px; }
.main-nav { display: flex; gap: 7px; align-self: stretch; align-items: center; }
.nav-link { border: 0; background: transparent; color: var(--muted); padding: 11px 15px; border-radius: 24px; font-size: 13px; font-weight: 700; transition: .18s ease; }
.nav-link:hover { background: rgba(20, 43, 59, .06); color: var(--ink); }
.nav-link.active { background: var(--ink); color: white; }
.season-chip { display: flex; align-items: center; gap: 8px; color: var(--ink-soft); font-size: 11px; font-weight: 700; }
.season-chip i, .meta-dot { width: 7px; height: 7px; border-radius: 50%; background: #2c9878; display: inline-block; box-shadow: 0 0 0 4px rgba(44, 152, 120, .12); }
.view { padding-bottom: 20px; }
.hero { display: flex; justify-content: space-between; min-height: 360px; padding: 52px 4px 25px; position: relative; overflow: hidden; }
.hero-copy { position: relative; z-index: 1; max-width: 590px; }
.eyebrow { margin: 0 0 17px; color: var(--teal-strong); font-size: 10px; font-weight: 800; letter-spacing: 1.7px; display: flex; align-items: center; gap: 9px; }
.eyebrow-line { display: block; width: 20px; height: 2px; background: var(--coral); }
h1, h2, h3, p { margin-top: 0; }
h1, h2, h3 { font-family: 'Manrope', 'Segoe UI', sans-serif; }
h1 { margin: 0; font-size: clamp(42px, 5.2vw, 66px); line-height: .99; letter-spacing: -3.8px; font-weight: 800; }
h1 em { font-style: normal; color: var(--teal-strong); }
.hero-text { max-width: 470px; margin: 21px 0 20px; color: var(--ink-soft); font-size: 15px; line-height: 1.65; }
.hero-meta { display: flex; align-items: center; gap: 11px; color: var(--muted); font-size: 11px; font-weight: 600; }
.hero-art { position: absolute; right: 7%; top: 38px; width: 340px; height: 310px; }
.art-orbit { position: absolute; border: 1px solid rgba(22, 115, 96, .16); border-radius: 50%; transform: rotate(-27deg); }
.orbit-one { width: 312px; height: 180px; top: 39px; left: 0; }
.orbit-two { width: 260px; height: 154px; top: 54px; left: 26px; transform: rotate(34deg); }
.art-ball { width: 176px; height: 176px; position: absolute; left: 73px; top: 25px; border-radius: 50%; background: var(--coral); box-shadow: 0 22px 30px rgba(236, 128, 94, .22); display: grid; grid-template-columns: 1fr 1fr; place-items: center; overflow: hidden; transform: rotate(-16deg); }
.art-ball::before, .art-ball::after { content: ''; position: absolute; border: 2px solid rgba(255, 255, 255, .82); border-radius: 50%; width: 160px; height: 86px; transform: rotate(36deg); }
.art-ball::after { transform: rotate(-36deg); }
.art-ball span { width: 5px; height: 27px; background: rgba(255,255,255,.95); border-radius: 4px; position: relative; z-index: 1; transform: rotate(34deg); }
.art-ball span:nth-child(2), .art-ball span:nth-child(4) { transform: rotate(-34deg); }
.art-caption { position: absolute; bottom: 6px; right: 9px; display: flex; gap: 10px; align-items: center; transform: rotate(-4deg); }
.art-caption b { font: 800 31px 'Manrope'; color: var(--teal-strong); }
.art-caption span { font-size: 10px; line-height: 1.3; font-weight: 700; color: var(--ink-soft); }
.art-spark { position: absolute; color: var(--teal-strong); font-size: 24px; }
.spark-one { top: 18px; right: 13px; }.spark-two { bottom: 50px; left: 9px; color: var(--coral); font-size: 17px; }
.week-toolbar { display: flex; justify-content: space-between; align-items: end; border-top: 1px solid var(--line); padding: 27px 3px 18px; }
.eyebrow.muted { color: #8b999e; margin-bottom: 8px; }
h2 { font-size: 22px; letter-spacing: -.9px; margin-bottom: 0; }
.week-control { display: flex; align-items: center; gap: 9px; }
.week-control select { min-width: 208px; height: 42px; border: 1px solid var(--line); border-radius: 10px; padding: 0 38px 0 13px; color: var(--ink); background: white; font-size: 12px; font-weight: 700; outline: none; }
.week-control select:focus, input:focus { border-color: #4c9f8b; box-shadow: 0 0 0 3px rgba(44,152,120,.13); }
.round-button { width: 34px; height: 34px; border-radius: 50%; border: 1px solid var(--line); background: transparent; color: var(--ink); font-size: 15px; transition: .2s; }
.round-button:hover { background: white; transform: translateY(-1px); }
.coach-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-bottom: 27px; }
.stat-card { background: white; border: 1px solid var(--line); border-radius: 14px; padding: 16px 19px; display: flex; justify-content: space-between; align-items: center; }
.stat-card span { color: var(--muted); font-size: 11px; font-weight: 600; }
.stat-card strong { font: 800 24px 'Manrope'; letter-spacing: -1px; }
.stat-icon { width: 31px; height: 31px; background: var(--teal); color: var(--teal-strong); display: grid; place-items: center; border-radius: 10px; font-weight: 800; }
.booking-layout { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(275px, .8fr); gap: 24px; align-items: start; }
.section-heading, .admin-card-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.section-heading { margin-bottom: 14px; }
.section-heading .eyebrow { margin-bottom: 4px; }
.count-pill { display: inline-flex; align-items: center; justify-content: center; min-width: 34px; height: 25px; padding: 0 10px; border-radius: 20px; color: var(--teal-strong); background: var(--teal); font-size: 10px; font-weight: 800; white-space: nowrap; }
.session-list { display: grid; gap: 10px; }
.day-group-title { padding: 13px 0 3px; display: flex; align-items: center; justify-content: space-between; color: var(--muted); font-size: 10px; font-weight: 800; letter-spacing: 1.25px; text-transform: uppercase; }
.day-group-title span:last-child { color: #98a5a8; font-weight: 600; letter-spacing: .3px; text-transform: none; }
.session-card { display: flex; align-items: center; gap: 14px; min-height: 87px; background: white; border: 1px solid var(--line); border-radius: 13px; padding: 14px 15px; transition: .18s; }
.session-card:hover { border-color: #bdd8d0; transform: translateY(-1px); box-shadow: 0 8px 22px rgba(18,43,59,.045); }
.session-card.is-selected { border-color: #45a08c; box-shadow: 0 0 0 2px rgba(44,152,120,.12); }
.session-card.is-owned { background: #f4f8f6; }
.session-checkbox { appearance: none; width: 20px; height: 20px; flex: 0 0 20px; border: 1.5px solid #b8c4c3; border-radius: 6px; position: relative; margin: 0; cursor: pointer; }
.session-checkbox:checked { border-color: var(--teal-strong); background: var(--teal-strong); }
.session-checkbox:checked::after { content: '✓'; color: white; font-size: 13px; font-weight: 800; position: absolute; left: 3px; top: -1px; }
.session-checkbox:disabled { opacity: .4; cursor: not-allowed; }
.session-time { min-width: 98px; display: flex; flex-direction: column; gap: 5px; }
.session-time strong { font-size: 13px; letter-spacing: -.2px; }
.session-time small { color: var(--muted); font-size: 10px; }
.session-main { flex: 1; min-width: 0; }
.session-main strong { display: block; margin-bottom: 4px; font-size: 13px; }
.session-main span { display: block; color: var(--muted); font-size: 11px; }
.session-duration { min-width: 45px; text-align: right; color: var(--muted); font-size: 11px; font-weight: 700; }
.availability { display: block; margin-top: 5px; color: var(--teal-strong); font-size: 9px; font-weight: 700; }
.availability.full { color: #c15b43; }
.state-badge { display: inline-flex; align-items: center; padding: 5px 8px; border-radius: 20px; font-size: 9px; font-weight: 800; letter-spacing: .2px; white-space: nowrap; text-transform: uppercase; }
.state-badge.pending { background: #fff0d6; color: #a56a12; }
.state-badge.confirmed { background: #ddf2e8; color: #167360; }
.state-badge.declined, .state-badge.cancelled { background: #fbe4dd; color: #ac503a; }
.signup-panel { background: var(--ink); color: white; border-radius: 17px; padding: 24px 23px 20px; box-shadow: var(--shadow); position: sticky; top: 20px; }
.panel-top { display: flex; justify-content: space-between; align-items: start; }
.panel-top .eyebrow { color: var(--lime); margin-bottom: 9px; }
.panel-top h2 { color: white; font-size: 20px; }
.panel-icon { color: var(--lime); font-size: 23px; }
.panel-note { color: #b5c3c9; font-size: 12px; line-height: 1.55; margin: 14px 0 20px; }
.signup-panel label, .login-card label { display: block; color: #d9e1e4; font-size: 10px; font-weight: 700; margin: 13px 0 7px; }
.signup-panel input { width: 100%; height: 42px; padding: 0 12px; border: 1px solid rgba(255,255,255,.18); border-radius: 8px; background: rgba(255,255,255,.08); color: white; outline: none; font-size: 12px; }
.signup-panel input::placeholder { color: #91a3ab; }
.signup-panel input:focus { border-color: var(--lime); box-shadow: 0 0 0 3px rgba(226,241,109,.12); }
.selection-summary { display: flex; align-items: center; justify-content: space-between; border-top: 1px solid rgba(255,255,255,.14); margin-top: 19px; padding: 14px 0 13px; color: #aebdc3; font-size: 10px; }
.selection-summary strong { color: white; font-size: 11px; }
.primary-button { display: inline-flex; align-items: center; justify-content: center; gap: 12px; border: 0; border-radius: 9px; min-height: 43px; padding: 0 16px; background: var(--lime); color: var(--ink); font-size: 11px; font-weight: 800; transition: .18s; }
.primary-button:hover { background: #ebf895; transform: translateY(-1px); }
.primary-button:disabled { opacity: .45; cursor: not-allowed; transform: none; }
.full-button { width: 100%; }
.form-footnote { margin: 12px 0 0; color: #92a5ad; font-size: 9px; text-align: center; }
.notice { border-radius: 8px; padding: 11px 12px; font-size: 11px; line-height: 1.45; margin-top: 13px; background: rgba(204,236,227,.14); color: #dff5ec; }
.notice.error { color: #983c2d; background: #fff0eb; }
.my-requests-section { margin-top: 40px; padding-top: 25px; border-top: 1px solid var(--line); }
.subtle-copy { color: #97a2a6; font-size: 10px; }
.request-strip { display: flex; flex-wrap: wrap; gap: 9px; min-height: 35px; }
.request-chip { display: flex; gap: 10px; align-items: center; background: white; border: 1px solid var(--line); padding: 10px 12px; border-radius: 10px; font-size: 10px; }
.request-chip strong { font-size: 11px; }
.request-chip span { color: var(--muted); }
.empty-inline { color: #98a5a8; font-size: 11px; padding: 7px 0; }
.empty-state { text-align: center; padding: 34px 15px; background: rgba(255,255,255,.5); border: 1px dashed #d7e0dd; border-radius: 13px; }
.empty-icon { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 50%; margin: 0 auto 10px; background: var(--teal); color: var(--teal-strong); }
.empty-state h3 { font-size: 15px; margin: 0 0 7px; }.empty-state p { margin: 0; color: var(--muted); font-size: 11px; }
.admin-hero { min-height: 250px; padding: 43px 4px 30px; display: flex; justify-content: space-between; align-items: center; position: relative; overflow: hidden; }
.admin-hero h1 { font-size: clamp(38px, 4.5vw, 55px); }
.admin-hero .hero-text { margin-bottom: 0; }
.admin-hero-badge { width: 152px; height: 152px; margin-right: 13%; border-radius: 50%; background: var(--lime); display: flex; flex-direction: column; justify-content: center; align-items: center; transform: rotate(8deg); position: relative; box-shadow: 0 14px 30px rgba(150,167,43,.12); }
.admin-hero-badge span { font-size: 9px; font-weight: 800; letter-spacing: 2px; }.admin-hero-badge strong { font: 800 22px 'Manrope'; letter-spacing: -1px; }.admin-hero-badge i { position: absolute; font-size: 24px; right: 20px; bottom: 21px; font-style: normal; }
.login-wrap { display: flex; justify-content: center; padding: 6px 0 45px; }
.login-card { width: min(100%, 410px); padding: 28px; border: 1px solid var(--line); border-radius: 16px; background: white; box-shadow: var(--shadow); }
.lock-mark { width: 39px; height: 39px; display: grid; place-items: center; border-radius: 12px; background: var(--teal); color: var(--teal-strong); font-size: 22px; margin-bottom: 17px; }
.login-card .eyebrow { margin-bottom: 7px; }.login-card h2 { margin-bottom: 8px; font-size: 20px; }.login-card p:not(.eyebrow) { color: var(--muted); font-size: 11px; line-height: 1.5; margin-bottom: 18px; }
.login-card label { color: var(--ink-soft); }
.password-row { display: flex; border: 1px solid var(--line); border-radius: 8px; overflow: hidden; margin-bottom: 15px; }
.password-row input { flex: 1; min-width: 0; border: 0; height: 42px; padding: 0 11px; outline: none; font-size: 12px; }
.password-row input:focus { box-shadow: none; }.password-row button { border: 0; background: white; padding: 0 12px; color: var(--teal-strong); font-size: 10px; font-weight: 800; }
.login-card .primary-button { background: var(--ink); color: white; }.login-card .primary-button:hover { background: #24465a; }
.admin-toolbar { display: flex; justify-content: space-between; align-items: end; gap: 14px; padding: 18px 0 16px; border-top: 1px solid var(--line); }
.admin-toolbar .eyebrow { margin-bottom: 5px; }.admin-toolbar h2 { font-size: 20px; }
.admin-toolbar-actions { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; justify-content: end; }
.admin-toolbar .week-control select { min-width: 184px; height: 36px; font-size: 10px; }
.admin-toolbar .round-button { width: 29px; height: 29px; font-size: 13px; }
.quiet-button { height: 35px; padding: 0 11px; border-radius: 8px; border: 1px solid var(--line); background: white; color: var(--ink-soft); font-size: 10px; font-weight: 700; }
.quiet-button:hover { border-color: #9dbfb5; color: var(--teal-strong); }.logout-button { color: #9f5140; }
.admin-stats { display: grid; grid-template-columns: repeat(4,1fr); gap: 11px; margin-bottom: 17px; }
.admin-stats .stat-card { min-height: 82px; padding: 14px 15px; }.admin-stats .stat-card strong { font-size: 22px; }.stat-value small { margin-left: 3px; font: 700 10px 'DM Sans'; letter-spacing: 0; color: var(--muted); }
.admin-main-grid { display: grid; grid-template-columns: 1.25fr .75fr; gap: 14px; align-items: start; }
.admin-card { background: white; border: 1px solid var(--line); border-radius: 14px; padding: 19px; }
.admin-card-heading { margin-bottom: 14px; }.admin-card-heading .eyebrow { margin-bottom: 5px; }.admin-card-heading h3 { font-size: 16px; margin: 0; letter-spacing: -.5px; }.hour-mark { display: grid; place-items: center; border-radius: 50%; width: 30px; height: 30px; background: var(--teal); color: var(--teal-strong); font-weight: 800; }
.pending-list { display: grid; gap: 8px; max-height: 480px; overflow: auto; padding-right: 2px; }
.pending-item { display: grid; grid-template-columns: minmax(110px,1fr) minmax(130px,1.2fr) auto; gap: 11px; align-items: center; padding: 11px 10px; border: 1px solid #edf0ed; background: #fcfcfa; border-radius: 10px; }
.coach-identity strong { display: block; font-size: 11px; }.coach-identity span { display: block; margin-top: 3px; color: var(--muted); font-size: 9px; overflow-wrap: anywhere; }
.pending-session strong { display: block; font-size: 10px; margin-bottom: 4px; }.pending-session span { display: block; color: var(--muted); font-size: 9px; line-height: 1.35; }
.pending-actions { display: flex; gap: 5px; }
.mini-button { border: 0; border-radius: 7px; padding: 7px 8px; background: #dbf0e5; color: #167360; font-size: 9px; font-weight: 800; }.mini-button:hover { background: #c3e8d6; }.mini-button.decline { background: #f9e5de; color: #a85139; }.mini-button.decline:hover { background: #f3d1c6; }
.table-wrap { overflow-x: auto; }
table { width: 100%; border-collapse: collapse; }
th { padding: 8px 7px; border-bottom: 1px solid var(--line); color: #91a0a4; text-align: left; font-size: 8px; letter-spacing: .9px; text-transform: uppercase; }
td { padding: 10px 7px; border-bottom: 1px solid #eff2ef; color: var(--ink-soft); font-size: 10px; }
td strong { color: var(--ink); font-size: 11px; }.hours-cell { color: var(--teal-strong); font-weight: 800; text-align: right; white-space: nowrap; }
.table-empty { color: var(--muted); text-align: center; padding: 21px 0; font-size: 10px; }
.manage-card { margin-top: 14px; }.text-button { border: 0; background: transparent; color: var(--teal-strong); font-size: 10px; font-weight: 800; padding: 8px; }.text-button:hover { text-decoration: underline; }
.add-session-form { background: #f6f9f7; border: 1px solid #e4ede8; border-radius: 11px; padding: 15px; margin-bottom: 16px; }
.form-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 11px; }
.form-grid label { display: flex; flex-direction: column; gap: 6px; color: var(--ink-soft); font-size: 9px; font-weight: 700; }
.form-grid input { width: 100%; min-width: 0; height: 36px; padding: 0 9px; border: 1px solid var(--line); border-radius: 7px; outline: none; background: white; font-size: 10px; }
.optional { color: #98a5a8; font-weight: 500; }
.form-actions { display: flex; align-items: center; justify-content: space-between; gap: 13px; margin-top: 12px; }.form-actions p { color: var(--muted); font-size: 9px; margin: 0; }.form-actions .primary-button { min-height: 36px; font-size: 10px; }
.session-admin-list { display: grid; gap: 8px; }
.admin-session-row { display: grid; grid-template-columns: 1fr 1.3fr minmax(120px,.7fr) auto; gap: 12px; align-items: center; padding: 11px 12px; background: #fbfcfa; border: 1px solid #edf0ed; border-radius: 10px; }
.admin-session-date strong, .admin-session-program strong { display: block; font-size: 10px; }.admin-session-date span, .admin-session-program span { display: block; color: var(--muted); font-size: 9px; margin-top: 4px; }.session-counts { font-size: 9px; color: var(--ink-soft); }.session-counts strong { color: var(--ink); }.session-control { display: flex; justify-content: end; gap: 5px; }
.admin-footnote { display: flex; align-items: center; gap: 8px; margin: 13px 2px 4px; color: var(--muted); font-size: 10px; }.info-dot { width: 16px; height: 16px; display: grid; place-items: center; border: 1px solid #b8c7c3; border-radius: 50%; color: var(--teal-strong); font-size: 10px; font-weight: 800; }
.footer { border-top: 1px solid var(--line); padding: 19px 3px 24px; display: flex; justify-content: space-between; color: #9aa6a9; font-size: 9px; }.footer span:first-child { color: var(--teal-strong); font-weight: 800; }
.toast { position: fixed; bottom: 20px; left: 50%; transform: translate(-50%, 14px); opacity: 0; pointer-events: none; z-index: 10; padding: 12px 16px; border-radius: 10px; background: var(--ink); color: white; box-shadow: var(--shadow); font-size: 11px; transition: .22s; max-width: min(90vw,500px); text-align: center; }.toast.show { transform: translate(-50%,0); opacity: 1; }
.hidden { display: none !important; }

@media (max-width: 900px) {
  .shell { padding: 0 25px; }
  .hero-art { right: -37px; opacity: .7; transform: scale(.85); transform-origin: center right; }
  .hero-copy { max-width: 535px; }
  .booking-layout { grid-template-columns: minmax(0, 1.3fr) minmax(250px, .85fr); gap: 15px; }
  .session-card { gap: 10px; padding: 13px 11px; }.session-time { min-width: 88px; }
  .admin-main-grid { grid-template-columns: 1fr; }
  .admin-toolbar { align-items: start; flex-direction: column; }.admin-toolbar-actions { justify-content: start; }
}
@media (max-width: 650px) {
  .shell { padding: 0 17px; }
  .topbar { min-height: 72px; flex-wrap: wrap; gap: 5px; padding: 12px 0; }
  .brand-copy strong { font-size: 14px; }.brand-copy small { font-size: 7px; }
  .main-nav { order: 3; width: 100%; justify-content: center; }.nav-link { padding: 9px 14px; font-size: 11px; }
  .season-chip { margin-left: auto; font-size: 9px; }
  .hero { min-height: 307px; padding-top: 37px; }.hero-art { right: -130px; top: 15px; opacity: .32; transform: scale(.75); }.hero-copy { max-width: 100%; }.hero h1 { font-size: 47px; letter-spacing: -2.8px; }.hero-text { max-width: 350px; font-size: 13px; }
  .week-toolbar { align-items: start; gap: 14px; flex-direction: column; padding-top: 21px; }.week-control { width: 100%; }.week-control select { flex: 1; min-width: 0; }
  .coach-stats { gap: 7px; }.stat-card { padding: 12px 10px; min-height: 66px; }.stat-card span { max-width: 77px; font-size: 9px; }.stat-card strong { font-size: 20px; }.stat-icon { width: 25px; height: 25px; font-size: 11px; }
  .booking-layout { grid-template-columns: 1fr; }.signup-panel { position: static; order: -1; }.session-column { margin-top: 5px; }.section-heading h2 { font-size: 19px; }
  .session-card { gap: 9px; min-height: 79px; }.session-time { min-width: 79px; }.session-time strong { font-size: 11px; }.session-main strong { font-size: 12px; }.session-main span { font-size: 10px; }.session-duration { min-width: 35px; font-size: 9px; }.state-badge { padding: 5px 6px; font-size: 8px; }
  .my-requests-section { margin-top: 28px; }.subtle-copy { font-size: 9px; }
  .admin-hero { min-height: 226px; padding: 35px 0 24px; }.admin-hero h1 { font-size: 42px; letter-spacing: -2.7px; }.admin-hero .hero-text { max-width: 340px; font-size: 12px; }.admin-hero-badge { position: absolute; right: -19px; top: 23px; opacity: .26; width: 130px; height: 130px; margin: 0; }
  .login-card { padding: 23px 20px; }
  .admin-toolbar-actions { display: grid; grid-template-columns: 1fr 1fr; width: 100%; }.admin-toolbar-actions .week-control { grid-column: 1 / -1; }.admin-toolbar-actions .week-control select { flex: 1; }.quiet-button { width: 100%; }
  .admin-stats { grid-template-columns: repeat(2,1fr); gap: 8px; }.admin-stats .stat-card { min-height: 69px; }
  .admin-card { padding: 15px 12px; }.pending-item { grid-template-columns: 1fr auto; gap: 6px; }.pending-session { grid-column: 1 / 2; grid-row: 2; }.pending-actions { grid-column: 2; grid-row: 1 / span 2; flex-direction: column; }.pending-actions button { min-width: 62px; }
  .form-grid { grid-template-columns: repeat(2,1fr); }.form-actions { align-items: start; flex-direction: column; }.form-actions .primary-button { width: 100%; }
  .admin-session-row { grid-template-columns: 1fr 1.3fr; gap: 8px; }.session-counts { grid-column: 1; }.session-control { grid-column: 2; grid-row: 2; }
  .footer { gap: 10px; flex-wrap: wrap; font-size: 8px; }.footer span:nth-child(2) { order: 3; width: 100%; }
}

/* Read & React / Little Laxers visual refresh */
:root {
  --ink: #0b1220;
  --ink-soft: #3f4d61;
  --muted: #718096;
  --paper: #f5f8fc;
  --line: #dce5f0;
  --teal: #e7f0fc;
  --teal-strong: #1558a6;
  --lime: #d7e8ff;
  --coral: #111827;
}
.topbar { min-height: 94px; }
.brand { gap: 13px; }
.rr-logo { display: block; width: 126px; height: 76px; object-fit: contain; background: #fff; }
.brand-divider { width: 1px; height: 42px; background: #dce5f0; }
.brand-copy strong { color: var(--ink); font-size: 14px; letter-spacing: 1px; }
.brand-copy small { color: var(--teal-strong); font-size: 8px; letter-spacing: 1.45px; }
.nav-link.active { background: var(--ink); }
.season-chip i, .meta-dot { background: var(--teal-strong); }
.hero {
  min-height: 342px;
  margin-top: 24px;
  padding: 47px 42px 32px;
  border-radius: 21px;
  color: #fff;
  background: linear-gradient(112deg, #164b8a 0%, #0b1d37 70%, #102a4d 100%);
  box-shadow: 0 18px 42px rgba(11, 29, 55, .16);
}
.hero h1 { color: #fff; }
.hero h1 em { color: var(--lime); }
.hero .eyebrow { color: var(--lime); }
.hero .eyebrow-line { background: var(--lime); }
.hero .hero-text { color: #d6e4f5; }
.hero .hero-meta { color: #c5d5e9; }
.hero .meta-dot { background: var(--lime); box-shadow: 0 0 0 4px rgba(215, 232, 255, .15); }
.hero .art-orbit { border-color: rgba(218, 232, 252, .26); }
.hero .art-ball { background: #3176ca; box-shadow: 0 22px 35px rgba(4, 12, 25, .32); }
.hero .art-caption b, .hero .art-spark { color: var(--lime); }
.hero .art-caption span { color: #e4edf9; }
.signup-panel { background: #111827; }
.primary-button { background: var(--lime); }
.session-card:hover { border-color: #b7cce4; }
.session-card.is-selected { border-color: var(--teal-strong); }
.stat-icon, .hour-mark, .lock-mark { background: var(--teal); color: var(--teal-strong); }
.admin-hero {
  min-height: 250px;
  margin-top: 24px;
  padding: 40px 42px 30px;
  border-radius: 21px;
  color: #fff;
  background: linear-gradient(112deg, #164b8a 0%, #0b1d37 70%, #102a4d 100%);
}
.admin-hero h1 { color: #fff; }
.admin-hero h1 em { color: var(--lime); }
.admin-hero .eyebrow { color: var(--lime); }
.admin-hero .eyebrow-line { background: var(--lime); }
.admin-hero .hero-text { color: #d6e4f5; }
.admin-hero-badge { color: var(--ink); }
.mini-button { background: #e5effc; color: #1558a6; }
.state-badge.pending { background: #e8f0fb; color: #315782; }
.state-badge.confirmed { background: #dceaff; color: #1558a6; }
.state-badge.declined, .state-badge.cancelled { background: #e7eaf0; color: #1f2937; }
.availability.full { color: #334155; }
.notice.error { color: #111827; background: #e8edf5; }
.hero .art-spark.spark-two { color: #d7e8ff; }
.admin-hero-badge { background: #d7e8ff; }
.week-control select:focus, input:focus { border-color: #3476bf; box-shadow: 0 0 0 3px rgba(21, 88, 166, .14); }
.session-card:hover { border-color: #b7cce4; }
.session-card.is-selected { border-color: #3476bf; box-shadow: 0 0 0 2px rgba(21, 88, 166, .13); }
.session-card.is-owned { background: #f0f5fb; }
.primary-button:hover { background: #e8f1fc; }
.notice { background: rgba(215, 232, 255, .15); color: #e4efff; }
.quiet-button:hover { border-color: #a9bfd9; color: var(--teal-strong); }
.logout-button { color: #111827; }
.mini-button:hover { background: #d4e5f8; }
.mini-button.decline, .mini-button.decline:hover { background: #e7eaf0; color: #1f2937; }
.add-session-form { background: #f3f7fc; border-color: #dce6f2; }
.admin-session-row { background: #fbfcfe; border-color: #e7edf5; }
.pending-item { background: #fcfdff; border-color: #e9eef5; }

.coach-auth { margin: 30px 0 40px; }
.auth-intro { margin: 0 2px 15px; }
.auth-intro .eyebrow { margin-bottom: 6px; }
.auth-intro h2 { margin-bottom: 6px; }
.auth-intro > p:last-child { color: var(--muted); font-size: 12px; margin: 0; }
.auth-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.auth-card { border: 1px solid var(--line); border-radius: 15px; background: #fff; padding: 21px; box-shadow: 0 10px 28px rgba(11, 29, 55, .045); }
.auth-card .eyebrow { margin-bottom: 5px; }
.auth-card h3 { margin: 0 0 16px; font-size: 17px; letter-spacing: -.5px; }
.auth-card label { display: block; margin: 12px 0 6px; color: var(--ink-soft); font-size: 10px; font-weight: 700; }
.auth-card input { width: 100%; height: 39px; border: 1px solid var(--line); border-radius: 8px; padding: 0 10px; background: #fff; outline: none; color: var(--ink); font-size: 11px; }
.auth-card .primary-button { margin-top: 16px; background: var(--ink); color: #fff; }
.auth-card .primary-button:hover { background: #1b3a60; }
.auth-footnote { margin: 11px 2px 0; color: var(--muted); font-size: 10px; }
.portal-bar { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin: 27px 0 4px; padding: 16px 19px; border: 1px solid var(--line); border-radius: 13px; background: #fff; }
.portal-bar .eyebrow { margin: 0 0 3px; }
.portal-bar h2 { margin: 0; font-size: 19px; }
.portal-profile-summary { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 7px; color: var(--muted); font-size: 10px; }
.portal-profile-summary > span + span::before { content: '·'; margin-right: 7px; color: #9aa7b7; }
.portal-profile-summary .portal-tag { padding: 3px 7px; border-radius: 10px; background: #e8f1fc; color: #1558a6; font-weight: 700; }
.portal-profile-summary .portal-tag::before { content: none; }
.coach-profiles-card { margin-top: 14px; }
.profiles-note { margin: -4px 0 14px; color: var(--muted); font-size: 10px; }
.coach-profile-list { display: grid; gap: 9px; }
.profile-row { display: grid; grid-template-columns: minmax(135px, 1.15fr) minmax(130px, 1fr) minmax(115px, .9fr) auto; gap: 10px; align-items: end; padding: 12px; border: 1px solid #e7edf5; border-radius: 10px; background: #fbfcfe; }
.profile-identity { align-self: center; min-width: 0; }
.profile-identity strong, .profile-identity span, .profile-identity small { display: block; overflow-wrap: anywhere; }
.profile-identity strong { margin-bottom: 4px; color: var(--ink); font-size: 11px; }
.profile-identity span, .profile-identity small { color: var(--muted); font-size: 9px; }
.profile-row label { display: flex; flex-direction: column; gap: 5px; color: var(--ink-soft); font-size: 9px; font-weight: 700; }
.profile-row input, .profile-row select { width: 100%; min-width: 0; height: 34px; padding: 0 8px; border: 1px solid var(--line); border-radius: 7px; background: #fff; color: var(--ink); outline: none; font-size: 10px; }
.profile-row .mini-button { height: 34px; min-width: 49px; }
.table-subtext { color: #8290a3; font-size: 9px; }
.hour-estimate-note { margin: 8px 0 0; color: var(--muted); font-size: 9px; }

@media (max-width: 850px) {
  .profile-row { grid-template-columns: minmax(140px, 1fr) 1fr 1fr auto; }
}
@media (max-width: 650px) {
  .auth-grid { grid-template-columns: 1fr; }
  .auth-card { padding: 17px; }
  .portal-bar { align-items: start; padding: 13px; }
  .portal-bar h2 { font-size: 17px; }
  .profile-row { grid-template-columns: 1fr 1fr; gap: 9px; }
  .profile-identity { grid-column: 1 / -1; }
  .profile-row .mini-button { grid-column: 1 / -1; grid-row: auto; justify-self: stretch; }
}
.footer span:first-child { color: var(--teal-strong); }

@media (max-width: 650px) {
  .topbar { min-height: 80px; }
  .rr-logo { width: 92px; height: 57px; }
  .brand { gap: 8px; }
  .brand-divider { height: 34px; }
  .brand-copy strong { font-size: 10px; letter-spacing: .7px; }
  .brand-copy small { font-size: 7px; letter-spacing: 1px; }
  .hero { min-height: 295px; margin-top: 14px; padding: 33px 22px 25px; border-radius: 16px; }
  .admin-hero { margin-top: 14px; padding: 31px 22px 24px; border-radius: 16px; }
}

/* Paired Read & React and Little Laxers logos replace the decorative atom. */
.rr-logo, .ll-logo { display: block; object-fit: contain; background: #fff; }
.rr-logo { width: 126px; height: 76px; }
.ll-logo { width: 126px; height: 76px; }
.brand-divider { height: 42px; }
.hero {
  min-height: 300px;
  padding: 43px 42px 30px;
  background:
    radial-gradient(circle at 88% 48%, rgba(49, 118, 202, .28), transparent 29%),
    linear-gradient(112deg, #164b8a 0%, #0b1d37 70%, #102a4d 100%);
}
.hero-copy { max-width: 760px; }

@media (max-width: 650px) {
  .rr-logo { width: 82px; height: 52px; }
  .ll-logo { width: 94px; height: 52px; }
  .brand-divider { height: 32px; }
  .brand { gap: 8px; }
  .hero { padding-top: 33px; }
}

.hero-brand {
  position: absolute;
  z-index: 1;
  top: 50%;
  right: 6%;
  display: grid;
  place-items: center;
  width: 220px;
  height: 150px;
  padding: 0;
  background: transparent;
  transform: translateY(-50%);
}
.hero-brand img { display: block; width: 100%; height: 100%; object-fit: contain; filter: brightness(0) invert(1); }
.hero-copy { max-width: 650px; }
.session-filters {
  display: grid;
  grid-template-columns: minmax(130px, 1fr) minmax(120px, 1fr) auto;
  gap: 10px;
  align-items: end;
  margin: 0 0 12px;
  padding: 11px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #fff;
}
.session-filters label { display: grid; gap: 5px; color: var(--muted); font-size: 10px; font-weight: 700; }
.session-filters select { width: 100%; min-width: 0; height: 36px; padding: 0 10px; border: 1px solid var(--line); border-radius: 8px; background: #fff; color: var(--ink); font-size: 11px; outline: none; }
.session-filters select:focus { border-color: #3476bf; box-shadow: 0 0 0 3px rgba(21, 88, 166, .12); }
.session-filters select:disabled { color: #99a4b1; background: #f5f7fa; }
.session-filters .text-button { height: 36px; white-space: nowrap; }

@media (max-width: 900px) {
  .hero-brand { right: 24px; width: 170px; height: 122px; }
  .hero-copy { max-width: 535px; }
}
@media (max-width: 650px) {
  .hero { flex-direction: column; align-items: flex-start; }
  .hero-copy { max-width: 100%; }
  .hero-brand { position: relative; top: auto; right: auto; width: 145px; height: 86px; margin-top: 14px; transform: none; }
  .session-filters { grid-template-columns: 1fr 1fr; gap: 8px; padding: 9px; }
  .session-filters .text-button { grid-column: 1 / -1; justify-self: end; }
}