/* School Master Full Redesign Master v1 — approved production visual system.
   Visual-only layer: no auth, RBAC, billing, database or workflow logic changes. */
:root{--sm-rd-purple:#6d28d9;--sm-rd-purple-dark:#4c1d95;--sm-rd-gold:#f59e0b;--sm-rd-ink:#171526;--sm-rd-muted:#6f687c;--sm-rd-line:#e7e3ed;--sm-rd-bg:#f7f7fb;--sm-rd-card:#fff;--sm-rd-green:#10a66a}

/* PUBLIC WEBSITE */
.public-site-shell{background:#fbfbfd;color:var(--sm-rd-ink)}
.public-site-header{max-width:1240px;margin:auto;min-height:78px;padding:0 24px;display:flex;align-items:center;gap:28px;background:rgba(255,255,255,.94);backdrop-filter:blur(16px)}
.public-brand{display:flex;align-items:center;gap:11px;text-decoration:none!important;color:var(--sm-rd-ink)!important;flex:0 0 auto}
.public-brand img{width:48px;height:48px;object-fit:contain}
.public-brand span{display:flex;flex-direction:column;line-height:1.15}.public-brand strong{font-size:16px;letter-spacing:-.01em}.public-brand small{font-size:10px;color:#81798d;margin-top:4px;text-transform:uppercase;letter-spacing:.06em}
.public-nav{display:flex;align-items:center;gap:21px;margin-left:auto}.public-nav>a{font-size:12.5px;font-weight:780;color:#5c5668!important;text-decoration:none!important;white-space:nowrap}.public-nav>a:hover{color:var(--sm-rd-purple)!important}
.public-nav-login,.public-nav-demo{padding:10px 14px;border-radius:10px}.public-nav-login{border:1px solid #ded9e8;background:#fff;color:#312b42!important}.public-nav-demo{background:linear-gradient(135deg,#7c3aed,#5b21b6);color:#fff!important;box-shadow:0 8px 22px rgba(109,40,217,.2)}
.public-site-main{max-width:none!important;padding:0!important;background:#fbfbfd}
.sm-rd-public-home{overflow:hidden}.sm-rd-hero{max-width:1240px;margin:0 auto;padding:82px 24px 68px;display:grid;grid-template-columns:1fr 1.03fr;gap:68px;align-items:center;background:radial-gradient(circle at 10% 22%,rgba(124,58,237,.09),transparent 40%)}
.sm-rd-hero-copy .public-kicker,.sm-rd-section-head .public-kicker{display:inline-flex;width:max-content;padding:7px 11px;border-radius:999px;background:#f1eafe;color:var(--sm-rd-purple);font-size:11px;font-weight:900;letter-spacing:.08em}
.sm-rd-hero h1{font-size:clamp(42px,4.25vw,62px);line-height:1.02;letter-spacing:-.052em;margin:18px 0 20px;max-width:670px;color:#151321}.sm-rd-hero-copy>p{font-size:17px;line-height:1.72;color:#665f71;max-width:620px;margin:0}
.sm-rd-actions{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0 22px}.sm-rd-actions .public-btn{min-height:46px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;border-radius:11px;font-weight:850;text-decoration:none!important}.sm-rd-actions .public-btn.primary{background:linear-gradient(135deg,#7c3aed,#5b21b6)!important;color:#fff!important;border:0!important;box-shadow:0 10px 26px rgba(109,40,217,.22)}.sm-rd-actions .public-btn:not(.primary){background:#fff!important;color:#302a40!important;border:1px solid #ddd8e6!important}
.sm-rd-trust{display:flex;flex-wrap:wrap;gap:14px;color:#625b6d;font-size:11px;font-weight:750}.sm-rd-trust span{display:flex;align-items:center;gap:6px}.sm-rd-trust i{width:7px;height:7px;border-radius:50%;background:#16a66a;display:block}
.sm-rd-dashboard-preview{position:relative;background:#fff;border:1px solid #ddd9e7;border-radius:20px;box-shadow:0 32px 76px rgba(50,37,88,.18);overflow:hidden;transform:rotate(.35deg)}.sm-rd-dashboard-preview:before{content:'';position:absolute;inset:-20%;background:radial-gradient(circle at 70% 20%,rgba(245,158,11,.11),transparent 30%);pointer-events:none}.sm-rd-preview-top{height:44px;border-bottom:1px solid #eeeaf3;background:#fbfaff;display:flex;align-items:center;gap:6px;padding:0 14px}.sm-rd-preview-top i{width:8px;height:8px;border-radius:50%;background:#d8d2e2}.sm-rd-preview-top strong{font-size:10px;margin-left:8px;color:#6f687a}.sm-rd-preview-body{height:385px;display:grid;grid-template-columns:72px 1fr}.sm-rd-preview-side{background:#251254;padding:14px 10px;display:flex;flex-direction:column;align-items:center;gap:9px}.sm-rd-preview-side img{width:42px;height:42px;object-fit:contain;margin-bottom:7px}.sm-rd-preview-side span{width:42px;height:33px;border-radius:8px;background:rgba(255,255,255,.08)}.sm-rd-preview-side span:first-of-type{background:#6d28d9}.sm-rd-preview-main{padding:19px;background:#f8f8fc;position:relative}.sm-rd-preview-head{display:flex;justify-content:space-between;align-items:center}.sm-rd-preview-head div{display:flex;flex-direction:column;gap:4px}.sm-rd-preview-head strong{font-size:13px}.sm-rd-preview-head small{font-size:8px;color:#88818f}.sm-rd-preview-avatar{width:29px;height:29px;border-radius:9px;background:#ede9fe;color:#6d28d9;display:grid!important;place-items:center;font-size:9px;font-weight:900}.sm-rd-preview-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:18px 0}.sm-rd-preview-kpis div{background:#fff;border:1px solid #ebe7f0;border-radius:10px;padding:10px}.sm-rd-preview-kpis small{font-size:7px;color:#8d8696}.sm-rd-preview-kpis strong{display:block;font-size:16px;margin-top:5px}.sm-rd-preview-lower{display:grid;grid-template-columns:1.35fr .75fr;gap:9px}.sm-rd-preview-chart,.sm-rd-preview-list{height:202px;background:#fff;border:1px solid #ebe7f0;border-radius:11px;padding:12px}.sm-rd-preview-chart>b,.sm-rd-preview-list>b{font-size:9px}.sm-rd-bars{height:150px;display:flex;align-items:end;gap:8px;padding-top:14px}.sm-rd-bars span{flex:1;border-radius:4px 4px 1px 1px;background:linear-gradient(#8b5cf6,#6d28d9)}.sm-rd-preview-list p{font-size:7px;padding:8px 0;border-bottom:1px solid #f0edf4;margin:0;color:#625c6d}
.sm-rd-metrics{max-width:1152px;margin:0 auto 76px;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid #e7e3ec;border-radius:18px;box-shadow:0 12px 30px rgba(40,31,67,.05);overflow:hidden}.sm-rd-metrics div{padding:23px 28px;border-right:1px solid #eeeaf2}.sm-rd-metrics div:last-child{border:0}.sm-rd-metrics strong,.sm-rd-metrics span{display:block}.sm-rd-metrics strong{font-size:17px}.sm-rd-metrics span{font-size:11px;color:#7b7485;margin-top:5px}
.sm-rd-section{max-width:1200px;margin:auto;padding:78px 24px}.sm-rd-section-head{max-width:720px;margin-bottom:34px}.sm-rd-section-head h2{font-size:36px;line-height:1.14;letter-spacing:-.035em;margin:12px 0;color:#181522}.sm-rd-section-head p{color:#716a7c;line-height:1.65}.sm-rd-module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.sm-rd-module-card{background:#fff;border:1px solid #e8e4ee;border-radius:16px;padding:23px;box-shadow:0 10px 30px rgba(37,28,62,.04)}.sm-rd-module-card b{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:#f1eafe;color:#6d28d9;font-size:17px}.sm-rd-module-card h3{margin:16px 0 7px;font-size:17px}.sm-rd-module-card p{color:#777080;font-size:13px;line-height:1.55;margin:0}.sm-rd-workflow{max-width:1152px;margin:30px auto;padding:54px;border-radius:26px;background:linear-gradient(135deg,#241042,#3a205e);color:#fff}.sm-rd-workflow .sm-rd-section-head h2{color:#fff}.sm-rd-workflow .sm-rd-section-head p{color:#d2c5df}.sm-rd-workflow .public-kicker{background:rgba(255,255,255,.1);color:#e5d7ff}.sm-rd-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.sm-rd-steps article{padding:22px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.11);border-radius:15px}.sm-rd-steps b{color:#f7bc55}.sm-rd-steps h3{margin:12px 0 7px;font-size:16px}.sm-rd-steps p{color:#d0c5db;font-size:13px;line-height:1.55;margin:0}
.sm-rd-public-home>.public-section{max-width:1152px;margin:0 auto 22px;padding:38px 44px;border-radius:20px;background:#fff;border:1px solid #ebe7f0;box-shadow:0 8px 26px rgba(40,31,67,.035)}.sm-rd-public-home>.public-section h2{font-size:28px;letter-spacing:-.025em}.sm-rd-public-home>.public-section p{color:#6d6677;line-height:1.7}.sm-rd-public-home .public-grid{gap:13px}.sm-rd-public-home .public-card{border-radius:14px;border-color:#e9e5ee;box-shadow:none}.sm-rd-public-home .public-card small{color:#6d28d9;font-weight:900}.sm-rd-public-home>.public-cta{max-width:1152px;margin:44px auto 82px;padding:44px 50px;border-radius:22px;background:linear-gradient(105deg,#f3edff,#fff7ed);border:1px solid #eadff9;color:#1d1927}.sm-rd-public-home>.public-cta h2{font-size:31px;letter-spacing:-.03em}.sm-rd-public-home>.public-cta .public-btn{color:#302a40!important;background:#fff!important}.sm-rd-public-home>.public-cta .public-btn.primary{color:#fff!important;background:linear-gradient(135deg,#7c3aed,#5b21b6)!important}
.public-site-footer{max-width:1152px;margin:auto;padding:38px 0 45px;border-top:1px solid #e8e4ed;background:#fff0!important}.public-site-footer>div{display:flex;flex-direction:column;gap:5px}.public-site-footer>div strong{font-size:15px}.public-site-footer>div span{font-size:12px;color:#777080}.public-site-footer nav{display:flex;flex-wrap:wrap;gap:15px}.public-site-footer a{font-size:11px;font-weight:750;color:#5c5568!important}.public-site-footer small{color:#8b8493}

/* LOGIN — keep all existing Parent / School / User auth behavior, modernize presentation */
.sm-login-shell{min-height:100vh!important;display:grid!important;grid-template-columns:minmax(420px,.9fr) minmax(520px,1.1fr)!important;background:#fff!important;gap:0!important;padding:0!important}
.sm-login-showcase{min-height:100vh!important;padding:54px clamp(38px,5vw,78px)!important;border-radius:0!important;background:linear-gradient(145deg,#251052,#3e1e72)!important;color:#fff!important;display:flex!important;flex-direction:column!important;box-shadow:none!important}.sm-login-brandline{display:flex!important;align-items:center!important;gap:12px!important}.sm-login-brandline img{width:64px!important;height:64px!important;object-fit:contain!important}.sm-login-brand-copy strong{color:#fff!important;font-size:18px!important}.sm-login-brand-copy span{color:#d8c9e8!important;font-size:10px!important}.sm-login-brand-copy small{color:#a894bf!important}
.sm-login-hero{margin:auto 0!important;max-width:560px}.sm-login-secure{color:#f7bc55!important;background:transparent!important;padding:0!important;font-size:10px!important;letter-spacing:.13em!important}.sm-login-hero h1{font-size:clamp(39px,4vw,52px)!important;line-height:1.04!important;letter-spacing:-.045em!important;color:#fff!important;margin:14px 0 16px!important}.sm-login-hero p{font-size:15px!important;line-height:1.7!important;color:#d4c7e0!important}.sm-login-feature-grid{grid-template-columns:1fr 1fr!important;gap:11px!important}.sm-login-feature-grid>div{border:1px solid rgba(255,255,255,.13)!important;background:rgba(255,255,255,.065)!important;border-radius:13px!important;padding:14px!important}.sm-login-feature-grid strong{color:#fff!important;font-size:11px!important}.sm-login-feature-grid span{color:#cec1db!important;font-size:9px!important;line-height:1.45!important}
.sm-login-card-pro{align-self:center!important;width:min(540px,calc(100% - 44px))!important;margin:42px auto!important;padding:30px!important;border:1px solid #e8e4ed!important;border-radius:21px!important;background:#fff!important;box-shadow:0 28px 65px rgba(45,35,72,.1)!important}.sm-login-home-row{margin-bottom:5px!important}.sm-login-home-row .btn{font-size:11px!important}.sm-login-mini-brand img{width:62px!important;height:62px!important;object-fit:contain!important}.sm-login-heading span{color:#6d28d9!important;font-size:9px!important;letter-spacing:.14em!important}.sm-login-heading h2{font-size:27px!important;letter-spacing:-.035em!important;margin:6px 0!important}.sm-login-heading p{color:#7b7484!important;font-size:12px!important}
.sm-login-selector-panel{border:1px solid #e7e2ed!important;background:#faf9fc!important;border-radius:14px!important;padding:12px!important}.sm-login-selector-head span{font-size:8px!important;color:#8a8392!important}.sm-login-selector-head strong{font-size:12px!important}.sm-login-choice-grid{gap:8px!important}.sm-login-choice{border:1px solid #e4dfe9!important;background:#fff!important;border-radius:11px!important;min-height:82px!important;box-shadow:none!important}.sm-login-choice.active{border-color:#7c3aed!important;background:#f7f2ff!important;box-shadow:0 7px 18px rgba(109,40,217,.08)!important}.sm-login-choice-icon{font-size:20px!important}.sm-login-choice strong{font-size:11px!important}.sm-login-choice small{font-size:8px!important;color:#888191!important}.sm-login-active-card{border:1px solid #e8e4ed!important;border-radius:15px!important;background:#fff!important;padding:18px!important;margin-top:13px!important;box-shadow:0 8px 22px rgba(44,34,68,.035)!important}.sm-login-active-head h3{font-size:17px!important}.sm-login-active-head small{font-size:8px!important;color:#7c3aed!important}.sm-login-state{font-size:8px!important;border-radius:999px!important}.sm-login-active-copy,.sm-login-method-note{color:#797283!important;font-size:10px!important;line-height:1.5!important}.sm-login-input-wrap{height:45px!important;border:1px solid #ddd8e4!important;border-radius:10px!important;background:#fff!important}.sm-login-input-wrap:focus-within{border-color:#8b5cf6!important;box-shadow:0 0 0 3px rgba(139,92,246,.09)!important}.sm-login-submit,.sm-gradient-btn{border-radius:10px!important;min-height:44px!important;background:linear-gradient(135deg,#7c3aed,#5b21b6)!important;color:#fff!important}.sm-outline-btn{color:#352e44!important;background:#fff!important;border:1px solid #ddd8e4!important}.sm-login-create{border-radius:11px!important;background:#faf7ff!important;border:1px solid #eae3f5!important}.sm-login-trust{color:#837c8c!important}

/* ERP DASHBOARD — preserves real database values and permission-gated actions */
.sm-page-head{padding:8px 0 3px!important;align-items:flex-end!important}.sm-page-head .sm-eyebrow{color:#6d28d9!important;font-size:9px!important;letter-spacing:.14em!important;font-weight:900!important}.sm-page-head h1{font-size:32px!important;letter-spacing:-.04em!important;margin:5px 0 5px!important;color:#171526!important}.sm-page-head p{color:#736c7d!important;font-size:12px!important;max-width:760px!important}.sm-page-actions{gap:8px!important}.sm-page-actions .btn{min-height:42px!important;border-radius:10px!important;padding-inline:15px!important}
.sm-kpi-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:10px!important}.sm-kpi-card{min-height:128px!important;border:1px solid #e5e1ea!important;border-radius:15px!important;background:#fff!important;padding:15px!important;box-shadow:0 7px 22px rgba(40,31,67,.035)!important;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease!important}.sm-kpi-card:hover{transform:translateY(-2px)!important;border-color:color-mix(in srgb,var(--accent) 38%,#e5e1ea)!important;box-shadow:0 12px 28px rgba(40,31,67,.07)!important}.sm-kpi-icon{width:38px!important;height:38px!important;border-radius:10px!important;background:var(--soft)!important;color:var(--accent)!important}.sm-kpi-info span{font-size:10px!important;color:#746d7e!important}.sm-kpi-info strong{font-size:23px!important;letter-spacing:-.025em!important;color:#171526!important}.sm-kpi-info small{font-size:8px!important;color:#9992a0!important}.sm-kpi-trend{top:12px!important;right:12px!important;background:var(--soft)!important;color:var(--accent)!important;border:0!important;font-size:7px!important;font-weight:900!important}
.sm-dashboard-grid{grid-template-columns:minmax(0,1.35fr) minmax(290px,.65fr)!important;gap:12px!important;margin-top:12px!important}.sm-panel{border:1px solid #e5e1ea!important;border-radius:16px!important;background:#fff!important;padding:18px!important;box-shadow:0 8px 25px rgba(40,31,67,.035)!important}.sm-panel-head h2{font-size:14px!important;letter-spacing:-.015em!important}.sm-panel-head p{font-size:9px!important;color:#898290!important}.sm-summary-hero strong{font-size:30px!important;letter-spacing:-.035em!important}.sm-summary-hero span{font-size:9px!important;color:#817a89!important}.sm-chart-area{height:200px!important}.sm-donut{width:156px!important;height:156px!important}.sm-donut:after{width:108px!important;height:108px!important}.sm-donut strong{font-size:22px!important}.sm-stat-list div{font-size:9px!important}.sm-foundation-grid{gap:9px!important}.sm-foundation-action{border:1px solid #e8e4ed!important;background:#faf9fc!important;border-radius:11px!important;padding:13px!important;text-decoration:none!important}.sm-foundation-action:hover{border-color:#a78bfa!important;background:#f8f4ff!important}.sm-foundation-action strong{font-size:10px!important;color:#322c40!important}.sm-foundation-action span{font-size:8.5px!important;line-height:1.45!important;color:#807989!important}.sm-quick-grid{gap:8px!important}.sm-quick-grid button{border:1px solid #e6e2eb!important;background:#faf9fc!important;border-radius:11px!important;padding:13px!important}.sm-quick-grid strong{font-size:9px!important}.sm-attendance-empty-note{background:#f7f6fa!important;color:#8b8492!important;border-radius:9px!important}

@media(max-width:1120px){.public-nav{gap:14px}.public-nav>a{font-size:11px}.sm-rd-hero{grid-template-columns:1fr;padding-top:56px}.sm-rd-dashboard-preview{max-width:780px}.sm-kpi-grid{grid-template-columns:repeat(3,1fr)!important}.sm-login-shell{grid-template-columns:1fr!important}.sm-login-showcase{min-height:auto!important}.sm-login-hero{margin:55px 0!important}.sm-login-card-pro{margin:34px auto!important}}
@media(max-width:820px){.public-site-header{padding:12px 18px;align-items:flex-start}.public-nav{display:flex;overflow-x:auto;padding-bottom:4px;gap:9px}.public-nav>a:not(.public-nav-login):not(.public-nav-demo){display:none}.public-brand small{display:none}.sm-rd-hero{padding:42px 18px;gap:38px}.sm-rd-hero h1{font-size:39px}.sm-rd-hero-copy>p{font-size:15px}.sm-rd-actions{flex-direction:column}.sm-rd-actions .public-btn{width:100%}.sm-rd-preview-body{height:330px;grid-template-columns:54px 1fr}.sm-rd-preview-lower{grid-template-columns:1fr}.sm-rd-preview-list{display:none}.sm-rd-metrics{grid-template-columns:1fr 1fr;margin:0 18px 54px}.sm-rd-metrics div{border-bottom:1px solid #eeeaf2}.sm-rd-section{padding:60px 18px}.sm-rd-module-grid,.sm-rd-steps{grid-template-columns:1fr}.sm-rd-workflow{margin:18px;padding:34px 22px}.sm-rd-public-home>.public-section,.sm-rd-public-home>.public-cta{margin-inline:18px;padding:28px 22px}.public-site-footer{margin-inline:18px}.sm-login-showcase{padding:28px 22px!important}.sm-login-hero h1{font-size:38px!important}.sm-login-feature-grid{grid-template-columns:1fr!important}.sm-login-card-pro{width:calc(100% - 28px)!important;padding:22px!important}.sm-dashboard-grid{grid-template-columns:1fr!important}.sm-kpi-grid{grid-template-columns:repeat(2,1fr)!important}.sm-page-head{align-items:flex-start!important}.sm-page-actions{width:100%!important}.sm-page-actions .btn{flex:1!important}}
@media(max-width:480px){.public-brand img{width:40px;height:40px}.public-nav-demo{padding:9px 11px}.public-nav-login{display:none!important}.sm-rd-hero h1{font-size:35px}.sm-rd-preview-kpis{grid-template-columns:1fr 1fr}.sm-rd-metrics{grid-template-columns:1fr}.sm-rd-section-head h2{font-size:29px}.sm-kpi-grid{grid-template-columns:1fr 1fr!important}.sm-login-choice-grid{grid-template-columns:1fr 1fr!important}.sm-login-choice:last-child{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.sm-kpi-card{transition:none!important}}