:root {
    --primary: #0F1E3A;
    --primary-dark: #09152A;
    --brand-beige: #BDB39C;
    --background: #F6F5F3;
    --surface: #FFFFFF;
    --text-primary: #1F2937;
    --text-secondary: #6B7280;
    --border: #E7E5E4;
    --navy: #0f1e3a;
    --navy-deep: #09152a;
    --navy-soft: #1b3155;
    --beige: #BDB39C;
    --beige-dark: #8F8775;
    --beige-light: #EAE5DB;
    --cream: #F6F5F3;
    --paper: #fffdfb;
    --white: #ffffff;
    --ink: #1F2937;
    --muted: #6B7280;
    --line: #E7E5E4;
    --ok: #117a55;
    --danger: #ad2f3b;
    --shadow-sm: 0 4px 14px rgba(15, 30, 58, .05);
    --shadow-lg: 0 10px 30px rgba(15, 30, 58, .08);
    --bg: var(--cream);
    --navy-2: var(--navy-soft);
    --shadow: var(--shadow-lg);
    --radius-sm: 10px;
    --radius-md: 16px;
    --radius-lg: 24px;
}

/* PHASE 4.2 — staff join journey */
.join-page{padding:70px 0;background:linear-gradient(180deg,color-mix(in srgb,var(--beige) 11%,var(--bg)),var(--bg))}.join-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(420px,1fr);gap:35px;align-items:start}.join-intro{padding:35px;border-radius:25px;color:#fff;background:linear-gradient(135deg,var(--navy),var(--navy-2));box-shadow:var(--shadow)}.join-intro>span{color:var(--beige);font-size:12px;font-weight:800}.join-intro h1{margin:8px 0;font-size:30px;line-height:1.5}.join-intro p{color:rgba(255,255,255,.72);font-size:13px;line-height:1.9}.join-intro ol{margin:24px 0 0;padding:0;display:grid;gap:9px;list-style:none;counter-reset:join}.join-intro li{padding:11px 13px;display:flex;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.1);border-radius:12px;font-size:12px;counter-increment:join}.join-intro li:before{content:counter(join);width:25px;height:25px;display:grid;place-items:center;border-radius:8px;color:var(--navy);background:var(--beige);font-weight:800}.join-form-card,.join-status-card,.join-empty,.join-request-grid article{padding:26px;border:1px solid var(--line);border-radius:22px;background:var(--surface);box-shadow:0 10px 30px rgba(15,30,58,.06)}.join-form-card h2{margin:0 0 18px;font-size:20px}.join-form-card form{display:grid;grid-template-columns:1fr 1fr;gap:13px}.join-form-card label{display:grid;gap:5px}.join-form-card label span{color:var(--muted);font-size:11px;font-weight:700}.join-form-card input,.join-form-card select,.join-form-card textarea{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:11px;outline:none;color:var(--ink);background:var(--bg);font:inherit;font-size:12px}.join-form-card textarea,.join-form-card button,.join-signed-user{grid-column:1/-1}.join-form-card input:focus,.join-form-card select:focus,.join-form-card textarea:focus{border-color:var(--beige);box-shadow:0 0 0 3px color-mix(in srgb,var(--beige) 18%,transparent)}.join-signed-user{padding:12px;border-radius:11px;background:color-mix(in srgb,var(--beige) 15%,var(--bg))}.join-signed-user b,.join-signed-user small{display:block}.join-signed-user b{font-size:12px}.join-signed-user small{color:var(--muted);font-size:9px}.join-status-link{margin-top:13px;display:block;color:var(--navy);font-size:11px;font-weight:800;text-align:center}.join-status-card{margin-bottom:18px;display:flex;align-items:center;justify-content:space-between;gap:18px}.join-status-card span{color:var(--beige);font-size:10px;font-weight:800}.join-status-card h1{margin:2px 0;font-size:24px}.join-status-card p{margin:0;color:var(--muted);font-size:11px}.join-request-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.join-request-grid article{padding:20px}.join-request-grid h2{margin:12px 0 4px;font-size:14px}.join-request-grid p,.join-request-grid small{color:var(--muted);font-size:10px}.join-state{padding:5px 8px;border-radius:8px;font-size:9px;font-weight:800}.state-pending{color:#8b6f2a;background:rgba(189,179,156,.2)}.state-approved{color:var(--ok);background:rgba(22,129,93,.1)}.state-rejected{color:var(--danger);background:rgba(189,56,72,.08)}.join-reason{margin-top:10px;padding:9px;border-radius:9px;color:var(--danger);background:rgba(189,56,72,.06);font-size:9px}.join-empty{text-align:center;font-size:12px}
@media(max-width:850px){.join-layout{grid-template-columns:1fr}.join-request-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.join-page{padding:35px 0}.join-form-card form{grid-template-columns:1fr}.join-form-card textarea,.join-form-card button,.join-signed-user{grid-column:auto}.join-request-grid{grid-template-columns:1fr}.join-status-card{align-items:flex-start;flex-direction:column}.join-status-card .btn{width:100%;text-align:center}.join-intro h1{font-size:24px}}
.join-page{background:linear-gradient(180deg,color-mix(in srgb,var(--beige) 11%,var(--cream)),var(--cream))}.join-intro{background:linear-gradient(135deg,var(--navy),var(--navy-soft));box-shadow:var(--shadow-lg)}.join-form-card input,.join-form-card select,.join-form-card textarea{background:var(--cream)}

* { box-sizing: border-box; }
[hidden] { display: none !important; }
html { scroll-behavior: smooth; }
body {
    margin: 0;
    background: var(--cream);
    color: var(--ink);
    font-family: "Almarai", Tahoma, Arial, sans-serif;
    line-height: 1.75;
    -webkit-font-smoothing: antialiased;
    transition: color .2s ease, background-color .2s ease;
}
body::selection { color: var(--navy-deep); background: var(--beige); }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font-family: inherit; }
.container { width: min(1180px, calc(100% - 40px)); margin-inline: auto; }
.narrow { width: min(840px, calc(100% - 40px)); }

