.auth-layout{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr;background:#fff}.auth-story{background:var(--green);color:#fff;padding:clamp(32px,6vw,100px);display:flex;flex-direction:column;justify-content:center;gap:24px}.auth-story .brand{color:white;padding:0}.auth-story h1{font-size:clamp(30px,3.5vw,52px);line-height:1.2;letter-spacing:-1.5px;max-width:570px;margin:16px 0}.auth-story p{font-size:16px;line-height:1.8;max-width:520px;color:#d6e9e0}.auth-points{display:grid;gap:16px;font-size:14px}.auth-points span{display:flex;gap:12px;align-items:center}.auth-form-wrap{padding:40px 28px;display:grid;place-items:center}.auth-form{max-width:420px;width:100%}.auth-form h2{font-size:28px;margin:0 0 12px}.auth-form form{display:grid;gap:18px}.auth-form .field{font-size:13px}.auth-form input{padding:13px}.auth-form .help-text{margin-bottom:26px}.auth-form .btn{justify-content:center}.auth-form .error:empty{display:none}.platform-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.institute-card{padding:23px;display:flex;flex-direction:column;gap:14px}.institute-card h3{font-size:18px;margin:0}.institute-card p{margin:0}.institute-card .actions{margin-top:auto;flex-wrap:wrap}.theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.theme-choice{border:2px solid var(--border);background:white;border-radius:10px;padding:14px;text-align:left;color:var(--ink)}.theme-choice.selected{border-color:var(--green)}.theme-swatch{display:flex;gap:4px;margin-bottom:10px}.theme-swatch i{height:24px;width:28px;border-radius:5px}.branding-preview{padding:24px;border-radius:12px;border:1px solid var(--border);margin:22px 0}.branding-preview h3{margin-top:0}.branding-preview .preview-nav{display:flex;gap:12px;margin:15px 0}.branding-preview .preview-nav span{padding:8px 12px;border-radius:6px}.branding-preview .preview-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.branding-preview .preview-cards div{background:white;border:1px solid #ddd;border-radius:9px;padding:16px}.template-toolbar{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.template-toolbar input{flex:1;min-width:180px}.template-card .category-line{display:flex;justify-content:space-between;gap:8px}.provider-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.provider-block{padding:20px;border:1px solid var(--border);border-radius:10px}.provider-block .field{margin-bottom:15px}.provider-block h3{margin-top:0}.pill.blue{background:#eaf2ff;color:#31568c}.pill.red{background:#fceeee;color:#b24e4e}.pill.purple{background:#f0ebfa;color:#735699}.status-line{display:flex;justify-content:space-between;gap:12px;font-size:12px;align-items:center;margin:12px 0}.brand-icon img{width:24px;height:24px;object-fit:contain}.save-state{font-size:11px;color:var(--muted)}.save-state.dirty{color:#9d6500}.account-bar{display:flex;gap:7px;align-items:center}.topbar .account-bar .btn{padding:7px 10px;font-size:11px}.batch-stats{display:flex;gap:8px;flex-wrap:wrap}.metric-list{display:grid;gap:12px}.metric-list .metric{display:flex;gap:12px;align-items:center}.metric .track{flex:1;height:8px;border-radius:20px;background:#eaf0e9;overflow:hidden}.metric .track i{display:block;height:100%;background:var(--green)}.metric label{width:86px;font-size:12px}.metric b{min-width:24px;font-size:12px}.dialog-foot{flex-wrap:wrap}.read-only .mutating{display:none}.onboarding-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}.onboarding-step{padding:15px;background:#f2f6ed;border-radius:10px;font-size:12px;line-height:1.7}.onboarding-step b{display:block;color:var(--green)}.brand{overflow-wrap:anywhere}.sidebar .brand{font-size:18px}.school-switch{min-width:0}.school-switch span:nth-child(2){min-width:0;overflow-wrap:anywhere}.theme-choice:focus-visible,.institute-card button:focus-visible{outline:2px solid var(--green)}.provider-list small{display:block;overflow-wrap:anywhere}.full-width{grid-column:1/-1}.consent-box{display:flex;align-items:flex-start;gap:8px;font-size:12px;line-height:1.6}.consent-box input{margin-top:4px}.sync-warning{margin-bottom:18px;background:#fff3d9;color:#805719;border:1px solid #eed39e;border-radius:9px;padding:12px;line-height:1.7;font-size:12px}.account-menu{display:flex;gap:8px}.empty-institute{padding:40px;text-align:center}.empty-institute h2{font-size:26px}.section-divider{margin:25px 0;border:0;border-top:1px solid var(--border)}
.brand,.page-head h1,.panel h2,.panel h3,.section-title,.template-card h3,.dialog-head h2{font-family:inherit}.nav button.active,.settings-nav button.active{background:color-mix(in srgb,var(--green) 10%,white);color:var(--green)}.btn.primary,.brand-icon{background:var(--green)}.school-initial,.preview-message,.notice,.onboarding-step{background:color-mix(in srgb,var(--green) 5%,white)}.variable{color:var(--green);background:color-mix(in srgb,var(--accent) 25%,white)}.language-switch{max-width:125px;padding:6px 8px!important;font-size:12px}.panel{min-width:0}.stat-foot{line-height:1.5}.theme-choice strong{display:block}.nav button.active{border-left:3px solid var(--green)}.radio-card:has(input:checked){border-color:var(--green);background:color-mix(in srgb,var(--green) 6%,white)}
@media(max-width:1100px){.platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.onboarding-steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.auth-layout{grid-template-columns:1fr}.auth-story{padding:32px 24px}.auth-story h1{font-size:30px;margin:0}.auth-story p{margin:0;font-size:14px}.auth-points{display:none}.auth-form-wrap{padding:32px 24px}.provider-grid{grid-template-columns:1fr}.account-bar .save-state{display:none}.platform-grid{grid-template-columns:1fr}.theme-grid{grid-template-columns:repeat(2,1fr)}.topbar .account-bar .btn{padding:7px}.topbar .breadcrumb{min-width:0}.breadcrumb b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media(max-width:480px){.branding-preview .preview-cards{grid-template-columns:1fr}.branding-preview{padding:16px}.account-bar .user-name{display:none}.onboarding-steps{grid-template-columns:1fr 1fr}.theme-choice{padding:10px}.provider-block{padding:14px}.dialog-foot .btn{flex:1}.auth-story .brand{padding:0}.auth-story h1{font-size:27px}}
#academic-form table{min-width:520px}#academic-form td:first-child{width:90px}#academic-form select{min-width:175px}#academic-form td:last-child input{min-width:120px}
#academic-error:empty,#promotion-error:empty{display:none}
.selected-bar{flex-wrap:wrap}.selected-bar>span{min-width:0}@media(max-width:600px){.selected-bar>span{flex:0 0 100%}.selected-bar .btn{white-space:normal;max-width:100%;flex:1 1 auto}}
.btn.primary,.brand-icon,.auth-story{color:var(--on-primary,#fff)}.auth-story p{color:inherit;opacity:.85}.page-head h1,.page-head p,.eyebrow,.bottom-note{color:var(--page-ink,#233c36)}.page-head p,.bottom-note{opacity:.7}.nav button.active,.settings-nav button.active,.text-btn,.school-initial{color:var(--brand-ink,var(--green))}.nav button.active{border-left-color:var(--accent)} @media print{.page-head h1,.page-head p,.eyebrow,.bottom-note{color:#000!important}}