@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&family=Montserrat:wght@400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap";:root{--color-blue:#1f6fb2;--color-blue-dark:#155a96;--color-navy:#1c3f6e;--color-navy-deep:#0f2a4e;--color-navy-mid:#264d82;--color-gold:#e3a21a;--color-gold-dark:#c8870e;--color-white:#fff;--color-off-white:#f5f7fa;--color-gray-100:#eef2f7;--color-gray-200:#e2e8f0;--color-gray-300:#cbd5e1;--color-gray-400:#94a3b8;--color-gray-500:#64748b;--color-gray-600:#475569;--color-gray-700:#334155;--color-gray-900:#0f172a;--color-success:#16a34a;--color-warning:#d97706;--color-danger:#dc2626;--font-display:"Montserrat", "Segoe UI", sans-serif;--font-body:"Plus Jakarta Sans", "Segoe UI", sans-serif;--shadow-sm:0 1px 4px #1c3f6e14, 0 1px 2px #1c3f6e0a;--shadow-md:0 4px 12px #1c3f6e1a, 0 2px 4px #1c3f6e0f;--shadow-lg:0 8px 24px #1c3f6e1f, 0 4px 8px #1c3f6e14;--shadow-xl:0 16px 48px #1c3f6e29, 0 8px 16px #1c3f6e1a;--gradient-hero:linear-gradient(135deg, #0f2a4e 0%, #1c3f6e 55%, #1f6fb2 100%);--gradient-divider:linear-gradient(90deg, transparent, var(--color-gold), transparent)}*,:before,:after{box-sizing:border-box}body{background:var(--color-off-white);color:var(--color-gray-900);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0}button,input{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin:0}.login-page{background:var(--color-off-white);grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);min-height:100vh;display:grid}.login-brand-panel{background:var(--gradient-hero);color:var(--color-white);flex-direction:column;justify-content:space-between;padding:32px;display:flex;position:relative;overflow:hidden}.login-brand-panel:before{content:"";background-color:#0000;background-image:linear-gradient(90deg,#ffffff0e 1px,#0000 1px),linear-gradient(0deg,#ffffff0e 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:44px 44px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:linear-gradient(120deg,#000 0%,#0000 78%);mask-image:linear-gradient(120deg,#000 0%,#0000 78%)}.login-brand-panel:after{content:"";border:1px solid #ffffff2e;width:360px;height:360px;position:absolute;bottom:-90px;right:-120px;transform:rotate(35deg)}.login-brand-top,.login-brand-content{z-index:1;position:relative}.login-brand-top{justify-content:space-between;align-items:center;gap:24px;display:flex}.login-brand-content{max-width:760px;padding-bottom:56px}.brand-lockup{align-items:center;gap:13px;display:flex}.brand-lockup img{object-fit:contain;width:50px;height:50px}.brand-lockup strong,.brand-lockup span{font-family:var(--font-display);text-transform:uppercase;display:block}.brand-lockup strong{color:var(--color-white);letter-spacing:0;font-size:.94rem;font-weight:900}.brand-lockup span{color:var(--color-gold);letter-spacing:.2em;margin-top:3px;font-size:.66rem;font-weight:800}.brand-lockup.compact{justify-content:center}.brand-lockup.compact strong{color:var(--color-navy)}.section-label{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--color-gold);font-size:.73rem;font-weight:800;display:inline-flex}.login-brand-content h1,.dashboard-hero h1{font-family:var(--font-display);letter-spacing:0;margin-top:14px;font-size:clamp(2.2rem,5vw,4.8rem);line-height:.98}.login-brand-content p,.dashboard-hero p{color:#ffffffb8;max-width:680px;margin-top:20px;font-size:1.02rem;line-height:1.7}.pillar-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:34px;display:grid}.pillar-grid span{border:1px solid #ffffff24;border-bottom:3px solid var(--color-gold);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);min-height:72px;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;background:#ffffff14;border-radius:8px;align-items:flex-end;padding:14px;font-size:.78rem;font-weight:800;display:flex}.login-form-panel{place-items:center;padding:28px;display:grid}.login-card{border:1px solid var(--color-gray-200);background:var(--color-white);width:min(100%,460px);box-shadow:var(--shadow-xl);border-radius:10px;padding:30px}.mobile-logo{display:none}.form-heading{margin-bottom:24px}.form-heading h2{color:var(--color-navy);font-family:var(--font-display);letter-spacing:0;margin-top:14px;font-size:2rem}.form-heading p{color:var(--color-gray-500);margin-top:8px}.auth-form,.field{flex-direction:column;display:flex}.auth-form{gap:16px}.field{gap:7px}.field>span{font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;color:var(--color-gray-700);font-size:.78rem;font-weight:800}.field small{color:var(--color-danger)}.input-shell{border:1.5px solid var(--color-gray-300);background:var(--color-white);height:48px;color:var(--color-gray-400);border-radius:8px;align-items:center;gap:10px;padding:0 14px;transition:border-color .15s,box-shadow .15s;display:flex}.input-shell:focus-within{border-color:var(--color-blue);box-shadow:0 0 0 3px #1f6fb224}.input-shell input{width:100%;min-width:0;color:var(--color-gray-900);background:0 0;border:0;outline:0}.role-picker{gap:10px;display:grid}.role-picker>span{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--color-gray-500);font-size:.72rem;font-weight:800}.role-picker>div{flex-wrap:wrap;gap:8px;display:flex}.role-chip,.link-button{background:0 0;border:0}.role-chip{background:var(--color-gray-100);color:var(--color-gray-600);border-radius:999px;padding:8px 10px;font-size:.78rem;font-weight:700}.role-chip.active{background:var(--color-navy);color:var(--color-white)}.form-error,.otp-note{border-radius:8px;padding:12px;font-size:.86rem}.form-error{color:var(--color-danger);background:#fef2f2}.otp-note{color:var(--color-navy);background:#1f6fb214;gap:10px;display:flex}.link-button{color:var(--color-blue);align-self:center;font-weight:700}.btn{font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;border:0;border-radius:6px;justify-content:center;align-items:center;gap:8px;font-weight:800;line-height:1;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.btn:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn:disabled{cursor:not-allowed;opacity:.55}.btn-primary{color:var(--color-white);background:var(--color-blue)}.btn-primary:hover{background:var(--color-blue-dark)}.btn-secondary{color:var(--color-blue);background:#1f6fb214}.btn-sm{padding:8px 12px;font-size:.72rem}.btn-md{padding:14px 18px;font-size:.82rem}.badge{width:fit-content;font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;align-items:center;padding:5px 10px;font-size:.66rem;font-weight:800;display:inline-flex}.badge-primary{color:var(--color-blue);background:#1f6fb21f}.badge-accent{color:#8b5f0c;background:#e3a21a29}.badge-light{color:var(--color-white);background:#ffffff1a;border:1px solid #ffffff2e}.badge-warning{color:var(--color-warning);background:#fffbeb}.badge-success{color:var(--color-success);background:#f0fdf4}.portal{background:var(--color-off-white);min-height:100vh;display:flex}.sidebar{background:var(--color-navy-deep);width:256px;color:var(--color-white);flex-direction:column;flex:none;transition:width .18s;display:flex}.sidebar.collapsed{width:78px}.sidebar-head{border-bottom:1px solid #ffffff14;align-items:center;gap:12px;min-height:76px;padding:16px;display:flex}.sidebar-head img{object-fit:contain;width:42px;height:42px}.sidebar-head strong,.sidebar-user strong,.topbar-user strong{font-family:var(--font-display);display:block}.sidebar-head strong{font-size:.73rem;line-height:1.2}.sidebar-head span{color:var(--color-gold);font-family:var(--font-display);letter-spacing:.18em;font-size:.57rem;font-weight:800}.sidebar-nav{gap:4px;padding:12px;display:grid}.nav-item{color:#ffffff8c;text-align:left;background:0 0;border:0;border-left:3px solid #0000;border-radius:8px;align-items:center;gap:10px;min-height:42px;padding:0 12px;display:flex}.nav-item.active{border-left-color:var(--color-gold);color:var(--color-white);background:#1f6fb238}.nav-item span{font-family:var(--font-display);font-size:.82rem;font-weight:700}.sidebar-footer{border-top:1px solid #ffffff14;gap:12px;margin-top:auto;padding:14px;display:grid}.collapse-button,.icon-button{color:inherit;background:#ffffff14;border:0;border-radius:8px;place-items:center;display:inline-grid}.collapse-button{width:40px;height:34px}.sidebar-user,.topbar-user{align-items:center;gap:10px;display:flex}.sidebar-user strong,.topbar-user strong{font-size:.8rem}.sidebar-user span,.topbar-user span{color:var(--color-gray-400);font-size:.72rem}.avatar{width:38px;height:38px;color:var(--color-white);background:var(--color-blue);font-family:var(--font-display);border-radius:50%;flex:none;place-items:center;font-weight:900;display:grid}.portal-main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{border-bottom:1px solid var(--color-gray-200);background:var(--color-white);justify-content:space-between;align-items:center;gap:18px;min-height:72px;padding:0 28px;display:flex}.search-box{border:1px solid var(--color-gray-200);width:min(620px,48vw);height:42px;color:var(--color-gray-400);background:var(--color-gray-100);border-radius:8px;align-items:center;gap:10px;padding:0 14px;display:flex}.search-box input{background:0 0;border:0;outline:0;width:100%;min-width:0}.topbar-actions{align-items:center;gap:12px;display:flex}.icon-button{width:40px;height:40px;color:var(--color-gray-600);background:var(--color-gray-100);position:relative}.icon-button span{border:2px solid var(--color-white);background:var(--color-gold);border-radius:50%;width:8px;height:8px;position:absolute;top:9px;right:10px}.dashboard{flex:1;gap:20px;padding:24px;display:grid;overflow:auto}.dashboard-hero{color:var(--color-white);background:var(--gradient-hero);box-shadow:var(--shadow-lg);border-radius:10px;justify-content:space-between;gap:20px;padding:28px;display:flex}.dashboard-hero h1{font-size:clamp(1.8rem,3vw,3.2rem)}.hero-date{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff1a;border:1px solid #ffffff29;border-radius:8px;flex:none;align-items:center;gap:10px;height:42px;padding:0 14px;font-weight:700;display:flex}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.stat-card,.work-panel,.alert-panel{border:1px solid var(--color-gray-200);background:var(--color-white);box-shadow:var(--shadow-sm);border-radius:10px}.stat-card{gap:8px;min-height:128px;padding:18px;display:grid}.stat-card span,.panel-heading p,.task-row p,.alert-list p{color:var(--color-gray-500)}.stat-card span{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:800}.stat-card strong{color:var(--color-navy);font-family:var(--font-display);font-size:2.1rem;font-weight:900}.stat-card small{color:var(--color-gray-500)}.stat-card.primary,.stat-card.accent,.stat-card.danger,.stat-card.success{color:var(--color-white)}.stat-card.primary{background:var(--color-blue)}.stat-card.accent{background:var(--color-gold)}.stat-card.danger{background:var(--color-danger)}.stat-card.success{background:var(--color-success)}.stat-card.primary span,.stat-card.primary strong,.stat-card.primary small,.stat-card.accent span,.stat-card.accent strong,.stat-card.accent small,.stat-card.danger span,.stat-card.danger strong,.stat-card.danger small,.stat-card.success span,.stat-card.success strong,.stat-card.success small{color:inherit}.content-grid{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:18px;display:grid}.work-panel,.alert-panel{padding:18px}.panel-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.panel-heading h2{color:var(--color-navy);font-family:var(--font-display);font-size:1rem}.panel-heading p{margin-top:4px;font-size:.86rem}.panel-heading.compact{margin-bottom:12px}.task-list,.alert-list{gap:10px;display:grid}.task-row{border:1px solid var(--color-gray-200);border-radius:8px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid}.task-row strong,.alert-list strong{color:var(--color-gray-900);font-size:.92rem}.task-row p,.alert-list p{margin-top:4px;font-size:.82rem}.task-icon{border-radius:8px;place-items:center;width:42px;height:42px;display:grid}.task-icon.primary{color:var(--color-blue);background:#1f6fb21a}.task-icon.accent{color:#8b5f0c;background:#e3a21a24}.task-icon.warning{color:var(--color-warning);background:#fffbeb}.task-icon.success{color:var(--color-success);background:#f0fdf4}.alert-list article{border-left:3px solid var(--color-gold);background:var(--color-gray-100);border-radius:8px;gap:10px;padding:12px;display:flex}.alert-list svg{color:var(--color-warning);flex:none}.placeholder-copy{color:var(--color-gray-500);line-height:1.7}.students-module{gap:18px}.module-hero{border:1px solid var(--color-gray-200);background:var(--color-white);box-shadow:var(--shadow-sm);border-radius:10px;justify-content:space-between;align-items:flex-start;gap:18px;padding:24px;display:flex}.module-hero h1{color:var(--color-navy);font-family:var(--font-display);letter-spacing:0;margin-top:8px;font-size:clamp(1.8rem,3vw,3rem)}.module-hero p{max-width:760px;color:var(--color-gray-500);margin-top:10px;line-height:1.7}.module-hero-actions{flex-wrap:wrap;gap:8px;display:flex}.student-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.student-summary-grid article{border:1px solid var(--color-gray-200);background:var(--color-white);min-height:112px;box-shadow:var(--shadow-sm);border-radius:10px;gap:8px;padding:16px;display:grid}.student-summary-grid svg{color:var(--color-blue)}.student-summary-grid span{color:var(--color-gray-500);font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:800}.student-summary-grid strong{color:var(--color-navy);font-family:var(--font-display);font-size:2rem;font-weight:900}.students-workspace{flex-direction:column;gap:18px;display:flex}.students-panel,.student-detail,.form-drawer,.confirm-dialog{border:1px solid var(--color-gray-200);background:var(--color-white);box-shadow:var(--shadow-sm);border-radius:10px}.students-panel,.student-detail{padding:18px}.students-toolbar,.drawer-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.students-toolbar h2,.drawer-head h2,.confirm-dialog h2{color:var(--color-navy);font-family:var(--font-display);margin-top:6px;font-size:1.25rem}.students-toolbar p,.confirm-dialog p{color:var(--color-gray-500);margin-top:5px;line-height:1.6}.toolbar-actions{flex-wrap:wrap;gap:8px;display:flex}.btn-icon-text{min-height:36px;color:var(--color-navy);background:var(--color-gray-100);font-family:var(--font-display);letter-spacing:.03em;text-transform:uppercase;border:0;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:0 12px;font-size:.74rem;font-weight:800;display:inline-flex}.btn-icon-text.primary{color:var(--color-white);background:var(--color-blue)}.student-filters{grid-template-columns:minmax(220px,1fr) repeat(3,minmax(140px,.45fr));align-items:end;gap:10px;margin-bottom:14px;display:grid}.search-input,.compact-field{gap:6px;display:grid}.search-input{border:1px solid var(--color-gray-200);height:42px;color:var(--color-gray-400);background:var(--color-gray-100);border-radius:8px;align-self:end;align-items:center;gap:10px;padding:0 12px;display:flex}.search-input input,.compact-field input,.compact-field select,.compact-field textarea{border:1px solid var(--color-gray-300);width:100%;min-width:0;color:var(--color-gray-900);background:var(--color-white);border-radius:8px;outline:0}.search-input input{background:0 0;border:0}.compact-field span{color:var(--color-gray-500);font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;font-size:.68rem;font-weight:800}.compact-field input,.compact-field select{height:40px;padding:0 10px}.compact-field textarea{resize:vertical;min-height:82px;padding:10px}.students-table-wrap{border:1px solid var(--color-gray-200);border-radius:8px;overflow:auto}.students-table{border-collapse:collapse;width:100%;min-width:820px}.students-table th,.students-table td{border-bottom:1px solid var(--color-gray-200);text-align:left;vertical-align:middle;padding:12px}.students-table th{color:var(--color-gray-500);background:var(--color-gray-100);font-family:var(--font-display);letter-spacing:.07em;text-transform:uppercase;font-size:.68rem;font-weight:800}.students-table tr.selected td{background:#1f6fb20e}.students-table td>strong,.students-table td small{display:block}.students-table td>strong{color:var(--color-gray-900);font-size:.88rem}.students-table td small{color:var(--color-gray-500);margin-top:3px;font-size:.78rem}.student-cell{width:100%;color:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:0;display:flex}.student-cell.static{width:auto}.student-cell strong{color:var(--color-gray-900);font-size:.9rem;display:block}.student-cell small{color:var(--color-gray-500);margin-top:3px;font-size:.78rem;display:block}.student-avatar{width:40px;height:40px;color:var(--color-white);background:var(--color-navy);font-family:var(--font-display);border-radius:50%;flex:none;place-items:center;font-weight:900;display:grid}.row-actions{gap:6px;display:flex}.row-actions button,.profile-actions button{color:var(--color-navy);background:var(--color-gray-100);border:0;border-radius:7px;place-items:center;display:inline-grid}.row-actions button{width:32px;height:32px}.pagination-bar{color:var(--color-gray-500);justify-content:space-between;align-items:center;gap:12px;margin-top:12px;font-size:.84rem;display:flex}.pagination-bar div{align-items:center;gap:8px;display:flex}.pagination-bar button{color:var(--color-gray-600);background:var(--color-gray-100);border:0;border-radius:7px;padding:7px 10px}.student-detail{padding:16px}.student-profile-head{align-items:center;gap:12px;display:flex}.student-profile-head .student-avatar{width:58px;height:58px;font-size:1.1rem}.profile-title-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.profile-title-row h2{color:var(--color-navy);font-family:var(--font-display);font-size:1.15rem}.student-profile-head p{color:var(--color-gray-500);margin-top:4px;font-size:.84rem}.profile-actions{gap:8px;margin-top:14px;display:flex}.profile-actions button{align-items:center;gap:7px;min-height:34px;padding:0 10px;font-weight:800;display:inline-flex}.student-quick-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0;display:grid}.student-quick-stats article{background:var(--color-gray-100);border-radius:8px;gap:5px;min-width:0;padding:12px;display:grid}.student-quick-stats span{color:var(--color-gray-500);font-size:.7rem;font-weight:800}.student-quick-stats strong{color:var(--color-navy);font-family:var(--font-display);font-size:1.05rem}.detail-tabs{gap:6px;margin-bottom:14px;padding-bottom:4px;display:flex;overflow-x:auto}.detail-tabs button{color:var(--color-gray-600);background:var(--color-gray-100);text-transform:capitalize;border:0;border-radius:999px;padding:8px 10px;font-size:.76rem;font-weight:800}.detail-tabs button.active{color:var(--color-white);background:var(--color-navy)}.detail-section{gap:10px;display:grid}.record-card,.parent-grid article,.finance-card,.timeline-list article,.document-list article{border:1px solid var(--color-gray-200);background:var(--color-white);border-radius:8px}.record-card{justify-content:space-between;gap:10px;padding:12px;display:flex}.record-card strong,.parent-grid strong,.finance-card strong{color:var(--color-gray-900)}.record-card p,.parent-grid p,.finance-card p{color:var(--color-gray-500);margin-top:4px;font-size:.82rem;line-height:1.5}.parent-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.parent-grid article,.finance-card,.timeline-list article,.document-list article{gap:8px;padding:12px;display:grid}.attendance-calendar{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.attendance-calendar span{height:34px;color:var(--color-white);border-radius:8px;place-items:center;font-weight:900;display:grid}.attendance-calendar .present{background:var(--color-success)}.attendance-calendar .sick{background:var(--color-warning)}.attendance-calendar .permit{background:var(--color-blue)}.attendance-calendar .absent{background:var(--color-danger)}.attendance-legend{color:var(--color-gray-500);flex-wrap:wrap;gap:10px;font-size:.78rem;display:flex}.attendance-legend span{align-items:center;gap:5px;display:inline-flex}.attendance-legend i{border-radius:50%;width:9px;height:9px}.attendance-legend .present{background:var(--color-success)}.attendance-legend .sick{background:var(--color-warning)}.attendance-legend .permit{background:var(--color-blue)}.attendance-legend .absent{background:var(--color-danger)}.document-list article{color:var(--color-gray-700);align-items:center;display:flex}.student-summary-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.student-summary-grid article small{color:var(--color-gray-400);font-size:.72rem}.bulk-toolbar{background:var(--color-navy);color:var(--color-white);border-radius:8px;align-items:center;gap:10px;margin-bottom:8px;padding:8px 14px;font-size:.84rem;display:flex}.bulk-toolbar button{color:var(--color-white);cursor:pointer;background:0 0;border:1px solid #ffffff40;border-radius:6px;align-items:center;gap:5px;padding:4px 10px;font-size:.8rem;display:inline-flex}.students-table thead input[type=checkbox],.students-table tbody input[type=checkbox]{cursor:pointer;width:15px;height:15px}.pagination-bar button.active{background:var(--color-navy);color:var(--color-white);font-weight:700}.pagination-bar button:disabled{opacity:.35;cursor:not-allowed}.gpa-chart{align-items:flex-end;gap:8px;height:90px;padding:0 4px;display:flex}.gpa-bar-col{flex-direction:column;flex:1;align-items:center;height:100%;display:flex}.gpa-value{color:var(--color-gray-600);margin-bottom:3px;font-size:10px;font-weight:700}.gpa-bar-track{background:var(--color-gray-100);border-radius:4px 4px 0 0;flex:1;align-items:flex-end;width:100%;display:flex}.gpa-bar-fill{background:linear-gradient(180deg, var(--color-blue) 0%, var(--color-navy) 100%);border-radius:4px 4px 0 0;width:100%;transition:height .3s}.gpa-label{color:var(--color-gray-500);text-align:center;margin-top:4px;font-size:10px;line-height:1.3}.timeline-list{flex-direction:column;gap:10px;display:flex}.timeline-entry{border:1px solid var(--color-gray-200);background:var(--color-white);border-radius:8px;gap:10px;padding:10px;display:flex}.timeline-dot{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.timeline-dot.success{color:var(--color-success);background:#dcfce7}.timeline-dot.danger{color:var(--color-danger);background:#fee2e2}.timeline-body{flex:1;min-width:0}.risk-breakdown{background:var(--color-gray-100);border-radius:8px;margin-top:10px;padding:10px 12px}.mutation-header{justify-content:flex-end;margin-bottom:10px;display:flex}.attendance-buttons button.active.hadir{background:var(--color-success);color:#fff;border-color:var(--color-success)}.attendance-buttons button.active.sakit{background:var(--color-warning);color:#fff;border-color:var(--color-warning)}.attendance-buttons button.active.izin{background:var(--color-blue);color:#fff;border-color:var(--color-blue)}.attendance-buttons button.active.alfa{background:var(--color-danger);color:#fff;border-color:var(--color-danger)}.attendance-buttons button.active.dispensasi{background:var(--color-navy);color:#fff;border-color:var(--color-navy)}.empty-hint{color:var(--color-gray-400);padding:12px 0;font-size:.84rem}.sd-fullscreen{background:var(--color-off-white);z-index:600;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.sd-topbar{background:var(--color-white);border-bottom:1px solid var(--color-gray-200);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.sd-body{flex:1;grid-template-columns:260px 1fr;min-height:0;display:grid;overflow:hidden}.sd-sidebar{background:var(--color-white);border-right:1px solid var(--color-gray-200);flex-direction:column;gap:16px;padding:16px;display:flex;overflow:hidden}.sd-stats{grid-template-columns:1fr 1fr;gap:8px;display:grid}.sd-stat{background:var(--color-gray-100);border-radius:8px;flex-direction:column;gap:2px;padding:8px 10px;display:flex}.sd-stat span{text-transform:uppercase;letter-spacing:.06em;color:var(--color-gray-500);font-size:10px;font-weight:700}.sd-stat strong{font-size:1.1rem;font-family:var(--font-display);color:var(--color-navy)}.sd-risk,.sd-parents{flex-direction:column;display:flex}.sd-section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--color-gray-400);margin:0 0 8px;font-size:10px;font-weight:800}.sd-parent-card{border:1px solid var(--color-gray-200);background:var(--color-gray-100);border-radius:7px;margin-bottom:6px;padding:8px}.sd-content{flex-direction:column;display:flex;overflow:hidden}.sd-tabs{background:var(--color-white);border-bottom:1px solid var(--color-gray-200);flex-shrink:0;gap:2px;padding:12px 20px 0;display:flex}.sd-tabs button{color:var(--color-gray-500);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 14px;font-size:13px;font-weight:600}.sd-tabs button.active{color:var(--color-navy);border-bottom-color:var(--color-blue)}.sd-tab-body{flex:1;padding:20px;overflow:hidden}.sd-two-col{grid-template-columns:1fr 1fr;gap:24px;height:100%;display:grid}.overlay-panel{z-index:500;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f2a4e85;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.form-drawer{width:min(920px,100%);max-height:min(820px,92vh);padding:20px;overflow:auto}.drawer-head button{color:var(--color-gray-600);background:var(--color-gray-100);border:0;border-radius:7px;padding:9px 12px;font-weight:800}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.span-2{grid-column:1/-1}.upload-box{border:1px dashed var(--color-gray-300);min-height:56px;color:var(--color-gray-500);background:var(--color-gray-100);border-radius:8px;align-items:center;gap:10px;padding:12px;display:flex}.guardian-form{border:1px solid var(--color-gray-200);border-radius:8px;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:12px;display:grid}.drawer-actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.attendance-input-panel{margin-bottom:12px}.attendance-list{gap:10px;display:grid}.attendance-list article{border:1px solid var(--color-gray-200);border-radius:8px;grid-template-columns:minmax(220px,.75fr) minmax(0,1fr);align-items:center;gap:12px;padding:12px;display:grid}.attendance-buttons{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;display:grid}.attendance-buttons button{min-height:34px;color:var(--color-gray-600);background:var(--color-gray-100);border:0;border-radius:7px;font-size:.76rem;font-weight:800}.attendance-buttons button.active{color:var(--color-white);background:var(--color-blue)}.audit-note{color:var(--color-gray-500);margin-top:12px;font-size:.84rem;line-height:1.6}.confirm-dialog{width:min(420px,100%);padding:22px}.deactivate-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0;display:grid}.deactivate-grid button{min-height:42px;color:var(--color-white);background:var(--color-navy);font-family:var(--font-display);text-transform:uppercase;border:0;border-radius:8px;font-weight:800}.academic-module{gap:18px}.academic-hero{border-bottom:3px solid var(--color-gold)}.module-tabs{gap:8px;display:flex;overflow-x:auto}.module-tabs button{min-height:40px;color:var(--color-gray-600);background:var(--color-gray-100);font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;border:0;border-radius:999px;padding:0 16px;font-size:.78rem;font-weight:800}.module-tabs button.active{color:var(--color-white);background:var(--color-navy)}.academic-grid{grid-template-columns:minmax(0,1fr) 430px;align-items:start;gap:18px;display:grid}.academic-filters{grid-template-columns:minmax(220px,1fr) minmax(160px,.35fr)}.teacher-list,.class-grid{gap:10px;display:grid}.teacher-card,.class-card{border:1px solid var(--color-gray-200);background:var(--color-white);text-align:left;border-radius:9px;align-items:center;gap:12px;width:100%;padding:12px;display:grid}.teacher-card{grid-template-columns:42px minmax(0,1fr) auto}.teacher-card.active,.class-card.active{background:#1f6fb20f;border-color:#1f6fb273}.teacher-card strong,.class-card strong{color:var(--color-gray-900);font-size:.92rem;display:block}.teacher-card small,.class-card small,.class-card span,.class-meta{color:var(--color-gray-500);margin-top:4px;font-size:.8rem;display:block}.class-card{grid-template-columns:minmax(0,1fr) auto}.class-card small{grid-column:1/-1}.schedule-grid{border:1px solid var(--color-gray-200);border-radius:9px;grid-template-columns:92px repeat(5,minmax(132px,1fr));display:grid;overflow:auto}.schedule-corner,.schedule-head,.schedule-time,.schedule-cell{border-right:1px solid var(--color-gray-200);border-bottom:1px solid var(--color-gray-200);min-height:72px}.schedule-corner,.schedule-head,.schedule-time{background:var(--color-gray-100);color:var(--color-gray-600);font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;place-items:center;font-size:.74rem;font-weight:800;display:grid}.schedule-cell{color:var(--color-gray-400);background:var(--color-white);text-align:left;border-top:0;border-left:0;align-content:center;gap:5px;padding:10px;display:grid}.schedule-cell.filled{color:var(--color-white);background:linear-gradient(135deg, var(--color-blue), var(--color-navy))}.schedule-cell strong{font-family:var(--font-display);font-size:1rem}.schedule-cell span{font-size:.78rem;font-weight:700}.schedule-modal{width:min(520px,100%)}.form-grid.single{grid-template-columns:1fr}.schedule-conflict{color:var(--color-danger);background:#fef2f2;border-radius:8px;align-items:center;gap:10px;margin-top:14px;padding:12px;font-weight:700;display:flex}.report-preview{gap:10px;display:grid}.report-preview>div{color:var(--color-white);background:var(--gradient-hero);border-radius:9px;justify-content:space-between;gap:12px;padding:14px;display:flex}.report-preview>div strong{font-family:var(--font-display);font-size:1.1rem;display:block}.report-preview>div span{color:#ffffffb3}.report-preview article{border:1px solid var(--color-gray-200);border-radius:8px;grid-template-columns:minmax(0,1fr) 54px auto minmax(160px,.8fr);align-items:center;gap:10px;padding:12px;display:grid}.report-preview article span{color:var(--color-gray-900);font-weight:800}.report-preview article strong{color:var(--color-navy);font-family:var(--font-display);font-size:1.25rem}.report-preview article small{color:var(--color-gray-500)}.side-title{color:var(--color-navy);font-family:var(--font-display);margin-bottom:14px;font-size:1.12rem}.lms-module{gap:18px}.lms-hero{border-bottom:3px solid var(--color-gold)}.lms-layout{grid-template-columns:320px minmax(0,1fr);align-items:start;gap:18px;display:grid}.lms-course-sidebar{position:sticky;top:18px}.lms-course-list,.lms-list,.quiz-grid,.student-course-grid{gap:10px;display:grid}.lms-course-card{border:1px solid var(--color-gray-200);background:var(--color-white);text-align:left;border-radius:9px;gap:10px;width:100%;padding:13px;display:grid}.lms-course-card.active{background:#1f6fb20f;border-color:#1f6fb273}.lms-course-card strong,.course-header-panel h2,.quiz-grid h3,.student-course-grid h3{color:var(--color-navy);font-family:var(--font-display);display:block}.lms-course-card strong{margin-top:8px}.lms-course-card span,.lms-course-card small,.course-header-panel p,.quiz-grid p,.student-course-grid p{color:var(--color-gray-500)}.lms-main{gap:16px;min-width:0;display:grid}.course-header-panel{border:1px solid var(--color-gray-200);background:var(--color-white);box-shadow:var(--shadow-sm);border-radius:10px;justify-content:space-between;align-items:center;gap:16px;padding:18px;display:flex}.course-header-panel h2{margin-top:8px;font-size:1.5rem}.lms-search{margin-bottom:12px}.lms-list-row{border:1px solid var(--color-gray-200);background:var(--color-white);border-radius:9px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid}.lms-list-row.selected{background:#1f6fb20e;border-color:#1f6fb273}.lms-list-row strong{color:var(--color-gray-900)}.lms-list-row p{color:var(--color-gray-500);margin-top:4px;font-size:.82rem}.lms-row-main{text-align:left;background:0 0;border:0;padding:0}.lms-type-icon{width:42px;height:42px;color:var(--color-blue);background:#1f6fb21a;border-radius:8px;place-items:center;display:grid}.lms-type-icon.video,.lms-type-icon.interactive{color:var(--color-gold-dark);background:#e3a21a29}.lms-type-icon.assignment{color:var(--color-success);background:#f0fdf4}.toggle-pill{color:var(--color-gray-600);background:var(--color-gray-100);border:0;border-radius:999px;padding:8px 10px;font-size:.72rem;font-weight:800}.toggle-pill.active{color:var(--color-white);background:var(--color-blue)}.submission-review article{border:1px solid var(--color-gray-200);border-radius:8px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:12px;display:grid}.submission-review button,.quiz-actions button{color:var(--color-navy);background:var(--color-gray-100);border:0;border-radius:7px;padding:8px 10px;font-weight:800}.full-width-action{width:100%;margin-top:12px}.quiz-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quiz-grid article,.student-course-grid article{border:1px solid var(--color-gray-200);background:var(--color-white);border-radius:10px;gap:10px;padding:14px;display:grid}.quiz-head,.quiz-actions,.gradebook-summary{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.quiz-meta{flex-wrap:wrap;gap:8px;display:flex}.quiz-meta span{color:var(--color-gray-600);background:var(--color-gray-100);border-radius:999px;padding:6px 8px;font-size:.72rem;font-weight:800}.quiz-actions button{align-items:center;gap:6px;display:inline-flex}.quiz-actions strong{color:var(--color-gray-500);font-size:.82rem}.quiz-preview{width:min(520px,100%)}.quiz-question-preview{background:var(--color-gray-100);border-radius:8px;gap:10px;margin-top:14px;padding:14px;display:grid}.quiz-question-preview label{color:var(--color-gray-700);align-items:center;gap:8px;display:flex}.gradebook-summary{justify-content:flex-start;margin-bottom:12px}.gradebook-table td:not(:first-child){color:var(--color-gray-700);font-weight:700}.student-course-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.student-course-grid article strong{color:var(--color-navy);font-family:var(--font-display);font-size:2rem}.mini-trend{align-items:end;gap:6px;height:72px;padding-top:10px;display:flex}.mini-trend span{background:var(--gradient-primary,linear-gradient(135deg, var(--color-blue), var(--color-navy)));border-radius:5px 5px 0 0;width:16px}.assets-module{gap:18px}.assets-hero{border-bottom:3px solid var(--color-gold)}.asset-filters{grid-template-columns:minmax(220px,1fr) repeat(3,minmax(140px,.4fr))}.asset-mark{width:42px;height:42px;color:var(--color-white);background:var(--gradient-hero);border-radius:9px;flex:none;place-items:center;display:grid}.asset-mark.large{width:58px;height:58px}.assets-table .badge+.badge{margin-left:6px}.asset-detail .student-quick-stats{grid-template-columns:1fr}.qr-card{color:var(--color-navy);background:#1f6fb20f;border:1px solid #1f6fb229;border-radius:10px;grid-template-columns:70px minmax(0,1fr) auto;align-items:center;gap:12px;margin:16px 0;padding:14px;display:grid}.qr-card strong{font-family:var(--font-display);color:var(--color-navy);display:block}.qr-card p{color:var(--color-gray-500);margin-top:4px;font-size:.82rem;line-height:1.5}.depreciation-list article{border:1px solid var(--color-gray-200);border-radius:8px;justify-content:space-between;gap:10px;padding:11px 12px;display:flex}.depreciation-list span{color:var(--color-gray-500);font-weight:800}.depreciation-list strong{color:var(--color-navy);font-family:var(--font-display)}.asset-flow-modal{width:min(560px,100%)}.maintenance-calendar{gap:10px;display:grid}.maintenance-calendar article{border:1px solid var(--color-gray-200);border-radius:9px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid}.maintenance-calendar svg{color:var(--color-blue)}.maintenance-calendar strong{color:var(--color-gray-900)}.maintenance-calendar p{color:var(--color-gray-500);margin-top:4px;font-size:.82rem}.asset-workflow{gap:10px;display:grid}.asset-workflow span{border-left:3px solid var(--color-gold);color:var(--color-navy);background:var(--color-gray-100);font-family:var(--font-display);text-transform:uppercase;border-radius:8px;padding:12px;font-weight:800}.hr-module{gap:18px}.hr-hero{border-bottom:3px solid var(--color-gold)}.hr-filters{grid-template-columns:minmax(220px,1fr) repeat(2,minmax(150px,.35fr))}.hr-detail .student-avatar{width:58px;height:58px}.leave-row{border:1px solid var(--color-gray-200);background:var(--color-white);border-radius:9px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:12px;display:grid}.leave-row strong{color:var(--color-gray-900)}.leave-row p,.leave-row small{color:var(--color-gray-500);margin-top:4px;display:block}.leave-actions{flex-wrap:wrap;gap:7px;display:flex}.leave-actions button{color:var(--color-navy);background:var(--color-gray-100);border:0;border-radius:7px;align-items:center;gap:6px;padding:8px 10px;font-weight:800;display:inline-flex}.recruitment-board{grid-template-columns:repeat(5,minmax(180px,1fr));gap:12px;display:grid;overflow-x:auto}.recruitment-board section{background:var(--color-gray-100);border-radius:10px;align-content:start;gap:10px;min-height:320px;padding:12px;display:grid}.recruitment-board h3{color:var(--color-navy);font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:.82rem}.recruitment-board article{border:1px solid var(--color-gray-200);background:var(--color-white);border-radius:8px;gap:6px;padding:12px;display:grid}.recruitment-board strong{color:var(--color-gray-900)}.recruitment-board p,.recruitment-board small{color:var(--color-gray-500)}.recruitment-board button{width:fit-content;color:var(--color-white);background:var(--color-blue);border:0;border-radius:7px;padding:7px 10px;font-weight:800}@media (width<=1100px){.login-page{grid-template-columns:1fr}.login-brand-panel{min-height:420px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid{grid-template-columns:1fr}.student-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.students-workspace{grid-template-columns:1fr}.student-detail{position:static}.student-filters,.guardian-form{grid-template-columns:repeat(2,minmax(0,1fr))}.academic-grid,.lms-layout{grid-template-columns:1fr}.lms-course-sidebar{position:static}.asset-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.recruitment-board{grid-template-columns:repeat(3,minmax(180px,1fr))}}@media (width<=760px){.login-brand-panel{display:none}.login-form-panel{min-height:100vh;padding:18px}.login-card{padding:22px}.mobile-logo{margin-bottom:22px;display:block}.portal{display:block}.sidebar{width:100%;min-height:auto}.sidebar.collapsed{width:100%}.sidebar-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.sidebar-footer,.topbar-user,.search-box{display:none}.topbar{justify-content:flex-end;min-height:62px;padding:0 16px}.dashboard{padding:16px}.dashboard-hero{padding:20px;display:grid}.stats-grid{grid-template-columns:1fr}.task-row{grid-template-columns:42px minmax(0,1fr)}.task-row .badge{grid-column:2}.module-hero,.students-toolbar,.drawer-head,.pagination-bar{display:grid}.student-summary-grid,.student-filters,.form-grid,.guardian-form,.attendance-list article,.attendance-buttons,.academic-filters,.teacher-card,.class-card,.report-preview article,.course-header-panel,.lms-list-row,.submission-review article,.asset-filters,.qr-card,.maintenance-calendar article,.hr-filters,.leave-row,.recruitment-board,.quiz-grid,.student-course-grid{grid-template-columns:1fr}.students-panel,.student-detail{padding:14px}.student-quick-stats,.parent-grid{grid-template-columns:1fr}.overlay-panel{padding:12px}}.module-split{grid-template-columns:1fr 380px;gap:20px;padding:0 24px 24px;display:grid}.module-split-main{min-width:0}.hero-stats{gap:20px;margin-top:16px;display:flex}.hero-stats article{border:1px solid var(--color-gray-200);background:#fff;border-radius:10px;flex:1;align-items:center;gap:10px;padding:12px 18px;display:flex}.hero-stats article strong{color:var(--color-navy);font-size:18px;display:block}.hero-stats article span{color:var(--color-gray-500);font-size:12px}.rating-stars{align-items:center;gap:1px;display:inline-flex}.review-text{color:var(--color-gray-600);font-style:italic;margin-top:6px!important}.digital-card{background:#f0f7ff!important;border-color:#b3d4f7!important}.form-warning{color:#856404;background:#fef3cd;border:1px solid #ffc107;border-radius:8px;align-items:center;gap:8px;margin-top:8px;padding:10px 14px;font-size:13px;display:flex}.progress-bar-wrap{align-items:center;gap:8px;min-width:120px;display:flex}.progress-bar-fill{background:var(--color-gold);border-radius:99px;min-width:4px;height:8px;transition:width .4s}.progress-bar-wrap small{color:var(--color-gray-500);white-space:nowrap;font-size:11px;font-weight:600}@keyframes modal-in{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:1000;background:#0a12268c;justify-content:center;align-items:center;padding:24px 16px;display:flex;position:fixed;inset:0}.modal-card{background:var(--bg-card,#fff);border:1px solid #fff9;border-radius:16px;flex-direction:column;width:100%;max-width:500px;max-height:calc(100vh - 48px);animation:.18s ease-out both modal-in;display:flex;overflow:hidden;box-shadow:0 24px 64px #0a12262e,0 4px 16px #0a122614}.modal-card.narrow{max-width:380px}.modal-head,.modal-header{border-bottom:1px solid var(--color-gray-100,#f1f5f9);background:linear-gradient(135deg,#f8faff 0%,#fff 100%);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:18px 22px 16px;display:flex}.modal-head h2,.modal-head h3,.modal-header h2,.modal-header h3{color:var(--color-navy);margin:0;font-size:15px;font-weight:700;line-height:1.3}.modal-head p,.modal-header p{color:var(--color-gray-500);margin:2px 0 0;font-size:12px}.modal-body{flex-direction:column;flex:1;gap:14px;min-height:0;padding:20px 22px;display:flex;overflow-y:auto}.modal-actions,.modal-footer{border-top:1px solid var(--color-gray-100,#f1f5f9);background:var(--color-off-white,#f8fafc);flex-shrink:0;justify-content:flex-end;align-items:center;gap:8px;padding:14px 22px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-row .field{margin:0}.field-group{flex-direction:column;gap:6px;display:flex}.field-group>span{color:var(--color-gray-600,#475569);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}.btn-icon-text.full-width{justify-content:center;width:100%;margin-top:12px}@media (width<=900px){.module-split{grid-template-columns:1fr}.hero-stats{flex-wrap:wrap}.hero-stats article{flex:calc(50% - 10px)}}.project-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px;padding:0 24px 24px;display:grid}.project-card{border:1px solid var(--color-gray-200);cursor:pointer;background:#fff;border-radius:12px;padding:18px;transition:box-shadow .2s,border-color .2s}.project-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-blue)}.project-card-head{margin-bottom:12px}.project-card-title{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:6px;display:flex}.project-card-title h3{color:var(--color-navy);font-size:15px;font-weight:700;line-height:1.3}.project-card-badges{flex-shrink:0;gap:4px;display:flex}.project-card-desc{color:var(--color-gray-500);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;display:-webkit-box;overflow:hidden}.project-progress{align-items:center;gap:8px;margin-bottom:12px;display:flex}.project-progress-fill{border-radius:99px;flex:1;height:8px;transition:width .4s}.project-progress span{color:var(--color-gray-600);text-align:right;min-width:36px;font-size:12px;font-weight:700}.project-card-meta{color:var(--color-gray-500);flex-wrap:wrap;gap:12px;font-size:12px;display:flex}.project-card-meta span{align-items:center;gap:4px;display:flex}.meta-budget{color:var(--color-navy);margin-left:auto;font-weight:600}.projects-panel,.project-detail-panel{padding:0 24px 24px}.project-detail-head{border:1px solid var(--color-gray-200);background:#fff;border-radius:12px;align-items:flex-start;gap:16px;margin-bottom:16px;padding:18px 22px;display:flex}.project-detail-head .profile-title-row{margin-bottom:4px}.project-stats-row{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-bottom:16px;display:grid}.project-stats-row article{border:1px solid var(--color-gray-200);background:#fff;border-radius:10px;padding:14px}.project-stats-row article span:first-child{color:var(--color-gray-500);margin-bottom:4px;font-size:12px;display:block}.project-stats-row article strong{color:var(--color-navy);font-size:15px;display:block}.project-stats-row article .project-progress{margin:6px 0 0}.project-stats-row article small{color:var(--color-gray-400);font-size:11px}.kanban-board{grid-template-columns:repeat(5,1fr);gap:12px;margin-top:4px;display:grid}.kanban-column{background:#f1f5f9;border-radius:10px;min-height:400px;padding:12px}.kanban-column-head{color:var(--color-gray-700);text-transform:uppercase;letter-spacing:.5px;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:13px;font-weight:700;display:flex}.kanban-column-body{flex-direction:column;gap:8px;display:flex}.kanban-card{cursor:pointer;border:1px solid var(--color-gray-200);background:#fff;border-radius:8px;padding:12px;transition:box-shadow .15s}.kanban-card:hover{box-shadow:var(--shadow-sm)}.kanban-card-head{align-items:center;gap:6px;margin-bottom:6px;display:flex}.kanban-priority{border-radius:99px;width:8px;height:8px}.kanban-card-head small{text-transform:uppercase;color:var(--color-gray-500);font-size:10px;font-weight:600}.kanban-card strong{color:var(--color-navy);margin-bottom:4px;font-size:13px;display:block}.kanban-card p{color:var(--color-gray-500);margin-bottom:8px;font-size:12px}.kanban-card-footer{color:var(--color-gray-400);justify-content:space-between;font-size:11px;display:flex}.kanban-card-footer span{align-items:center;gap:3px;display:flex}.kanban-empty{text-align:center;color:var(--color-gray-400);padding:24px 0;font-size:13px}.modal-card.wide{max-width:640px}.lms-modal{width:min(720px,100vw - 28px)}.lms-modal textarea,.feedback-input{resize:vertical;min-height:86px}.lesson-plan-strip,.quiz-preview-inline,.student-course-detail,.quiz-attempt-screen{background:#1f6fb20d;border:1px solid #1f6fb229;border-radius:8px;gap:10px;margin-bottom:14px;padding:14px;display:grid}.lesson-plan-strip{grid-template-columns:auto minmax(0,1fr) auto;align-items:center}.lesson-plan-strip p,.quiz-preview-inline p,.student-course-detail p,.quiz-attempt-screen p{color:var(--color-gray-600);margin:4px 0 0;font-size:13px}.order-actions,.drawer-actions,.quiz-actions,.quiz-head,.quiz-meta,.question-bank-toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.order-actions button,.question-bank-row button,.record-card button,.gradebook-table button,.attendance-buttons button,.drawer-actions button{border:1px solid var(--color-gray-200);background:var(--color-white);min-height:32px;color:var(--color-gray-700);border-radius:8px;padding:0 10px;font-weight:700}.lms-list-row small{color:var(--color-gray-500);margin-top:4px;display:block}.submission-editor{grid-template-columns:minmax(180px,1fr) 92px minmax(180px,1fr);align-items:stretch}.score-input,.feedback-input,.question-bank-toolbar input,.question-bank-toolbar select{border:1px solid var(--color-gray-200);background:var(--color-white);width:100%;color:var(--color-gray-900);border-radius:8px;padding:9px 10px}.question-bank-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.quiz-preview-inline{margin-top:14px}.quiz-question-preview{gap:8px;display:grid}.quiz-question-preview article,.attempt-answers label{border:1px solid var(--color-gray-200);background:var(--color-white);border-radius:8px;padding:10px;display:block}.check-row{min-height:42px;color:var(--color-gray-700);align-items:center;gap:8px;font-weight:700;display:flex}.gradebook-table small{color:var(--color-blue);font-weight:700;display:block}.report-generator{align-content:start}.progress-track{background:var(--color-gray-100);border-radius:999px;height:8px;margin-top:8px;overflow:hidden}.progress-track span{border-radius:inherit;background:var(--color-blue);height:100%;display:block}.pdf-preview{text-align:center;background:#1f6fb20a;border:1px dashed #1f6fb259;border-radius:8px;place-items:center;gap:10px;min-height:260px;padding:18px;display:grid}.student-course-card{text-align:left;border:1px solid var(--color-gray-200);background:var(--color-white);border-radius:8px;padding:14px}.student-course-card.active{border-color:#1f6fb27a;box-shadow:0 0 0 3px #1f6fb21a}.student-course-grid.compact{grid-template-columns:1fr}.student-assignment-detail{gap:12px;display:grid}.attempt-answers{gap:8px;margin:12px 0;display:grid}@media (width<=760px){.lesson-plan-strip,.submission-editor,.question-bank-row{grid-template-columns:1fr}.order-actions,.question-bank-toolbar{width:100%}.order-actions button,.question-bank-toolbar input,.question-bank-toolbar select{flex:140px}}.task-meta-grid{background:var(--color-off-white);border-radius:8px;grid-template-columns:repeat(3,1fr);gap:10px;padding:14px;display:grid}.task-meta-grid div span{color:var(--color-gray-500);margin-bottom:2px;font-size:11px;display:block}.task-meta-grid div strong{color:var(--color-navy);font-size:13px}.subtask-row{align-items:center;gap:8px;padding:6px 0;font-size:13px;display:flex}.subtask-row span{flex:1}.comment-row{background:var(--color-off-white);border-radius:8px;padding:12px}.comment-head{justify-content:space-between;margin-bottom:4px;display:flex}.comment-head strong{font-size:13px}.comment-head small{color:var(--color-gray-400);font-size:11px}.comment-row p{color:var(--color-gray-600);font-size:13px}.milestone-timeline{margin-top:12px}.milestone-item{gap:16px;display:flex;position:relative}.milestone-marker{flex-direction:column;align-items:center;width:24px;display:flex}.milestone-dot{background:var(--color-gray-300);border:2px solid #fff;border-radius:99px;flex-shrink:0;width:14px;height:14px}.milestone-item.completed .milestone-dot{background:var(--color-success)}.milestone-item.in_progress .milestone-dot{background:var(--color-blue)}.milestone-line{background:var(--color-gray-200);flex:1;width:2px;margin:4px 0}.milestone-content{flex:1;padding-bottom:24px}.milestone-head{align-items:center;gap:8px;margin-bottom:4px;display:flex}.milestone-head strong{color:var(--color-navy);font-size:14px}.milestone-content p{color:var(--color-gray-500);margin-bottom:2px;font-size:13px}.milestone-content small{color:var(--color-gray-400);font-size:11px}@media (width<=1000px){.kanban-board{grid-template-columns:repeat(3,1fr);overflow-x:auto}.project-grid{grid-template-columns:1fr}.project-stats-row{grid-template-columns:repeat(2,1fr)}}.tabs-underline{border-bottom:2px solid var(--color-gray-200);gap:0;margin-top:16px;display:flex}.tabs-underline .tab{color:var(--color-gray-500);font-family:var(--font-display);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-2px;padding:10px 18px;font-size:.82rem;font-weight:700;transition:color .15s,border-color .15s;display:flex}.tabs-underline .tab:hover{color:var(--color-navy)}.tabs-underline .tab.active{color:var(--color-blue);border-bottom-color:var(--color-blue)}.chart-bars{align-items:flex-end;gap:16px;min-height:220px;padding:20px 0 10px;display:flex}.bar-group{flex-direction:column;flex:1;align-items:center;gap:6px;display:flex}.bar-label{color:var(--color-gray-500);text-transform:uppercase;font-size:.72rem;font-weight:700}.bar-stack{background:var(--color-gray-100);border-radius:6px 6px 0 0;flex-direction:column;justify-content:flex-end;gap:3px;width:32px;height:160px;display:flex;position:relative}.bar{border-radius:4px 4px 0 0;width:100%;min-height:4px;transition:height .4s}.bar-primary{background:linear-gradient(180deg, var(--color-blue), #1a5fa8)}.bar-success{background:linear-gradient(180deg, var(--color-success), #15803d)}.bar-value{color:var(--color-gray-400);text-align:center;font-size:.62rem}.finance-pie-list{gap:10px;display:grid}.pie-row{border:1px solid var(--color-gray-200);border-radius:8px;align-items:center;gap:10px;padding:8px 12px;display:flex}.pie-row strong{color:var(--color-navy);margin-left:auto;font-size:.9rem}.pie-row small{color:var(--color-gray-500);text-align:right;min-width:40px;font-size:.78rem}.quick-action-list{gap:8px;display:grid}.quick-action-btn{border:1px solid var(--color-gray-200);background:var(--color-white);color:var(--color-navy);font-family:var(--font-display);cursor:pointer;text-align:left;border-radius:9px;align-items:center;gap:10px;width:100%;padding:12px;font-size:.82rem;font-weight:700;transition:border-color .15s,background .15s;display:flex}.quick-action-btn:hover{border-color:var(--color-blue);background:#1f6fb20a}.quick-action-btn svg{color:var(--color-blue)}.finance-table-wrap{overflow-x:auto}.finance-table{border-collapse:collapse;width:100%;font-size:.82rem}.finance-table th{text-align:left;color:var(--color-gray-500);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--color-gray-200);white-space:nowrap;padding:10px 12px;font-size:.72rem;font-weight:800}.finance-table td{border-bottom:1px solid var(--color-gray-100);color:var(--color-gray-700);vertical-align:middle;padding:10px 12px}.finance-table tr:hover td{background:#1f6fb205}.finance-table td strong{color:var(--color-navy)}.field-hint{color:var(--color-gray-500);margin-top:-4px;padding-left:2px;font-size:.76rem}.text-success{font-weight:700;color:var(--color-success)!important}.text-warning{font-weight:700;color:#b8860b!important}.text-muted{color:var(--color-gray-400);font-size:.82rem}.capitalize{text-transform:capitalize}.flex-center{align-items:center;gap:5px;display:inline-flex}.chip-group{gap:8px;display:flex}.chip{border-radius:999px;padding:4px 10px;font-size:.7rem;font-weight:700}.chip-primary{color:var(--color-blue);background:#1f6fb21a}.chip-success{color:var(--color-success);background:#f0fdf4}.checkbox-list{border:1px solid var(--color-gray-200);border-radius:8px;gap:8px;max-height:200px;padding:10px;display:grid;overflow-y:auto}.checkbox-row{cursor:pointer;border-radius:6px;align-items:center;gap:10px;padding:6px 8px;font-size:.82rem;display:flex}.checkbox-row:hover{background:var(--color-gray-100)}.checkbox-row input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-blue)}.checkbox-row strong{color:var(--color-navy);flex:1}@media (width<=800px){.tabs-underline{overflow-x:auto}.tabs-underline .tab span{display:none}.chart-bars{min-height:160px}.bar-stack{height:120px}}.public-lms-grid{align-items:start}.catalog-filters{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.catalog-filters button{border:1px solid var(--color-gray-200);background:var(--color-white);min-height:34px;color:var(--color-gray-700);border-radius:999px;padding:0 14px;font-weight:800}.catalog-filters button.active{border-color:var(--color-blue);color:var(--color-blue);background:#1f6fb21a}.public-course-grid,.member-course-list{gap:12px;display:grid}.public-course-card{text-align:left;border:1px solid var(--color-gray-200);background:var(--color-white);border-radius:8px;gap:10px;width:100%;padding:14px;display:grid}.public-course-card.active{border-color:#1f6fb280;box-shadow:0 0 0 3px #1f6fb217}.public-course-card h3,.member-course-row h3{color:var(--color-navy);margin:0;font-size:16px}.public-course-card p,.member-course-row p,.public-material-row p{color:var(--color-gray-600);margin:0;font-size:13px}.public-card-head,.public-card-meta,.public-course-stats{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.public-card-meta span,.member-progress small{color:var(--color-gray-500);font-size:12px;font-weight:800}.public-course-stats{grid-template-columns:repeat(3,1fr);margin:12px 0;display:grid}.public-course-stats article{border:1px solid var(--color-gray-200);background:#1f6fb20a;border-radius:8px;gap:2px;padding:10px;display:grid}.public-course-stats strong{color:var(--color-navy)}.public-course-stats span{color:var(--color-gray-500);font-size:12px;font-weight:800}.public-material-row,.member-course-row{border:1px solid var(--color-gray-200);background:var(--color-white);border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid}.public-material-row.locked{background:var(--color-gray-50);color:var(--color-gray-500)}.public-material-row.locked strong{color:var(--color-gray-500)}.member-dashboard{align-content:start}.member-course-row{grid-template-columns:minmax(0,1fr) minmax(150px,220px) auto}.member-course-row button{border:1px solid var(--color-gray-200);background:var(--color-white);min-height:34px;color:var(--color-blue);border-radius:8px;padding:0 12px;font-weight:800}.member-progress{gap:6px;display:grid}@media (width<=760px){.public-course-stats,.public-material-row,.member-course-row{grid-template-columns:1fr}}.school-landing{color:#0f172a;background:#f5f7fa;min-height:100vh}.school-announcement{background:var(--landing-accent);min-height:36px;color:var(--landing-primary);justify-content:center;align-items:center;gap:20px;padding:6px 20px;font-size:12px;font-weight:800;display:flex}.school-announcement button{color:inherit;background:0 0;border:0;align-items:center;gap:5px;font-weight:900;display:inline-flex}.school-nav{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);min-height:76px;color:var(--landing-primary);background:#fffffff5;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:0 max(28px,50vw - 600px);display:flex;position:sticky;top:0;left:0;right:0;box-shadow:0 6px 20px #0f2a4e14}.school-brand,.school-footer-brand{color:inherit;align-items:center;gap:12px;display:flex}.school-brand{color:var(--landing-primary);box-shadow:none;background:0 0;border:0;border-radius:0;padding:6px 0;text-decoration:none}.school-brand:hover,.school-brand:focus,.school-brand:visited,.school-brand:active{color:var(--landing-primary);text-decoration:none}.school-brand img,.school-footer-brand img{object-fit:contain;width:44px;height:44px}.school-brand span,.school-footer-brand div{display:grid}.school-brand strong,.school-footer-brand strong{font-family:var(--font-display);letter-spacing:0;text-transform:uppercase;font-size:14px;font-weight:600;text-decoration:none}.school-brand small,.school-footer-brand span{color:var(--landing-accent);letter-spacing:.2em;text-transform:uppercase;font-size:9px;font-weight:800}.school-brand small{color:var(--landing-secondary);font-weight:600;text-decoration:none}.school-nav nav{align-items:center;gap:28px;display:flex}.school-nav nav a,.school-nav nav>button:not(.school-nav-login){color:#475569;background:0 0;border:0;min-height:38px;padding:0;font-size:13px;font-weight:700}.school-nav nav a:hover,.school-nav nav>button:not(.school-nav-login):hover{color:var(--landing-secondary)}.school-nav nav>button:first-child{box-shadow:inset 0 -2px var(--landing-accent);color:var(--landing-primary)}.school-nav-login{border:1px solid var(--landing-accent);background:var(--landing-accent);min-height:38px;color:var(--landing-primary);border-radius:6px;padding:0 16px;font-weight:800}.school-nav-login:hover{border-color:var(--landing-secondary);background:var(--landing-secondary);color:#fff}.school-mobile-menu{color:var(--landing-primary);background:0 0;border:0;display:none}.school-mobile-drawer{display:none}.school-hero{background:linear-gradient(#ffffff0b 1px, transparent 1px), linear-gradient(90deg, #ffffff0b 1px, transparent 1px), linear-gradient(125deg, var(--landing-primary), #1c3f6e 58%, var(--landing-secondary));color:#fff;background-size:58px 58px,58px 58px,auto;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);align-items:center;gap:64px;min-height:720px;padding:80px max(40px,50vw - 600px);display:grid}.school-hero.has-background-image{background-position:50%;background-size:cover;grid-template-columns:minmax(0,720px)}.school-eyebrow,.school-section-heading>span,.school-lms-campaign>div>span,.school-admission>div>span{color:var(--landing-accent);font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:900}.school-hero h1{max-width:680px;font-family:var(--font-display);letter-spacing:0;margin:18px 0;font-size:clamp(42px,5vw,68px);line-height:1.04}.school-hero-copy>p{color:#ffffffc2;max-width:620px;font-size:17px;line-height:1.7}.school-hero-actions{flex-wrap:wrap;gap:12px;margin:30px 0 42px;display:flex}.school-btn{min-height:48px;font-family:var(--font-display);border-radius:6px;justify-content:center;align-items:center;gap:9px;padding:0 24px;font-size:13px;font-weight:900;display:inline-flex}.school-btn.primary{border:1px solid var(--landing-accent);background:var(--landing-accent);color:var(--landing-primary)}.school-btn.secondary{color:#fff;background:0 0;border:1px solid #ffffff6b}.school-stats{grid-template-columns:repeat(3,max-content);gap:42px;display:grid}.school-stats article{gap:3px;display:grid}.school-stats strong{font-family:var(--font-display);font-size:28px}.school-stats span{color:#ffffff94;font-size:12px}.school-hero-visual{place-items:center;display:grid;position:relative}.school-logo-stage{aspect-ratio:1;background:#ffffff12;border:1px solid #ffffff29;border-radius:8px;place-items:center;width:min(390px,100%);padding:40px;display:grid;box-shadow:0 34px 70px #04112652}.school-logo-stage img{object-fit:contain;filter:drop-shadow(0 16px 22px #00000040);width:210px;height:210px}.school-logo-stage strong{font-family:var(--font-display);text-transform:uppercase}.school-logo-stage span{color:var(--landing-accent);letter-spacing:.22em;text-transform:uppercase;font-size:11px;font-weight:800}.school-hero-visual aside{border-left:3px solid var(--landing-accent);width:245px;color:var(--landing-primary);background:#fff;align-items:center;gap:10px;padding:13px;display:flex;position:absolute;bottom:28px;right:-20px;box-shadow:0 16px 38px #03102540}.school-hero-visual aside div{gap:2px;display:grid}.school-hero-visual aside span{color:#64748b;font-size:11px}.school-section,.school-program-band{padding:90px max(40px,50vw - 600px)}.school-section-heading{max-width:670px;margin-bottom:42px}.school-section-heading.centered{text-align:center;margin-inline:auto}.school-section-heading h2,.school-lms-campaign h2,.school-admission h2{color:var(--landing-primary);font-family:var(--font-display);letter-spacing:0;margin:10px 0;font-size:clamp(30px,4vw,42px)}.school-section-heading p,.school-lms-campaign p,.school-admission p{color:#64748b;line-height:1.7}.school-pillar-grid,.school-program-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.school-pillar-grid article,.school-program-grid article{background:#fff;border:1px solid #e2e8f0;border-radius:8px;min-height:240px;padding:26px;position:relative}.school-pillar-grid article>span{background:var(--landing-primary);width:52px;height:52px;color:var(--landing-accent);border-radius:8px;place-items:center;display:grid}.school-pillar-grid small{color:#e2e8f0;font-family:var(--font-display);font-size:42px;font-weight:900;position:absolute;top:20px;right:20px}.school-pillar-grid h3,.school-program-grid h3{color:var(--landing-primary);font-family:var(--font-display);margin:20px 0 9px;font-size:17px}.school-pillar-grid p,.school-program-grid p{color:#64748b;font-size:13px;line-height:1.65}.school-program-band{background:#fff}.school-program-grid article{flex-direction:column;display:flex}.school-program-grid article>div{background:var(--landing-primary);color:#fff;justify-content:space-between;align-items:center;height:82px;margin:-26px -26px 20px;padding:20px 24px;display:flex}.school-program-grid article>div span{color:#ffffff40;font-family:var(--font-display);font-size:30px;font-weight:900}.school-program-grid small{color:var(--landing-secondary);text-transform:uppercase;font-weight:900}.school-program-grid a,.school-program-grid article>button{color:var(--landing-secondary);background:0 0;border:0;align-items:center;gap:7px;margin-top:auto;padding-top:20px;font-weight:900;display:inline-flex}.school-lms-campaign{background:#eef4fa;grid-template-columns:minmax(0,1fr) minmax(360px,.8fr);align-items:center;gap:64px;padding:76px max(40px,50vw - 600px);display:grid}.school-lms-campaign .school-btn{margin-top:22px}.school-campaign-preview{gap:10px;display:grid}.school-campaign-preview article{background:#fff;border:1px solid #dbe4ee;border-radius:8px;grid-template-columns:auto 1fr;gap:3px 12px;padding:16px;display:grid}.school-campaign-preview svg{color:var(--landing-secondary);grid-row:span 2}.school-campaign-preview span{color:#64748b;font-size:12px}.school-admission{background:var(--landing-primary);justify-content:space-between;align-items:center;gap:40px;padding:70px max(40px,50vw - 600px);display:flex}.school-admission h2,.school-admission p{color:#fff}.school-admission>div{max-width:760px}.school-footer{color:#fff;background:#091c35;grid-template-columns:1.2fr 1fr .8fr;gap:50px;padding:54px max(40px,50vw - 600px);display:grid}.school-footer h3{margin:0 0 15px;font-size:14px}.school-footer p,.school-footer>div:last-child{color:#ffffffa6;gap:10px;font-size:13px;display:grid}.school-footer p{grid-template-columns:auto 1fr;align-items:center;margin:8px 0}.school-footer button{color:#ffffffbf;text-align:left;background:0 0;border:0;width:fit-content;padding:0}.school-custom-page{background:linear-gradient(180deg, var(--landing-primary) 0 210px, #f5f7fa 210px);min-height:720px;padding:150px max(40px,50vw - 600px) 90px}.school-custom-page>button{color:#fff;background:0 0;border:0;margin-bottom:34px;font-weight:800}.school-custom-page-grid{background:#fff;border:1px solid #e2e8f0;border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(300px,.7fr);gap:54px;padding:44px;display:grid}.school-custom-page h1{color:var(--landing-primary);font-family:var(--font-display);letter-spacing:0;margin:12px 0;font-size:clamp(36px,5vw,56px)}.school-page-summary{color:var(--landing-secondary);font-size:18px;font-weight:700;line-height:1.6}.school-page-content{color:#475569;white-space:pre-wrap;margin-top:28px;line-height:1.85}.school-custom-page-grid>img{object-fit:cover;border-radius:8px;width:100%;max-height:440px}.school-public-form{background:#fff;border:1px solid #e2e8f0;border-radius:8px;max-width:900px;margin:28px auto 0;padding:30px}.school-form-heading h2{color:var(--landing-primary);margin:6px 0 20px}.school-form-heading span{color:var(--landing-secondary);text-transform:uppercase;font-size:12px;font-weight:900}.school-form-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.school-form-grid label{gap:7px;display:grid}.school-form-grid label.full{grid-column:1/-1}.school-form-grid label span{color:#475569;font-size:12px;font-weight:800}.school-form-grid input,.school-form-grid select,.school-form-grid textarea{background:#fff;border:1px solid #cbd5e1;border-radius:7px;width:100%;padding:10px 12px}.school-form-grid textarea{resize:vertical;min-height:130px}.school-form-feedback{border-radius:7px;margin:14px 0;padding:11px}.school-form-feedback.success{color:#15803d;background:#f0fdf4}.school-form-feedback.error{color:#b91c1c;background:#fef2f2}.school-public-form .school-btn{margin-top:16px}@media (width<=600px){.school-form-grid{grid-template-columns:1fr}.school-form-grid label.full{grid-column:auto}}.login-back-website{color:var(--color-navy);background:0 0;border:0;font-weight:800;position:absolute;top:22px;left:24px}.landing-admin-module{gap:16px}.landing-admin-saved{color:#15803d;background:#f0fdf4;border:1px solid #16a34a40;border-radius:8px;padding:11px 14px;font-weight:800}.landing-admin-layout{grid-template-columns:190px minmax(0,1fr);align-items:start;gap:16px;display:grid}.landing-admin-nav{gap:5px;padding:10px;display:grid;position:sticky;top:82px}.landing-admin-nav button{min-height:38px;color:var(--color-gray-600);text-align:left;text-transform:capitalize;background:0 0;border:0;border-radius:7px;align-items:center;gap:7px;padding:0 12px;font-weight:800;display:flex}.landing-admin-nav button.active{color:var(--color-blue);background:#1f6fb21a}.landing-admin-editor{min-height:540px}.landing-admin-editor h2{color:var(--color-navy);margin:0 0 20px}.landing-admin-field{gap:7px;display:grid}.landing-admin-field span{color:var(--color-gray-600);font-size:12px;font-weight:800}.landing-admin-field input,.landing-admin-field textarea,.landing-admin-field select{border:1px solid var(--color-gray-200);width:100%;min-height:42px;color:var(--color-gray-900);background:#fff;border-radius:8px;padding:9px 11px}.landing-admin-field textarea{resize:vertical;min-height:90px}.landing-admin-field input[type=color]{padding:4px}.landing-admin-row{border-bottom:1px solid var(--color-gray-100);grid-template-columns:180px 1fr;gap:12px;margin-bottom:12px;padding-bottom:12px;display:grid}.landing-admin-row.three{grid-template-columns:100px 1fr 160px}.landing-admin-row.three .landing-admin-field:last-child{grid-column:1/-1}.landing-color-grid{grid-template-columns:repeat(3,minmax(130px,220px));gap:14px;display:grid}.landing-image-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-top:20px;display:grid}.landing-image-field{border:1px solid var(--color-gray-200);border-radius:8px;gap:9px;padding:14px;display:grid}.landing-image-field>span{color:var(--color-gray-600);font-size:12px;font-weight:800}.landing-image-controls{gap:7px;display:flex}.landing-image-controls input[type=text],.landing-image-controls>input{border:1px solid var(--color-gray-200);border-radius:8px;flex:1;min-width:0;padding:8px 10px}.landing-image-controls label{cursor:pointer}.landing-image-controls label input{display:none}.landing-image-controls button{border:1px solid var(--color-gray-200);background:#fff;border-radius:8px}.landing-image-field>img{object-fit:contain;background:var(--color-gray-50);border-radius:6px;width:100%;height:160px}.landing-editor-heading{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;display:flex}.landing-editor-heading h2{margin-bottom:4px}.landing-editor-heading p{color:var(--color-gray-500);margin:0;font-size:13px}.landing-menu-list{gap:10px;display:grid}.landing-menu-list article{border:1px solid var(--color-gray-200);border-radius:8px;grid-template-columns:auto minmax(130px,1fr) minmax(130px,.7fr) minmax(130px,.8fr) auto auto;align-items:end;gap:10px;padding:12px;display:grid}.landing-order-controls{align-self:center;gap:4px;display:grid}.landing-order-controls button,.landing-delete-button{border:1px solid var(--color-gray-200);background:#fff;border-radius:7px;place-items:center;width:30px;height:30px;display:grid}.landing-delete-button{color:var(--color-danger);align-self:center}.landing-pages-layout{grid-template-columns:220px minmax(0,1fr);gap:16px;display:grid}.landing-pages-layout>aside{align-content:start;gap:6px;display:grid}.landing-pages-layout>aside button{border:1px solid var(--color-gray-200);text-align:left;background:#fff;border-radius:8px;gap:4px;padding:11px;display:grid}.landing-pages-layout>aside button.active{border-color:var(--color-blue);background:#1f6fb212}.landing-pages-layout>aside span{color:var(--color-gray-500);font-size:11px}.landing-page-editor{gap:16px;display:grid}.landing-page-actions{justify-content:space-between;align-items:center;display:flex}@media (width<=900px){.school-nav nav{display:none}.school-mobile-menu{background:#fff;border:1px solid #e2e8f0;border-radius:6px;place-items:center;width:40px;height:40px;display:grid}.school-mobile-drawer{background:#fffffffa;border:1px solid #e2e8f0;border-radius:8px;gap:4px;padding:10px;display:grid;position:absolute;top:calc(100% + 1px);left:18px;right:18px;box-shadow:0 18px 45px #0f2a4e29}.school-mobile-drawer button{color:#334155;text-align:left;background:0 0;border:0;border-radius:6px;min-height:42px;padding:0 12px;font-weight:800}.school-mobile-drawer button:hover{color:var(--landing-secondary);background:#1f6fb212}.school-mobile-drawer button.portal{background:var(--landing-accent);color:var(--landing-primary);text-align:center;margin-top:4px}.school-hero,.school-lms-campaign,.school-custom-page-grid{grid-template-columns:1fr}.school-hero{padding-top:70px}.school-hero-visual aside{right:0}.school-pillar-grid,.school-program-grid{grid-template-columns:repeat(2,1fr)}.landing-admin-layout{grid-template-columns:1fr}.landing-admin-nav{grid-template-columns:repeat(4,1fr);position:static}.landing-menu-list article{grid-template-columns:auto 1fr 1fr}.landing-menu-list article .check-row,.landing-menu-list article .landing-delete-button{align-self:center}}@media (width<=600px){.school-announcement{justify-content:space-between}.school-announcement>span{max-width:220px}.school-nav{padding-inline:18px}.school-hero,.school-section,.school-program-band,.school-lms-campaign,.school-admission,.school-footer{padding-left:20px;padding-right:20px}.school-hero{grid-template-columns:1fr;gap:42px}.school-hero h1{font-size:42px}.school-stats{grid-template-columns:repeat(3,1fr);gap:12px}.school-stats strong{font-size:22px}.school-logo-stage{width:100%}.school-pillar-grid,.school-program-grid,.school-footer{grid-template-columns:1fr}.school-admission{flex-direction:column;align-items:flex-start}.landing-admin-nav{grid-template-columns:repeat(2,1fr)}.landing-admin-row,.landing-admin-row.three,.landing-color-grid,.landing-image-grid,.landing-pages-layout,.landing-menu-list article{grid-template-columns:1fr}.landing-admin-row.three .landing-admin-field:last-child{grid-column:auto}.landing-order-controls{display:flex}.landing-editor-heading,.landing-page-actions{flex-direction:column;align-items:stretch}.school-custom-page{padding-left:20px;padding-right:20px}.school-custom-page-grid{padding:24px}}.login-brand-top .brand-lockup{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffc7;border:1px solid #ffffff52;border-radius:6px;padding:8px 12px;box-shadow:0 6px 18px #0310251a}.login-brand-top .brand-lockup strong{color:var(--color-navy);font-weight:600}.login-brand-top .brand-lockup span{color:var(--color-blue);font-weight:600}.sidebar-head{border-bottom:1px solid var(--color-gray-200);background:#fff}.sidebar-head strong{color:var(--color-navy)}.sidebar-head span{color:var(--color-blue)}.public-portal{flex-direction:column;gap:0;display:flex}.portal-hero-search{background:var(--gradient-hero);border-radius:12px;margin-bottom:16px;padding:28px 24px}.portal-search{max-width:520px;background:#ffffff1f!important;border-color:#ffffff40!important}.portal-search input{color:#fff!important}.portal-search input::placeholder{color:#ffffff80!important}.portal-search svg{color:#fff9!important}.portal-filters{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.filter-chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--color-gray-200);background:var(--color-white);color:var(--color-gray-600);cursor:pointer;border-radius:20px;padding:5px 12px;font-size:12px;font-weight:600}.chip.active{background:var(--color-navy);color:#fff;border-color:var(--color-navy)}.portal-body{grid-template-columns:1fr 360px;align-items:start;gap:20px;display:grid}.portal-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;display:grid}.portal-course-card{border:2px solid var(--color-gray-200);background:var(--color-white);cursor:pointer;text-align:left;border-radius:10px;padding:0;transition:border-color .15s,box-shadow .15s;overflow:hidden}.portal-course-card:hover{border-color:var(--color-blue);box-shadow:var(--shadow-md)}.portal-course-card.active{border-color:var(--color-blue);box-shadow:0 0 0 3px #1f6fb226}.portal-detail{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:10px;max-height:calc(100vh - 120px);padding:16px;position:sticky;top:18px;overflow-y:auto}.live-sessions-module{flex-direction:column;display:flex}.live-session-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.live-session-card{background:var(--color-white);border:1px solid var(--color-gray-200);box-shadow:var(--shadow-sm);border-radius:12px;flex-direction:column;padding:16px;display:flex}.live-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:4px;display:flex}@media (width<=900px){.portal-body{grid-template-columns:1fr}.portal-detail{max-height:none;position:static}}.subscription-tab{flex-direction:column;gap:24px;display:flex}.billing-toggle{justify-content:center;align-items:center;gap:12px;display:flex}.billing-toggle button{border:1px solid var(--color-gray-300);background:var(--color-white);cursor:pointer;color:var(--color-gray-600);border-radius:20px;padding:6px 18px;font-size:.85rem;font-weight:500;transition:all .15s}.billing-toggle button.active{background:var(--color-navy);color:var(--color-white);border-color:var(--color-navy)}.billing-save-badge{background:var(--color-gold);color:var(--color-navy-deep);border-radius:12px;padding:2px 8px;font-size:.72rem;font-weight:700}.plan-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.plan-card{background:var(--color-white);border:2px solid var(--color-gray-200);border-radius:14px;flex-direction:column;gap:12px;padding:24px;transition:border-color .15s;display:flex;position:relative}.plan-card.featured{border-color:var(--color-navy);box-shadow:0 4px 20px #1c3f6e1f}.plan-card.current{border-color:var(--color-gold)}.plan-badge{background:var(--color-navy);color:var(--color-white);border-radius:10px;padding:2px 10px;font-size:.72rem;font-weight:700;position:absolute;top:-10px;right:16px}.plan-icon{font-size:2rem}.plan-name{color:var(--color-navy-deep);font-size:1.1rem;font-weight:700}.plan-price{align-items:baseline;gap:4px;display:flex}.plan-price .amount{color:var(--color-navy);font-size:1.8rem;font-weight:800}.plan-price .period{color:var(--color-gray-500);font-size:.8rem}.plan-desc{color:var(--color-gray-500);font-size:.82rem}.plan-features{flex-direction:column;flex:1;gap:6px;margin:0;padding:0;list-style:none;display:flex}.plan-features li{color:var(--color-gray-700);align-items:center;gap:6px;font-size:.82rem;display:flex}.plan-features li.disabled{color:var(--color-gray-400)}.plan-cta{cursor:pointer;background:var(--color-navy);color:var(--color-white);border:none;border-radius:8px;margin-top:auto;padding:10px;font-size:.88rem;font-weight:600;transition:all .15s}.plan-cta:disabled{background:var(--color-gray-200);color:var(--color-gray-500);cursor:default}.plan-cta.outline{border:1px solid var(--color-navy);color:var(--color-navy);background:0 0}.plan-comparison{border-collapse:collapse;width:100%;font-size:.82rem}.plan-comparison th{background:var(--color-gray-100);text-align:left;color:var(--color-gray-700);border-bottom:1px solid var(--color-gray-200);padding:10px 12px;font-weight:600}.plan-comparison td{border-bottom:1px solid var(--color-gray-100);color:var(--color-gray-700);padding:9px 12px}.plan-comparison tr:last-child td{border-bottom:none}.cohort-tab{flex-direction:column;gap:24px;display:flex}.cohort-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.cohort-card{background:var(--color-white);border:1px solid var(--color-gray-200);cursor:pointer;border-radius:12px;padding:18px;transition:border-color .15s,box-shadow .15s}.cohort-card:hover,.cohort-card.selected{border-color:var(--color-navy);box-shadow:0 2px 12px #1c3f6e1a}.cohort-card-header{align-items:center;gap:12px;margin-bottom:8px;display:flex}.cohort-icon{font-size:1.8rem}.cohort-badge{background:var(--color-gray-100);color:var(--color-gray-600);border-radius:8px;padding:2px 8px;font-size:.72rem;font-weight:700;display:inline-block}.cohort-badge.open{color:#166534;background:#dcfce7}.cohort-detail{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:12px;flex-direction:column;gap:16px;padding:20px;display:flex}.week-accordion{border:1px solid var(--color-gray-200);border-radius:8px;overflow:hidden}.week-header{background:var(--color-gray-100);cursor:pointer;color:var(--color-gray-700);justify-content:space-between;align-items:center;padding:10px 14px;font-size:.85rem;font-weight:600;display:flex}.week-body{flex-direction:column;gap:6px;padding:10px 14px;display:flex}.week-item{color:var(--color-gray-700);align-items:center;gap:8px;padding:4px 0;font-size:.82rem;display:flex}.forum-section{background:var(--color-gray-100);border-radius:10px;padding:14px}.forum-post{background:var(--color-white);color:var(--color-gray-700);border-radius:8px;margin-bottom:8px;padding:10px 12px;font-size:.82rem}.forum-post .post-author{color:var(--color-navy);margin-bottom:4px;font-size:.8rem;font-weight:600}.certificate-tab{flex-direction:column;gap:24px;display:flex}.cert-stats{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.cert-stat-card{background:var(--color-white);border:1px solid var(--color-gray-200);text-align:center;border-radius:10px;padding:16px}.cert-stat-value{color:var(--color-navy);font-size:2rem;font-weight:800}.cert-stat-label{color:var(--color-gray-500);margin-top:4px;font-size:.78rem}.cert-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.cert-card{color:var(--color-white);cursor:pointer;background:linear-gradient(135deg,#1c3f6e 0%,#264d82 60%,#1f6fb2 100%);border-radius:12px;padding:20px;transition:transform .15s;position:relative;overflow:hidden}.cert-card:hover{transform:translateY(-2px)}.cert-card-watermark{opacity:.08;font-size:5rem;position:absolute;bottom:-10px;right:-10px}.cert-card-body{z-index:1;position:relative}.cert-card-icon{margin-bottom:8px;font-size:1.5rem}.cert-card-course{margin-bottom:4px;font-size:.95rem;font-weight:700}.cert-card-date{opacity:.75;font-size:.75rem}.cert-card-actions{z-index:1;gap:8px;margin-top:12px;display:flex;position:relative}.cert-card-actions button{color:var(--color-white);cursor:pointer;background:#ffffff26;border:1px solid #fff6;border-radius:6px;padding:4px 10px;font-size:.75rem;transition:background .15s}.cert-card-actions button:hover{background:#ffffff47}.cert-doc-overlay{z-index:700;background:#000000a6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.cert-doc{background:var(--color-white);border-radius:16px;width:680px;max-width:95vw;overflow:hidden;box-shadow:0 20px 60px #0000004d}.cert-doc-header{color:var(--color-white);text-align:center;background:linear-gradient(135deg,#1c3f6e,#1f6fb2);padding:32px}.cert-doc-logo{margin-bottom:8px;font-size:2.5rem}.cert-doc-title{letter-spacing:4px;text-transform:uppercase;opacity:.8;margin-bottom:4px;font-size:.78rem}.cert-doc-name{letter-spacing:1px;font-size:2rem;font-weight:800}.cert-doc-body{text-align:center;padding:28px 32px}.cert-doc-awarded{color:var(--color-gray-500);margin-bottom:12px;font-size:.85rem}.cert-doc-course{color:var(--color-navy-deep);margin-bottom:8px;font-size:1.3rem;font-weight:700}.cert-doc-meta{color:var(--color-gray-500);margin-bottom:20px;font-size:.8rem}.cert-doc-qr{border-top:1px solid var(--color-gray-200);justify-content:center;align-items:center;gap:16px;padding-top:16px;display:flex}.cert-qr-box{background:var(--color-gray-100);width:64px;height:64px;color:var(--color-navy);border-radius:8px;justify-content:center;align-items:center;display:flex}.cert-doc-footer{background:var(--color-gray-100);justify-content:center;gap:10px;padding:16px 32px 20px;display:flex}.how-steps{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;display:grid}.how-step{background:var(--color-white);border:1px solid var(--color-gray-200);text-align:center;border-radius:10px;padding:14px}.how-step-icon{margin-bottom:8px;font-size:1.8rem}.how-step-title{color:var(--color-navy-deep);margin-bottom:4px;font-size:.85rem;font-weight:600}.how-step-desc{color:var(--color-gray-500);font-size:.78rem}@media (width<=900px){.plan-grid{grid-template-columns:1fr}.cert-stats{grid-template-columns:1fr 1fr}}.lms-root{background:var(--color-off-white);flex-direction:column;gap:0;min-height:100vh;padding:0;display:flex}.lms-topbar{background:var(--color-navy-deep);color:var(--color-white);z-index:100;flex-shrink:0;align-items:center;gap:0;height:52px;padding:0 20px;display:flex;position:sticky;top:0}.lms-topbar-brand{color:var(--color-white);white-space:nowrap;border-right:1px solid #ffffff26;align-items:center;gap:8px;padding-right:24px;font-size:.95rem;font-weight:700;display:flex}.lms-topbar-nav{align-items:center;gap:2px;padding:0 20px;display:flex}.lms-topbar-nav button{color:#ffffffa6;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 14px;font-size:.85rem;font-weight:500;transition:all .15s}.lms-topbar-nav button:hover{color:var(--color-white);background:#ffffff1a}.lms-topbar-nav button.active{color:var(--color-white);background:#ffffff26}.lms-topbar-right{align-items:center;gap:8px;margin-left:auto;display:flex}.lms-topbar-btn{cursor:pointer;color:var(--color-white);background:0 0;border:1px solid #ffffff4d;border-radius:6px;padding:6px 14px;font-size:.82rem;font-weight:600;transition:all .15s}.lms-topbar-btn.primary{background:var(--color-gold);border-color:var(--color-gold);color:var(--color-navy-deep)}.lms-topbar-btn:hover{background:#ffffff1f}.lms-topbar-btn.primary:hover{background:var(--color-gold-dark);border-color:var(--color-gold-dark)}.lms-public-subnav{background:var(--color-white);border-bottom:1px solid var(--color-gray-200);flex-shrink:0;align-items:center;gap:0;padding:0 24px;display:flex}.lms-public-subnav button{color:var(--color-gray-600);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:14px 18px;font-size:.88rem;font-weight:500;transition:all .15s}.lms-public-subnav button:hover{color:var(--color-navy)}.lms-public-subnav button.active{color:var(--color-navy);border-bottom-color:var(--color-navy)}.lms-public-body{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:24px;overflow-y:auto}.lms-root .module-hero{display:none}.lms-root .lms-layout{flex:1;overflow:hidden}@media (width<=900px){.lms-public-subnav{overflow-x:auto}.lms-public-body{padding:16px}}.voucher-input-box{flex-direction:column;gap:8px;display:flex}.voucher-input-row{gap:8px;display:flex}.voucher-code-input{border:1px solid var(--color-gray-300);letter-spacing:2px;text-transform:uppercase;background:var(--color-white);border-radius:8px;flex:1;padding:8px 12px;font-family:monospace;font-size:.9rem}.voucher-code-input:focus{border-color:var(--color-blue);outline:none}.voucher-error{color:#dc2626;margin:0;font-size:.78rem}.voucher-applied-list{flex-direction:column;gap:6px;display:flex}.voucher-chip-applied{background:#dcfce7;border:1px solid #86efac;border-radius:8px;align-items:center;gap:8px;padding:6px 10px;display:flex}.voucher-chip-code{color:#166534;flex:1;font-family:monospace;font-size:.82rem;font-weight:700}.voucher-chip-disc{color:#166534;font-size:.82rem;font-weight:600}.voucher-chip-applied button{cursor:pointer;color:#166534;background:0 0;border:none;align-items:center;padding:0;display:flex}.voucher-summary-row{color:var(--color-gray-600);justify-content:space-between;padding:4px 0;font-size:.82rem;display:flex}.voucher-summary-row.total{color:var(--color-navy);border-top:1px solid var(--color-gray-200);padding-top:6px;font-size:.9rem;font-weight:700}.voucher-mgmt{flex-direction:column;gap:20px;display:flex}.voucher-stats{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.vstat{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:10px;flex-direction:column;gap:4px;padding:14px 16px;display:flex}.vstat-val{color:var(--color-navy);font-size:1.5rem;font-weight:800}.vstat-lbl{color:var(--color-gray-500);font-size:.78rem}.voucher-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.filter-tabs{background:var(--color-gray-100);border-radius:8px;gap:2px;padding:2px;display:flex}.filter-tabs button{color:var(--color-gray-600);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 12px;font-size:.82rem;transition:all .12s}.filter-tabs button.active{background:var(--color-white);color:var(--color-navy);font-weight:600;box-shadow:0 1px 3px #0000001a}.voucher-form-card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:12px;padding:18px}.voucher-form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.voucher-table-wrap{overflow-x:auto}@media (width<=900px){.voucher-stats{grid-template-columns:1fr 1fr}.voucher-form-grid{grid-template-columns:1fr}}.license-tab{flex-direction:column;gap:20px;display:flex}.license-header{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;padding:18px;display:flex}.license-seat-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.seat-card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:10px;flex-direction:column;gap:6px;padding:14px 16px;display:flex}.seat-label{color:var(--color-gray-600);align-items:center;gap:6px;font-size:.8rem;font-weight:600;display:flex}.seat-numbers{align-items:baseline;gap:4px;display:flex}.seat-numbers strong{color:var(--color-navy);font-size:1.6rem;font-weight:800}.seat-numbers span{color:var(--color-gray-400);font-size:.85rem}.seat-bar{background:var(--color-gray-200);border-radius:3px;height:6px;overflow:hidden}.seat-bar-fill{border-radius:3px;height:100%;transition:width .3s}.seat-pct{color:var(--color-gray-500);font-size:.75rem}.license-overview{grid-template-columns:1fr 1fr;gap:14px;display:grid}.info-card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:10px;padding:16px}.info-card h4{color:var(--color-navy-deep);margin-bottom:10px;font-size:.88rem;font-weight:600}.info-row{border-bottom:1px solid var(--color-gray-100);color:var(--color-gray-700);justify-content:space-between;align-items:center;padding:6px 0;font-size:.82rem;display:flex}.info-row:last-child{border-bottom:none}.feat-check-list{flex-direction:column;gap:5px;padding:0;list-style:none;display:flex}.feat-check-list li{align-items:center;gap:7px;font-size:.82rem;display:flex}.feat-check-list li.included{color:#166534}.feat-check-list li.excluded{color:var(--color-gray-400)}.invite-bar{align-items:center;gap:8px;display:flex}.invite-bar input{flex:1}.upgrade-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.upgrade-card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:12px;flex-direction:column;gap:8px;padding:20px;display:flex}.upgrade-card.current{border-color:var(--color-gold)}.upgrade-icon{font-size:1.8rem}.upgrade-name{color:var(--color-navy-deep);font-size:1rem;font-weight:700}.upgrade-price{color:var(--color-navy);font-size:.88rem;font-weight:600}.upgrade-seats{color:var(--color-gray-500);font-size:.78rem}.upgrade-feats{flex-direction:column;flex:1;gap:4px;padding:0;list-style:none;display:flex}.upgrade-feats li{color:var(--color-gray-700);align-items:flex-start;gap:6px;font-size:.78rem;display:flex}.whitelabel-tab{flex-direction:column;display:flex}.wl-layout{grid-template-columns:1fr 340px;align-items:flex-start;gap:20px;display:grid}.wl-form-col{flex-direction:column;gap:16px;display:flex}.wl-section{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:10px;flex-direction:column;gap:10px;padding:16px;display:flex}.wl-section h4{color:var(--color-navy-deep);margin-bottom:4px;font-size:.85rem;font-weight:600}.wl-preview-col{position:sticky;top:70px}.wl-preview-label{color:var(--color-gray-500);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-size:.78rem;font-weight:600}.wl-preview-frame{border:1px solid var(--color-gray-200);border-radius:12px;overflow:hidden;box-shadow:0 4px 16px #00000014}.wl-prev-topbar{align-items:center;gap:10px;padding:8px 12px;display:flex}.wl-prev-logo{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.65rem;font-weight:800;display:flex}.wl-prev-name{font-size:.8rem}.wl-prev-btn{cursor:pointer;border-radius:4px;padding:3px 8px;font-size:.65rem}.wl-prev-hero{padding:16px 12px}.wl-prev-hero-text{flex-direction:column;display:flex}.wl-prev-search{cursor:text}.analytics-tab{flex-direction:column;gap:18px;display:flex}.analytics-kpi-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.akpi{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:10px;flex-direction:column;gap:4px;padding:14px 16px;display:flex}.akpi-val{color:var(--color-navy);font-size:1.4rem;font-weight:800}.akpi-lbl{color:var(--color-gray-500);font-size:.75rem}.analytics-card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:12px;padding:18px}.analytics-card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px;display:flex}.analytics-card-header h4{color:var(--color-navy-deep);margin:0;font-size:.9rem;font-weight:600}.analytics-two-col{grid-template-columns:1fr 1fr;gap:16px;display:grid}.bar-chart{align-items:flex-end;gap:10px;height:140px;padding-bottom:24px;display:flex;position:relative}.bar-col{flex-direction:column;flex:1;align-items:center;height:100%;display:flex;position:relative}.bar-track{flex:1;align-items:flex-end;width:100%;display:flex}.bar-fill{border-radius:4px 4px 0 0;width:100%;transition:height .3s}.bar-val{color:var(--color-gray-600);white-space:nowrap;margin-top:3px;font-size:.68rem}.bar-lbl{color:var(--color-gray-400);margin-top:1px;font-size:.72rem}.funnel-list{flex-direction:column;gap:8px;display:flex}.funnel-item{align-items:center;gap:10px;display:flex}.funnel-label{color:var(--color-gray-700);align-items:center;gap:6px;min-width:160px;font-size:.8rem;display:flex}.funnel-step{background:var(--color-navy);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:.65rem;font-weight:700;display:flex}.funnel-bar-wrap{background:var(--color-gray-100);border-radius:4px;flex:1;height:8px;overflow:hidden}.funnel-bar{background:var(--color-navy);border-radius:4px;height:100%;transition:width .3s}.funnel-meta{justify-content:flex-end;align-items:center;gap:8px;min-width:80px;display:flex}.funnel-pct{color:var(--color-navy);font-size:.78rem;font-weight:600}@media (width<=1024px){.license-seat-grid,.analytics-kpi-grid{grid-template-columns:1fr 1fr}.analytics-two-col,.wl-layout,.upgrade-grid{grid-template-columns:1fr}}.license-free-banner{background:#dcfce7;border:1px solid #86efac;border-radius:12px;justify-content:space-between;align-items:center;gap:14px;padding:16px 20px;display:flex}.lfb-left{align-items:flex-start;gap:12px;display:flex}.lfb-title{color:#166534;margin-bottom:3px;font-size:.95rem;font-weight:700}.lfb-desc{color:#166534;max-width:560px;font-size:.82rem;line-height:1.5}.license-zone-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.license-zone{border:1px solid var(--color-gray-200);border-radius:12px;flex-direction:column;gap:8px;padding:18px;display:flex}.license-zone.internal{background:#f0fdf4;border-color:#86efac}.license-zone.public.active{background:#eff6ff;border-color:#93c5fd}.license-zone.public.inactive{background:var(--color-gray-100);border-color:var(--color-gray-200)}.zone-header{align-items:center;gap:10px;margin-bottom:4px;display:flex}.zone-tag{border-radius:10px;padding:2px 8px;font-size:.72rem;font-weight:700}.zone-tag.free{color:#166534;background:#dcfce7}.zone-tag.paid{color:#1e40af;background:#dbeafe}.zone-tag.locked{background:var(--color-gray-200);color:var(--color-gray-500)}.zone-title{color:var(--color-navy-deep);font-size:.95rem;font-weight:700}.zone-features{flex-direction:column;gap:4px;display:flex}.zone-feat{color:var(--color-gray-700);align-items:center;gap:6px;font-size:.8rem;display:flex}.zone-price{color:var(--color-navy);margin-top:4px;font-size:.88rem;font-weight:700}.zone-locked-desc{color:var(--color-gray-500);font-size:.82rem;line-height:1.5}@media (width<=900px){.license-zone-grid{grid-template-columns:1fr}}.lms-public-footer{color:#ffffffb3;justify-content:center;align-items:center;gap:16px;margin-top:32px;padding:14px 24px;font-size:.78rem;display:flex}.lms-footer-powered{opacity:.45}.notif-bell-badge{color:#fff;pointer-events:none;background:#ef4444;border-radius:99px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 3px;font-size:.6rem;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.notif-panel{background:var(--surface);border:1px solid var(--border);z-index:999;border-radius:12px;width:340px;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 8px 32px #0000002e}.notif-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 16px;font-size:.85rem;font-weight:600;display:flex}.notif-header-actions{gap:6px;display:flex}.notif-header-actions button{color:var(--primary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:2px 6px;font-size:.72rem}.notif-header-actions button:hover{background:var(--primary-light)}.notif-list{max-height:360px;overflow-y:auto}.notif-item{border-bottom:1px solid var(--border);cursor:pointer;gap:10px;padding:10px 16px;transition:background .15s;display:flex}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:var(--surface-alt)}.notif-item.unread{background:color-mix(in srgb, var(--primary) 6%, transparent)}.notif-icon{background:var(--primary-light);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;display:flex}.notif-body{flex:1;min-width:0}.notif-title{margin-bottom:2px;font-size:.82rem;font-weight:600}.notif-msg{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;line-height:1.4;overflow:hidden}.notif-time{color:var(--muted);margin-top:3px;font-size:.7rem}.notif-footer{text-align:center;border-top:1px solid var(--border);padding:8px 16px}.notif-footer button{color:var(--primary);cursor:pointer;background:0 0;border:none;font-size:.78rem}.ann-tab{flex-direction:column;gap:16px;display:flex}.ann-toolbar{align-items:center;gap:8px;display:flex}.ann-form{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:10px;padding:16px;display:flex}.ann-form-row{flex-wrap:wrap;gap:10px;display:flex}.ann-form-row input,.ann-form-row select{flex:1;min-width:140px}.ann-list{flex-direction:column;gap:10px;display:flex}.ann-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:14px 16px;position:relative}.ann-card.high{border-left:4px solid #ef4444}.ann-card.medium{border-left:4px solid #f59e0b}.ann-card.low{border-left:4px solid #6b7280}.ann-card-header{align-items:center;gap:8px;margin-bottom:4px;display:flex}.ann-card-title{flex:1;font-size:.9rem;font-weight:600}.ann-priority-badge{text-transform:uppercase;border-radius:99px;padding:2px 7px;font-size:.68rem;font-weight:700}.ann-priority-badge.high{color:#dc2626;background:#fee2e2}.ann-priority-badge.medium{color:#d97706;background:#fef3c7}.ann-priority-badge.low{background:var(--surface-alt);color:var(--muted)}.ann-card-body{color:var(--muted);margin-bottom:6px;font-size:.83rem;line-height:1.5}.ann-card-footer{color:var(--muted);align-items:center;gap:10px;font-size:.75rem;display:flex}.ann-pin-badge{background:var(--primary-light);color:var(--primary);border-radius:99px;padding:1px 6px;font-size:.7rem;font-weight:600}.ann-actions{gap:4px;display:flex;position:absolute;top:12px;right:12px}.forum-tab{flex-direction:column;gap:14px;display:flex}.forum-toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.forum-new-form{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:10px;padding:16px;display:flex}.forum-thread-list{flex-direction:column;gap:10px;display:flex}.forum-thread-row{background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:hidden}.forum-thread-header{cursor:pointer;align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.forum-thread-header:hover{background:var(--surface-alt)}.forum-thread-avatar{background:var(--primary-light);width:32px;height:32px;color:var(--primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:flex}.forum-thread-meta{flex:1;min-width:0}.forum-thread-title{margin-bottom:3px;font-size:.88rem;font-weight:600}.forum-thread-sub{color:var(--muted);flex-wrap:wrap;gap:8px;font-size:.75rem;display:flex}.forum-thread-stats{color:var(--muted);flex-shrink:0;align-items:center;gap:10px;font-size:.78rem;display:flex}.forum-answered-badge{color:#065f46;background:#d1fae5;border-radius:99px;padding:2px 7px;font-size:.68rem;font-weight:700}.forum-teacher-badge{color:#1d4ed8;background:#dbeafe;border-radius:99px;padding:2px 7px;font-size:.68rem;font-weight:700}.forum-replies{border-top:1px solid var(--border);background:var(--surface-alt);flex-direction:column;gap:10px;padding:12px 14px;display:flex}.forum-reply-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:10px 12px}.forum-reply-card.answer{background:#f0fdf4;border-color:#10b981}.forum-reply-header{align-items:center;gap:8px;margin-bottom:6px;display:flex}.forum-reply-author{font-size:.8rem;font-weight:600}.forum-reply-body{color:var(--text);margin-bottom:6px;font-size:.82rem;line-height:1.5}.forum-reply-footer{color:var(--muted);align-items:center;gap:8px;font-size:.75rem;display:flex}.forum-reply-footer button{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:6px;padding:2px 8px;font-size:.75rem}.forum-reply-footer button:hover{background:var(--surface-alt)}.forum-reply-input{gap:8px;margin-top:4px;display:flex}.forum-reply-input input{flex:1}.gamif-tab{flex-direction:column;gap:20px;display:flex}.gamif-two-col{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=700px){.gamif-two-col{grid-template-columns:1fr}}.gamif-profile{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px}.gamif-profile-header{align-items:center;gap:14px;margin-bottom:14px;display:flex}.gamif-avatar{background:var(--primary-light);width:52px;height:52px;color:var(--primary);border-radius:50%;justify-content:center;align-items:center;font-size:1.3rem;font-weight:800;display:flex}.gamif-level-badge{background:var(--primary);color:#fff;border-radius:99px;margin-bottom:4px;padding:3px 10px;font-size:.75rem;font-weight:700;display:inline-block}.gamif-xp-label{color:var(--muted);font-size:.78rem}.gamif-xp-bar-wrap{margin-top:8px}.gamif-xp-bar-track{background:var(--border);border-radius:99px;height:8px;margin-top:4px;overflow:hidden}.gamif-xp-bar-fill{background:linear-gradient(90deg, var(--primary), var(--accent,#818cf8));border-radius:99px;height:100%;transition:width .4s}.gamif-xp-next{color:var(--muted);text-align:right;margin-top:4px;font-size:.72rem}.gamif-stats-row{gap:16px;margin-top:12px;display:flex}.gamif-stat{text-align:center;flex:1}.gamif-stat-val{color:var(--primary);font-size:1.3rem;font-weight:800}.gamif-stat-lbl{color:var(--muted);font-size:.7rem}.gamif-leaderboard{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px}.gamif-lb-title{margin-bottom:12px;font-size:.9rem;font-weight:700}.lb-row{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:8px 0;font-size:.83rem;display:flex}.lb-row:last-child{border-bottom:none}.lb-rank{width:24px;color:var(--muted);text-align:center;font-weight:700}.lb-rank.top{color:#f59e0b;font-size:1rem}.lb-name{flex:1;font-weight:500}.lb-xp{color:var(--primary);font-weight:700}.lb-level{color:var(--muted);font-size:.72rem}.badge-section{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px}.badge-section-title{margin-bottom:12px;font-size:.9rem;font-weight:700}.badge-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px;display:grid}.badge-card{border:1px solid var(--border);text-align:center;cursor:default;border-radius:10px;flex-direction:column;align-items:center;gap:5px;padding:12px 8px;display:flex}.badge-card.earned{border-color:var(--primary);background:var(--primary-light)}.badge-card.locked{opacity:.45;filter:grayscale()}.badge-icon{font-size:1.6rem}.badge-name{font-size:.72rem;font-weight:600}.badge-desc{color:var(--muted);font-size:.65rem}.xp-rules{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px}.xp-rules-title{margin-bottom:10px;font-size:.9rem;font-weight:700}.xp-rule-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:7px 0;font-size:.82rem;display:flex}.xp-rule-row:last-child{border-bottom:none}.xp-pts{color:var(--primary);font-weight:700}.lp-root{min-height:100%;font-family:var(--font-sans,system-ui, sans-serif);flex-direction:column;display:flex}.lp-hero{grid-template-columns:1fr 1fr;align-items:center;gap:40px;padding:64px 60px;display:grid;position:relative;overflow:hidden}@media (width<=900px){.lp-hero{grid-template-columns:1fr;padding:40px 24px}.lp-hero-visual{display:none}}.lp-hero-badge{letter-spacing:.02em;border-radius:99px;margin-bottom:16px;padding:5px 14px;font-size:.78rem;font-weight:700;display:inline-block}.lp-hero-title{color:#fff;letter-spacing:-.02em;margin:0 0 12px;font-size:2.4rem;font-weight:800;line-height:1.15}.lp-hero-sub{color:#ffffffc7;margin:0 0 28px;font-size:1.05rem;line-height:1.6}.lp-hero-actions{flex-wrap:wrap;gap:12px;margin-bottom:20px;display:flex}.lp-hero-trust{color:#fff9;flex-wrap:wrap;align-items:center;gap:10px;font-size:.78rem;display:flex}.lp-hero-visual{justify-content:center;align-items:center;display:flex;position:relative}.lp-hero-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1f;border:1px solid #fff3;border-radius:16px;width:280px;overflow:hidden;box-shadow:0 20px 60px #00000040}.lp-hcard-top{align-items:center;gap:10px;padding:14px 16px;display:flex}.lp-hcard-live{color:#fff;border-radius:99px;padding:3px 8px;font-size:.65rem;font-weight:800}.lp-hcard-body{background:#fffffff2;padding:14px 16px}.lp-hcard-progress-label{justify-content:space-between;margin-bottom:6px;font-size:.78rem;font-weight:600;display:flex}.lp-hcard-bar{background:#e5e7eb;border-radius:99px;height:6px;margin-bottom:10px;overflow:hidden}.lp-hcard-bar-fill{border-radius:99px;height:100%;transition:width .4s}.lp-hcard-stats{color:#6b7280;flex-wrap:wrap;gap:10px;font-size:.72rem;display:flex}.lp-floater{white-space:nowrap;background:#fffffff2;border:1px solid;border-radius:12px;align-items:center;gap:10px;padding:10px 14px;display:flex;position:absolute;box-shadow:0 8px 24px #0000001f}.lp-floater-1{top:10px;right:-20px}.lp-floater-2{bottom:10px;left:-20px}.lp-floater-icon{font-size:1.3rem}.lp-stats-bar{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:repeat(4,1fr);padding:0;display:grid}@media (width<=700px){.lp-stats-bar{grid-template-columns:1fr 1fr}}.lp-stat{border-right:1px solid var(--border);flex-direction:column;align-items:center;gap:2px;padding:24px 16px;display:flex}.lp-stat:last-child{border-right:none}.lp-stat-icon{margin-bottom:4px;font-size:1.4rem}.lp-stat-val{font-size:1.6rem;font-weight:800;line-height:1}.lp-stat-lbl{color:var(--muted);text-align:center;font-size:.78rem}.lp-section{padding:64px 60px}.lp-section-alt{background:var(--surface-alt,#f8fafc)}@media (width<=700px){.lp-section{padding:40px 20px}}.lp-section-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:36px;display:flex}.lp-section-header.centered{text-align:center;flex-direction:column;align-items:center}.lp-section-tag{letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px;font-size:.72rem;font-weight:800}.lp-section-title{margin:0 0 6px;font-size:1.8rem;font-weight:800;line-height:1.2}.lp-section-sub{color:var(--muted);margin:0;font-size:.95rem}.lp-course-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px;display:grid}.lp-course-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;transition:box-shadow .2s,transform .2s;overflow:hidden}.lp-course-card:hover{transform:translateY(-3px);box-shadow:0 8px 28px #0000001a}.lp-course-thumb{justify-content:center;align-items:center;height:110px;display:flex;position:relative}.lp-course-thumb-icon{font-size:2.4rem}.lp-course-level-badge{color:#fff;border-radius:99px;padding:2px 8px;font-size:.65rem;font-weight:700;position:absolute;top:10px;right:10px}.lp-course-body{padding:14px}.lp-course-cat{text-transform:uppercase;letter-spacing:.05em;font-size:.72rem;font-weight:700}.lp-course-title{margin:4px 0 6px;font-size:.9rem;font-weight:700;line-height:1.3}.lp-course-instructor{color:var(--muted);margin-bottom:6px;font-size:.78rem}.lp-course-meta{color:var(--muted);flex-wrap:wrap;gap:6px;margin-bottom:10px;font-size:.75rem;display:flex}.lp-course-footer{justify-content:space-between;align-items:center;display:flex}.lp-price-free{color:#10b981;font-size:.9rem;font-weight:800}.lp-price-paid{font-size:.9rem;font-weight:800}.lp-btn-sm{cursor:pointer;border:none;border-radius:8px;padding:5px 14px;font-size:.78rem;font-weight:700;transition:opacity .15s}.lp-btn-sm:hover{opacity:.85}.lp-feature-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}.lp-feature-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:22px 18px;transition:box-shadow .2s}.lp-feature-card:hover{box-shadow:0 6px 20px #00000014}.lp-feature-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:10px;font-size:1.8rem;display:flex}.lp-feature-title{margin-bottom:6px;font-size:.9rem;font-weight:700}.lp-feature-desc{color:var(--muted);font-size:.8rem;line-height:1.5}.lp-steps{grid-template-columns:repeat(3,1fr);gap:0;max-width:700px;margin:0 auto;display:grid;position:relative}@media (width<=600px){.lp-steps{grid-template-columns:1fr;gap:24px}}.lp-step{text-align:center;flex-direction:column;align-items:center;padding:24px 20px;display:flex;position:relative}.lp-step-num{z-index:1;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:14px;font-size:1.1rem;font-weight:900;display:flex}.lp-step-connector{z-index:0;width:100%;height:2px;position:absolute;top:50px;right:-50%}.lp-step-title{margin-bottom:6px;font-size:.95rem;font-weight:700}.lp-step-desc{color:var(--muted);font-size:.82rem;line-height:1.5}.lp-testimonial-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.lp-testimonial-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:20px}.lp-testimonial-stars{margin-bottom:10px;font-size:.9rem}.lp-testimonial-text{color:var(--text);margin:0 0 16px;font-size:.85rem;font-style:italic;line-height:1.6}.lp-testimonial-author{align-items:center;gap:10px;display:flex}.lp-testimonial-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.78rem;font-weight:800;display:flex}.lp-testimonial-name{font-size:.83rem;font-weight:700}.lp-testimonial-role{color:var(--muted);font-size:.73rem}.lp-pricing-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;max-width:860px;margin:0 auto;display:grid}.lp-pricing-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:6px;padding:28px 24px;display:flex;position:relative}.lp-pricing-card.featured{transform:scale(1.03)}.lp-pricing-tag{color:#fff;white-space:nowrap;border-radius:99px;padding:3px 14px;font-size:.7rem;font-weight:800;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.lp-pricing-name{margin-top:8px;font-size:1rem;font-weight:800}.lp-pricing-price{margin-top:4px;font-size:1.7rem;font-weight:900;line-height:1.1}.lp-pricing-period{color:var(--muted);margin-bottom:14px;font-size:.78rem}.lp-pricing-features{flex-direction:column;gap:8px;margin:0 0 20px;padding:0;list-style:none;display:flex}.lp-pricing-features li{align-items:center;gap:8px;font-size:.83rem;display:flex}.lp-pricing-features li.disabled{color:var(--muted)}.lp-cta{text-align:center;padding:64px 60px}@media (width<=700px){.lp-cta{padding:40px 20px}}.lp-cta-title{color:#fff;margin:0 0 12px;font-size:2rem;font-weight:800}.lp-cta-sub{color:#ffffffbf;max-width:520px;margin:0 auto 28px;font-size:1rem}.lp-cta-actions{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.lp-btn{cursor:pointer;border:2px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:10px 22px;font-size:.88rem;font-weight:700;text-decoration:none;transition:opacity .15s,transform .1s;display:inline-flex}.lp-btn:hover{opacity:.88;transform:translateY(-1px)}.lp-btn-primary{border-color:#0000}.lp-btn-outline{background:0 0;border-color:currentColor}.lp-btn-ghost{color:#fff;background:#ffffff26;border-color:#ffffff4d}.lp-btn-ghost:hover{background:#ffffff40}.lp-btn-ghost-white{color:#fff;cursor:pointer;background:0 0;border:2px solid #ffffff80;border-radius:10px;padding:10px 22px;font-size:.88rem;font-weight:700;transition:background .15s}.lp-btn-ghost-white:hover{background:#ffffff26}.lms-public-page{background:var(--bg,#f8fafc);flex-direction:column;min-height:100vh;display:flex}.lms-pub-header{z-index:100;align-items:center;gap:16px;height:60px;padding:0 32px;display:flex;position:sticky;top:0;box-shadow:0 2px 12px #00000026}.lms-pub-header-brand{flex-shrink:0;align-items:center;gap:10px;display:flex}.lms-pub-logo-chip{border-radius:6px;padding:3px 8px;font-size:.75rem;font-weight:800}.lms-pub-brand-name{color:#fff;white-space:nowrap;font-size:1rem;font-weight:800}.lms-pub-header-nav{scrollbar-width:none;flex:1;align-items:center;gap:2px;display:flex;overflow-x:auto}.lms-pub-header-nav::-webkit-scrollbar{display:none}.lms-pub-nav-btn{color:#ffffffbf;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;padding:6px 14px;font-size:.85rem;font-weight:500;transition:background .15s,color .15s}.lms-pub-nav-btn:hover{color:#fff;background:#ffffff1f}.lms-pub-nav-btn.active{color:#fff;background:#fff3;font-weight:700}.lms-pub-header-right{flex-shrink:0;align-items:center;gap:10px;display:flex}.lms-pub-icon-btn{cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:6px;transition:background .15s;display:flex;position:relative}.lms-pub-icon-btn:hover{background:#ffffff26}.lms-pub-btn-ghost{color:#fff;cursor:pointer;white-space:nowrap;background:#ffffff1f;border:1px solid #ffffff4d;border-radius:8px;padding:6px 14px;font-size:.82rem;font-weight:600;transition:background .15s}.lms-pub-btn-ghost:hover{background:#ffffff38}.lms-pub-btn-accent{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:6px 16px;font-size:.82rem;font-weight:700;transition:opacity .15s}.lms-pub-btn-accent:hover{opacity:.88}.school-lms-public{--primary:var(--landing-secondary);--primary-light:#1f6fb21a;--bg:#f5f7fa;--surface:#fff;--border:#e2e8f0;color:#0f172a;background:#f5f7fa}.lms-school-announcement{flex:none}.school-lms-public .lms-pub-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;border-bottom:1px solid #e2e8f0;height:auto;min-height:76px;padding:10px max(28px,50vw - 600px);top:0;box-shadow:0 6px 20px #0f2a4e14}.school-lms-public .lms-pub-header-brand img{object-fit:contain;width:44px;height:44px}.lms-pub-brand-lockup{line-height:1.1;display:grid}.lms-pub-brand-lockup strong{color:var(--landing-primary);font-family:var(--font-display);text-transform:uppercase;font-size:13px}.lms-pub-brand-lockup small{color:var(--landing-secondary);letter-spacing:.18em;text-transform:uppercase;margin-top:4px;font-size:8px;font-weight:800}.school-lms-public .lms-pub-header-nav{justify-content:center;gap:16px}.school-lms-public .lms-pub-nav-btn{color:#475569;border-radius:0;min-height:38px;padding:0 5px;font-size:13px;font-weight:700}.school-lms-public .lms-pub-nav-btn:hover{color:var(--landing-secondary);background:0 0}.school-lms-public .lms-pub-nav-btn.active{box-shadow:inset 0 -2px var(--landing-accent);color:var(--landing-primary);background:0 0}.school-lms-public .lms-pub-icon-btn,.school-lms-public .lms-pub-btn-ghost{border-radius:6px}.school-lms-public .lms-pub-icon-btn{color:var(--landing-primary)}.school-lms-public .lms-pub-icon-btn svg{stroke:currentColor;color:var(--landing-primary)!important}.school-lms-public .lms-pub-btn-ghost{color:var(--landing-primary);background:#fff;border-color:#cbd5e1}.school-lms-public .lms-pub-btn-ghost:hover{border-color:var(--landing-secondary);color:var(--landing-secondary);background:#1f6fb20f}.school-lms-public .lms-pub-btn-accent{background:var(--landing-accent);min-height:38px;color:var(--landing-primary);font-family:var(--font-display);border-radius:6px;font-weight:900}.school-lms-public .lms-public-body{background:#f5f7fa;flex:1;width:100%;max-width:none;margin:0;padding:0;overflow-x:hidden}.school-lms-public .lms-public-body>:not(.lp-root):not(.lms-public-footer){box-sizing:border-box;width:min(1200px,100%);margin-inline:auto;padding:24px}.school-lms-public .lp-section{padding-inline:max(40px,50vw - 600px)}.school-lms-public .lp-hero{box-sizing:border-box;width:100%;min-width:0;min-height:550px;padding:90px max(40px,50vw - 600px);background:linear-gradient(#ffffff0a 1px, transparent 1px), linear-gradient(90deg, #ffffff0a 1px, transparent 1px), linear-gradient(125deg, var(--landing-primary), #1c3f6e 60%, var(--landing-secondary))!important;background-size:58px 58px,58px 58px,auto!important}.school-lms-public .lp-hero-badge{border-radius:6px;color:var(--landing-accent)!important;background:#e3a21a1f!important}.school-lms-public .lp-btn,.school-lms-public .lp-btn-sm,.school-lms-public .lp-course-card,.school-lms-public .lp-feature-card,.school-lms-public .lp-pricing-card,.school-lms-public .portal-course-card,.school-lms-public .portal-detail{border-radius:8px}.school-lms-public .lp-btn-primary,.school-lms-public .lp-btn-sm{background:var(--landing-accent)!important;color:var(--landing-primary)!important}.school-lms-public .lp-section-tag,.school-lms-public .lp-course-cat{color:var(--landing-secondary)!important}.school-lms-public .lp-section-title,.school-lms-public .lp-course-title,.school-lms-public .portal-course-card h4{color:var(--landing-primary)!important}.school-lms-public .portal-hero{background:linear-gradient(125deg, var(--landing-primary), var(--landing-secondary))!important}.school-lms-public .filter-chips .chip.active{border-color:var(--landing-secondary);color:var(--landing-secondary);background:#1f6fb21a}.school-lms-public .lms-public-footer{color:#ffffffa6;background:#091c35;grid-template-columns:1fr auto auto;align-items:center;gap:28px;padding:34px max(28px,50vw - 600px);display:grid}.lms-public-footer-brand{align-items:center;gap:10px;display:flex}.lms-public-footer-brand img{object-fit:contain;width:42px;height:42px}.lms-public-footer-brand span{display:grid}.lms-public-footer-brand strong{color:#fff;font-family:var(--font-display);text-transform:uppercase}.lms-public-footer-brand small{color:var(--landing-accent);letter-spacing:.16em;text-transform:uppercase;font-weight:800}.school-lms-public .lms-public-footer button{color:#fff;background:0 0;border:0;font-weight:800}@media (width<=900px){.school-lms-public .lms-pub-header{flex-wrap:wrap}.school-lms-public .lms-pub-header-nav{flex-basis:100%;order:3;justify-content:flex-start}.school-lms-public .lms-public-footer{grid-template-columns:1fr}.school-lms-public .lp-hero{width:100%;padding:68px 28px}}@media (width<=600px){.school-lms-public .lms-pub-header-right .lms-pub-btn-ghost{display:none}.school-lms-public .lp-hero{width:100%;min-height:auto;padding:56px 20px}.school-lms-public .lms-public-body>:not(.lp-root):not(.lms-public-footer),.school-lms-public .lp-section{padding-left:20px;padding-right:20px}}.lms-open-portal-btn{border:1px solid var(--primary);background:var(--primary-light);color:var(--primary);cursor:pointer;white-space:nowrap;border-radius:8px;padding:5px 12px;font-size:.8rem;font-weight:700;transition:background .15s}.lms-open-portal-btn:hover{background:var(--primary);color:#fff}.login-public-banner{background:var(--surface-alt,#f1f5f9);border-bottom:1px solid var(--border);color:var(--muted);justify-content:center;align-items:center;gap:10px;padding:10px 24px;font-size:.83rem;display:flex}.login-public-link{color:var(--primary);cursor:pointer;background:0 0;border:none;padding:0;font-size:.83rem;font-weight:700;text-decoration:underline}.login-public-link:hover{opacity:.8}