.site-header {
    position: relative;
    z-index: 50;
    padding: 20px 0 0;
    background: radial-gradient(circle at 12% 15%, rgba(189, 179, 156, .15), transparent 28%), linear-gradient(135deg, var(--navy-deep), var(--navy));
}
.header-frame {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 26px;
    background: rgba(255, 255, 255, .065);
    box-shadow: 0 18px 50px rgba(0, 0, 0, .16);
    backdrop-filter: blur(16px);
}
.header-frame::before, .hero-pattern {
    position: absolute;
    inset: 0;
    pointer-events: none;
    content: "";
    opacity: .2;
    background-image: linear-gradient(45deg, transparent 46%, rgba(255, 255, 255, .2) 48%, rgba(255, 255, 255, .2) 52%, transparent 54%), linear-gradient(-45deg, transparent 46%, rgba(255, 255, 255, .14) 48%, rgba(255, 255, 255, .14) 52%, transparent 54%);
    background-size: 38px 38px;
}
.header-frame::after {
    position: absolute;
    right: 215px;
    left: 28px;
    bottom: 0;
    height: 1px;
    content: "";
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .35), transparent);
}
.nav-wrap {
    position: relative;
    z-index: 1;
    min-height: 88px;
    padding: 12px 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
}
.brand { display: flex; align-items: center; gap: 12px; color: var(--white); flex: 0 0 auto; }
.logo-shell {
    width: 64px;
    height: 64px;
    padding: 7px;
    display: grid;
    place-items: center;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .45);
    border-radius: 18px;
    background: var(--white);
    box-shadow: 0 12px 28px rgba(0, 0, 0, .16);
}
.brand-logo { width: 100%; height: 100%; display: block; object-fit: contain; }
.brand strong, .brand small { display: block; }
.brand strong { font-size: 20px; line-height: 1.35; }
.brand small { margin-top: 3px; color: var(--beige-light); font-size: 10px; letter-spacing: .03em; }
nav { display: flex; align-items: center; justify-content: flex-end; gap: 7px; color: rgba(255, 255, 255, .88); font-size: 13px; font-weight: 700; }
.nav-toggle, .mobile-nav-head, .nav-backdrop { display: none; }
.header-tools { display: flex; align-items: center; gap: 8px; }
.nav-toggle {
    width: 46px;
    height: 46px;
    padding: 11px;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 13px;
    color: var(--white);
    background: rgba(255, 255, 255, .07);
    cursor: pointer;
}
.theme-toggle {
    width: 43px;
    height: 43px;
    padding: 10px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 13px;
    color: var(--beige-light);
    background: rgba(255, 255, 255, .07);
    cursor: pointer;
    transition: color .2s ease, background .2s ease, transform .2s ease;
}
.theme-toggle:hover { color: var(--white); background: rgba(255, 255, 255, .13); transform: translateY(-1px); }
.nav-toggle svg, .theme-toggle svg, .user-chip svg { width: 100%; height: 100%; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.theme-icon-moon { display: none; }
[data-theme="dark"] .theme-icon-sun { display: none; }
[data-theme="dark"] .theme-icon-moon { display: block; }
.user-chip { min-height: 40px; padding: 7px 10px; display: inline-flex; align-items: center; gap: 8px; border: 1px solid rgba(255, 255, 255, .13); border-radius: 12px; color: var(--beige-light); background: rgba(255, 255, 255, .05); font-size: 11px; }
.user-chip svg { width: 20px; height: 20px; flex: 0 0 20px; }
nav > a, .link-button { padding: 10px 12px; border-radius: 11px; transition: color .2s ease, background .2s ease, transform .2s ease; }
nav > a:hover, .link-button:hover { color: var(--white); background: rgba(255, 255, 255, .08); }
.inline { display: inline; margin: 0; }
.link-button { border: 0; color: var(--beige-light); background: none; font: inherit; cursor: pointer; }
.nav-signup { margin-right: 4px; color: var(--navy-deep) !important; background: var(--beige) !important; box-shadow: 0 9px 22px rgba(189, 179, 156, .2); }
.nav-signup:hover { transform: translateY(-2px); background: var(--beige-light) !important; }

main { min-height: calc(100vh - 230px); background: var(--cream); }
.hero {
    position: relative;
    z-index: 2;
    min-height: 520px;
    padding: 70px 0 120px;
    overflow: hidden;
    color: var(--white);
    background: radial-gradient(circle at 12% 20%, rgba(189, 179, 156, .22), transparent 30%), radial-gradient(circle at 88% 82%, rgba(47, 76, 119, .46), transparent 33%), linear-gradient(135deg, var(--navy-deep) 0%, var(--navy) 55%, #162b4e 100%);
    clip-path: polygon(0 0, 100% 0, 100% 88%, 0 100%);
}
.hero::before {
    position: absolute;
    width: 620px;
    height: 620px;
    right: -310px;
    bottom: -390px;
    content: "";
    border: 1px solid rgba(189, 179, 156, .32);
    border-radius: 50%;
    box-shadow: 0 0 0 70px rgba(189, 179, 156, .025), 0 0 0 140px rgba(189, 179, 156, .018);
}
.hero-pattern { opacity: .08; background-size: 52px 52px; mask-image: linear-gradient(to bottom, #000, transparent 78%); }
.hero-edge {
    position: absolute;
    z-index: 1;
    right: 8%;
    bottom: 18px;
    width: 78%;
    height: 42px;
    border-radius: 0 0 26px 26px;
    background: var(--beige);
    transform: rotate(-1.9deg);
    transform-origin: right center;
}
.hero-grid { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0, 1.18fr) minmax(390px, .82fr); gap: 48px; align-items: center; }
.hero-copy { max-width: 690px; }
.eyebrow { display: inline-flex; align-items: center; gap: 9px; color: var(--beige-dark); font-size: 12px; font-weight: 800; letter-spacing: .02em; }
.eyebrow::before { width: 25px; height: 3px; border-radius: 99px; content: ""; background: var(--beige); }
.eyebrow.light { color: var(--beige-light); }
.hero h1 { max-width: 690px; margin: 12px 0 18px; font-size: clamp(22px, 2.1vw, 28px); line-height: 1.45; letter-spacing: -.015em; white-space: nowrap; }
.hero p { max-width: 650px; margin: 0; color: rgba(255, 255, 255, .76); font-size: 17px; line-height: 2; }
.hero-actions { margin-top: 31px; display: flex; align-items: center; gap: 20px; flex-wrap: wrap; }
.hero-link { padding-bottom: 4px; border-bottom: 1px solid rgba(255, 255, 255, .35); color: rgba(255, 255, 255, .88); font-size: 13px; font-weight: 700; }

.hero-visual { position: relative; width: 100%; max-width: 560px; justify-self: end; isolation: isolate; }
.hero-visual picture { display: block; }
.hero-visual img { width: 100%; height: auto; aspect-ratio: 1717 / 916; display: block; object-fit: contain; filter: drop-shadow(0 24px 32px rgba(5, 15, 32, .3)); }
.hero-visual-note { position: absolute; z-index: 2; right: 5%; bottom: -17px; min-width: 225px; padding: 12px 14px; display: flex; align-items: center; gap: 10px; border: 1px solid rgba(255, 255, 255, .18); border-radius: 15px; color: var(--white); background: rgba(9, 21, 42, .9); box-shadow: 0 14px 34px rgba(0, 0, 0, .25); backdrop-filter: blur(12px); }
.hero-visual-note > span { width: 10px; height: 10px; flex: 0 0 10px; border-radius: 50%; background: #57B98A; box-shadow: 0 0 0 5px rgba(87, 185, 138, .14); }
.hero-visual-note b, .hero-visual-note small { display: block; }
.hero-visual-note b { font-size: 11px; }
.hero-visual-note small { color: rgba(255, 255, 255, .6); font-size: 9px; }

.feature-strip { position: relative; z-index: 5; margin-top: -63px; }
.feature-grid { display: grid; grid-template-columns: repeat(3, 1fr); overflow: hidden; border: 1px solid rgba(15, 30, 58, .07); border-radius: 27px; background: var(--white); box-shadow: var(--shadow-lg); }
.feature-grid > div { position: relative; min-height: 145px; padding: 27px 28px; border-left: 1px solid var(--line); }
.feature-grid > div:last-child { border-left: 0; }
.feature-grid b, .feature-grid small { display: block; }
.feature-grid b { margin: 13px 0 4px; color: var(--navy); font-size: 15px; }
.feature-grid small { color: var(--muted); font-size: 11px; }
.feature-icon, .plan-symbol { display: grid; place-items: center; color: var(--navy-deep); background: linear-gradient(135deg, var(--beige-light), var(--beige)); font-weight: 800; box-shadow: 0 8px 20px rgba(185, 130, 102, .18); }
.feature-icon { width: 38px; height: 38px; border-radius: 12px; font-size: 10px; }

.section { padding: 76px 0; }
.plans-section { position: relative; padding-top: 105px; overflow: hidden; background: radial-gradient(circle at 0 70%, rgba(189, 179, 156, .17), transparent 25%), var(--cream); }
.plans-section::before { position: absolute; top: 90px; left: -210px; width: 430px; height: 430px; border: 1px solid rgba(15, 30, 58, .08); border-radius: 50%; content: ""; box-shadow: 0 0 0 60px rgba(15, 30, 58, .014), 0 0 0 120px rgba(15, 30, 58, .009); }
.section-head, .page-title { position: relative; z-index: 1; margin-bottom: 32px; }
.section-head { display: flex; align-items: end; justify-content: space-between; gap: 24px; }
.section-head h2, .page-title h1 { margin: 7px 0; color: var(--navy); font-size: clamp(29px, 4vw, 42px); line-height: 1.35; }
.section-head p { margin: 0; color: var(--muted); font-size: 12px; }
.page-title p { margin: 0; color: var(--muted); }

.billing-switch { padding: 5px; display: inline-flex; align-items: center; gap: 4px; border: 1px solid var(--line); border-radius: 15px; background: var(--white); box-shadow: var(--shadow-sm); }
.billing-switch button { min-width: 122px; min-height: 42px; padding: 8px 14px; border: 0; border-radius: 11px; color: var(--muted); background: transparent; font: inherit; font-size: 11px; font-weight: 800; cursor: pointer; transition: color .2s ease, background .2s ease, box-shadow .2s ease; }
.billing-switch button.is-active { color: var(--navy-deep); background: var(--beige); box-shadow: 0 6px 16px rgba(15, 30, 58, .1); }

.plans { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 23px; align-items: stretch; }
.plan-card, .panel, .summary, .transfer-account { border: 1px solid var(--line); background: var(--white); box-shadow: var(--shadow-sm); }
.plan-card { position: relative; overflow: hidden; min-height: 100%; padding: 28px; display: flex; flex-direction: column; border-radius: var(--radius-lg); transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease, background .2s ease; }
.plan-card::before { position: absolute; top: -155px; right: -145px; width: 360px; height: 260px; border: 1px solid rgba(15, 30, 58, .08); border-radius: 45%; content: ""; box-shadow: 0 0 0 18px rgba(15, 30, 58, .018), 0 0 0 36px rgba(15, 30, 58, .014), 0 0 0 54px rgba(15, 30, 58, .01); transform: rotate(-10deg); }
.plan-card:hover { border-color: rgba(185, 130, 102, .45); box-shadow: 0 25px 65px rgba(9, 21, 42, .12); transform: translateY(-6px); }
.plan-card.featured { border-color: var(--beige); background: linear-gradient(180deg, rgba(189, 179, 156, .11), var(--white) 34%); box-shadow: 0 20px 46px rgba(9, 21, 42, .11); }
.plan-card.featured::after { position: absolute; top: 0; right: 28px; left: 28px; height: 5px; border-radius: 0 0 8px 8px; content: ""; background: var(--beige); }
.plan-top { position: relative; z-index: 1; min-height: 48px; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.plan-symbol { width: 46px; height: 46px; border-radius: 14px; font-size: 18px; }
.plan-top em { padding: 6px 10px; border: 1px solid rgba(189, 179, 156, .6); border-radius: 99px; color: var(--beige-dark); background: #fff8f4; font-size: 10px; font-style: normal; font-weight: 800; }
.plan-kicker { position: relative; margin-top: 17px; color: var(--beige-dark); font-size: 9px; font-weight: 800; }
.plan-card h3 { position: relative; margin: 1px 0 5px; color: var(--navy); font-size: 27px; }
.plan-card > p { position: relative; min-height: 55px; margin: 0; color: var(--muted); font-size: 12px; }
.plan-card ul { position: relative; margin: 24px 0; padding: 0; list-style: none; }
.plan-card li { padding: 9px 0; display: flex; align-items: center; justify-content: space-between; gap: 14px; border-bottom: 1px dashed var(--line); color: var(--muted); font-size: 12px; }
.plan-card li::before { width: 18px; height: 18px; order: 3; display: grid; place-items: center; border-radius: 50%; content: "✓"; color: var(--navy); background: rgba(189, 179, 156, .3); font-size: 9px; font-weight: 800; }
.plan-card li b { color: var(--navy); }
.price-options { position: relative; margin-top: auto; display: grid; gap: 9px; }
.price-option { min-height: 92px; padding: 15px 16px; display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 2px 14px; border: 1px solid rgba(189, 179, 156, .6); border-radius: 17px; background: var(--paper); transition: background .2s ease, border-color .2s ease, transform .2s ease, box-shadow .2s ease; }
.price-option:hover { border-color: var(--beige-dark); background: rgba(189, 179, 156, .1); box-shadow: 0 10px 24px rgba(15, 30, 58, .08); transform: translateY(-2px); }
.price-option span { color: var(--navy); font-size: 12px; font-weight: 800; }
.price-option strong { color: var(--navy); font-size: 12px; font-weight: 700; }
.price-option strong b { font-size: 22px; }
.price-option small { grid-column: 1 / -1; margin-top: 5px; display: flex; align-items: center; justify-content: space-between; color: var(--beige-dark); font-size: 10px; font-weight: 800; }
.price-option small i { font-size: 16px; font-style: normal; transition: transform .2s ease; }
.price-option:hover small i { transform: translateX(-4px); }
.price-empty { padding: 18px; border: 1px dashed var(--line); border-radius: 15px; color: var(--muted); background: var(--cream); text-align: center; font-size: 10px; }

.panel { position: relative; padding: 30px; margin-bottom: 24px; overflow: hidden; border-radius: var(--radius-md); }
.panel::before { position: absolute; top: 0; right: 0; width: 125px; height: 4px; border-radius: 0 0 0 8px; content: ""; background: var(--beige); }
.panel h2 { margin-top: 0; color: var(--navy); }
.form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
label { display: grid; align-content: start; gap: 8px; margin-bottom: 17px; }
.form-grid > label { margin-bottom: 0; }
label span { color: var(--navy); font-size: 12px; font-weight: 800; }
label small { color: var(--muted); font-weight: 400; }
.entity-type-selector { min-width: 0; margin: 0; padding: 0; border: 0; }
.entity-type-selector legend { margin-bottom: 10px; color: var(--navy); font-size: 12px; font-weight: 800; }
.entity-type-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.entity-type-option { min-height: 76px; margin: 0; padding: 14px 15px; display: flex; align-items: center; gap: 12px; border: 1px solid #dcd8d5; border-radius: 15px; background: #fffefc; cursor: pointer; transition: border-color .2s ease, box-shadow .2s ease, background .2s ease; }
.entity-type-option:hover { border-color: #cabdb6; background: var(--white); }
.entity-type-option:has(input:checked) { border-color: var(--beige-dark); background: rgba(189, 179, 156, .14); box-shadow: 0 0 0 3px rgba(189, 179, 156, .12); }
.entity-type-option input { width: 18px; height: 18px; min-height: 0; flex: 0 0 18px; margin: 0; accent-color: var(--navy); }
.entity-type-option span, .entity-type-option b, .entity-type-option small { display: block; }
.entity-type-option b { margin-bottom: 3px; color: var(--navy); font-size: 13px; }
.entity-type-option small { color: var(--muted); font-size: 10px; line-height: 1.7; }
.security-note { padding: 12px 14px; border: 1px solid rgba(36, 81, 143, .18); border-radius: 13px; color: #24518f; background: #edf4ff; font-size: 11px; font-weight: 700; }
input, select, textarea { width: 100%; border: 1px solid #dcd8d5; border-radius: 13px; padding: 13px 14px; outline: none; color: var(--ink); background: #fffefc; font: inherit; font-size: 13px; transition: border-color .2s ease, box-shadow .2s ease, background .2s ease; }
input, select { min-height: 50px; }
input[type="file"] { padding: 9px; cursor: pointer; }
input[type="file"]::file-selector-button { min-height: 34px; margin-left: 10px; padding: 6px 12px; border: 0; border-radius: 10px; color: var(--navy); background: rgba(189, 179, 156, .32); font: inherit; font-weight: 800; cursor: pointer; }
.file-field { padding: 14px; border: 1px dashed #d8c5ba; border-radius: 16px; background: #fffaf7; }
.file-field .file-name { color: var(--beige-dark); }
textarea { resize: vertical; }
input:hover, select:hover, textarea:hover { border-color: #cabdb6; }
input:focus, select:focus, textarea:focus { border-color: var(--beige-dark); background: var(--white); box-shadow: 0 0 0 4px rgba(189, 179, 156, .2); }
.wide { grid-column: 1 / -1; }
.form-actions { display: flex; gap: 11px; flex-wrap: wrap; }
.btn { min-height: 44px; padding: 10px 18px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--line); border-radius: 13px; color: var(--navy); background: var(--white); font: inherit; font-size: 12px; font-weight: 800; cursor: pointer; transition: transform .2s ease, box-shadow .2s ease, background .2s ease; }
.btn:hover { transform: translateY(-2px); }
.btn.primary { border-color: var(--navy); color: var(--white); background: var(--navy); box-shadow: 0 10px 25px rgba(15, 30, 58, .16); }
.btn.primary:hover { background: var(--navy-soft); }
.btn.beige { min-width: 154px; border-color: var(--beige); color: var(--navy-deep); background: var(--beige); box-shadow: 0 12px 30px rgba(189, 179, 156, .2); }
.btn.beige:hover { background: var(--beige-light); }
.btn.danger { border-color: #f1c8cd; color: var(--danger); background: #fff1f2; }
.btn.ghost { background: var(--cream); }
.btn.small { min-height: 34px; padding: 6px 11px; font-size: 11px; }
.btn:disabled { opacity: .48; cursor: not-allowed; transform: none; box-shadow: none; }
.btn.full { width: 100%; margin-bottom: 9px; }
.auth-box { max-width: 540px; }
.remember-session-option { margin: 1px 0 18px; display: flex; align-items: flex-start; gap: 10px; }
.remember-session-option input { width: 19px; min-height: 19px; margin: 2px 0 0; accent-color: var(--navy); }
.remember-session-option span { display: grid; gap: 2px; }
.remember-session-option b { color: var(--navy); font-size: 11px; }
.remember-session-option small { color: var(--muted); font-size: 10px; font-weight: 400; line-height: 1.7; }
.center { text-align: center; }

.alert { margin-top: 18px; padding: 14px 18px; border: 1px solid transparent; border-radius: 14px; font-size: 12px; font-weight: 700; }
.alert.success { border-color: #c8eadc; color: var(--ok); background: #e7f7f0; }
.alert.error { border-color: #f1c8cd; color: var(--danger); background: #fff0f1; }
.alert.info { border-color: #d8e5f6; color: #24518f; background: #edf4ff; }
.empty { padding: 45px; border: 1px dashed #d7cbc5; border-radius: 20px; color: var(--muted); background: rgba(255, 255, 255, .58); text-align: center; }
.subscription-stepper { margin: 0 0 26px; padding: 18px 22px; display: grid; grid-template-columns: repeat(5, 1fr); border: 1px solid var(--line); border-radius: 18px; background: var(--white); box-shadow: var(--shadow-sm); list-style: none; }
.subscription-stepper li { position: relative; display: grid; justify-items: center; gap: 8px; color: var(--muted); text-align: center; font-size: 10px; }
.subscription-stepper li:not(:last-child)::after { position: absolute; top: 16px; right: calc(50% + 22px); width: calc(100% - 44px); height: 2px; content: ""; background: var(--line); }
.subscription-stepper li span { position: relative; z-index: 1; width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 50%; color: var(--muted); background: var(--white); font-size: 11px; font-weight: 800; }
.subscription-stepper li b { font-weight: 700; }
.subscription-stepper li.is-current, .subscription-stepper li.is-complete { color: var(--navy); }
.subscription-stepper li.is-current span { border-color: var(--beige); color: var(--navy); background: var(--beige); box-shadow: 0 0 0 5px rgba(189, 179, 156, .18); }
.subscription-stepper li.is-complete span { border-color: var(--navy); color: var(--white); background: var(--navy); }
.subscription-stepper li.is-complete:not(:last-child)::after { background: rgba(15, 30, 58, .32); }
.summary-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-bottom: 24px; }
.summary { padding: 22px; border-radius: 18px; }
.summary span, .detail-grid span { display: block; color: var(--muted); font-size: 11px; }
.summary strong { display: block; margin-top: 6px; color: var(--navy); font-size: 17px; }
.subscription-actions { margin-bottom: 22px; padding: 18px 20px; display: flex; align-items: center; justify-content: space-between; gap: 20px; border: 1px solid rgba(189, 179, 156, .58); border-radius: 18px; background: linear-gradient(135deg, rgba(189, 179, 156, .17), var(--white) 65%); box-shadow: var(--shadow-sm); }
.subscription-actions > div:first-child span, .subscription-actions > div:first-child b { display: block; }
.subscription-actions > div:first-child span { color: var(--beige-dark); font-size: 10px; font-weight: 800; }
.subscription-actions > div:first-child b { margin-top: 3px; color: var(--navy); font-size: 14px; }
.action-alert { display: grid; gap: 7px; }
.action-alert > span { display: block; }
.action-alert > div { margin-top: 5px; display: flex; gap: 8px; flex-wrap: wrap; }
.change-plan-note { margin-bottom: 26px; padding: 15px 18px; display: flex; align-items: center; gap: 13px; border: 1px solid rgba(189, 179, 156, .58); border-radius: 16px; background: rgba(189, 179, 156, .12); }
.change-plan-note > span { padding: 5px 10px; border-radius: 99px; color: var(--navy-deep); background: var(--beige); font-size: 9px; font-weight: 800; }
.change-plan-note p { margin: 0; color: var(--muted); font-size: 11px; }
.change-plan-grid { margin-bottom: 25px; }
.change-price-list { margin-top: auto; display: grid; gap: 10px; }
.change-price-option { padding: 13px; display: flex; align-items: center; justify-content: space-between; gap: 14px; border: 1px solid rgba(189, 179, 156, .5); border-radius: 15px; background: var(--paper); }
.change-price-option div { min-width: 0; display: grid; gap: 2px; }
.change-price-option span { color: var(--beige-dark); font-size: 9px; font-weight: 800; }
.change-price-option strong { color: var(--navy); font-size: 14px; }
.change-price-option small { color: var(--ok); font-size: 9px; }
.change-price-option.is-unavailable { border-style: dashed; opacity: .72; }
.change-price-option.is-unavailable small { color: var(--danger); }
.page-bottom-actions { display: flex; justify-content: center; gap: 10px; flex-wrap: wrap; }
.transfer-account { margin: 14px 0; padding: 22px; display: grid; gap: 5px; border-right: 5px solid var(--beige); border-radius: 18px; background: var(--paper); }
.transfer-account strong, .transfer-account b { color: var(--navy); }
.transfer-account small { color: var(--muted); }
.table-wrap { overflow: auto; }
table { width: 100%; min-width: 700px; border-collapse: collapse; }
th, td { padding: 14px; border-bottom: 1px solid var(--line); text-align: right; font-size: 12px; }
th { color: var(--navy); background: var(--cream); font-size: 11px; }
tbody tr:hover { background: #fffaf7; }
.status-badge { padding: 5px 9px; display: inline-flex; border-radius: 999px; color: var(--navy); background: rgba(15, 30, 58, .08); font-size: 10px; font-weight: 800; }
.status-badge.status-approved { color: var(--ok); background: #e7f7f0; }
.status-badge.status-pending_review, .status-badge.status-pending { color: #8a5b16; background: #fff5dc; }
.status-badge.status-rejected { color: var(--danger); background: #fff0f1; }
.table-link { color: var(--navy); border-bottom: 1px solid var(--beige); font-weight: 800; }
.detail-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.detail-grid b { display: block; margin-top: 4px; color: var(--navy); }

.support-widget { position: fixed; z-index: 90; bottom: 24px; left: 24px; direction: rtl; }
.support-fab { min-width: 190px; min-height: 62px; padding: 9px 12px 9px 16px; display: flex; align-items: center; gap: 10px; border: 1px solid rgba(255, 255, 255, .16); border-radius: 20px; color: var(--white); background: linear-gradient(135deg, var(--navy), #203d68); box-shadow: 0 18px 45px rgba(9, 21, 42, .3); font: inherit; text-align: right; cursor: pointer; transition: transform .22s ease, box-shadow .22s ease; }
.support-fab:hover { transform: translateY(-3px); box-shadow: 0 23px 55px rgba(9, 21, 42, .37); }
.support-fab > span:last-child b, .support-fab > span:last-child small { display: block; }
.support-fab > span:last-child b { font-size: 11px; }
.support-fab > span:last-child small { color: rgba(255, 255, 255, .66); font-size: 8px; }
.support-fab-icon { position: relative; width: 42px; height: 42px; flex: 0 0 42px; display: grid; place-items: center; border-radius: 14px; color: var(--navy-deep); background: var(--beige); }
.support-fab-icon svg { width: 25px; height: 25px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.support-fab-icon i { position: absolute; top: -2px; right: -2px; width: 10px; height: 10px; border: 2px solid var(--navy); border-radius: 50%; background: #48b886; box-shadow: 0 0 0 3px rgba(72, 184, 134, .18); }
.support-panel { position: absolute; bottom: 75px; left: 0; width: min(360px, calc(100vw - 28px)); overflow: hidden; border: 1px solid rgba(189, 179, 156, .55); border-radius: 22px; color: var(--ink); background: var(--white); box-shadow: 0 28px 80px rgba(9, 21, 42, .28); animation: support-panel-in .2s ease both; }
.support-panel-head { padding: 17px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 11px; color: var(--white); background: radial-gradient(circle at 10% 0, rgba(189, 179, 156, .28), transparent 44%), linear-gradient(135deg, var(--navy-deep), var(--navy-soft)); }
.support-agent-icon { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 14px; color: var(--navy-deep); background: var(--beige); }
.support-agent-icon svg { width: 25px; height: 25px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.support-panel-head b, .support-panel-head small { display: block; }
.support-panel-head b { font-size: 12px; }
.support-panel-head small { margin-top: 2px; color: rgba(255, 255, 255, .67); font-size: 8px; }
.support-panel-head small i { width: 7px; height: 7px; display: inline-block; margin-left: 4px; border-radius: 50%; background: #55c993; }
.support-close { width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid rgba(255, 255, 255, .14); border-radius: 11px; color: var(--white); background: rgba(255, 255, 255, .07); font-size: 22px; cursor: pointer; }
.support-panel-body { padding: 18px; display: grid; gap: 10px; }
.support-panel-body p { margin: 0 0 4px; color: var(--muted); font-size: 11px; line-height: 1.9; }
.support-quick-link { padding: 11px 12px; display: flex; align-items: center; justify-content: space-between; border: 1px solid var(--line); border-radius: 12px; color: var(--navy); background: var(--cream); font-size: 10px; font-weight: 800; }
.support-chat-button { border-color: #168b5b; color: #fff; background: linear-gradient(135deg, #168b5b, #24aa73); }
.support-chat-button:hover { background: linear-gradient(135deg, #11764c, #1d9664); }
.support-chat-button svg { width: 20px; height: 20px; margin-left: 7px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.support-email { color: var(--muted); text-align: center; font-size: 9px; direction: ltr; }
@keyframes support-panel-in { from { opacity: 0; transform: translateY(10px) scale(.98); } to { opacity: 1; transform: translateY(0) scale(1); } }

.site-footer { position: relative; overflow: hidden; margin-top: 0; padding: 34px 0; color: rgba(255, 255, 255, .72); background: var(--navy-deep); text-align: center; font-size: 11px; }
.site-footer .container { display: flex; align-items: center; justify-content: center; gap: 8px; }
.site-footer b { color: var(--white); }
.site-footer::before { position: absolute; top: 0; right: 10%; left: 10%; height: 3px; border-radius: 0 0 99px 99px; content: ""; background: var(--beige); }
:focus-visible { outline: 3px solid rgba(189, 179, 156, .65); outline-offset: 3px; }

[data-theme="dark"] {
    color-scheme: dark;
    --cream: #091425;
    --paper: #101D31;
    --ink: #F1F4F8;
    --muted: #AAB3C2;
    --line: #26354D;
    --beige-dark: #D1C8B6;
    --beige-light: #E8E1D4;
    --shadow-sm: 0 5px 18px rgba(0, 0, 0, .18);
    --shadow-lg: 0 16px 38px rgba(0, 0, 0, .25);
}
[data-theme="dark"] body,
[data-theme="dark"] main,
[data-theme="dark"] .plans-section { background-color: var(--cream); }
[data-theme="dark"] .plans-section { background-image: radial-gradient(circle at 0 70%, rgba(189, 179, 156, .08), transparent 25%); }
[data-theme="dark"] .feature-grid,
[data-theme="dark"] .plan-card,
[data-theme="dark"] .panel,
[data-theme="dark"] .summary,
[data-theme="dark"] .transfer-account,
[data-theme="dark"] .billing-switch,
[data-theme="dark"] .subscription-stepper,
[data-theme="dark"] .subscription-stepper li span { border-color: var(--line); background: #111F35; }
[data-theme="dark"] .plan-card.featured { border-color: var(--beige); background: linear-gradient(180deg, rgba(189, 179, 156, .12), #111F35 34%); }
[data-theme="dark"] .section-head h2,
[data-theme="dark"] .page-title h1,
[data-theme="dark"] .feature-grid b,
[data-theme="dark"] .plan-card h3,
[data-theme="dark"] .plan-card li b,
[data-theme="dark"] .price-option span,
[data-theme="dark"] .price-option strong,
[data-theme="dark"] .panel h2,
[data-theme="dark"] .summary strong,
[data-theme="dark"] .transfer-account strong,
[data-theme="dark"] .transfer-account b,
[data-theme="dark"] .detail-grid b,
[data-theme="dark"] label span,
[data-theme="dark"] th { color: #F1F4F8; }
[data-theme="dark"] .entity-type-selector legend,
[data-theme="dark"] .entity-type-option b { color: #F1F4F8; }
[data-theme="dark"] .entity-type-option { border-color: var(--line); background: #0D192B; }
[data-theme="dark"] .entity-type-option:hover,
[data-theme="dark"] .entity-type-option:has(input:checked) { border-color: var(--beige); background: rgba(189, 179, 156, .1); }
[data-theme="dark"] .security-note { border-color: rgba(103, 151, 214, .3); color: #A9CAF4; background: rgba(36, 81, 143, .18); }
[data-theme="dark"] .price-option,
[data-theme="dark"] input,
[data-theme="dark"] select,
[data-theme="dark"] textarea { border-color: var(--line); color: var(--ink); background: #0D192B; }
[data-theme="dark"] input:focus,
[data-theme="dark"] select:focus,
[data-theme="dark"] textarea:focus { border-color: var(--beige); background: #101D31; }
[data-theme="dark"] .file-field,
[data-theme="dark"] .empty,
[data-theme="dark"] .price-empty,
[data-theme="dark"] th { border-color: var(--line); background: #0D192B; }
[data-theme="dark"] .btn { border-color: var(--line); color: var(--ink); background: #15243B; }
[data-theme="dark"] .btn.primary { border-color: #304766; color: var(--white); background: #223957; }
[data-theme="dark"] .btn.beige { border-color: var(--beige); color: #091425; background: var(--beige); }
[data-theme="dark"] .btn.ghost { color: var(--ink); background: #0D192B; }
[data-theme="dark"] .plan-top em { color: var(--beige-light); background: rgba(189, 179, 156, .1); }
[data-theme="dark"] .alert.success { border-color: rgba(87, 185, 138, .3); color: #8ED9B4; background: rgba(17, 122, 85, .16); }
[data-theme="dark"] .alert.error { border-color: rgba(219, 108, 119, .3); color: #F2A0A9; background: rgba(173, 47, 59, .15); }
[data-theme="dark"] .alert.info { border-color: rgba(103, 151, 214, .3); color: #A9CAF4; background: rgba(36, 81, 143, .18); }
[data-theme="dark"] tbody tr:hover,
[data-theme="dark"] .price-option:hover { background: rgba(189, 179, 156, .08); }
[data-theme="dark"] .subscription-stepper li.is-current span { border-color: var(--beige); color: #091425; background: var(--beige); }
[data-theme="dark"] .subscription-stepper li.is-complete span { border-color: #40597B; color: var(--white); background: #294262; }
[data-theme="dark"] .table-link { color: var(--beige-light); }
[data-theme="dark"] .subscription-actions { border-color: rgba(189, 179, 156, .35); background: linear-gradient(135deg, rgba(189, 179, 156, .1), #111F35 65%); }
[data-theme="dark"] .subscription-actions b,
[data-theme="dark"] .change-price-option strong { color: var(--ink); }
[data-theme="dark"] .change-plan-note,
[data-theme="dark"] .change-price-option { border-color: var(--line); background: #111F35; }
[data-theme="dark"] .support-panel { border-color: var(--line); background: #111F35; }
[data-theme="dark"] .support-quick-link { border-color: var(--line); color: var(--ink); background: #0D192B; }

@media (min-width: 1440px) {
    .container { width: min(1280px, calc(100% - 80px)); }
    .hero-grid { gap: 92px; }
}

@media (max-width: 1023px) {
    .container, .narrow { width: min(100% - 28px, 820px); }
    .site-header { padding-top: 13px; }
    .header-frame { overflow: visible; border-radius: 21px; backdrop-filter: none; }
    .header-frame::before, .header-frame::after { border-radius: inherit; }
    .nav-wrap { min-height: 76px; padding: 10px 14px; }
    .nav-toggle { display: grid; place-items: center; }
    nav {
        position: fixed;
        z-index: 60;
        top: 0;
        right: 0;
        bottom: 0;
        width: min(360px, 88vw);
        padding: 22px 18px;
        overflow-y: auto;
        align-items: stretch;
        justify-content: flex-start;
        flex-direction: column;
        gap: 5px;
        color: var(--ink);
        background: var(--white);
        box-shadow: -18px 0 55px rgba(9, 21, 42, .18);
        transform: translateX(105%);
        visibility: hidden;
        transition: transform .22s ease, visibility .22s ease;
    }
    nav > a, .link-button { width: 100%; min-height: 46px; padding: 11px 13px; display: flex; align-items: center; border-radius: 12px; color: var(--ink); text-align: right; }
    nav > a:hover, .link-button:hover { color: var(--navy); background: rgba(189, 179, 156, .14); }
    nav .inline { width: 100%; }
    .nav-signup { margin: 8px 0 0; justify-content: center; }
    .mobile-nav-head { margin-bottom: 14px; padding-bottom: 14px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line); color: var(--navy); font-size: 14px; font-weight: 800; }
    .mobile-nav-head button { width: 42px; height: 42px; border: 1px solid var(--line); border-radius: 12px; color: var(--navy); background: var(--cream); font-size: 25px; cursor: pointer; }
    .user-chip { margin-top: 8px; color: var(--navy); background: var(--cream); }
    .nav-backdrop { position: fixed; z-index: 40; inset: 0; display: block; background: rgba(9, 21, 42, .5); opacity: 0; visibility: hidden; backdrop-filter: blur(3px); transition: opacity .2s ease, visibility .2s ease; }
    .nav-open { overflow: hidden; }
    .nav-open nav { transform: translateX(0); visibility: visible; }
    .nav-open .nav-backdrop { opacity: 1; visibility: visible; }
    [data-theme="dark"] nav { color: var(--ink); background: #111F35; }
    [data-theme="dark"] nav > a, [data-theme="dark"] .link-button { color: var(--ink); }
    [data-theme="dark"] .mobile-nav-head button, [data-theme="dark"] .user-chip { border-color: var(--line); color: var(--ink); background: #0D192B; }
    .hero { min-height: 0; padding: 62px 0 120px; clip-path: polygon(0 0, 100% 0, 100% 95%, 0 100%); }
    .hero-grid { grid-template-columns: 1fr; gap: 36px; }
    .hero-visual { max-width: 680px; justify-self: center; }
    .feature-strip { margin-top: -42px; }
    .section-head { align-items: flex-start; flex-direction: column; }
    .plans { grid-template-columns: 1fr; }
    .plan-card { max-width: 650px; width: 100%; margin-inline: auto; }
    .subscription-actions { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 639px) {
    .container, .narrow { width: min(100% - 20px, 540px); }
    .logo-shell { width: 50px; height: 50px; border-radius: 14px; }
    .brand strong { font-size: 16px; }
    .brand small { font-size: 8px; }
    .hero { padding: 46px 0 108px; }
    .hero h1 { font-size: clamp(18px, 5.4vw, 28px); white-space: nowrap; }
    .hero p { font-size: 14px; }
    .hero-visual { max-width: 520px; }
    .hero-visual-note { right: 4%; bottom: -16px; min-width: 200px; }
    .feature-grid { grid-template-columns: 1fr; border-radius: 21px; }
    .feature-grid > div { min-height: 0; padding: 22px; border-left: 0; border-bottom: 1px solid var(--line); }
    .feature-grid > div:last-child { border-bottom: 0; }
    .section { padding: 50px 0; }
    .plans-section { padding-top: 82px; }
    .plan-card, .panel { padding: 21px; border-radius: 20px; }
    .form-grid, .summary-grid, .detail-grid { grid-template-columns: 1fr; }
    .entity-type-options { grid-template-columns: 1fr; }
    .wide { grid-column: auto; }
    .form-actions .btn { width: 100%; }
    .subscription-actions .form-actions, .subscription-actions .inline { width: 100%; }
    .hero-actions { align-items: stretch; flex-direction: column; }
    .hero-actions .btn, .hero-link { text-align: center; }
    .billing-switch { width: 100%; }
    .billing-switch button { min-width: 0; flex: 1; }
    .subscription-stepper { padding: 15px 10px; gap: 2px; overflow: hidden; }
    .subscription-stepper li { font-size: 8px; }
    .subscription-stepper li span { width: 30px; height: 30px; }
    .subscription-stepper li:not(:last-child)::after { top: 14px; right: calc(50% + 18px); width: calc(100% - 36px); }
    .table-wrap { overflow: visible; }
    .responsive-table { min-width: 0; }
    .responsive-table thead { display: none; }
    .responsive-table tbody, .responsive-table tr, .responsive-table td { display: block; width: 100%; }
    .responsive-table tr { margin-bottom: 14px; padding: 14px; border: 1px solid var(--line); border-radius: 16px; background: var(--white); }
    .responsive-table tr:last-child { margin-bottom: 0; }
    .responsive-table td { min-height: 40px; padding: 9px 0; display: flex; align-items: center; justify-content: space-between; gap: 14px; border-bottom: 1px dashed var(--line); text-align: left; }
    .responsive-table td:last-child { border-bottom: 0; }
    .responsive-table td::before { content: attr(data-label); color: var(--muted); font-size: 10px; font-weight: 700; text-align: right; }
    .responsive-table td[colspan] { display: block; text-align: center; }
    .responsive-table td[colspan]::before { display: none; }
    .responsive-table .btn { min-height: 44px; }
    [data-theme="dark"] .responsive-table tr { border-color: var(--line); background: #111F35; }
    .support-widget { bottom: 14px; left: 10px; }
    .support-fab { min-width: 0; min-height: 54px; padding: 7px; border-radius: 17px; }
    .support-fab > span:last-child { display: none; }
    .support-fab-icon { width: 40px; height: 40px; flex-basis: 40px; }
    .support-panel { bottom: 65px; }
    .page-bottom-actions .btn { width: 100%; }
}

.trial-plan-card {
    border-color: rgba(189, 179, 156, .82);
    background: linear-gradient(155deg, var(--white) 0%, rgba(189, 179, 156, .14) 100%);
    box-shadow: 0 24px 58px rgba(12, 30, 59, .14);
}
.notification-stack { margin: 22px 0; display: grid; gap: 10px; }
.notification-item {
    padding: 15px 18px;
    display: flex;
    align-items: flex-start;
    gap: 13px;
    border: 1px solid var(--line);
    border-radius: 16px;
    background: var(--white);
    box-shadow: var(--shadow-sm);
}
.notification-item > span { width: 29px; height: 29px; flex: 0 0 29px; display: grid; place-items: center; border-radius: 10px; color: var(--navy); background: var(--beige); font-weight: 800; }
.notification-item b { color: var(--navy); font-size: 13px; }
.notification-item p { margin: 2px 0 0; color: var(--muted); font-size: 11px; }
.notification-item.priority-high, .notification-item.priority-urgent { border-color: rgba(189, 179, 156, .8); }
[data-theme="dark"] .notification-item { background: #111f35; }
[data-theme="dark"] .notification-item b { color: #f7f4ed; }
.trial-plan-card .plan-symbol { color: var(--navy); background: var(--beige); }
.trial-price-option { border-color: rgba(189, 179, 156, .9); background: rgba(189, 179, 156, .14); }
.trial-price-option strong b { font-size: 25px; }
.trial-status-card {
    margin: 24px 0;
    padding: 26px 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    overflow: hidden;
    position: relative;
    border: 1px solid rgba(189, 179, 156, .72);
    border-radius: 24px;
    color: #fff;
    background: linear-gradient(135deg, #0f2445 0%, #19375f 62%, #7f7560 140%);
    box-shadow: 0 22px 48px rgba(12, 30, 59, .2);
}
.trial-status-card::after {
    content: '';
    width: 180px;
    height: 180px;
    position: absolute;
    left: -55px;
    top: -90px;
    border: 1px solid rgba(255,255,255,.13);
    border-radius: 50%;
}
.trial-status-card > div { position: relative; z-index: 1; }
.trial-status-card span { color: #d9d1c0; font-size: 11px; font-weight: 800; }
.trial-status-card h2 { margin: 7px 0; color: #fff; font-size: 22px; }
.trial-status-card p { margin: 0; color: rgba(255,255,255,.75); font-size: 12px; }
.trial-status-card p b { color: #fff; }
.trial-clock {
    min-width: 230px;
    padding: 18px 22px;
    display: grid;
    gap: 6px;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 18px;
    text-align: center;
    background: rgba(255,255,255,.09);
    backdrop-filter: blur(10px);
}
.trial-clock small { color: #d9d1c0; font-size: 10px; }
.trial-clock strong { direction: ltr; color: #fff; font-size: clamp(24px, 4vw, 34px); letter-spacing: 2px; font-variant-numeric: tabular-nums; }
[data-theme="dark"] .trial-plan-card { background: linear-gradient(155deg, #111f35 0%, rgba(189, 179, 156, .12) 100%); }

@media (max-width: 639px) {
    .trial-status-card { padding: 22px; align-items: stretch; flex-direction: column; }
    .trial-clock { min-width: 0; width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}

.registration-setup-note { display: grid; gap: 3px; padding: 12px 14px; border-right: 3px solid var(--beige); border-radius: 10px; color: var(--muted); background: #faf8f3; font-size: 11px; line-height: 1.8; }
.registration-setup-note b { color: var(--navy); font-size: 12px; }

/* Platform plan management + commercial discount presentation */
.price-option strong { display: flex; align-items: baseline; justify-content: flex-end; gap: 7px; flex-wrap: wrap; }
.price-final { color: var(--navy); white-space: nowrap; }
.price-original { color: #9a8f89; font-size: 10px; font-weight: 700; text-decoration: line-through; text-decoration-thickness: 1.5px; }
.discount-offer { grid-column: 1 / -1; margin-top: 5px; padding: 8px 10px; display: flex; align-items: center; gap: 8px; border: 1px solid rgba(198, 51, 64, .17); border-radius: 11px; background: rgba(198, 51, 64, .055); }
.discount-offer b { padding: 4px 7px; border-radius: 8px; color: #fff; background: #c63340; font-size: 9px; font-weight: 800; white-space: nowrap; }
.discount-offer span { color: #a62b36; font-size: 9px; font-weight: 800; }
.change-discount { display: flex; align-items: center; gap: 7px; }
.change-discount del { color: var(--muted); font-size: 9px; }
.change-discount b { padding: 2px 6px; border-radius: 7px; color: #b52835; background: rgba(198, 51, 64, .08); font-size: 9px; }

.platform-admin-section { padding-top: 38px; background: linear-gradient(180deg, rgba(189,179,156,.08), transparent 260px); }
.platform-admin-nav { margin-bottom: 28px; padding: 6px; display: inline-flex; gap: 5px; border: 1px solid var(--line); border-radius: 15px; background: var(--white); box-shadow: var(--shadow-sm); }
.platform-admin-nav a { min-height: 39px; padding: 8px 14px; display: inline-flex; align-items: center; border-radius: 10px; color: var(--muted); font-size: 10px; font-weight: 800; }
.platform-admin-nav a:hover, .platform-admin-nav a.is-active { color: var(--navy); background: rgba(189,179,156,.22); }
.admin-page-hero { margin-bottom: 25px; display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; }
.admin-page-hero h1 { margin: 7px 0; color: var(--navy); font-size: clamp(28px, 4vw, 40px); }
.admin-page-hero p { max-width: 780px; margin: 0; color: var(--muted); font-size: 11px; line-height: 1.9; }
.admin-plan-summary { margin-bottom: 24px; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
.admin-plan-summary article { padding: 18px 20px; border: 1px solid var(--line); border-radius: 17px; background: var(--white); box-shadow: var(--shadow-sm); }
.admin-plan-summary span { display: block; color: var(--muted); font-size: 10px; }
.admin-plan-summary b { display: block; margin-top: 4px; color: var(--navy); font-size: 24px; }
.admin-plan-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.admin-plan-card { position: relative; padding: 22px; overflow: hidden; border: 1px solid var(--line); border-radius: 22px; background: var(--white); box-shadow: var(--shadow-sm); }
.admin-plan-card.is-featured { border-color: var(--beige-dark); box-shadow: 0 18px 42px rgba(15,30,58,.10); }
.admin-plan-card.is-featured::before { position: absolute; top: 0; right: 22px; left: 22px; height: 4px; border-radius: 0 0 8px 8px; content: ''; background: var(--beige); }
.admin-plan-card header { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; }
.admin-plan-card header h2 { margin: 6px 0 0; color: var(--navy); font-size: 22px; }
.admin-plan-card header small { color: var(--muted); font-size: 9px; }
.admin-plan-card header em { padding: 5px 8px; border-radius: 99px; color: var(--beige-dark); background: rgba(189,179,156,.18); font-size: 9px; font-style: normal; font-weight: 800; }
.admin-plan-card > p { min-height: 48px; color: var(--muted); font-size: 10px; line-height: 1.8; }
.plan-state { display: inline-block; padding: 4px 7px; border-radius: 8px; font-size: 8px; font-weight: 800; }
.plan-state.is-active { color: #176746; background: #e5f6ee; }
.plan-state.is-inactive { color: #8a6517; background: #fff5d9; }
.plan-state.is-archived { color: #6b5f5f; background: #eee9e7; }
.admin-plan-limits { margin: 15px 0; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px; }
.admin-plan-limits span { padding: 9px 10px; border: 1px solid var(--line); border-radius: 11px; color: var(--muted); background: var(--cream); font-size: 9px; }
.admin-plan-limits b { color: var(--navy); }
.admin-plan-prices { margin-bottom: 15px; display: grid; gap: 8px; }
.admin-plan-price { padding: 11px 12px; display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 3px 10px; border: 1px solid var(--line); border-radius: 13px; background: var(--paper); }
.admin-plan-price > span { color: var(--muted); font-size: 9px; font-weight: 800; }
.admin-plan-price > strong { justify-self: end; color: var(--navy); font-size: 13px; }
.admin-plan-price small { grid-column: 1 / -1; display: flex; align-items: center; gap: 8px; color: var(--muted); font-size: 8px; }
.admin-plan-price small b { padding: 3px 6px; border-radius: 7px; color: #b52835; background: rgba(198,51,64,.08); }

.admin-plan-form { padding-bottom: 90px; }
.form-section-title { margin-bottom: 22px; display: flex; align-items: center; gap: 12px; }
.form-section-title > span { width: 34px; height: 34px; flex: 0 0 34px; display: grid; place-items: center; border-radius: 11px; color: var(--navy); background: var(--beige); font-size: 10px; font-weight: 800; }
.form-section-title h2 { margin: 0; font-size: 19px; }
.form-section-title p { margin: 2px 0 0; color: var(--muted); font-size: 10px; }
.admin-check { min-height: 68px; padding: 12px 14px; display: flex; align-items: center; gap: 11px; border: 1px solid var(--line); border-radius: 14px; background: var(--cream); cursor: pointer; }
.admin-check input { width: 19px; height: 19px; min-height: 0; flex: 0 0 19px; margin: 0; accent-color: var(--navy); }
.admin-check span b, .admin-check span small { display: block; }
.admin-check span small { margin-top: 2px; color: var(--muted); font-size: 9px; font-weight: 400; }
.admin-limit-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
.admin-pricing-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.admin-price-editor { padding: 18px; border: 1px solid var(--line); border-radius: 18px; background: var(--cream); }
.admin-price-editor > header { margin-bottom: 16px; display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.admin-price-editor > header span { color: var(--beige-dark); font-size: 9px; font-weight: 800; }
.admin-price-editor > header h3 { margin: 2px 0 0; color: var(--navy); font-size: 17px; }
.admin-price-fields { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
.admin-price-fields label { margin: 0; }
.admin-price-fields input { min-height: 44px; padding: 10px 11px; }
.mini-switch { margin: 0; display: flex; align-items: center; gap: 7px; cursor: pointer; }
.mini-switch input { position: absolute; opacity: 0; pointer-events: none; }
.mini-switch i { position: relative; width: 38px; height: 22px; border-radius: 99px; background: #d9d3cf; transition: .2s; }
.mini-switch i::after { position: absolute; top: 3px; right: 3px; width: 16px; height: 16px; border-radius: 50%; content: ''; background: #fff; box-shadow: 0 2px 5px rgba(0,0,0,.13); transition: .2s; }
.mini-switch input:checked + i { background: var(--navy); }
.mini-switch input:checked + i::after { transform: translateX(-16px); }
.mini-switch b { color: var(--muted); font-size: 9px; }
.price-live-preview { margin-top: 14px; padding: 13px 14px; display: flex; align-items: center; justify-content: space-between; gap: 15px; border: 1px solid rgba(189,179,156,.5); border-radius: 14px; background: var(--white); }
.price-live-preview > span { color: var(--muted); font-size: 9px; font-weight: 800; }
.price-live-preview > div { display: flex; align-items: baseline; justify-content: flex-end; gap: 8px; flex-wrap: wrap; }
.price-live-preview del { color: #9a8f89; font-size: 9px; }
.price-live-preview strong { color: var(--navy); font-size: 20px; }
.price-live-preview b { padding: 4px 7px; border-radius: 8px; color: #b52835; background: rgba(198,51,64,.08); font-size: 9px; }
.trial-editor { grid-column: 1 / -1; }
.trial-editor p { margin: 0; color: var(--muted); font-size: 10px; }
.admin-save-bar { position: sticky; z-index: 20; bottom: 14px; padding: 14px 16px; display: flex; align-items: center; justify-content: space-between; gap: 18px; border: 1px solid rgba(189,179,156,.72); border-radius: 18px; background: rgba(255,255,255,.94); box-shadow: 0 16px 48px rgba(15,30,58,.16); backdrop-filter: blur(12px); }
.admin-save-bar b, .admin-save-bar small { display: block; }
.admin-save-bar b { color: var(--navy); font-size: 11px; }
.admin-save-bar small { margin-top: 2px; color: var(--muted); font-size: 9px; }

[data-theme="dark"] .discount-offer { border-color: rgba(244,103,116,.28); background: rgba(198,51,64,.12); }
[data-theme="dark"] .discount-offer span { color: #ff9da6; }
[data-theme="dark"] .platform-admin-nav,
[data-theme="dark"] .admin-plan-summary article,
[data-theme="dark"] .admin-plan-card,
[data-theme="dark"] .price-live-preview,
[data-theme="dark"] .admin-save-bar { background: #111f35; }
[data-theme="dark"] .admin-price-editor,
[data-theme="dark"] .admin-plan-limits span { background: #0e1a2e; }

@media (max-width: 980px) {
    .admin-plan-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .admin-limit-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .admin-pricing-grid { grid-template-columns: 1fr; }
    .trial-editor { grid-column: auto; }
}
@media (max-width: 680px) {
    .platform-admin-nav { width: 100%; display: grid; grid-template-columns: 1fr 1fr; }
    .platform-admin-nav a:last-child { grid-column: 1 / -1; justify-content: center; }
    .admin-page-hero { align-items: stretch; flex-direction: column; }
    .admin-page-hero .btn { width: 100%; }
    .admin-plan-summary, .admin-plan-grid, .admin-limit-grid { grid-template-columns: 1fr; }
    .admin-price-fields { grid-template-columns: 1fr; }
    .price-live-preview, .admin-save-bar { align-items: stretch; flex-direction: column; }
    .admin-save-bar .btn { width: 100%; }
}
.plan-badges { display: flex; align-items: center; justify-content: flex-end; gap: 6px; flex-wrap: wrap; }
.plan-badges .trial-badge { color: #176746; border-color: rgba(23,103,70,.18); background: #eaf7f1; }
.registration-discount { margin-inline-start: 7px; padding: 4px 7px; display: inline-block; border-radius: 8px; color: #b52835; background: rgba(198,51,64,.07); font-size: 10px; font-weight: 800; }
.registration-discount del { color: var(--muted); }
[data-theme="dark"] .plan-badges .trial-badge { color: #7de3b8; background: rgba(23,103,70,.22); }
[data-theme="dark"] .registration-discount { color: #ff9da6; background: rgba(198,51,64,.13); }

/* Platform owner dashboard */
.platform-admin-kpis { margin: 0 0 24px; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; }
.platform-admin-kpis > a { padding: 19px 20px; display: block; border: 1px solid var(--line); border-radius: 18px; background: var(--white); box-shadow: var(--shadow-sm); transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
.platform-admin-kpis > a:hover { transform: translateY(-2px); border-color: rgba(189,179,156,.75); box-shadow: 0 15px 34px rgba(15,30,58,.08); }
.platform-admin-kpis span { display: block; color: var(--muted); font-size: 9px; font-weight: 700; }
.platform-admin-kpis b { display: block; margin: 5px 0 2px; color: var(--navy); font-size: 28px; line-height: 1.15; }
.platform-admin-kpis small { color: var(--beige-dark); font-size: 8px; font-weight: 800; }
.platform-admin-actions { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.platform-admin-action-card { min-height: 220px; padding: 24px; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid var(--line); border-radius: 22px; background: var(--white); box-shadow: var(--shadow-sm); }
.platform-admin-action-card.is-primary { position: relative; overflow: hidden; border-color: rgba(189,179,156,.85); background: linear-gradient(145deg, rgba(189,179,156,.13), var(--white) 48%); }
.platform-admin-action-card.is-primary::before { position: absolute; top: 0; right: 22px; left: 22px; height: 4px; border-radius: 0 0 7px 7px; content: ''; background: var(--beige); }
.platform-admin-action-card span { color: var(--beige-dark); font-size: 9px; font-weight: 800; }
.platform-admin-action-card h2 { margin: 7px 0 8px; color: var(--navy); font-size: 20px; }
.platform-admin-action-card p { margin: 0; color: var(--muted); font-size: 10px; line-height: 1.9; }
.platform-admin-action-card > b { margin-top: 25px; color: var(--navy); font-size: 10px; }
.platform-admin-action-card:hover > b { color: var(--beige-dark); }
[data-theme="dark"] .platform-admin-kpis > a,
[data-theme="dark"] .platform-admin-action-card { background-color: #111f35; }
[data-theme="dark"] .platform-admin-action-card.is-primary { background: linear-gradient(145deg, rgba(189,179,156,.10), #111f35 48%); }
@media (max-width: 980px) { .platform-admin-kpis { grid-template-columns: repeat(2,minmax(0,1fr)); } .platform-admin-actions { grid-template-columns: 1fr; } }
@media (max-width: 560px) { .platform-admin-kpis { grid-template-columns: 1fr 1fr; gap: 10px; } .platform-admin-kpis > a { padding: 15px; } .platform-admin-kpis b { font-size: 23px; } }

/* Multi-school workspace selector */
.user-chip small{display:block;margin-top:1px;color:rgba(255,255,255,.62);font-size:7px;font-weight:700;line-height:1.25}.school-switch-link{position:relative}.school-switch-link::after{content:'↔';margin-inline-start:5px;color:var(--beige);font-size:10px}.school-selector-page{padding:56px 0 78px;background:radial-gradient(circle at 10% 0%,rgba(189,179,156,.14),transparent 30%),var(--cream)}.school-selector-shell{width:min(1050px,calc(100% - 40px))}.school-selector-heading{max-width:720px;margin:0 auto 30px;text-align:center}.school-selector-heading h1{margin:5px 0 8px;color:var(--navy);font-size:30px;line-height:1.5}.school-selector-heading p{margin:0;color:var(--muted);font-size:11px;line-height:2}.school-selector-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.school-choice-card{position:relative;padding:24px;overflow:hidden;border:1px solid var(--line);border-radius:24px;background:var(--white);box-shadow:var(--shadow-sm);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.school-choice-card:hover{transform:translateY(-2px);border-color:rgba(189,179,156,.72);box-shadow:var(--shadow-lg)}.school-choice-card.is-selected{border-color:var(--beige);box-shadow:0 0 0 3px rgba(189,179,156,.13),var(--shadow-sm)}.school-choice-card.is-selected::before{position:absolute;top:0;right:24px;left:24px;height:4px;border-radius:0 0 8px 8px;content:'';background:var(--beige)}.school-choice-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.school-choice-mark{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;color:var(--white);background:linear-gradient(145deg,var(--navy),var(--navy-soft));font-size:20px;font-weight:800;box-shadow:0 8px 18px rgba(15,30,58,.15)}.school-choice-state{padding:6px 9px;border-radius:999px;font-size:8px;font-weight:800}.school-choice-state.is-active{color:#176746;background:#eaf7f1}.school-choice-state.is-expired{color:#b52835;background:#fff0f1}.school-choice-state.is-blocked{color:#7a635d;background:#f3efec}.school-choice-copy{padding:18px 0 14px}.school-choice-copy small{color:var(--beige-dark);font-size:8px;font-weight:800}.school-choice-copy h2{margin:3px 0 4px;color:var(--navy);font-size:20px}.school-choice-copy p{margin:0;color:var(--muted);font-size:9px}.school-choice-meta{margin-bottom:16px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.school-choice-meta>div{padding:11px 12px;border:1px solid var(--line);border-radius:13px;background:var(--cream)}.school-choice-meta span,.school-choice-meta b{display:block}.school-choice-meta span{color:var(--muted);font-size:7px}.school-choice-meta b{margin-top:2px;color:var(--navy);font-size:10px}.school-choice-card form{margin:0}.school-choice-action{width:100%;min-height:46px;border:0;cursor:pointer}.school-choice-action.is-renew{color:#b52835;background:#fff0f1;border:1px solid rgba(181,40,53,.16)}.school-choice-action.is-disabled{color:#8d8580;background:#efedeb;cursor:not-allowed;box-shadow:none}.school-choice-help{display:block;margin-top:8px;color:var(--muted);font-size:7px;line-height:1.8;text-align:center}[data-theme="dark"] .school-selector-page{background:radial-gradient(circle at 10% 0%,rgba(189,179,156,.09),transparent 30%),var(--cream)}[data-theme="dark"] .school-choice-card{background:#111f35}[data-theme="dark"] .school-choice-meta>div{background:#0e1a2e}[data-theme="dark"] .school-choice-state.is-active{color:#7de3b8;background:rgba(23,103,70,.2)}[data-theme="dark"] .school-choice-state.is-expired{color:#ff9da6;background:rgba(181,40,53,.16)}[data-theme="dark"] .school-choice-state.is-blocked{color:#d6c9c3;background:#1a2639}[data-theme="dark"] .school-choice-action.is-renew{color:#ff9da6;background:rgba(181,40,53,.14)}[data-theme="dark"] .school-choice-action.is-disabled{color:#78869a;background:#17243a}@media(max-width:760px){.school-selector-page{padding:34px 0 56px}.school-selector-grid{grid-template-columns:1fr}.school-selector-heading h1{font-size:24px}.school-choice-card{padding:20px}}@media(max-width:480px){.school-selector-shell{width:min(100% - 24px,1050px)}.school-choice-meta{grid-template-columns:1fr}.school-choice-top{align-items:flex-start}.school-choice-copy h2{font-size:18px}}

/* Platform admin — school lifecycle / hard delete */
.platform-admin-kpis { grid-template-columns: repeat(auto-fit,minmax(160px,1fr)); }
.school-admin-summary { margin-bottom: 22px; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
.school-admin-summary article { padding: 18px 20px; border: 1px solid var(--line); border-radius: 17px; background: var(--white); box-shadow: var(--shadow-sm); }
.school-admin-summary span { display:block; color:var(--muted); font-size:10px; }
.school-admin-summary b { display:block; margin-top:4px; color:var(--navy); font-size:24px; }
.school-admin-table-wrap { padding:0; overflow:hidden; }
.school-admin-table td:first-child strong { display:block; color:var(--navy); font-size:11px; }
.school-admin-table td:first-child small, .school-admin-table td:nth-child(3) small { display:block; margin-top:4px; color:var(--muted); font-size:8px; }
.school-status-chip { display:inline-flex; padding:5px 8px; border-radius:999px; font-size:8px; font-weight:800; background:rgba(100,116,139,.10); color:var(--muted); }
.school-status-chip.is-active { color:#16754b; background:rgba(22,117,75,.10); }
.school-status-chip.is-suspended, .school-status-chip.is-archived { color:#a22d39; background:rgba(198,51,64,.10); }
.btn.danger-outline { border-color:rgba(198,51,64,.35); color:#b52835; background:transparent; }
.btn.danger-outline:hover { border-color:#b52835; background:rgba(198,51,64,.07); }
.school-delete-page { max-width:980px; }
.school-delete-hero { margin-bottom:20px; padding:26px; border:1px solid rgba(198,51,64,.22); border-radius:24px; background:linear-gradient(145deg,rgba(198,51,64,.07),var(--white) 58%); }
.danger-kicker { display:inline-flex; padding:5px 9px; border-radius:999px; color:#a61f2e; background:rgba(198,51,64,.10); font-size:8px; font-weight:800; }
.school-delete-hero h1 { margin:10px 0 8px; color:var(--navy); font-size:clamp(27px,4vw,38px); }
.school-delete-hero p { margin:0; color:var(--muted); line-height:1.9; font-size:10px; }
.school-delete-warning { margin-bottom:20px; padding:20px 22px; display:grid; grid-template-columns:44px 1fr; gap:16px; border:1px solid rgba(198,51,64,.25); border-radius:20px; background:#fff7f7; }
.school-delete-warning-icon { width:44px; height:44px; display:grid; place-items:center; border-radius:14px; background:#b52835; color:#fff; font-size:22px; font-weight:800; }
.school-delete-warning h2 { margin:2px 0 8px; color:#8f1f2b; font-size:17px; }
.school-delete-warning ul { margin:0; padding-right:18px; color:#6f3138; font-size:9px; line-height:2; }
.school-delete-impact { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.school-delete-impact article { padding:14px; border:1px solid var(--line); border-radius:14px; background:var(--cream); }
.school-delete-impact span { display:block; color:var(--muted); font-size:8px; }
.school-delete-impact b { display:block; margin-top:3px; color:var(--navy); font-size:20px; }
.school-delete-confirm { margin-top:18px; }
.school-delete-confirm > label:not(.admin-check) { margin-top:15px; display:block; }
.school-delete-confirm > label > span { display:block; margin-bottom:7px; color:var(--navy); font-size:10px; font-weight:800; }
.school-delete-confirm > label > small { display:block; margin-top:6px; color:var(--muted); font-size:8px; }
.school-delete-confirm input[type="text"], .school-delete-confirm input:not([type]) { width:100%; }
.danger-check { margin-top:18px; border-color:rgba(198,51,64,.28) !important; background:rgba(198,51,64,.04) !important; }
.school-delete-actions { margin-top:22px; display:flex; justify-content:space-between; gap:12px; align-items:center; }
[data-theme="dark"] .school-delete-hero,
[data-theme="dark"] .school-delete-warning { background:#151c2b; }
[data-theme="dark"] .school-delete-warning ul { color:#e0a7ad; }
[data-theme="dark"] .school-admin-summary article { background:#111f35; }
@media (max-width:760px) {
  .school-admin-summary { grid-template-columns:1fr; }
  .school-delete-impact { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .school-delete-actions { flex-direction:column-reverse; align-items:stretch; }
  .school-delete-actions .btn { width:100%; }
  .school-delete-warning { grid-template-columns:1fr; }
}
.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.segment-switch{display:flex;gap:.5rem;justify-content:center;margin:1rem 0 1.75rem}.segment-switch button{border:1px solid #d8deea;background:#fff;color:#13294b;border-radius:999px;padding:.75rem 1.2rem;font:inherit;font-weight:700;cursor:pointer}.segment-switch button.is-active{background:#13294b;color:#fff;border-color:#13294b}.plan-notification-promise{display:flex;align-items:center;gap:1rem;margin:0 auto 1.5rem;max-width:850px;padding:1rem 1.2rem;border:1px solid color-mix(in srgb,var(--beige) 55%,var(--line));border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--beige) 17%,var(--surface)),var(--surface));box-shadow:var(--shadow-sm)}.plan-notification-promise>span{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:50%;background:var(--navy);color:#fff;font-size:1.25rem;font-weight:800}.plan-notification-promise b{display:block;color:var(--navy);font-size:1.05rem;margin-bottom:.2rem}.plan-notification-promise p{margin:0;color:var(--muted);line-height:1.8}.plan-card li.plan-feature-highlight{    margin-bottom: 5px;margin-inline:-.25rem;padding:.65rem .7rem;border-radius:10px;background:color-mix(in srgb,var(--beige) 16%,transparent);color:var(--navy);font-weight:700}.plan-card li.plan-feature-highlight b{color:var(--ok)}.resource-catalog{margin-bottom:2rem}.resource-catalog .plan-card form{display:grid;gap:.9rem;margin-top:1rem}.resource-filter-note{margin:0 0 1.25rem;padding:.8rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--muted);font-size:.85rem}.resource-filter-note a{color:var(--navy);font-weight:800}.resource-unit{display:block;margin-top:.45rem;color:var(--muted)}.addon-cycle-picker{margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:.65rem;border:0}.addon-cycle-picker legend{margin-bottom:.5rem;color:var(--navy);font-size:.85rem;font-weight:800}.addon-cycle-picker label{position:relative;cursor:pointer}.addon-cycle-picker input{position:absolute;opacity:0;pointer-events:none}.addon-cycle-picker label>span{min-height:92px;padding:.8rem;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:14px;background:var(--surface);transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.addon-cycle-picker input:checked+span{border-color:var(--beige);background:color-mix(in srgb,var(--beige) 10%,var(--surface));box-shadow:0 0 0 3px color-mix(in srgb,var(--beige) 18%,transparent)}.addon-cycle-picker b{display:flex;justify-content:space-between;gap:.4rem;color:var(--navy);font-size:.85rem}.addon-cycle-picker b i{padding:.15rem .35rem;border-radius:999px;color:#176746;background:#eaf7f1;font-size:.62rem;font-style:normal}.addon-cycle-picker strong{margin-top:.35rem;color:var(--navy);font-size:1rem}.addon-cycle-picker small{margin-top:auto;color:var(--muted);font-size:.7rem}.resource-quantity span{display:block;margin-bottom:.35rem;color:var(--navy);font-size:.8rem;font-weight:800}@media(max-width:640px){.segment-switch{display:grid;grid-template-columns:1fr}.plan-notification-promise{align-items:flex-start}.resource-filter-note{align-items:flex-start;flex-direction:column}.addon-cycle-picker{grid-template-columns:1fr}}