:root{
  --primary:#5b5bd6;--primary-dark:#4747bd;--primary-soft:#eeeeff;--navy:#172033;--text:#263247;--muted:#718096;--line:#e7eaf0;--bg:#f6f7fb;--white:#fff;--success:#159a69;--success-soft:#e9f9f2;--danger:#dc4c64;--danger-soft:#fff0f2;--warning:#d48b18;--warning-soft:#fff7e6;--whatsapp:#18a765;--shadow:0 12px 35px rgba(31,42,68,.09);--radius:18px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--bg);line-height:1.5}a{color:var(--primary);text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.container{width:min(1180px,calc(100% - 36px));margin:auto}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--navy);font-weight:850;font-size:21px;letter-spacing:-.4px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,var(--primary),#7b6ee8);color:white;font-size:14px;box-shadow:0 8px 20px rgba(91,91,214,.27)}.brand-center{justify-content:center;width:100%;margin-bottom:18px}.brand-light{color:white;padding:2px 8px}.btn{border:1px solid transparent;border-radius:11px;padding:10px 16px;font-weight:750;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:.2s;background:white;color:var(--text)}.btn:hover{transform:translateY(-1px)}.btn.primary{background:var(--primary);color:white;box-shadow:0 8px 18px rgba(91,91,214,.22)}.btn.primary:hover{background:var(--primary-dark)}.btn.ghost{border-color:var(--line);background:white;color:var(--text)}.btn.light{background:white;color:var(--whatsapp)}.btn.whatsapp{background:var(--whatsapp);color:white}.btn.full{width:100%}.btn.large{padding:13px 20px}.btn.small{padding:7px 11px;font-size:13px}.btn.tiny{padding:6px 9px;font-size:12px;border-radius:8px}.btn[disabled]{opacity:.45;pointer-events:none}.eyebrow{display:inline-block;color:var(--primary);font-size:12px;font-weight:850;letter-spacing:1.4px;text-transform:uppercase}.muted{color:var(--muted)}.topbar{display:flex;align-items:center;justify-content:space-between;padding:22px 0}.topbar nav{display:flex;gap:22px;align-items:center}.topbar nav>a:not(.btn){color:var(--text);font-weight:650}.landing{background:white}.hero{min-height:690px;display:grid;grid-template-columns:1fr 1.1fr;gap:62px;align-items:center;padding:55px 0 95px}.hero h1{font-size:58px;line-height:1.03;letter-spacing:-2.8px;margin:14px 0 20px;color:var(--navy)}.hero-copy>p{font-size:19px;color:var(--muted);max-width:600px}.hero-actions{display:flex;gap:12px;margin:30px 0 25px}.trust-row{display:flex;gap:24px;color:#56647a;font-size:14px;font-weight:700}.dashboard-preview{border:1px solid #e3e6f0;border-radius:22px;background:#fff;box-shadow:0 35px 80px rgba(38,50,71,.16);overflow:hidden;transform:perspective(1200px) rotateY(-2deg) rotateX(1deg)}.preview-head{height:38px;background:#f7f8fb;display:flex;align-items:center;gap:6px;padding:0 14px;border-bottom:1px solid var(--line)}.preview-head span{width:9px;height:9px;border-radius:50%;background:#d5d9e2}.preview-body{display:flex;height:390px}.preview-sidebar{width:70px;background:#202842;padding:22px 14px;display:flex;align-items:center;flex-direction:column;gap:22px}.preview-sidebar b{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--primary);color:white}.preview-sidebar i{display:block;width:30px;height:7px;border-radius:10px;background:#505972}.preview-main{flex:1;padding:28px;background:#fafbfe}.preview-title{display:flex;justify-content:space-between}.preview-title b{font-size:16px}.preview-title small{color:var(--muted)}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}.mini-stats div{background:white;border:1px solid var(--line);border-radius:13px;padding:16px}.mini-stats strong,.mini-stats small{display:block}.mini-stats strong{font-size:20px}.mini-stats small{color:var(--muted)}.preview-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:14px}.fake-chart,.fake-list{height:180px;background:white;border:1px solid var(--line);border-radius:13px;padding:18px}.fake-chart{display:flex;align-items:flex-end;gap:12px}.fake-chart span{flex:1;background:linear-gradient(var(--primary),#8b83ed);border-radius:6px 6px 2px 2px}.fake-list p{margin-top:0}.fake-list i{display:block;height:12px;border-radius:10px;background:#edf0f5;margin:14px 0}.section{padding:95px 0}.soft{background:#f7f7fc}.section-head{text-align:center;max-width:660px;margin:0 auto 45px}.section-head h2{font-size:39px;line-height:1.15;letter-spacing:-1.3px;color:var(--navy);margin:10px 0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature-grid article,.plan-grid article{padding:30px;border:1px solid var(--line);border-radius:20px;background:white}.feature-grid article{transition:.2s}.feature-grid article:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.feature-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--primary-soft);font-size:22px}.feature-grid h3{margin:19px 0 8px;color:var(--navy)}.feature-grid p{color:var(--muted);margin:0}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:950px;margin:auto}.plan-grid article{position:relative}.plan-grid .featured{border:2px solid var(--primary);transform:scale(1.03);box-shadow:var(--shadow)}.badge{position:absolute;right:18px;top:18px;background:var(--primary-soft);color:var(--primary);border-radius:20px;padding:5px 10px;font-size:12px;font-weight:800}.price{font-size:38px;font-weight:850;color:var(--navy);margin:13px 0}.price small{font-size:14px;color:var(--muted)}.plan-grid p{color:var(--muted)}footer{background:var(--navy);color:white;padding:50px 0}.footer-row{display:flex;justify-content:space-between}.footer-row .brand{color:white}.footer-row p{color:#aeb6c7}.modal-backdrop{position:fixed;z-index:100;inset:0;background:rgba(21,27,44,.62);backdrop-filter:blur(5px);display:grid;place-items:center;padding:20px;overflow:auto}.auth-card{width:min(480px,100%);background:white;border-radius:22px;padding:32px;position:relative;box-shadow:0 30px 90px rgba(0,0,0,.25)}.auth-card h2{text-align:center;margin-bottom:4px}.auth-card>p{text-align:center}.modal-close,.modal-x{position:absolute;right:18px;top:12px;border:0;background:transparent;color:#8790a2;font-size:29px}.auth-switch{font-size:14px;margin:18px 0 0}.install-page{min-height:100vh;display:grid;place-items:center;padding:30px;background:linear-gradient(135deg,#f4f3ff,#edf7ff)}.install-card{width:min(760px,100%);background:white;border-radius:24px;box-shadow:var(--shadow);padding:38px}.install-card h1{text-align:center;margin-bottom:0}.install-card>p{text-align:center}.form-grid{display:grid;gap:16px}.form-grid.two{grid-template-columns:repeat(2,1fr)}.form-grid.three{grid-template-columns:repeat(3,1fr)}.span-2{grid-column:span 2}.span-3{grid-column:span 3}.field label{display:block;font-size:13px;font-weight:750;color:#49566b;margin-bottom:7px}.field input,.field select,.field textarea,.search-box input,.inline-filter input,.inline-filter select,.attendance-form td>input{width:100%;border:1px solid #dfe3eb;border-radius:10px;padding:10px 12px;background:#fff;color:var(--text);outline:none;transition:.15s}.field input:focus,.field select:focus,.field textarea:focus,.search-box input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.field textarea{resize:vertical;min-height:90px}.field small{display:block;margin-top:5px;color:var(--muted)}.stack{display:grid;gap:15px}.divider{height:1px;background:var(--line);margin:4px 0}.alert{border-radius:12px;padding:12px 14px;margin:0 0 16px;border:1px solid transparent}.alert.success{background:var(--success-soft);border-color:#c9efdf;color:#0e7e56}.alert.danger{background:var(--danger-soft);border-color:#ffd5dc;color:#bd324a}.alert.warning{background:var(--warning-soft);color:#9d6811}.dismissible{display:flex;justify-content:space-between;align-items:center}.dismissible button{border:0;background:none;font-size:20px;color:inherit}.app-shell{background:var(--bg);min-height:100vh}.sidebar{position:fixed;left:0;top:0;bottom:0;width:250px;background:linear-gradient(180deg,#202841,#171e31);padding:22px 16px;z-index:50;display:flex;flex-direction:column}.org-card{display:flex;align-items:center;gap:11px;margin:26px 0 18px;padding:14px 11px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:14px;color:white}.org-card div{min-width:0}.org-card b,.org-card small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.org-card b{font-size:13px}.org-card small{color:#aeb5c6;font-size:11px}.org-avatar{display:grid;place-items:center;flex:0 0 35px;height:35px;border-radius:10px;background:#343d5c;font-size:12px;font-weight:800}.side-nav{display:grid;gap:4px}.side-nav a,.logout-form button{display:flex;align-items:center;gap:11px;border-radius:10px;padding:10px 11px;color:#c5cad7;font-size:14px;font-weight:650}.side-nav a span,.logout-form span{width:22px;text-align:center;font-size:13px}.side-nav a:hover,.side-nav a.active{color:white;background:rgba(111,103,230,.22)}.side-nav a.active{box-shadow:inset 3px 0 0 #8a80f0}.logout-form{margin-top:auto}.logout-form button{width:100%;border:0;background:transparent}.app-main{margin-left:250px;min-height:100vh}.app-header{height:83px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:30}.app-header h1{font-size:21px;margin:0;color:var(--navy)}.app-header p{font-size:12px;color:var(--muted);margin:2px 0}.user-chip{display:flex;align-items:center;gap:9px}.user-chip>span{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--primary-soft);color:var(--primary);font-weight:850}.user-chip b,.user-chip small{display:block}.user-chip b{font-size:13px}.user-chip small{font-size:11px;color:var(--muted)}.menu-toggle{display:none;border:0;background:white;font-size:22px}.content{padding:26px;max-width:1500px;margin:auto}.welcome-banner{background:linear-gradient(120deg,#5b5bd6,#776be2);border-radius:20px;padding:25px 28px;color:white;display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;box-shadow:0 12px 30px rgba(91,91,214,.25)}.welcome-banner .eyebrow{color:#d9d7ff}.welcome-banner h2{margin:5px 0;font-size:26px}.welcome-banner p{margin:0;color:#e0dffe}.plan-pill{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.2);padding:12px 17px;border-radius:14px;font-weight:800}.plan-pill small{display:block;font-size:10px;font-weight:500;color:#e5e3ff}.stat-grid{display:grid;gap:18px;margin-bottom:20px}.stat-grid.four{grid-template-columns:repeat(4,1fr)}.stat-grid.three{grid-template-columns:repeat(3,1fr)}.stat-card{background:white;border:1px solid var(--line);border-radius:16px;padding:20px;position:relative;min-height:128px}.stat-card small,.stat-card strong,.stat-card em{display:block}.stat-card small{color:var(--muted);font-weight:650}.stat-card strong{font-size:25px;color:var(--navy);margin:8px 0 3px;letter-spacing:-.5px}.stat-card em{font-size:11px;color:var(--success);font-style:normal}.stat-card.warning em{color:var(--warning)}.stat-icon{position:absolute;right:17px;top:17px;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--primary-soft);color:var(--primary);font-weight:850}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.panel{background:white;border:1px solid var(--line);border-radius:16px;padding:20px;margin-bottom:20px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.panel-head h2{font-size:16px;color:var(--navy);margin:0 0 3px}.panel-head p{font-size:12px;color:var(--muted);margin:0}.table-wrap{overflow-x:auto;margin:0 -20px -20px}table{width:100%;border-collapse:collapse;min-width:720px}th,td{text-align:left;padding:13px 16px;border-top:1px solid var(--line);vertical-align:middle}th{font-size:11px;color:#7b869a;text-transform:uppercase;letter-spacing:.5px;background:#fafbfc}td{font-size:13px}td b,td small{display:block}td small{font-size:11px;color:var(--muted);margin-top:2px}.status{display:inline-flex;border-radius:20px;padding:4px 9px;font-size:10px;font-weight:800;background:#eef0f4;color:#687386;white-space:nowrap}.status.active,.status.paid,.status.present,.status.sent{background:var(--success-soft);color:var(--success)}.status.inactive,.status.unpaid,.status.absent,.status.failed,.status.cancelled{background:var(--danger-soft);color:var(--danger)}.status.partial,.status.late,.status.queued,.status.trial,.status.suspended{background:var(--warning-soft);color:var(--warning)}.status.excused,.status.opened,.status.pro,.status.premium,.status.basic{background:var(--primary-soft);color:var(--primary)}.name-cell{display:flex;align-items:center;gap:10px}.name-cell>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--primary-soft);color:var(--primary);font-weight:850}.attendance-donut{display:flex;align-items:center;justify-content:space-around;gap:30px;padding:15px}.donut{--value:0;width:145px;height:145px;border-radius:50%;background:conic-gradient(var(--primary) calc(var(--value)*1%),#edf0f5 0);display:grid;place-items:center;position:relative}.donut:after{content:"";position:absolute;width:105px;height:105px;border-radius:50%;background:white}.donut span{z-index:1;font-size:24px;font-weight:850;color:var(--navy)}.legend{min-width:170px}.legend p{display:flex;align-items:center;gap:8px;font-size:12px}.legend p b{margin-left:auto}.dot{width:9px;height:9px;border-radius:50%;background:var(--primary)}.dot.late{background:var(--warning)}.dot.absent{background:var(--danger)}.dot.excused{background:#55a4d7}.activity-list{display:grid;gap:3px}.activity-list>div{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.activity-list>div:last-child{border-bottom:0}.activity-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--success-soft);color:var(--success);font-size:10px;font-weight:850}.activity-list p{margin:0;flex:1}.activity-list p b,.activity-list p small{display:block}.activity-list p small{font-size:10px;color:var(--muted)}.activity-list strong{font-size:12px;color:var(--success)}.quick-actions{padding-bottom:20px}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.quick-grid a{display:flex;align-items:center;gap:10px;border:1px solid var(--line);padding:13px;border-radius:12px;color:var(--text);font-size:13px;font-weight:700}.quick-grid a:hover{border-color:#c9c8f7;background:#fbfbff}.quick-grid span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--primary-soft);color:var(--primary);font-weight:850}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.search-box{display:flex;width:min(430px,100%)}.search-box input{border-radius:11px 0 0 11px}.search-box button{border:1px solid var(--primary);background:var(--primary);color:white;width:45px;border-radius:0 11px 11px 0}.form-panel{border-top:3px solid var(--primary)}.form-actions{display:flex;align-items:center;gap:10px}.card-grid,.class-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.person-card,.class-card{background:white;border:1px solid var(--line);border-radius:16px;padding:18px}.person-head{display:flex;align-items:center;gap:10px}.person-head>span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--primary-soft);color:var(--primary);font-weight:850}.person-head>div{flex:1}.person-head h3,.person-head p{margin:0}.person-head h3{font-size:15px}.person-head p{font-size:11px;color:var(--muted)}.person-info{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:16px 0;padding:9px 0}.person-info p{font-size:12px;margin:8px 0}.class-top{display:flex;justify-content:space-between}.class-top>span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--primary-soft)}.class-card h3{margin:15px 0 2px}.class-card>p{margin:0;color:var(--muted);font-size:12px}.class-meta{display:grid;grid-template-columns:1fr 1fr;gap:13px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0;margin:16px 0}.class-meta small,.class-meta b{display:block}.class-meta small{color:var(--muted);font-size:10px}.class-meta b{font-size:12px;margin-top:3px}.filter-row{display:flex;align-items:end;gap:13px;flex-wrap:wrap}.filter-row .field{min-width:180px}.align-end{margin-bottom:0;height:43px}.attendance-form{padding-top:0}.attendance-tools{display:flex;justify-content:space-between;align-items:center;padding:17px 0}.segmented{display:flex;gap:4px;flex-wrap:wrap}.segmented input{display:none}.segmented span{display:block;padding:6px 8px;border:1px solid var(--line);border-radius:7px;font-size:10px;font-weight:750;cursor:pointer}.segmented input:checked+span{background:var(--primary);border-color:var(--primary);color:white}.sticky-actions{position:sticky;bottom:0;background:white;margin:0 -20px -20px;padding:15px 20px;border-top:1px solid var(--line)}.sticky-actions span{font-size:11px;color:var(--muted)}.inline-filter{display:flex;align-items:center;gap:8px}.inline-filter input{width:90px;padding:7px 9px}.inline-filter select{width:130px;padding:7px 9px}.inline-filter label{font-size:12px;font-weight:700}.action-row{display:flex;gap:5px;align-items:center}.action-row form{margin:0}.modal{display:none;position:fixed;z-index:100;inset:0;background:rgba(24,30,49,.6);backdrop-filter:blur(4px);place-items:center;padding:20px}.modal.show{display:grid}.modal-card{position:relative;width:min(470px,100%);max-height:90vh;overflow:auto;background:white;padding:26px;border-radius:18px;box-shadow:0 30px 80px rgba(0,0,0,.25)}.modal-card h2{margin-top:0}.whatsapp-banner{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(120deg,#13945e,#1dbd76);padding:21px 24px;border-radius:17px;color:white;margin-bottom:20px}.whatsapp-banner>div{display:flex;align-items:center;gap:13px}.whatsapp-banner>div>span{font-size:30px}.whatsapp-banner h2,.whatsapp-banner p{margin:0}.whatsapp-banner h2{font-size:18px}.whatsapp-banner p{font-size:12px;color:#d8ffea}.mini-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mini-summary div{text-align:center;background:#fafbfc;border:1px solid var(--line);border-radius:12px;padding:14px}.mini-summary span,.mini-summary b,.mini-summary small{display:block}.mini-summary span{font-size:18px}.mini-summary b{font-size:23px;color:var(--navy)}.mini-summary small{font-size:10px;color:var(--muted)}.message-cell{max-width:360px;white-space:normal}.tag{display:inline-block;padding:4px 8px;border-radius:7px;background:#f0f2f6;color:#5e687a;font-size:10px;font-weight:750}.bar-chart{height:300px;display:flex;align-items:flex-end;gap:18px;padding:20px 10px 0}.bar-group{height:100%;flex:1;display:flex;flex-direction:column;justify-content:end;align-items:center}.bars{height:90%;width:100%;display:flex;align-items:flex-end;justify-content:center;gap:3px}.bar{display:block;width:35%;min-height:2px;border-radius:5px 5px 0 0}.bar.invoiced,.key.invoiced{background:#d7d9f8}.bar.collected,.key.collected{background:var(--primary)}.bar-group small{font-size:10px;color:var(--muted);margin-top:7px}.chart-legend{display:flex;justify-content:center;gap:25px;font-size:11px}.chart-legend span{display:flex;align-items:center;gap:6px}.key{display:block;width:12px;height:7px;border-radius:3px}.report-list{display:grid;gap:16px}.report-list>div{display:grid;grid-template-columns:110px 1fr 85px;align-items:center;gap:12px;font-size:11px}.report-list b{text-align:right}.progress{height:7px;background:#edf0f5;border-radius:20px;overflow:hidden}.progress i{display:block;height:100%;background:var(--primary);border-radius:20px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.settings-grid .panel{margin:0}.empty{text-align:center;color:var(--muted);padding:35px!important}.install-card .brand{margin-bottom:8px}
@media(max-width:1100px){.stat-grid.four{grid-template-columns:repeat(2,1fr)}.card-grid,.class-grid{grid-template-columns:repeat(2,1fr)}.hero{gap:30px}.hero h1{font-size:48px}.preview-body{height:350px}}
@media(max-width:820px){.topbar nav>a:not(.btn){display:none}.hero{grid-template-columns:1fr;padding-top:30px}.hero h1{font-size:43px}.dashboard-preview{transform:none}.feature-grid,.plan-grid{grid-template-columns:1fr}.plan-grid .featured{transform:none}.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:translateX(0)}.app-main{margin-left:0}.menu-toggle{display:block}.app-header{padding:0 16px;gap:12px}.app-header>div:nth-child(2){flex:1}.user-chip div{display:none}.content{padding:18px}.dashboard-grid,.settings-grid{grid-template-columns:1fr}.settings-grid .span-2{grid-column:auto}.quick-grid{grid-template-columns:repeat(2,1fr)}.card-grid,.class-grid{grid-template-columns:1fr}.form-grid.three{grid-template-columns:1fr 1fr}.form-grid.three .span-3{grid-column:span 2}.welcome-banner{align-items:flex-start}.bar-chart{gap:7px}.report-list>div{grid-template-columns:90px 1fr 75px}}
@media(max-width:560px){.container{width:min(100% - 24px,1180px)}.topbar{padding:15px 0}.topbar nav{gap:7px}.topbar .btn{padding:8px 10px;font-size:12px}.hero{min-height:auto;padding:35px 0 70px}.hero h1{font-size:38px;letter-spacing:-1.8px}.hero-copy>p{font-size:16px}.hero-actions{flex-direction:column}.trust-row{flex-direction:column;gap:6px}.dashboard-preview{display:none}.section{padding:65px 0}.section-head h2{font-size:30px}.footer-row{flex-direction:column;gap:25px}.auth-card,.install-card{padding:25px 20px}.form-grid.two,.form-grid.three{grid-template-columns:1fr}.span-2,.span-3,.form-grid.three .span-3{grid-column:auto}.stat-grid.four,.stat-grid.three{grid-template-columns:1fr}.stat-card{min-height:110px}.welcome-banner{flex-direction:column;gap:16px}.panel{padding:16px}.table-wrap{margin:0 -16px -16px}.panel-head{align-items:flex-start}.filter-row{display:grid;grid-template-columns:1fr;width:100%}.filter-row .field{min-width:0}.attendance-tools{align-items:flex-start;gap:10px;flex-direction:column}.sticky-actions{margin:0 -16px -16px;flex-direction:column;align-items:stretch}.quick-grid{grid-template-columns:1fr}.whatsapp-banner{align-items:flex-start;flex-direction:column;gap:13px}.mini-summary{grid-template-columns:1fr}.app-header h1{font-size:17px}.app-header p{display:none}}
.activity-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.activity-card-pro{background:white;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 10px 26px rgba(31,42,68,.06)}.activity-card-pro>img,.activity-card-pro>iframe{width:100%;height:210px;object-fit:cover;border:0;display:block;background:#eef1f7}.activity-placeholder{height:210px;display:grid;place-items:center;background:linear-gradient(135deg,#f1f0ff,#eef8ff);font-size:48px}.activity-card-body{padding:17px}.activity-meta{display:flex;justify-content:space-between;gap:8px;margin-bottom:10px}.activity-meta span{font-size:10px;font-weight:800;background:#f0f2f6;color:#5e687a;border-radius:20px;padding:4px 8px;text-transform:uppercase}.activity-card-body h3{margin:0 0 8px;color:var(--navy);font-size:17px}.activity-card-body p{margin:0;color:var(--muted);font-size:13px;min-height:58px}.activity-foot{border-top:1px solid var(--line);padding-top:12px;margin-top:14px;display:flex;align-items:center;justify-content:space-between;gap:10px}.activity-foot small{color:var(--muted);font-weight:700}.rph-print{background:#fff}.rph-print-head{display:flex;justify-content:space-between;gap:20px;border-bottom:2px solid var(--line);padding-bottom:16px;margin-bottom:18px}.rph-print-head h2{margin:5px 0;color:var(--navy)}.rph-table{width:100%;border-collapse:collapse;margin:15px 0}.rph-table th,.rph-table td{border:1px solid var(--line);padding:10px;text-align:left;vertical-align:top}.rph-table th{width:150px;background:#f7f8fb;color:#455066}.rph-section{border:1px solid var(--line);border-radius:12px;margin:12px 0;overflow:hidden}.rph-section h3{margin:0;background:#f7f8fb;padding:10px 13px;color:var(--navy);font-size:14px}.rph-section div{padding:13px;min-height:44px}.install-card .panel{border:1px solid var(--line);border-radius:14px}
@media(max-width:1100px){.activity-card-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.activity-card-grid{grid-template-columns:1fr}.activity-card-pro>img,.activity-card-pro>iframe,.activity-placeholder{height:190px}.rph-print-head{flex-direction:column}.rph-table th,.rph-table td{display:block;width:100%}.rph-table tr{display:block;margin-bottom:8px}}
@media print{body.app-shell{background:#fff}.sidebar,.app-header,.toolbar,.modal,.btn,.logout-form{display:none!important}.app-main{margin:0!important}.content{padding:0!important}.panel{box-shadow:none!important;border:0!important}.rph-print{font-size:12px}.rph-section{break-inside:avoid}}

.class-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.assign-panel{border-top:3px solid var(--primary)}.student-check-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.student-check{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--line);border-radius:13px;padding:12px;background:#fff;cursor:pointer;transition:.15s}.student-check:hover{border-color:var(--primary);box-shadow:0 8px 20px rgba(91,91,214,.08)}.student-check input{margin-top:4px}.student-check span{display:grid;gap:2px}.student-check b{font-size:13px;color:var(--navy)}.student-check small{font-size:11px;color:var(--muted)}.student-check em{font-style:normal;font-size:10px;font-weight:800;color:var(--primary)}.student-check.checked{background:var(--primary-soft);border-color:#c9c7ff}.student-check.other-class em{color:#9d6811}.warning-tag{background:var(--warning-soft);color:#9d6811}@media(max-width:1100px){.student-check-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.class-card-actions,.student-check-grid{grid-template-columns:1fr}}

/* DidikOne v1.0.6 Portal Aktiviti */
.portal-page{min-height:100vh;background:linear-gradient(135deg,#f4f3ff 0%,#edf7ff 48%,#ffffff 100%)}
.portal-topbar{width:min(1180px,calc(100% - 32px));margin:auto;padding:20px 0;display:flex;align-items:center;justify-content:space-between;gap:15px}
.portal-wrap{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:22px 0 70px}.portal-login-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:24px;align-items:stretch}.portal-hero-card{border-radius:28px;padding:42px;background:linear-gradient(135deg,#202841,#5b5bd6);color:white;box-shadow:0 25px 70px rgba(31,42,68,.16);display:flex;flex-direction:column;justify-content:center;min-height:500px;position:relative;overflow:hidden}.portal-hero-card:after{content:"";position:absolute;right:-120px;bottom:-120px;width:340px;height:340px;border-radius:50%;background:rgba(255,255,255,.1)}.portal-hero-card .eyebrow{color:#c8c7ff}.portal-hero-card h1{font-size:42px;line-height:1.08;letter-spacing:-1.8px;margin:14px 0 16px}.portal-hero-card p{font-size:17px;color:#dbe0f3;max-width:620px}.portal-benefits{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.portal-benefits span{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:8px 12px;font-weight:800;font-size:13px}.portal-login-card{margin:0}.portal-role-fields{display:grid;gap:14px}.portal-dashboard-head{display:flex;justify-content:space-between;align-items:center;gap:24px;background:white;border:1px solid var(--line);border-radius:24px;padding:28px;margin-bottom:18px;box-shadow:var(--shadow)}.portal-dashboard-head h1{font-size:34px;line-height:1.1;color:var(--navy);margin:6px 0}.portal-dashboard-head p{margin:0;color:var(--muted)}.portal-stats{display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),#776be2);color:white;border-radius:22px;padding:20px;min-width:165px}.portal-stats b{font-size:44px;line-height:1}.portal-stats span{font-size:12px;font-weight:800;color:#ecebff}.portal-child-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.portal-child-row>div{background:white;border:1px solid var(--line);border-radius:16px;padding:14px}.portal-child-row b,.portal-child-row small{display:block}.portal-child-row small{color:var(--muted);font-size:12px;margin-top:2px}.portal-feed .activity-card-body p{min-height:auto}.portal-admin-banner{align-items:center;margin-bottom:20px}.copy-box{display:flex;gap:8px;margin-bottom:16px}.copy-box input{flex:1;border:1px solid var(--line);border-radius:12px;padding:12px;background:#f8fafc;color:var(--text);font-weight:700}.portal-guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.portal-guide-grid article{border:1px solid var(--line);background:#fafbfe;border-radius:14px;padding:14px}.portal-guide-grid b,.portal-guide-grid small{display:block}.portal-guide-grid small{color:var(--muted);font-size:12px;margin-top:5px}.portal-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.portal-steps article{border:1px solid var(--line);border-radius:16px;padding:16px;background:#fff;display:flex;gap:12px}.portal-steps span{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:12px;background:var(--primary-soft);color:var(--primary);font-weight:900}.portal-steps b{color:var(--navy)}.portal-steps p{margin:4px 0 0;color:var(--muted);font-size:12px}@media(max-width:900px){.portal-login-grid{grid-template-columns:1fr}.portal-hero-card{min-height:auto;padding:30px}.portal-hero-card h1{font-size:33px}.portal-dashboard-head{flex-direction:column;align-items:flex-start}.portal-stats{width:100%}.portal-child-row,.portal-guide-grid,.portal-steps{grid-template-columns:1fr}.copy-box{flex-direction:column}}@media(max-width:640px){.portal-topbar{align-items:flex-start}.portal-topbar .brand{font-size:18px}.portal-topbar nav .btn{font-size:12px;padding:8px 10px}.portal-wrap{padding-top:8px}.portal-hero-card h1{font-size:28px}.portal-dashboard-head h1{font-size:26px}}

/* DidikOne v1.0.7 Akademik, Export, Logo & Page Sekolah */
.export-buttons{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.export-buttons .btn{padding:7px 9px;font-size:11px}.org-logo-mini{width:40px;height:40px;border-radius:14px;object-fit:cover;border:1px solid rgba(255,255,255,.18);background:white}.logo-preview{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:14px;background:#f8fafc;padding:10px;margin-bottom:10px}.logo-preview img{width:72px;height:72px;border-radius:16px;object-fit:contain;background:#fff;border:1px solid var(--line)}.brand-logo-img{width:42px;height:42px;border-radius:14px;object-fit:contain;background:white;border:1px solid var(--line)}.academic-banner,.school-page-banner{background:linear-gradient(135deg,#1f2a44,#5b5bd6);color:white}.academic-banner p,.school-page-banner p{color:#e7e9ff}.academic-banner .eyebrow,.school-page-banner .eyebrow{color:#d9d6ff}.academic-banner .plan-pill,.school-page-banner .plan-pill{background:rgba(255,255,255,.13);color:#fff;border:1px solid rgba(255,255,255,.16)}.certificate-wrap{background:#f3f5fb;border-radius:20px;padding:24px}.certificate-card{max-width:980px;margin:0 auto;background:#fff;border:1px solid #d8dde9;padding:25px;box-shadow:0 20px 70px rgba(31,42,68,.08)}.certificate-border{border:5px double #5b5bd6;min-height:620px;padding:42px;text-align:center;display:flex;flex-direction:column;justify-content:center}.certificate-head{display:flex;align-items:center;justify-content:center;gap:18px;margin-bottom:25px}.certificate-head img{width:82px;height:82px;object-fit:contain}.certificate-head h1{font-size:38px;color:var(--navy);margin:0}.certificate-head p{margin:6px 0 0;color:var(--muted);font-weight:800}.certificate-text{font-size:17px;color:#4b5567}.certificate-card h2{font-size:42px;color:#5b5bd6;margin:12px 0}.certificate-result{display:grid;gap:8px;background:linear-gradient(135deg,#f2f0ff,#eef8ff);border:1px solid #d8d7ff;border-radius:20px;padding:20px;margin:26px auto;max-width:620px}.certificate-result span{font-weight:900;color:var(--navy)}.certificate-result strong{font-size:64px;line-height:1;color:#5b5bd6}.certificate-result em{font-style:normal;color:var(--muted);font-weight:800}.certificate-sign{display:flex;justify-content:space-between;gap:40px;margin-top:50px}.certificate-sign div{width:45%}.certificate-sign small{display:block;color:var(--muted);margin-top:8px}.school-public-page{min-height:100vh;background:linear-gradient(135deg,#f7f8ff 0%,#eef8ff 55%,#fff 100%);color:var(--text)}.school-public-top{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:22px 0;display:flex;justify-content:space-between;align-items:center;gap:16px}.school-public-wrap{width:min(1180px,calc(100% - 32px));margin:0 auto;padding-bottom:70px}.school-hero-public{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center;padding:42px 0 70px}.school-hero-public h1{font-size:54px;line-height:1.05;letter-spacing:-2px;color:var(--navy);margin:12px 0 18px}.school-hero-public p{font-size:18px;color:var(--muted);line-height:1.65}.school-hero-card{background:#fff;border:1px solid var(--line);border-radius:30px;padding:34px;text-align:center;box-shadow:var(--shadow)}.school-hero-card img{width:130px;height:130px;object-fit:contain;border-radius:26px;background:#fff;border:1px solid var(--line);margin-bottom:18px}.school-hero-card .brand-mark.big{width:130px;height:130px;border-radius:26px;font-size:36px;margin:0 auto 18px}.school-hero-card h2{font-size:30px;margin:0;color:var(--navy)}.school-hero-card p{font-size:14px;margin:12px 0 18px}.section.compact{padding:55px 0}.public-class-grid .class-card{background:#fff}.school-cta{border-radius:30px;background:linear-gradient(135deg,#202841,#5b5bd6);color:white;text-align:center;padding:45px;margin-top:35px;box-shadow:0 25px 60px rgba(31,42,68,.13)}.school-cta h2{font-size:36px;margin:0 0 8px}.school-cta p{color:#dfe4ff}.ghost-light{background:rgba(255,255,255,.08);color:white;border:1px solid rgba(255,255,255,.25)}.school-public-footer{text-align:center;color:var(--muted);padding:25px}.tag.warning-tag{color:#966a00;background:#fff5d7}
@media(max-width:900px){.school-hero-public{grid-template-columns:1fr}.school-hero-public h1{font-size:40px}.certificate-border{padding:25px}.certificate-head{flex-direction:column}.certificate-head h1{font-size:30px}.certificate-card h2{font-size:34px}.certificate-sign{flex-direction:column}.certificate-sign div{width:100%}}@media(max-width:640px){.school-public-top{align-items:flex-start}.school-hero-public{padding-top:20px}.school-hero-public h1{font-size:33px}.certificate-wrap{padding:8px}.certificate-card{padding:10px}.certificate-border{padding:18px;min-height:auto}.certificate-result strong{font-size:48px}.export-buttons{width:100%}.export-buttons .btn{flex:1;text-align:center}}
@media print{.export-buttons,.school-public-top nav{display:none!important}.certificate-wrap{background:#fff;padding:0}.certificate-card{box-shadow:none;border:0}.certificate-border{min-height:90vh}.school-public-page{background:#fff}.school-public-wrap{width:100%;padding:0}.school-cta,.school-public-footer{display:none}}

/* DidikOne v1.0.9 - slip keputusan peperiksaan multi-subjek */
.result-slip-wrap{background:#eef2f8;border-radius:22px;padding:28px;overflow:auto}.result-slip-paper{width:920px;max-width:100%;min-height:1120px;background:#fff;margin:0 auto;padding:34px 38px;border:1px solid #cfd6e4;box-shadow:0 20px 70px rgba(31,42,68,.08);font-family:Georgia,'Times New Roman',serif;color:#111827}.slip-top-logo{display:flex;align-items:center;justify-content:center;gap:14px;text-align:center;margin-bottom:12px}.slip-top-logo img{width:72px;height:72px;object-fit:contain}.slip-top-logo h3{margin:0;font-size:17px;letter-spacing:.3px}.slip-top-logo p{margin:3px 0 0;font-size:12px;color:#4b5567}.result-slip-paper h1{text-align:center;font-size:20px;line-height:1.25;margin:14px 0 0;letter-spacing:.2px}.result-slip-paper h1 em{font-style:italic}.result-slip-paper h2{text-align:center;font-size:16px;margin:4px 0 10px}.slip-code{text-align:center;border-top:2px solid #1f2937;border-bottom:2px solid #1f2937;padding:8px;margin:14px 0 20px;font-family:Arial,sans-serif}.slip-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:18px;font-family:Arial,sans-serif}.slip-info-grid p{display:grid;grid-template-columns:170px 1fr;margin:6px 0;font-size:13px}.slip-info-grid b{font-size:12px}.slip-result-table{width:100%;border-collapse:collapse;margin:18px 0;font-family:Arial,sans-serif}.slip-result-table th{border-top:2px solid #111827;border-bottom:2px solid #111827;padding:8px 7px;font-size:11px;text-align:left}.slip-result-table th em{font-weight:500;color:#374151}.slip-result-table td{border-bottom:1px solid #d1d5db;padding:9px 7px;font-size:13px;vertical-align:top}.slip-result-table td:nth-child(3),.slip-result-table td:nth-child(4),.slip-result-table td:nth-child(5),.slip-result-table td:nth-child(6){text-align:center}.slip-result-table small{display:block;color:#6b7280;margin-top:3px}.slip-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:2px solid #111827;border-bottom:2px solid #111827;margin-top:18px;font-family:Arial,sans-serif}.slip-summary div{padding:10px;border-right:1px solid #d1d5db}.slip-summary div:last-child{border-right:0}.slip-summary b{display:block;font-size:11px;color:#374151}.slip-summary span{display:block;font-size:18px;font-weight:900;margin-top:4px}.slip-status{display:grid;grid-template-columns:130px 1fr;gap:12px;align-items:center;margin:18px 0 22px;font-family:Arial,sans-serif}.slip-status>b{letter-spacing:.5px}.slip-status span{font-size:15px;font-weight:900}.slip-status em{font-weight:700;color:#374151}.slip-note{text-align:center;font-size:12px;line-height:1.55;color:#374151;margin:28px 30px;font-style:italic}.slip-sign-row{display:flex;justify-content:space-between;gap:60px;margin-top:45px;font-family:Arial,sans-serif}.slip-sign-row div{width:45%;text-align:center}.slip-sign-row small{display:block;color:#374151;margin-top:8px;font-size:11px;line-height:1.35}.brand-mark.big{width:72px;height:72px;border-radius:20px;font-size:20px}@media(max-width:760px){.result-slip-wrap{padding:8px}.result-slip-paper{padding:22px 16px;min-height:auto}.slip-info-grid{grid-template-columns:1fr;gap:4px}.slip-info-grid p{grid-template-columns:1fr}.slip-summary{grid-template-columns:1fr}.slip-summary div{border-right:0;border-bottom:1px solid #d1d5db}.slip-sign-row{flex-direction:column}.slip-sign-row div{width:100%}}@media print{body.app-shell{background:#fff}.result-slip-wrap{background:#fff;padding:0;border-radius:0}.result-slip-paper{width:100%;min-height:100vh;box-shadow:none;border:0;padding:22mm 18mm}.slip-result-table th,.slip-result-table td{font-size:11px}.slip-note{font-size:10.5px}}

/* v1.0.10 - jadual markah multi-subjek */
.wide-table{overflow:auto;max-width:100%}
.marks-grid{min-width:900px}
.marks-grid th,.marks-grid td{vertical-align:top;white-space:normal}
.marks-grid input[type="number"]{width:95px;margin-bottom:6px}
.marks-grid select{width:95px;font-size:.78rem;padding:6px 8px}
.marks-grid .grade-mini{display:block;margin-top:5px;color:#64748b;font-size:.72rem}
.sticky-col{position:sticky;left:0;background:#fff;z-index:2;box-shadow:8px 0 12px rgba(15,23,42,.04)}
.marks-grid thead .sticky-col{z-index:3;background:#f8fafc}
@media print{.sidebar,.app-header,.toolbar,.panel-head .btn,.menu-toggle,.export-buttons{display:none!important}.app-main{margin:0!important}.content{padding:0!important}.wide-table{overflow:visible}.marks-grid{min-width:0;font-size:11px}.sticky-col{position:static;box-shadow:none}}

/* DidikOne v1.0.14 - sidebar kategori untuk sistem live */
.sidebar{
    padding:22px 14px 0;
    overflow:hidden;
    min-height:100vh;
}
.sidebar .brand-light,
.sidebar .org-card{
    flex-shrink:0;
}
.side-nav{
    flex:1;
    min-height:0;
    overflow-y:auto;
    display:block;
    padding:0 2px 14px;
    scrollbar-width:thin;
    scrollbar-color:rgba(255,255,255,.22) transparent;
}
.side-nav::-webkit-scrollbar{width:6px}
.side-nav::-webkit-scrollbar-thumb{background:rgba(255,255,255,.22);border-radius:999px}
.side-menu-section{margin:0 0 7px}
.side-section-toggle{
    width:100%;
    border:0;
    background:transparent;
    color:#8f98ad;
    border-radius:11px;
    padding:10px 10px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    font-size:11px;
    font-weight:850;
    text-transform:uppercase;
    letter-spacing:.06em;
}
.side-section-toggle:hover{background:rgba(255,255,255,.055);color:#fff}
.side-section-title{display:flex;align-items:center;gap:9px;min-width:0;text-align:left}
.side-section-title span{font-size:14px;text-transform:none;letter-spacing:0;width:20px;text-align:center}
.side-section-arrow{opacity:.7;transition:transform .2s ease;font-size:14px}
.side-menu-section.open .side-section-arrow{transform:rotate(180deg)}
.side-section-items{display:none;padding:2px 0 7px}
.side-menu-section.open .side-section-items{display:block}
.side-section-items a{margin:2px 0}
.logout-form{
    margin-top:0;
    flex-shrink:0;
    padding:12px 2px 16px;
    background:linear-gradient(to top,#171e31 78%,rgba(23,30,49,0));
}
.logout-form button{
    background:rgba(255,255,255,.075);
    color:#fff;
    border-radius:13px;
    font-weight:800;
}
.logout-form button:hover{
    background:rgba(255,80,80,.18);
    color:#fff;
}
@media(max-width:820px){
    .sidebar{height:100vh;max-height:100vh}
    .side-menu-section:not(.open) .side-section-items{display:none}
    .logout-form{padding-bottom:18px}
}

/* v1.0.16 Import Existing Data */
.import-grid { align-items: start; }
.import-report .panel-head { align-items: center; }
.compact-table table td, .compact-table table th { padding-top: 10px; padding-bottom: 10px; }
.checkbox-line { display: flex; align-items: flex-start; gap: 10px; font-weight: 700; margin: 8px 0; color: #1f2a44; }
.checkbox-line input { margin-top: 3px; width: auto; }
.option-row small { display: block; margin-top: 8px; }
.soft-panel { box-shadow: none; background: #fbfcff; }
.pill-list { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
.pill-list span { display: inline-flex; align-items: center; padding: 7px 10px; border-radius: 999px; background: #eef2ff; color: #3730a3; font-size: 12px; font-weight: 800; }
.small-alert { margin-top: 16px; }
.stat-grid.four { grid-template-columns: repeat(4, minmax(0, 1fr)); }
@media (max-width: 900px) { .stat-grid.four { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .stat-grid.four { grid-template-columns: 1fr; } }

/* v1.0.21 - Senarai pelajar mengikut kelas */
.class-card-actions.three{grid-template-columns:repeat(3,1fr)}
.class-students-panel{border-top:3px solid var(--primary)}
.grouped-class-list{border-top:3px solid #21a67a}
.class-list-section{border:1px solid var(--line);border-radius:16px;overflow:hidden;margin:14px 0;background:#fff}
.class-list-title{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;background:#fbfcff;border-bottom:1px solid var(--line)}
.class-list-title h3{margin:0;color:var(--navy);font-size:16px}
.class-list-title p{margin:2px 0 0;color:var(--muted);font-size:12px}
.table-wrap.compact{margin:0;border:0;border-radius:0;box-shadow:none}
.table-wrap.compact table td,.table-wrap.compact table th{padding:10px 12px}
@media(max-width:820px){.class-card-actions.three{grid-template-columns:1fr}.class-list-title{align-items:flex-start;flex-direction:column}.class-students-panel .panel-head,.grouped-class-list .panel-head{align-items:flex-start;flex-direction:column}.class-students-panel .action-row,.grouped-class-list .action-row{width:100%}.class-students-panel .action-row .btn,.grouped-class-list .action-row .btn{flex:1}}

.status.no_invoice{background:#fff5d7;color:#966a00}
.table-wrap td small{display:block;color:var(--muted);font-size:11px;margin-top:3px}

/* v1.0.24: payment options */
.check-line{display:flex;align-items:center;gap:10px;font-weight:800;color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:12px 14px}
.check-line input{width:auto}

/* DidikOne v1.0.25 - sesi pembelajaran */
.warning-panel{border-left:4px solid var(--warning);background:#fffaf0}.warning-panel h2{margin-top:0}.attendance-tools small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.status.paid{background:var(--success-soft);color:var(--success)}.class-card-actions.three{grid-template-columns:repeat(3,1fr)}

/* DidikOne v1.0.26 - Sesi sebagai kelas harian */
.class-card-actions.four{grid-template-columns:repeat(4,1fr)}
.session-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:3px solid var(--primary)}
.session-hero h2{margin:4px 0;color:var(--navy)}
.session-hero p{margin:0;color:var(--muted);max-width:760px}.session-picker-panel{border-top:3px solid #21a67a}.session-filter{align-items:end}.session-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}.session-mini-card{display:block;text-decoration:none;color:var(--navy);border:1px solid var(--line);border-radius:16px;padding:14px 15px;background:#fff;box-shadow:0 8px 20px rgba(15,23,42,.04);transition:.18s ease}.session-mini-card:hover{transform:translateY(-1px);border-color:rgba(96,91,230,.45);box-shadow:0 12px 26px rgba(15,23,42,.08)}.session-mini-card.active{background:linear-gradient(135deg,#f5f4ff,#eef7ff);border-color:var(--primary);box-shadow:0 14px 30px rgba(96,91,230,.14)}.session-mini-card b{display:block;font-size:14px;margin-bottom:5px}.session-mini-card small,.session-mini-card span,.session-mini-card em{display:block;font-size:11px;color:var(--muted);font-style:normal;margin-top:3px}.session-mini-card em{font-weight:800;color:#334155}.compact-session-form{border-top:3px solid #f59e0b}.session-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:16px 0}.session-register{border-top:3px solid var(--primary)}.compact-segmented{flex-wrap:wrap;gap:4px}.compact-segmented label span{font-size:11px;padding:7px 9px}.session-register .status.unpaid{display:inline-flex;margin-bottom:4px}.session-register td .btn.tiny{margin-top:6px}.session-register td{vertical-align:top}@media(max-width:1100px){.session-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.session-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.class-card-actions.four{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.session-hero{align-items:flex-start;flex-direction:column}.session-card-grid,.session-summary-grid,.class-card-actions.four{grid-template-columns:1fr}.session-register .table-wrap{overflow-x:auto}.session-register table{min-width:850px}}


/* DidikOne v1.0.27 - Senarai pelajar sesi sebenar */
.session-roster-tools{border-top:3px solid #21a67a}.roster-actions{align-items:center;flex-wrap:wrap}.source-badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:850;background:#eef2ff;color:#3730a3}.source-class{background:#e9fdf3;color:#057a55}.source-adhoc,.source-manual{background:#eaf2ff;color:#2557a7}.source-trial{background:#f3e8ff;color:#7e22ce}.source-tumpang{background:#fff4e5;color:#b45309}.source-ganti{background:#fef9c3;color:#854d0e}.modal-card.wide{max-width:860px}.session-register th:nth-child(2),.session-register td:nth-child(2){min-width:120px}@media(max-width:720px){.roster-actions .btn,.roster-actions form{width:100%}.roster-actions form .btn{width:100%}}


/* v1.0.28 - Yuran awal pendaftaran */
.initial-fee-box {
    border: 1px solid #ddd9ff;
    border-radius: 18px;
    background: linear-gradient(180deg, #fbfaff 0%, #ffffff 100%);
    padding: 18px;
    margin-top: 4px;
}
.panel-head.slim { padding: 0 0 12px; border-bottom: 0; margin-bottom: 4px; }
.panel-head.slim h3 { margin: 0; font-size: 17px; }
.panel-head.slim p { margin: 4px 0 0; color: #65708a; font-size: 13px; }
.muted-box { background:#f7f8fc; border-color:#e3e6ef; color:#4b5875; }

.storage-meter{margin-top:8px;padding:10px 12px;border:1px solid #e4e8f4;border-radius:12px;background:#f8faff;color:#41506f;font-size:12px}.storage-meter.big{padding:16px}.storage-meter span{display:block;height:8px;background:#e9ecfb;border-radius:999px;margin-top:8px;overflow:hidden}.storage-meter span i{display:block;height:100%;background:linear-gradient(90deg,#5b5bd6,#22c55e);border-radius:999px}.storage-meter b{color:#111827}


/* DidikOne v1.0.32 - Aktiviti: upload gambar/video dipisahkan dan validasi lebih jelas */
.validation-box{
  grid-column:1/-1;
  border:1px solid #fecaca;
  background:#fff1f2;
  color:#be123c;
  border-radius:14px;
  padding:12px 14px;
  font-size:13px;
  font-weight:750;
}
.is-hidden{display:none!important}
.required-hint{color:#be123c;font-weight:900}.media-upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:4px}.upload-box{border:1px solid var(--line);background:#fff;border-radius:16px;padding:16px;box-shadow:0 8px 22px rgba(31,42,68,.04)}.upload-box.image-box{border-top:3px solid #5b5bd6}.upload-box.video-box{border-top:3px solid #16a34a}.upload-box-head{display:flex;gap:12px;align-items:flex-start;margin-bottom:12px}.upload-box-head>span{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--primary-soft);font-size:20px;flex-shrink:0}.video-box .upload-box-head>span{background:#dcfce7}.upload-box-head h3{font-size:15px;margin:0 0 3px;color:var(--navy)}.upload-box-head p{font-size:12px;margin:0;color:var(--muted)}.video-source-panel{border:1px dashed #d9deea;border-radius:13px;padding:12px;margin-top:10px;background:#fafbff}.existing-media-note{display:block;margin-top:8px;color:var(--success);font-weight:700}.storage-meter{margin-top:10px;border:1px solid #e5e7ef;border-radius:12px;padding:10px;background:#fff}.storage-meter div{font-size:12px;color:#475569;margin-bottom:8px}.storage-meter span{display:block;height:9px;background:#eef2ff;border-radius:999px;overflow:hidden}.storage-meter i{display:block;height:100%;background:linear-gradient(90deg,#5b5bd6,#16a34a);border-radius:999px}@media(max-width:900px){.media-upload-grid{grid-template-columns:1fr}.upload-box{padding:14px}}


/* DidikOne v1.0.33 - Video aktiviti tidak crop + butang tambah storage */
.activity-card-pro .activity-video-native,
.portal-feed .activity-video-native {
    width: 100%;
    height: 230px;
    object-fit: contain;
    background: #111827;
    display: block;
}
.storage-meter-with-action .storage-meter-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 8px;
}
.storage-meter-with-action .storage-meter-top div { margin-bottom: 0; }
.storage-add-btn { white-space: nowrap; }
.storage-addon-info {
    margin-top: 10px;
    padding: 10px 12px;
    border: 1px solid #ddd9ff;
    border-radius: 12px;
    background: #fbfaff;
    color: #475569;
    font-size: 12px;
}
@media(max-width:720px){
    .storage-meter-with-action .storage-meter-top{align-items:flex-start;flex-direction:column}
    .storage-add-btn{width:100%;justify-content:center}
}


/* DidikOne v1.0.34 - Aktiviti media kemas + manage/delete media */
.activity-card-pro > video.activity-video-native,
.activity-card-pro .activity-video-native,
.portal-feed > video.activity-video-native,
.portal-feed .activity-video-native {
    width: 100% !important;
    height: 190px !important;
    max-height: 190px !important;
    object-fit: contain !important;
    background: #0f172a;
    display: block;
}
.activity-card-pro > img,
.activity-card-pro > iframe {
    height: 190px !important;
}
.current-media-card{
    display:grid;
    grid-template-columns:150px 1fr;
    gap:12px;
    align-items:center;
    margin-top:12px;
    padding:10px;
    border:1px solid #e5e7ef;
    border-radius:14px;
    background:#fbfcff;
}
.current-media-preview{
    width:150px;
    height:96px;
    border-radius:12px;
    overflow:hidden;
    background:#0f172a;
    display:grid;
    place-items:center;
    border:1px solid #e5e7ef;
}
.current-media-preview img,
.current-media-preview video,
.current-media-preview iframe{
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    border:0;
    background:#0f172a;
    display:block;
}
.current-media-info b,
.current-media-info small{display:block}
.current-media-info small{color:#64748b;font-size:12px;margin:2px 0 8px}
.media-mini-placeholder{width:100%;height:100%;display:grid;place-items:center;color:#fff;font-size:24px}
.btn.danger{border-color:#fecaca;color:#be123c;background:#fff5f5}
.btn.danger:hover{background:#fee2e2;color:#991b1b}
.media-manager-panel{border-top:3px solid #16a34a}
.media-table-wrap table td small{display:block;color:#64748b;font-size:11px;margin-top:3px}
@media(max-width:720px){.current-media-card{grid-template-columns:1fr}.current-media-preview{width:100%;height:150px}}


/* v1.0.35 Storage Add-on */
.storage-addon-block{margin-top:18px;padding:18px;border:1px solid #e1e6f2;border-radius:18px;background:#fbfcff}
.subsection-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.subsection-head h3{margin:0;color:#12213f}.subsection-head p{margin:4px 0 0;color:#64748b;font-size:13px}.storage-breakdown{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 14px}.storage-breakdown span{background:#eef2ff;border:1px solid #dfe3ff;color:#334155;border-radius:999px;padding:8px 12px;font-size:13px}.addon-status-list{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:10px 0 14px}.addon-status-list span{background:#ecfdf5;border:1px solid #bbf7d0;color:#047857;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:800}.addon-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.addon-plan-card{border:1px solid #e1e6f2;border-radius:18px;background:#fff;padding:16px;box-shadow:0 10px 24px rgba(15,23,42,.05);display:flex;flex-direction:column;gap:10px}.addon-plan-card h4{margin:0;color:#12213f}.addon-plan-card p{margin:0;color:#64748b;font-size:13px;line-height:1.55}.addon-plan-card textarea{min-height:58px}.addon-plan-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.addon-plan-top span{background:#6258e8;color:#fff;border-radius:12px;padding:7px 10px;font-weight:900}.addon-plan-top b{font-size:19px;color:#12213f;text-align:right}.addon-plan-top small{font-size:11px;color:#64748b;margin-left:2px}.storage-pending-inline{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.inline-actions.storage-approve-form input[type="date"]{max-width:145px}.inline-actions.storage-approve-form input[type="number"]{max-width:75px}@media(max-width:980px){.addon-plan-grid{grid-template-columns:1fr}}


/* DidikOne v1.0.36 - Fix UI glitch add-on storage: no nested-form layout, cleaner responsive cards */
.didik-hidden-form{display:none!important}
.storage-addon-block{width:100%;max-width:100%;overflow:hidden}
.addon-plan-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;gap:16px!important;align-items:stretch!important;width:100%!important}
.addon-plan-card{display:flex!important;flex-direction:column!important;justify-content:space-between!important;gap:12px!important;min-width:0!important;width:100%!important;min-height:230px!important}
.addon-plan-card textarea{width:100%!important;min-height:64px!important;max-height:120px!important;resize:vertical!important;display:block!important}
.addon-plan-card .btn{width:100%!important;margin-top:auto!important}
.addon-plan-top{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:10px!important;width:100%!important}
.addon-plan-top b{white-space:nowrap!important;text-align:right!important}
.storage-breakdown{align-items:center!important}
.storage-pending-inline form{display:inline!important}
@media(max-width:900px){.addon-plan-grid{grid-template-columns:1fr!important}.addon-plan-card{min-height:auto!important}.storage-addon-block{padding:14px!important}}


/* DidikOne v1.0.37 - Storage add-on payment flow & quota expiry policy */
.addon-payment-box{display:grid;gap:7px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:14px;padding:12px}
.addon-payment-box label{font-size:12px;font-weight:800;color:#334155;margin-top:2px}
.addon-payment-box input,.addon-payment-box select{width:100%;border:1px solid #dfe3eb;border-radius:10px;padding:10px 12px;background:white;color:#12213f;font:inherit}
.addon-payment-box input[type=file]{padding:8px;background:#fff}
.addon-payment-box small{font-size:11px;color:#64748b;line-height:1.45}
.storage-policy-note{margin:10px 0 14px;padding:12px 14px;border-radius:14px;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;font-size:13px;line-height:1.55}
.activity-media-locked{height:210px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;background:#0f172a;color:#fff;border-radius:18px;padding:18px}
.activity-media-locked b{font-size:14px}.activity-media-locked small{color:#cbd5e1;font-size:12px;max-width:220px;line-height:1.4}

/* DidikOne v1.0.39 - Storage add-on payment settings */
.platform-payment-card{display:grid;grid-template-columns:1fr 190px;gap:18px;align-items:start;border:1px solid #dbe3f0;background:linear-gradient(135deg,#f8fbff,#ffffff);border-radius:18px;padding:16px;margin:14px 0 18px}
.payment-info-text h4{margin:0 0 6px;color:#12213f;font-size:16px;font-weight:900}.payment-info-text p{margin:0 0 10px;color:#64748b}.payment-info-text small{display:block;color:#64748b;line-height:1.5;margin-top:8px}.payment-kv{display:grid;grid-template-columns:130px 1fr;gap:8px;padding:7px 0;border-bottom:1px dashed #e2e8f0}.payment-kv span{color:#64748b;font-size:12px;font-weight:800}.payment-kv b{color:#0f172a}.payment-qr-box{display:grid;gap:8px;justify-items:center;text-align:center}.payment-qr-box img,.admin-qr-preview img{width:160px;max-width:100%;height:160px;object-fit:contain;border:1px solid #dbe3f0;border-radius:14px;background:white;padding:8px}.payment-qr-box small,.admin-qr-preview small{font-size:11px;color:#64748b}.admin-qr-preview{display:grid;gap:8px}.alert.compact{padding:10px 12px;border-radius:12px;margin:8px 0}.empty.small{padding:14px;border-radius:12px;background:#f8fafc;color:#64748b}
@media(max-width:850px){.platform-payment-card{grid-template-columns:1fr}.payment-kv{grid-template-columns:1fr}.payment-qr-box{justify-items:start}}

/* DidikOne v1.0.39 — billing, helpdesk, referral UX */
.welcome-subscription-banner{align-items:center}.plan-pill-large{min-width:190px;text-align:center;display:grid;gap:3px}.plan-pill-large strong{font-size:22px;line-height:1.1}.plan-pill-large small{font-size:12px;opacity:.95}.plan-pill-large.danger{background:rgba(239,68,68,.18);border-color:rgba(239,68,68,.25)}
.billing-hero,.referral-hero{display:flex;justify-content:space-between;align-items:center;gap:20px}.expiry-big,.referral-code-box{background:linear-gradient(145deg,#6258e8,#8078f0);color:#fff;border-radius:18px;padding:18px 22px;min-width:240px;text-align:center;box-shadow:0 18px 38px rgba(91,91,214,.22)}.expiry-big small,.expiry-big em,.referral-code-box small{display:block;opacity:.9}.expiry-big strong,.referral-code-box strong{font-size:28px;display:block;margin:4px 0}.expiry-big.danger{background:linear-gradient(145deg,#ef4444,#f97316)}
.payment-box{display:flex;gap:20px;align-items:flex-start;flex-wrap:wrap}.qr-box{width:190px;border:1px solid var(--line);border-radius:16px;padding:12px;text-align:center;background:#fff}.qr-box img{width:100%;height:auto;border-radius:12px}.qr-box small{display:block;color:var(--muted);margin-top:7px}.payment-lines{display:grid;gap:8px;min-width:280px}.payment-lines p{margin:0}.subscription-plan-grid{max-width:none;margin:0 0 24px}.subscription-card form{margin-top:15px}.subscription-card textarea{min-height:62px}
.support-grid{display:grid;grid-template-columns:360px 1fr;gap:18px}.ticket-list{display:grid;gap:8px}.ticket-item{display:block;border:1px solid var(--line);border-radius:13px;padding:12px;background:#fff;color:var(--text)}.ticket-item.active,.ticket-item:hover{border-color:var(--primary);box-shadow:0 8px 22px rgba(91,91,214,.12)}.ticket-item b,.ticket-item small,.ticket-item span{display:block}.ticket-item small{color:var(--muted);font-size:12px}.ticket-item em{font-style:normal;color:var(--muted);font-size:12px;margin-left:6px}.chat-thread{display:grid;gap:10px;margin-bottom:16px;max-height:520px;overflow:auto;padding-right:6px}.chat-bubble{border:1px solid var(--line);border-radius:15px;padding:12px;background:#fff}.chat-bubble.admin{background:#f3f2ff;border-color:#d9d6ff}.chat-bubble.tenant{background:#f8fafc}.chat-bubble small{display:block;color:var(--muted);font-size:12px;margin-bottom:5px}.chat-bubble p{margin:0;white-space:normal}.copy-row{display:flex;gap:10px}.copy-row input{width:100%;border:1px solid var(--line);border-radius:11px;padding:12px}.inline-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.danger{color:#dc2626!important}.btn.danger{color:#dc2626!important;border-color:#fecaca!important}
@media(max-width:900px){.billing-hero,.referral-hero{display:grid}.support-grid{grid-template-columns:1fr}.subscription-plan-grid{grid-template-columns:1fr}.payment-box{display:grid}.expiry-big,.referral-code-box{width:100%}}

/* v1.0.40 Referral menu and sharing UX */
.referral-stats{margin-bottom:18px}
.stat-card span{display:block;margin-top:6px;color:#64748b;font-size:12px}
.share-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.btn.social{background:#eef2ff;color:#27315f;border:1px solid #dbe3ff}
.btn.social:hover{background:#e1e7ff}
.referral-source-mini{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px;color:#64748b;font-size:12px}
.referral-source-mini span{background:#f6f8ff;border:1px solid #e4e9f7;border-radius:999px;padding:6px 10px}
@media (max-width:900px){.share-actions .btn{width:100%;justify-content:center}.referral-source-mini span{width:calc(50% - 5px);text-align:center}}

/* v1.0.41 Referral Promo Kit */
.referral-promo-kit .promo-kit-grid{display:grid;grid-template-columns:minmax(280px,0.9fr) minmax(320px,1.1fr);gap:22px;align-items:start}
.promo-poster-card,.promo-caption-card{background:#fff;border:1px solid var(--border,#e5e7eb);border-radius:18px;padding:16px;box-shadow:0 12px 30px rgba(20,32,70,.06)}
.promo-poster-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}
.promo-poster-toolbar>div{display:flex;gap:8px;flex-wrap:wrap}
.promo-poster-img{display:block;width:100%;max-height:640px;object-fit:contain;background:#f8fafc;border-radius:14px;border:1px solid #eef2ff}
.promo-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.promo-tabs button{border:1px solid #dbe4ff;background:#f6f8ff;color:#24335f;border-radius:999px;padding:9px 14px;font-weight:800;cursor:pointer}
.promo-tabs button.active{background:linear-gradient(135deg,#5b5ce2,#2563eb);color:#fff;border-color:transparent;box-shadow:0 8px 18px rgba(80,80,220,.2)}
.promo-caption-panel{display:none}
.promo-caption-panel.active{display:block}
.promo-caption-panel label{display:block;font-weight:900;color:#10213f;margin:4px 0 8px}
.promo-caption-panel textarea{width:100%;min-height:230px;resize:vertical;border:1px solid #dfe7f5;border-radius:14px;padding:14px;line-height:1.55;background:#fbfdff;color:#13213a;font-size:14px}
.promo-caption-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.promo-mini-stats{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.promo-mini-stats span,.referral-source-mini span{display:inline-flex;align-items:center;border:1px solid #e3e9ff;background:#f6f8ff;color:#506080;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:700}
.referral-source-mini{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.btn.tiny{padding:7px 10px;font-size:12px;border-radius:10px}
.btn.social{background:#eef4ff;color:#17316b;border:1px solid #dbe8ff}
.btn.whatsapp{background:#16a34a;color:#fff;border:1px solid #16a34a}
@media(max-width:980px){.referral-promo-kit .promo-kit-grid{grid-template-columns:1fr}.promo-poster-img{max-height:520px}.promo-caption-panel textarea{min-height:220px}}

/* v1.0.42 Reports Upgrade */
.report-toolbar{align-items:flex-start}.reports-filter{flex-wrap:wrap;justify-content:flex-end;width:100%;gap:10px}.reports-filter input[type=date]{width:150px}.reports-filter input[type=number]{width:95px}.reports-filter select{width:150px}.report-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px}.report-kpi-grid .stat-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:0 8px 22px rgba(38,50,71,.04)}.report-kpi-grid .stat-card small{display:block;color:#657189;font-weight:750}.report-kpi-grid .stat-card strong{display:block;font-size:24px;color:var(--navy);margin-top:8px}.report-kpi-grid .stat-card span{display:block;color:#0e9f6e;font-size:12px;margin-top:4px}.table-wrap.compact table{min-width:650px}.table-wrap.compact th,.table-wrap.compact td{padding:10px 12px}.panel .dashboard-grid h3{font-size:14px;margin:0 0 12px;color:var(--navy)}@media(max-width:900px){.report-kpi-grid{grid-template-columns:repeat(2,1fr)}.reports-filter{justify-content:flex-start}.reports-filter input,.reports-filter select{width:100%!important}.reports-filter label{width:100%}}@media(max-width:560px){.report-kpi-grid{grid-template-columns:1fr}}

/* v1.0.43 Reports split page UX */
.compact-panel{margin-bottom:18px}.report-menu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.report-menu-card{display:block;text-decoration:none;color:inherit;border:1px solid var(--border);border-radius:18px;background:#fff;padding:18px;box-shadow:var(--shadow-sm);transition:.18s ease}.report-menu-card span{font-size:24px;display:block;margin-bottom:10px}.report-menu-card b{display:block;font-size:15px;margin-bottom:6px}.report-menu-card small{display:block;color:var(--muted);line-height:1.45}.report-menu-card:hover,.report-menu-card.active{border-color:var(--primary);box-shadow:0 12px 30px rgba(91,81,220,.16);transform:translateY(-1px)}.report-page-filter{margin:14px 0 8px}.report-actions{justify-content:flex-end;margin:8px 0 14px}.report-kpi-grid.mini{margin:14px 0;grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:900px){.report-menu-grid,.report-kpi-grid.mini{grid-template-columns:1fr}.report-actions{justify-content:flex-start}.reports-filter{align-items:flex-start}}

/* v1.0.44 Online Student Registration */
.public-form-page{background:linear-gradient(135deg,#f6f8ff 0%,#eef4ff 100%);min-height:100vh;color:#12213f}.public-form-wrap{max-width:980px;margin:0 auto;padding:32px 18px 60px}.public-form-wrap.narrow{max-width:680px}.public-form-hero{background:#fff;border:1px solid #dfe7f5;border-radius:28px;padding:28px;box-shadow:0 18px 50px rgba(37,47,99,.08);margin-bottom:18px}.public-form-hero h1{font-size:34px;margin:18px 0 10px}.public-form-hero p{max-width:760px;color:#64748b;line-height:1.7}.public-step-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.public-step-row span{background:#eef2ff;color:#4f46e5;border-radius:999px;padding:9px 14px;font-weight:800;font-size:13px}.hero-mini.applications-hero{display:grid;grid-template-columns:1.3fr 1fr;gap:22px;align-items:center;background:linear-gradient(135deg,#ffffff,#f7f9ff)}.copy-box.compact{display:flex;gap:10px;align-items:center}.copy-box.compact input{min-width:0}.quick-stats.three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:14px 0}.quick-stats.three>div{background:#fff;border:1px solid #e1e8f5;border-radius:18px;padding:18px;box-shadow:0 10px 30px rgba(37,47,99,.05)}.quick-stats.three small{display:block;color:#64748b}.quick-stats.three b{font-size:28px;color:#111827}.application-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.application-box{background:#f8fbff;border:1px solid #e3eaf7;border-radius:18px;padding:18px}.application-box h3{margin:0 0 10px}.approve-application-box{margin-top:18px;padding-top:18px;border-top:1px solid #e3eaf7}.reject-inline{display:flex;gap:10px;margin-top:12px}.reject-inline input{flex:1}.status-big{display:inline-flex;margin:20px 0;padding:12px 18px;border-radius:999px;font-weight:900;background:#eef2ff;color:#4f46e5}.status-big.approved{background:#dcfce7;color:#047857}.status-big.rejected{background:#fee2e2;color:#be123c}.info-list{background:#f8fbff;border-radius:18px;padding:18px;text-align:left}.segmented{display:flex;gap:8px;flex-wrap:wrap}@media(max-width:900px){.hero-mini.applications-hero,.application-detail-grid,.quick-stats.three{grid-template-columns:1fr}.copy-box.compact{flex-direction:column;align-items:stretch}.public-form-hero h1{font-size:28px}.reject-inline{flex-direction:column}}


/* DidikOne v1.0.46 - butiran perbelanjaan yuran */
.fee-breakdown-card{border:1px solid var(--line,#e5e7eb);background:linear-gradient(180deg,#fff,#f8fbff);border-radius:18px;padding:18px;margin-top:4px;box-shadow:0 10px 30px rgba(39,55,95,.05)}
.fee-breakdown-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:14px}
.fee-breakdown-head b{display:block;font-size:1rem;color:var(--ink,#101828)}
.fee-breakdown-head small{display:block;color:var(--muted,#667085);margin-top:4px}
.fee-breakdown-head span{background:#eef2ff;border:1px solid #dbe4ff;color:#3949c9;border-radius:999px;padding:8px 12px;font-weight:800;white-space:nowrap}
.compact-fields{gap:12px}
@media (max-width:900px){.fee-breakdown-head{flex-direction:column}.fee-breakdown-head span{white-space:normal}}

/* v1.0.47 receipt correction controls */
.btn.danger{background:#ef4444;color:#fff;border-color:#ef4444}.btn.danger:hover{filter:brightness(.96)}
.receipt-cancelled{position:relative;opacity:.82}.receipt-cancelled:after{content:'RESIT DIBATALKAN';position:absolute;inset:42% 5%;text-align:center;font-size:54px;font-weight:900;color:rgba(239,68,68,.16);transform:rotate(-16deg);pointer-events:none;letter-spacing:4px}.audit-box{max-width:980px;margin:18px auto;background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:18px;box-shadow:0 12px 32px rgba(15,23,42,.06)}
@media print{.no-print,.modal,.btn,[data-modal]{display:none!important}.receipt-cancelled:after{color:rgba(239,68,68,.13)}}


/* v1.0.49 — Pro lock menu + Pro Trial Voucher */
.side-nav a[href*="page=staff_ops"] .nav-icon,
.report-menu-card.pro-feature-card > span{filter:drop-shadow(0 8px 14px rgba(91,85,230,.25));}
.side-nav a[href*="page=staff_ops"]::after{content:'PRO';margin-left:auto;font-size:10px;font-weight:900;letter-spacing:.08em;color:#fff;background:linear-gradient(135deg,#5b55e6,#2563eb);padding:3px 7px;border-radius:999px;box-shadow:0 6px 15px rgba(91,85,230,.25)}
.report-menu-card.pro-feature-card{border-color:#c7d2fe;background:linear-gradient(180deg,#ffffff,#f5f7ff)}
.report-menu-card.pro-feature-card::after{content:'PRO';position:absolute;right:14px;top:14px;font-size:10px;font-weight:900;letter-spacing:.08em;color:#fff;background:linear-gradient(135deg,#5b55e6,#2563eb);padding:4px 8px;border-radius:999px}
.pro-voucher-panel{overflow:hidden;position:relative;background:linear-gradient(135deg,#ffffff 0%,#f5f7ff 60%,#eef2ff 100%)}
.pro-voucher-panel::before{content:'';position:absolute;right:-120px;top:-140px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(91,85,230,.18),rgba(37,99,235,0));}
.voucher-layout{display:grid;grid-template-columns:340px 1fr;gap:22px;align-items:center;position:relative;z-index:1}
.voucher-preview{background:#0f172a;border-radius:22px;padding:12px;box-shadow:0 18px 50px rgba(15,23,42,.16)}
.voucher-preview img{width:100%;display:block;border-radius:16px;background:#fff}
.voucher-copy{display:grid;gap:14px}.voucher-code-box{display:inline-grid;gap:3px;border:1px dashed #5b55e6;background:#eef2ff;border-radius:18px;padding:16px 20px;max-width:220px;text-align:center}.voucher-code-box small{color:#64748b;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.voucher-code-box strong{font-size:34px;letter-spacing:.08em;color:#3730a3}.voucher-redeem-form{display:grid;gap:12px;max-width:520px}@media(max-width:900px){.voucher-layout{grid-template-columns:1fr}.voucher-preview{max-width:360px}}

/* v1.0.52 Premium Setup */
.premium-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(135deg,#6258e8,#0ea5e9);color:#fff;border:0}.premium-hero h2{color:#fff;font-size:30px;margin:6px 0}.premium-hero p{color:rgba(255,255,255,.9)}.premium-status-card{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.25);border-radius:22px;padding:18px;min-width:260px}.premium-status-card small,.premium-status-card span{display:block;color:rgba(255,255,255,.9)}.premium-status-card strong{display:block;font-size:26px;color:#fff}.premium-grid{align-items:start}.progress-percent{font-size:28px;color:#6258e8}.premium-progress{height:10px;margin:8px 0 18px}.premium-task-list{display:grid;gap:10px}.premium-task{display:flex;gap:12px;align-items:flex-start;padding:12px;border:1px solid #e5e7eb;border-radius:16px;background:#fff}.premium-task span:first-child{display:grid;place-items:center;width:28px;height:28px;border-radius:999px;background:#eef2ff;color:#6258e8;font-weight:900}.premium-task.done span:first-child{background:#dcfce7;color:#16a34a}.premium-task.blocked span:first-child{background:#fee2e2;color:#dc2626}.premium-task.in_progress span:first-child{background:#fef3c7;color:#b45309}.premium-task small{display:block;color:#64748b;margin-top:3px}.premium-link-list{display:grid;gap:12px;margin-bottom:16px}.premium-link-list div{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid #e5e7eb;border-radius:14px;padding:12px;background:#f8fafc}.premium-link-list span{color:#64748b}.premium-link-list a{font-weight:800;color:#4f46e5}.premium-upgrade-panel{display:flex;justify-content:space-between;gap:24px;align-items:center}.premium-upgrade-copy h2{font-size:30px}.premium-feature-list{display:grid;grid-template-columns:repeat(2,minmax(160px,1fr));gap:10px}.premium-feature-list span{background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;padding:14px;font-weight:800}.premium-media-preview{margin-top:10px;border:1px solid #e5e7eb;border-radius:16px;padding:10px;background:#f8fafc;max-width:180px}.premium-media-preview img{max-width:100%;display:block;border-radius:12px}.premium-media-preview.wide{max-width:360px}.premium-admin-head{display:flex;justify-content:space-between;align-items:center}.premium-admin-grid{grid-template-columns:360px 1fr}.premium-org-list{display:grid;gap:10px;max-height:680px;overflow:auto}.premium-org-row{display:block;border:1px solid #e5e7eb;border-radius:16px;padding:12px;text-decoration:none;color:inherit;background:#fff}.premium-org-row.active{border-color:#6258e8;background:#f5f3ff}.premium-org-row small{display:block;color:#64748b;margin:4px 0}.premium-admin-form{margin:18px 0}.premium-task-list.admin{grid-template-columns:repeat(2,minmax(240px,1fr))}.school-public{--brand-primary:#6258e8;--brand-secondary:#0ea5e9}.school-public .school-hero,.school-public .school-cta{background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary))}.school-public .btn.primary{background:var(--brand-primary)}
@media(max-width:900px){.premium-hero,.premium-upgrade-panel,.premium-admin-head{display:block}.premium-admin-grid{grid-template-columns:1fr}.premium-task-list.admin,.premium-feature-list{grid-template-columns:1fr}.premium-status-card{margin-top:16px}.premium-link-list div{display:block}.premium-link-list a{display:block;margin-top:6px}}

/* v1.0.53 - Parent search UX */
.parents-toolbar{align-items:flex-start;gap:14px;flex-wrap:wrap}.parents-toolbar .toolbar-left{flex:1;min-width:280px}.parent-search-form{display:flex;gap:10px;align-items:center;width:min(760px,100%)}.parent-search-form input{flex:1;border:1px solid #dfe3eb;border-radius:11px;padding:11px 13px;background:#fff;color:var(--text);outline:none}.parent-search-form input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.list-summary-panel{margin-top:-6px;margin-bottom:16px}.list-summary-panel .panel-head{padding:14px 18px}.list-summary-panel h2{font-size:16px;margin:0}.list-summary-panel p{font-size:12px;margin:2px 0 0;color:var(--muted)}@media(max-width:820px){.parent-search-form{flex-direction:column;align-items:stretch}.parents-toolbar .action-row{width:100%;justify-content:flex-start;flex-wrap:wrap}}

/* v1.0.54 - multi class approval for online registration */
.multi-class-box{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;border:1px solid var(--line);border-radius:14px;padding:12px;background:#fff;max-height:260px;overflow:auto}
.class-check{display:flex;gap:10px;align-items:flex-start;border:1px solid #e5e7eb;border-radius:12px;padding:10px;background:#f8fafc;cursor:pointer}
.class-check:hover{border-color:var(--primary);background:#f5f3ff}
.class-check input{margin-top:3px}.class-check span{display:grid;gap:2px}.class-check b{font-size:13px;color:var(--navy)}.class-check small{font-size:11px;color:var(--muted)}
@media(max-width:760px){.multi-class-box{grid-template-columns:1fr}}

/* v1.0.55 Jadual Kelas & Kalendar */
.schedule-hero{align-items:center;justify-content:space-between;display:flex;gap:18px;flex-wrap:wrap}
.schedule-filter-panel .filter-row{align-items:end;gap:12px;flex-wrap:wrap}
.teacher-today-panel{min-height:260px}.schedule-today-list{display:grid;gap:12px}.today-class-card{border:1px solid #e5e7ff;border-left:5px solid #6258e8;border-radius:18px;padding:16px;background:#fff;display:grid;gap:10px}.today-class-card>div:nth-child(2){display:flex;gap:10px;flex-wrap:wrap;color:#64748b;font-size:13px}.today-class-card b{font-size:16px}.today-class-card small{display:block;color:#64748b;margin-top:3px}.status-line-cancelled{border-left-color:#ef4444}.status-line-postponed{border-left-color:#f59e0b}.status-line-completed{border-left-color:#10b981}.status-line-makeup{border-left-color:#8b5cf6}.status-line-teacher_unassigned{border-left-color:#f97316}
.status-chip-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.status-chip{border-radius:999px;padding:10px 12px;background:#f1f5f9;color:#334155;font-weight:800;font-size:13px;text-align:center}.status-chip.scheduled{background:#eef2ff;color:#3730a3}.status-chip.ongoing{background:#dcfce7;color:#166534}.status-chip.completed{background:#e8fff5;color:#047857}.status-chip.postponed{background:#fff7ed;color:#c2410c}.status-chip.cancelled{background:#fee2e2;color:#b91c1c}.status-chip.makeup{background:#f3e8ff;color:#6b21a8}.status-chip.teacher_unassigned{background:#ffedd5;color:#c2410c}
.schedule-calendar{display:grid;grid-template-columns:repeat(7,minmax(120px,1fr));border:1px solid #e5e7ff;border-radius:18px;overflow:hidden;background:#fff}.calendar-weekday{padding:12px;background:#f8fafc;font-weight:900;color:#475569;text-align:center;border-right:1px solid #e5e7ff}.calendar-weekday:last-child{border-right:0}.calendar-day{min-height:132px;border-top:1px solid #e5e7ff;border-right:1px solid #e5e7ff;padding:10px;background:#fff}.calendar-day:nth-child(7n){border-right:0}.muted-day{background:#f8fafc}.calendar-day.today{background:#f5f3ff;box-shadow:inset 0 0 0 2px #7467f0}.day-number{font-weight:900;color:#0f172a;margin-bottom:8px}.calendar-event{display:block;text-decoration:none;color:#172554;background:#eef2ff;border-left:3px solid #6258e8;border-radius:10px;padding:6px 7px;margin:5px 0;font-size:12px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar-event.cancelled{background:#fee2e2;border-left-color:#ef4444}.calendar-event.postponed{background:#fff7ed;border-left-color:#f59e0b}.calendar-event.completed{background:#dcfce7;border-left-color:#10b981}.calendar-event.makeup{background:#f3e8ff;border-left-color:#8b5cf6}.calendar-event.teacher_unassigned{background:#ffedd5;border-left-color:#f97316}.calendar-event b{font-weight:900}.days-check{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}.days-check label{border:1px solid #e5e7ff;border-radius:12px;padding:10px;background:#fff;font-weight:700}.schedule-status-panel{align-self:start}
@media(max-width:900px){.schedule-calendar{grid-template-columns:repeat(2,minmax(0,1fr))}.calendar-weekday{display:none}.calendar-day{min-height:110px}.schedule-hero{display:block}.schedule-hero .action-row{margin-top:14px}}