.login-container{box-sizing:border-box;background:radial-gradient(circle at 15% 15%,#84cc1614,#0000 28%),radial-gradient(circle at 85% 85%,#14532d14,#0000 30%),#f8faf8;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:30px 20px;font-family:Inter,Roboto,Arial,sans-serif;display:flex;position:relative;overflow:hidden}.login-background-orb{pointer-events:none;filter:blur(2px);border-radius:50%;position:absolute}.login-orb-one{background:#84cc1612;width:360px;height:360px;top:-190px;left:-150px}.login-orb-two{background:#14532d0f;width:420px;height:420px;bottom:-220px;right:-210px}.login-box{z-index:2;box-sizing:border-box;background:#fff;border:1px solid #14532d14;border-radius:24px;width:100%;max-width:430px;padding:38px;position:relative;box-shadow:0 24px 70px #0f2d1b1a,0 5px 20px #0f2d1b0d}.register-box{max-width:500px}.brand-header{text-align:center;flex-direction:column;align-items:center;margin-bottom:30px;display:flex}.brand-mark{background:linear-gradient(135deg,#14532d,#1d6b3b);border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:12px;display:flex;box-shadow:0 8px 18px #14532d2e}.brand-mark-inner{color:#fff;letter-spacing:-1px;font-size:22px;font-weight:900}.brand-name{letter-spacing:-1.8px;margin:0;font-size:36px;font-weight:900;line-height:1}.grade-text{color:#14532d}.bank-text{color:#84cc16}.brand-tagline{color:#64748b;letter-spacing:2px;margin-top:10px;font-size:9px;font-weight:850}.login-intro{text-align:center;margin-bottom:25px}.login-intro h1{color:#17251d;letter-spacing:-.6px;margin:0 0 7px;font-size:25px;font-weight:850;line-height:1.2}.login-intro p{color:#64748b;max-width:330px;margin:0 auto;font-size:12px;line-height:1.6}.register-intro{margin-bottom:24px}.register-intro h1{font-size:24px}.login-box form{flex-direction:column;gap:19px;display:flex}.form-field{flex-direction:column;gap:8px;display:flex}.form-field label{color:#334155;letter-spacing:.2px;font-size:11px;font-weight:800}.password-label-row{justify-content:space-between;align-items:center;display:flex}.input-wrapper{align-items:center;width:100%;display:flex;position:relative}.input-icon{color:#94a3b8;pointer-events:none;justify-content:center;align-items:center;width:18px;height:18px;font-size:13px;display:flex;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.input-icon svg{width:18px;height:18px}.login-box input{box-sizing:border-box;color:#17251d;background:#f8faf8;border:1px solid #dce5df;border-radius:12px;outline:none;width:100%;min-height:48px;padding:0 15px 0 43px;font-family:inherit;font-size:13px;font-weight:550;transition:border-color .2s,background .2s,box-shadow .2s}.login-box input::placeholder{color:#94a3b8}.login-box input:hover{border-color:#c7d6cd}.login-box input:focus{background:#fff;border-color:#14532d;box-shadow:0 0 0 3px #14532d14}.login-box select{box-sizing:border-box;color:#17251d;cursor:pointer;background:#f8faf8;border:1px solid #dce5df;border-radius:12px;outline:none;width:100%;min-height:48px;padding:0 15px;font-family:inherit;font-size:13px;font-weight:650;transition:border-color .2s,background .2s,box-shadow .2s}.login-box select:hover{border-color:#c7d6cd}.login-box select:focus{background:#fff;border-color:#14532d;box-shadow:0 0 0 3px #14532d14}.password-toggle{justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%);color:#64748b!important;width:34px!important;height:34px!important;min-height:34px!important;box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important}.password-toggle:hover{color:#14532d!important;background:#eef6f0!important}.password-toggle svg{width:17px;height:17px}.login-submit{color:#fff;letter-spacing:.1px;cursor:pointer;background:linear-gradient(135deg,#14532d,#1d6b3b);border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:50px;margin-top:3px;font-family:inherit;font-size:13px;font-weight:850;transition:transform .2s,box-shadow .2s,opacity .2s;display:flex;box-shadow:0 9px 20px #14532d2b}.login-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 25px #14532d38}.login-submit:active:not(:disabled){transform:translateY(0)}.login-submit:disabled{opacity:.7;cursor:not-allowed}.login-arrow{font-size:18px;line-height:1;transition:transform .2s}.login-submit:hover .login-arrow{transform:translate(3px)}.login-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:15px;height:15px;animation:.7s linear infinite loginSpin}@keyframes loginSpin{to{transform:rotate(360deg)}}.login-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:11px;align-items:flex-start;gap:10px;margin-bottom:19px;padding:11px 13px;font-size:11px;font-weight:650;line-height:1.5;display:flex}.login-error-icon{color:#fff;background:#dc2626;border-radius:50%;flex:none;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;font-weight:900;display:flex}.register-role-grid{grid-template-columns:1fr 1fr;gap:10px;width:100%;display:grid}.register-role{box-sizing:border-box;color:#17251d;text-align:left;cursor:pointer;width:100%;min-height:76px;box-shadow:none;background:#f8faf8;border:1px solid #dce5df;border-radius:13px;align-items:center;gap:11px;padding:11px;transition:border-color .2s,background .2s,transform .2s,box-shadow .2s;display:flex}.register-role:hover{background:#fff;border-color:#afc5b6;transform:translateY(-1px)}.register-role-active{box-shadow:0 0 0 2px #14532d0f,0 7px 18px #14532d14;background:linear-gradient(135deg,#f1f8f3,#eaf5ed)!important;border-color:#14532d!important}.register-role-icon{background:#fff;border:1px solid #e4ece6;border-radius:11px;flex:0 0 40px;justify-content:center;align-items:center;width:40px;height:40px;font-size:19px;display:flex}.register-role-active .register-role-icon{background:#fff;border-color:#c8decf}.register-role-text{flex-direction:column;gap:3px;min-width:0;display:flex}.register-role-text strong{color:#17251d;font-size:12px;font-weight:850}.register-role-text small{color:#64748b;font-size:9px;line-height:1.35}.register-optional{color:#14532d;background:#eaf5ed;border:1px solid #d2e5d7;border-radius:20px;padding:3px 7px;font-size:9px;font-weight:800}.register-submit{margin-top:4px}.register-section{color:#64748b;justify-content:center;align-items:center;gap:5px;margin-top:25px;font-size:11px;display:flex}.register-section a{color:#14532d;font-weight:850;text-decoration:none;transition:color .2s}.register-section a:hover{color:#84cc16;text-decoration:underline}.login-footer{color:#94a3b8;letter-spacing:.2px;border-top:1px solid #eef2ef;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:27px;padding-top:17px;font-size:9px;font-weight:650;display:flex}.footer-dot{background:#84cc16;border-radius:50%;width:5px;height:5px}.footer-separator{color:#cbd5e1}@media (width<=520px){.login-container{padding:20px 14px}.login-box{border-radius:20px;max-width:100%;padding:30px 23px}.brand-name{font-size:33px}.login-intro h1{font-size:23px}.register-role-grid{grid-template-columns:1fr}.register-role{min-height:68px}.register-role-icon{flex-basis:37px;width:37px;height:37px}}@media (width<=360px){.login-box{padding:26px 18px}.brand-name{font-size:30px}.brand-tagline{letter-spacing:1.5px;font-size:8px}.register-role-text small{font-size:8px}.register-role{padding:9px}}@media (prefers-reduced-motion:reduce){.login-submit,.login-arrow,.login-box input,.login-box select,.password-toggle,.register-role{transition:none}.login-spinner{animation:none}}.register-container{background:radial-gradient(circle at 10% 15%,#84cc161f,#0000 25%),radial-gradient(circle at 90% 20%,#0ea5e914,#0000 25%),radial-gradient(circle at 80% 90%,#14532d17,#0000 30%),#f8faf8}.register-box{max-width:470px;padding:38px}.register-select-wrapper{align-items:center;width:100%;display:flex;position:relative}.register-select-icon{z-index:2;pointer-events:none;font-size:16px;position:absolute;left:14px}.register-select-wrapper select{appearance:auto;color:#17251d;cursor:pointer;background:linear-gradient(135deg,#f5fbf7,#f8fafc);border:1px solid #d7e4da;border-radius:13px;outline:none;width:100%;min-height:50px;padding:0 42px 0 43px;font-family:inherit;font-size:13px;font-weight:750;transition:border-color .2s,box-shadow .2s,background .2s}.register-select-wrapper select:hover{background:#fff;border-color:#84cc16}.register-select-wrapper select:focus{background:#fff;border-color:#14532d;box-shadow:0 0 0 3px #14532d14}.register-box input{border-radius:13px;min-height:50px}.register-box input:focus{border-color:#84cc16;box-shadow:0 0 0 3px #84cc161a}.register-box .form-field label{color:#14532d;letter-spacing:.7px;font-size:10px;font-weight:900}.register-help{color:#94a3b8;margin-top:-2px;font-size:9px;line-height:1.5}.register-submit{background:linear-gradient(135deg,#14532d 0%,#1d6b3b 55%,#4d7c0f 100%);min-height:52px;margin-top:5px;box-shadow:0 10px 25px #14532d2e}.register-submit:hover:not(:disabled){box-shadow:0 14px 30px #14532d3d}.register-success{color:#166534;background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border-color:#bbf7d0}.register-success .login-error-icon{background:#16a34a}.register-box .login-footer{margin-top:23px}@media (width<=520px){.register-box{padding:30px 23px}.register-select-wrapper select{min-height:48px}}.admin-sidebar{z-index:100;background:#14532d;border-right:1px solid #ffffff14;flex-direction:column;width:270px;min-height:100vh;display:flex;position:sticky;top:0;box-shadow:8px 0 30px #14532d1f}.admin-logo{border-bottom:1px solid #ffffff1a;padding:28px 24px}.admin-logo h2{letter-spacing:-.8px;color:#fff;margin:0;font-size:30px;font-weight:800}.admin-logo p{color:#d9e8dd;text-transform:uppercase;letter-spacing:1.2px;margin:7px 0 0;font-size:12px;font-weight:600}.admin-menu{flex-direction:column;gap:6px;padding:24px 14px;display:flex}.admin-menu a{color:#d9e8dd;border-radius:12px;align-items:center;padding:13px 16px;font-size:14px;font-weight:600;text-decoration:none;transition:background .25s,color .25s,transform .25s;display:flex;position:relative}.admin-menu a:before{content:"";background:#d97706;border-radius:999px;width:4px;height:0;transition:height .25s;position:absolute;top:50%;left:0;transform:translateY(-50%)}.admin-menu a:hover{color:#fff;background:#ffffff14;transform:translate(3px)}.admin-menu a.active{color:#fff;background:#ffffff1f;box-shadow:inset 0 0 0 1px #ffffff0f}.admin-menu a.active:before{height:24px}.sidebar-footer{border-top:1px solid #ffffff14;margin-top:auto;padding:20px 15px}.logout-btn{color:#fff;cursor:pointer;background:#ffffff12;border:1px solid #ffffff1a;border-radius:12px;width:100%;padding:12px 16px;font-size:14px;font-weight:600;transition:background .25s,transform .25s}.logout-btn:hover{background:#d97706;transform:translateY(-2px)}@media (width<=768px){.admin-sidebar{width:220px}.admin-logo{padding:22px 18px}.admin-logo h2{font-size:25px}.admin-menu{padding:18px 10px}}.admin-layout{color:#17251d;background:radial-gradient(circle at 85% 5%,#14532d14,#0000 30%),#f7f5ef;min-height:100vh;display:flex}.admin-content{flex:1;min-width:0;padding:32px;position:relative;overflow-x:hidden}.admin-content:before{content:"";pointer-events:none;opacity:.22;z-index:0;background-image:linear-gradient(#14532d06 1px,#0000 1px),linear-gradient(90deg,#14532d06 1px,#0000 1px);background-size:35px 35px;position:fixed;inset:0}.admin-content>*{z-index:1;position:relative}.admin-topbar{background:linear-gradient(135deg,#0b2f1b 0%,#14532d 55%,#0f3d22 100%);border:1px solid #84cc162e;border-radius:24px;justify-content:space-between;align-items:center;gap:25px;margin-bottom:28px;padding:30px 32px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 45px #14532d33}.admin-topbar:before{content:"";filter:blur(20px);background:#d9770633;border-radius:50%;width:320px;height:320px;position:absolute;top:-190px;right:-120px}.admin-topbar:after{content:"";filter:blur(25px);background:#84cc1621;border-radius:50%;width:240px;height:240px;position:absolute;bottom:-190px;right:120px}.admin-heading{z-index:2;position:relative}.admin-eyebrow{color:#fbbf24;letter-spacing:2px;margin-bottom:10px;font-size:10px;font-weight:800}.admin-topbar .admin-title{color:#fff;letter-spacing:-.9px;margin:0;font-size:34px;font-weight:800;line-height:1.15}.admin-subtitle{color:#d9e8dd;margin:10px 0 0;font-size:14px}.admin-system-status{z-index:2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff14;border:1px solid #ffffff1f;border-radius:15px;align-items:center;gap:13px;min-width:210px;padding:15px 18px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff0f}.system-status-dot{background:#84cc16;border-radius:50%;flex-shrink:0;width:10px;height:10px;animation:2.5s infinite systemPulse;box-shadow:0 0 0 5px #84cc161f,0 0 20px #84cc16a6}@keyframes systemPulse{0%,to{box-shadow:0 0 0 5px #84cc161f,0 0 20px #84cc168c}50%{box-shadow:0 0 0 8px #84cc160d,0 0 30px #84cc16bf}}.admin-system-status strong{color:#fff;font-size:13px;display:block}.admin-system-status small{color:#c8d8cc;margin-top:3px;font-size:10px;display:block}.stat-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe0;border:1px solid #14532d17;border-radius:22px;min-height:155px;padding:24px;transition:transform .3s,box-shadow .3s,border-color .3s;position:relative;overflow:hidden;box-shadow:0 12px 35px #14532d0e}.stat-card:hover{border-color:#14532d33;transform:translateY(-6px);box-shadow:0 20px 45px #14532d1c}.stat-card:nth-child(2):before{background:#d97706}.stat-card:nth-child(3):before{background:#84cc16}.stat-card:nth-child(4):before{background:#166534}.stat-title{z-index:2;color:#6b7280;text-transform:uppercase;letter-spacing:1.2px;font-size:11px;font-weight:800;position:relative}.stat-value{z-index:2;color:#14532d;letter-spacing:-1.5px;margin-top:13px;font-size:44px;font-weight:800;line-height:1;position:relative}.stat-meta{z-index:2;color:#6b7280;align-items:center;gap:7px;margin-top:17px;font-size:11px;font-weight:600;display:flex;position:relative}.stat-dot{border-radius:50%;width:7px;height:7px;display:inline-block}.stat-dot.green{background:#14532d}.stat-dot.gold{background:#d97706}.stat-dot.sage{background:#84cc16}.chart-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffeb;border:1px solid #14532d14;border-radius:22px;margin-bottom:22px;padding:25px;position:relative;overflow:hidden;box-shadow:0 12px 35px #14532d0e}.chart-card:before{content:"";background:linear-gradient(90deg,#14532d,#84cc16,#d97706);width:100%;height:3px;position:absolute;top:0;left:0}.chart-header{justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}.chart-label{color:#d97706;letter-spacing:1.6px;margin-bottom:5px;font-size:9px;font-weight:800}.chart-card h3{color:#14532d;letter-spacing:-.3px;margin:0;font-size:19px;font-weight:800}.chart-badge{color:#14532d;text-transform:uppercase;letter-spacing:.6px;background:#eff8f1;border:1px solid #dcebdd;border-radius:999px;padding:7px 11px;font-size:10px;font-weight:700}.charts-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-bottom:22px;display:grid}.table-card{background:#fffffff0;border:1px solid #14532d14;border-radius:22px;padding:25px;position:relative;overflow:hidden;box-shadow:0 12px 35px #14532d0e}.table-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.table-header h3{color:#14532d;margin:0;font-size:20px;font-weight:800}.table-count{color:#14532d;background:#f1f5f2;border-radius:999px;padding:7px 12px;font-size:11px;font-weight:700}.table-wrapper{width:100%;overflow-x:auto}thead tr{background:linear-gradient(90deg,#0b2f1b,#14532d)}th{color:#fff;text-align:left;text-transform:uppercase;letter-spacing:.8px;padding:14px 16px;font-size:10px;font-weight:800}td{color:#4b5563;border-bottom:1px solid #edf1ed;padding:16px;font-size:13px}tbody tr{transition:background .2s}tbody tr:last-child td{border-bottom:none}.school-name{color:#14532d;font-weight:700}.status-active,.status-suspended{border-radius:999px;align-items:center;gap:7px;padding:6px 11px;font-size:11px;font-weight:800;display:inline-flex}.status-active{color:#166534;background:#ecfdf3}.status-active:before{content:"";background:#84cc16;border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px #84cc168c}.status-suspended{color:#b91c1c;background:#fef2f2}.status-suspended:before{content:"";background:#dc2626;border-radius:50%;width:7px;height:7px}.action-buttons{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.btn{cursor:pointer;border:none;border-radius:10px;padding:9px 14px;font-size:12px;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn-view{color:#fff;background:#14532d;box-shadow:0 5px 15px #14532d26}.btn-view:hover{background:#166534;box-shadow:0 8px 20px #14532d33}.btn-suspend{color:#fff;background:#d97706}.btn-activate{color:#17320f;background:#84cc16}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:#e7ede8}.recharts-text{fill:#6b7280}.recharts-legend-item-text{color:#4b5563!important}.recharts-tooltip-wrapper{outline:none}.recharts-default-tooltip{background:#0b2f1b!important;border:1px solid #84cc1640!important;border-radius:12px!important;box-shadow:0 15px 35px #0000002e!important}.admin-loading{color:#14532d;flex-direction:column;justify-content:center;align-items:center;min-height:70vh;display:flex}.loading-spinner{border:3px solid #dcebdd;border-top-color:#14532d;border-radius:50%;width:38px;height:38px;margin-bottom:15px;animation:.8s linear infinite adminSpin}@keyframes adminSpin{to{transform:rotate(360deg)}}.empty-state{text-align:center;color:#9ca3af!important;padding:35px!important}@media (width<=1200px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.charts-row{grid-template-columns:1fr}}@media (width<=768px){.admin-content{padding:20px}.admin-topbar{flex-direction:column;align-items:flex-start;padding:24px}.admin-topbar .admin-title{font-size:27px}.admin-system-status{box-sizing:border-box;width:100%;min-width:0}.stats-grid{grid-template-columns:1fr}.stat-card{min-height:135px}.chart-card,.table-card{border-radius:18px;padding:18px}.table-header{flex-direction:column;align-items:flex-start}}@media (width<=480px){.admin-content{padding:14px}.admin-topbar{border-radius:18px}.admin-topbar .admin-title{font-size:24px}.admin-subtitle{font-size:13px}.stat-value{font-size:37px}.chart-header{flex-direction:column;align-items:flex-start}}.admin-content{background:#f8fafc;flex:1;padding:30px;overflow:hidden}.admin-title{color:#1e293b;margin-bottom:25px;font-size:30px}.admin-add-btn{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:8px;padding:12px 20px;font-weight:700}.admin-add-btn:hover{background:#4338ca}th{color:#fff;text-align:left;white-space:nowrap;padding:16px}td{white-space:nowrap;border-bottom:1px solid #e5e7eb;padding:16px}.action-buttons{white-space:nowrap;gap:8px;display:flex}.btn{cursor:pointer;color:#fff;white-space:nowrap;border:none;border-radius:6px;padding:8px 14px;font-size:13px;font-weight:700}.admin-title{color:#1e293b;margin:20px 0 30px;font-size:32px}.stat-card{background:#fff;border-radius:10px;padding:25px;box-shadow:0 2px 8px #00000014}.stat-title{color:#64748b;font-size:14px}.stat-value{color:#4f46e5;margin-top:10px;font-size:34px;font-weight:700}.table-card{background:#fff;border-radius:10px;margin-bottom:25px;overflow:hidden;box-shadow:0 2px 8px #00000014}.table-header{background:#f1f5f9;padding:18px;font-size:20px;font-weight:700}table{border-collapse:collapse;width:100%}th{text-align:left;background:#f8fafc;border:1px solid #e2e8f0;width:220px;padding:15px}td{border:1px solid #e2e8f0;padding:15px}.btn{cursor:pointer;color:#fff;border:none;border-radius:6px;padding:10px 18px;font-weight:700}body{background:#f8fafc;margin:0;font-family:Arial,Helvetica,sans-serif}.admin-layout{min-height:100vh;display:flex}.admin-content{flex:1;padding:35px}.admin-title{color:#1e293b;margin-bottom:30px}.edit-form{background:#fff;border-radius:10px;max-width:900px;padding:30px;box-shadow:0 2px 10px #00000014}.form-group{flex-direction:column;margin-bottom:18px;display:flex}.form-group label{color:#334155;margin-bottom:8px;font-weight:700}.form-group input,.form-group select,.form-group textarea{border:1px solid #cbd5e1;border-radius:8px;outline:none;padding:12px;font-size:14px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#4f46e5}.button-row{gap:15px;margin-top:30px;display:flex}.btn{color:#fff;cursor:pointer;border:none;border-radius:8px;padding:12px 24px;font-weight:700}.admin-layout{background:#f8fafc;min-height:100vh;display:flex}.admin-content{flex:1;padding:30px;overflow:auto}.page-header{margin-bottom:30px}.page-header h1{color:#1e293b;font-size:32px;font-weight:700}*{box-sizing:border-box;margin:0;padding:0}body{background:#f8fafc;font-family:Arial,Helvetica,sans-serif}.admin-toolbar{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.admin-search{border:1px solid #d1d5db;border-radius:8px;width:350px;padding:12px;font-size:14px}.admin-search:focus{border-color:#4f46e5;outline:none}.table-card{background:#fff;border-radius:12px;width:100%;box-shadow:0 5px 20px #00000014}.table-wrapper{-webkit-overflow-scrolling:touch;width:100%;overflow:auto hidden}.table-wrapper::-webkit-scrollbar{height:8px}.table-wrapper::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:20px}table{border-collapse:collapse;width:100%;min-width:1100px}thead{background:#1e3a5f}th{color:#fff;text-align:left;white-space:nowrap;padding:16px;font-size:14px}td{white-space:nowrap;color:#374151;border-bottom:1px solid #e5e7eb;padding:16px}tbody tr:hover{background:#f8fafc}.status-active{color:#15803d;background:#dcfce7;border-radius:20px;padding:6px 12px;font-size:13px;font-weight:700;display:inline-block}.status-suspended{color:#b91c1c;background:#fee2e2;border-radius:20px;padding:6px 12px;font-size:13px;font-weight:700;display:inline-block}.action-buttons{gap:8px;display:flex}.btn{color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:6px;padding:8px 14px;font-size:13px;font-weight:700}.btn-view{background:#4f46e5}.btn-view:hover{background:#4338ca}.btn-suspend{background:#dc2626}.btn-suspend:hover{background:#b91c1c}.btn-activate{background:#16a34a}.btn-activate:hover{background:#15803d}.admin-page{color:#17251d;background:#f7f5ef;min-height:100vh;padding:32px}.admin-page-header{color:#fff;background:linear-gradient(135deg,#0b2f1b,#14532d);border-radius:24px;margin-bottom:28px;padding:30px;box-shadow:0 18px 40px #14532d26}.admin-page-eyebrow{color:#fbbf24;letter-spacing:1.8px;margin-bottom:8px;font-size:10px;font-weight:800}.admin-page-header h1{margin:0;font-size:32px;font-weight:800}.admin-page-header p{color:#d9e8dd;margin:9px 0 0}.subscription-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:25px;display:grid}.subscription-card{background:#fff;border:1px solid #14532d14;border-radius:20px;padding:24px;box-shadow:0 12px 30px #14532d0f}.subscription-label{color:#6b7280;letter-spacing:1px;font-size:10px;font-weight:800}.subscription-card strong{color:#14532d;margin-top:12px;font-size:40px;display:block}.subscription-card p{color:#6b7280;margin:8px 0 0;font-size:13px}.subscription-table-card{background:#fff;border-radius:22px;padding:25px;box-shadow:0 12px 30px #14532d0e}.subscription-table-header span{color:#d97706;letter-spacing:1.6px;font-size:9px;font-weight:800}.subscription-table-header h2{color:#14532d;margin:5px 0 0}.subscription-empty{text-align:center;padding:70px 20px}.subscription-icon{color:#84cc16;background:#14532d;border-radius:15px;justify-content:center;align-items:center;width:55px;height:55px;margin:auto;font-weight:900;display:flex}.subscription-empty h3{color:#14532d;margin-top:18px}.subscription-empty p{color:#6b7280;max-width:450px;margin:8px auto;line-height:1.6}@media (width<=800px){.subscription-grid{grid-template-columns:1fr}}@media (width<=600px){.admin-page{padding:18px}}.dashboard-page{color:#17251d;background:radial-gradient(circle at 90% 0,#84cc1617,#0000 30%),#faf7f2;min-height:100vh;padding:24px;font-family:Inter,Roboto,Arial,sans-serif}.dashboard-header{color:#fff;background:linear-gradient(135deg,#092515 0%,#14532d 55%,#1d6b3b 100%);border:1px solid #ffffff14;border-radius:24px;margin-bottom:24px;padding:30px;position:relative;overflow:hidden;box-shadow:0 18px 40px #14532d33}.dashboard-header:before{content:"";background:#84cc161f;border-radius:50%;width:220px;height:220px;position:absolute;top:-110px;right:-100px}.dashboard-header:after{content:"";background:#ffffff0a;border-radius:50%;width:90px;height:90px;position:absolute;bottom:-60px;right:70px}.dashboard-header h1{z-index:2;letter-spacing:-1px;margin:0;font-size:32px;font-weight:800;position:relative}.dashboard-header p{z-index:2;color:#dceadf;margin:8px 0 0;font-size:14px;font-weight:500;position:relative}.welcome-card{background:linear-gradient(135deg,#fff,#fcfdf9);border:1px solid #14532d14;border-radius:24px;margin-bottom:25px;padding:30px;position:relative;overflow:hidden;box-shadow:0 12px 30px #14532d12}.welcome-card:before{content:"";background:linear-gradient(#84cc16,#14532d);width:5px;height:100%;position:absolute;top:0;left:0}.welcome-title{color:#6b7280;letter-spacing:.4px;margin:0;font-size:13px;font-weight:700}.welcome-subtitle{color:#64748b;margin-top:12px;font-size:16px}.welcome-name{color:#14532d;letter-spacing:-1px;margin:7px 0;font-size:34px;font-weight:800}.school-name{color:#17251d;margin-top:10px;font-size:21px;font-weight:700}.academic-year{color:#b45309;letter-spacing:.4px;background:#d977061a;border-radius:8px;margin-top:12px;padding:7px 13px;font-size:12px;font-weight:800;display:inline-block}.stats-container{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:36px;display:grid}.stat-card{text-align:center;background:#fff;border:1px solid #14532d12;border-radius:20px;padding:23px;transition:transform .25s,box-shadow .25s;position:relative;overflow:hidden;box-shadow:0 10px 26px #14532d11}.stat-card:after{content:"";background:#84cc1612;border-radius:50%;width:80px;height:80px;position:absolute;bottom:-35px;right:-35px}.stat-card:first-child{border-top:4px solid #14532d}.stat-card:nth-child(2){border-top:4px solid #d97706}.stat-card:nth-child(3){border-top:4px solid #84cc16}.stat-card h4{color:#64748b;text-transform:uppercase;letter-spacing:.7px;margin:0;font-size:13px;font-weight:700}.stat-card strong{color:#14532d;margin-top:12px;font-size:40px;font-weight:800;line-height:1;display:block}.section-title{color:#14532d;letter-spacing:-.3px;margin:0 0 20px;padding-left:15px;font-size:23px;font-weight:800;position:relative}.section-title:before{content:"";background:#84cc16;border-radius:5px;width:4px;height:24px;position:absolute;top:2px;left:0;box-shadow:0 0 12px #84cc1659}.actions-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.actions-grid a{color:inherit;text-decoration:none;display:block}.action-card{cursor:pointer;border:1px solid #0000;border-radius:20px;flex-direction:column;justify-content:space-between;min-height:150px;padding:22px;transition:transform .18s,box-shadow .18s,filter .18s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 24px #14532d14}.action-card:after{content:attr(data-number);opacity:.45;letter-spacing:1px;font-size:11px;font-weight:800;position:absolute;top:13px;right:16px}.action-card:first-child{color:#fff;background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 12px 28px #d9770638}.action-card:nth-child(2){color:#fff;background:linear-gradient(135deg,#14532d,#0b3b20);box-shadow:0 12px 28px #14532d38}.action-card:nth-child(3){color:#fff;background:linear-gradient(135deg,#65a30d,#4d7c0f);box-shadow:0 12px 28px #65a30d38}.action-card:nth-child(4){color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 12px 28px #2563eb33}.action-card:before{content:"";background:#ffffff8c;height:3px;position:absolute;top:0;left:0;right:0}.action-card h3{z-index:2;color:#fff;letter-spacing:-.2px;margin:0;font-size:18px;font-weight:800;line-height:1.35;position:relative}.action-card p{z-index:2;color:#ffffffd1;max-width:88%;margin:10px 0 0;font-size:13px;line-height:1.55;position:relative}.action-card .action-arrow{z-index:3;color:#fff;background:#ffffff2e;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:18px;transition:transform .18s,background .18s;display:flex;position:absolute;bottom:18px;right:20px}.action-card:hover{filter:brightness(1.04);transform:translateY(-5px)}.action-card:hover .action-arrow{background:#ffffff47;transform:translate(4px)}@media (width<=768px){.dashboard-page{padding:15px}.dashboard-header{border-radius:21px;margin-bottom:18px;padding:24px}.dashboard-header h1{font-size:27px}.welcome-card{border-radius:21px;padding:24px}.welcome-name{font-size:29px}.school-name{font-size:19px}.stats-container{grid-template-columns:repeat(3,1fr);gap:9px}.stat-card{border-radius:16px;padding:18px 7px}.stat-card h4{letter-spacing:.2px;font-size:9px}.stat-card strong{font-size:29px}.section-title{margin-bottom:15px;font-size:21px}.actions-grid{grid-template-columns:1fr;gap:12px}.action-card{border-radius:17px;min-height:112px;padding:20px}.action-card h3{font-size:16px}.action-card p{margin-top:7px;font-size:12px}.action-card .action-arrow{bottom:17px;right:18px}}@media (width<=390px){.dashboard-page{padding:11px}.dashboard-header{border-radius:18px;padding:20px}.dashboard-header h1{font-size:24px}.welcome-card{border-radius:18px;padding:20px}.welcome-name{font-size:25px}.school-name{font-size:17px}.stats-container{gap:6px}.stat-card{padding:15px 4px}.stat-card h4{font-size:8px}.stat-card strong{font-size:25px}.action-card{min-height:108px;padding:18px}.action-card h3{font-size:15px}}@media (hover:none){.stat-card:hover{transform:none}.action-card:hover{filter:none;transform:none}.action-card:active{filter:brightness(.96);transform:scale(.985)}}.class-management{margin-top:30px}.create-class-card,.classes-card{background:#fff;border-radius:18px;margin-bottom:25px;padding:25px;box-shadow:0 8px 20px #00000014}.create-class-card form{flex-wrap:wrap;gap:15px;display:flex}.create-class-card input{border:1px solid #ddd;border-radius:10px;flex:1;padding:14px}.create-class-card button{color:#fff;cursor:pointer;background:#0d6efd;border:none;border-radius:10px;padding:14px 25px}.classes-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;display:grid}.class-box{text-align:center;background:#f5f7fb;border-radius:15px;padding:20px}.class-box h3{color:#0d6efd}.classes-page,.create-class-page{color:#17251d;background:radial-gradient(circle at 90% 0,#84cc1617,#0000 28%),radial-gradient(circle at 0 70%,#14532d0f,#0000 30%),radial-gradient(circle at 50% 100%,#d977060d,#0000 32%),#f7faf7;min-height:100vh;padding:26px;font-family:Inter,Roboto,Arial,sans-serif}.classes-page .page-header{color:#fff;background:linear-gradient(135deg,#071c10,#14532d 55%,#216c3d);border-radius:26px;justify-content:space-between;align-items:center;min-height:190px;margin-bottom:22px;padding:32px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 45px #14532d33}.classes-page .page-header:before{content:"";background:radial-gradient(circle,#84cc162e,#0000 68%);border-radius:50%;width:280px;height:280px;position:absolute;top:-150px;right:-110px}.classes-page .page-header:after{content:"";background:linear-gradient(90deg,#84cc16,#f59e0b);border-radius:5px;width:120px;height:4px;position:absolute;bottom:0;left:32px}.classes-page .page-header>*{z-index:2;position:relative}.classes-page .page-header h1{color:#fff;letter-spacing:-1px;margin:0;font-size:32px;font-weight:900}.classes-page .page-header p{color:#dceadf;max-width:620px;margin:9px 0 0;font-size:14px;line-height:1.6}.classes-page .header-badge{z-index:3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff14;border:1px solid #ffffff26;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;min-width:105px;min-height:105px;display:flex;position:relative}.classes-page .header-badge span{color:#fff;font-size:34px;font-weight:900;line-height:1}.classes-page .header-badge small{color:#b7d9c1;text-transform:uppercase;letter-spacing:1px;margin-top:7px;font-size:10px;font-weight:800}.classes-page .classes-summary{grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:34px;display:grid}.classes-page .summary-card{background:#fff;border:1px solid #14532d14;border-radius:18px;align-items:center;gap:14px;min-height:92px;padding:18px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 9px 24px #14532d0f}.classes-page .summary-card:hover{transform:translateY(-3px);box-shadow:0 15px 30px #14532d1a}.classes-page .summary-icon{color:#14532d;background:#e8f5ec;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:17px;font-weight:850;display:flex}.classes-page .stream-icon{color:#b45309;background:#fff3d9}.classes-page .form-icon{color:#1d4ed8;background:#eaf2ff}.classes-page .summary-card span{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:750;display:block}.classes-page .summary-card strong{color:#14532d;margin-top:4px;font-size:27px;font-weight:900;display:block}.classes-page .classes-section-header{align-items:center;gap:20px;margin-bottom:18px;display:flex}.classes-page .classes-section-header>div:first-child{flex-shrink:0}.classes-page .classes-section-header span{color:#84a28e;letter-spacing:1.5px;font-size:10px;font-weight:850}.classes-page .classes-section-header h2{color:#14532d;margin:4px 0 0;font-size:23px;font-weight:900}.classes-page .section-line{background:linear-gradient(90deg,#14532d2e,#0000);width:100%;height:1px}.classes-page .class-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:17px;display:grid}.classes-page .class-card{background:linear-gradient(145deg,#fff,#f8fbf8);border:1px solid #14532d14;border-radius:21px;flex-direction:column;justify-content:space-between;min-height:190px;padding:21px;transition:transform .22s,box-shadow .22s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 25px #14532d12}.classes-page .class-card:before{content:"";background:linear-gradient(90deg,#14532d,#22c55e);width:100%;height:4px;position:absolute;top:0;left:0}.classes-page .class-card:after{content:"";background:#84cc1614;border-radius:50%;width:110px;height:110px;position:absolute;bottom:-50px;right:-50px}.classes-page .class-card:hover{transform:translateY(-5px);box-shadow:0 18px 35px #14532d1c}.classes-page .class-card:nth-child(4n+1):before{background:linear-gradient(90deg,#d97706,#f59e0b)}.classes-page .class-card:nth-child(4n+2):before{background:linear-gradient(90deg,#14532d,#22c55e)}.classes-page .class-card:nth-child(4n+3):before{background:linear-gradient(90deg,#65a30d,#84cc16)}.classes-page .class-card:nth-child(4n+4):before{background:linear-gradient(90deg,#2563eb,#60a5fa)}.classes-page .class-card-top{z-index:2;justify-content:space-between;align-items:center;display:flex;position:relative}.classes-page .form-badge{color:#14532d;letter-spacing:1px;background:#e8f5ec;border-radius:7px;align-items:center;padding:6px 9px;font-size:9px;font-weight:850;display:inline-flex}.classes-page .form-1{color:#b45309;background:#fff3d9}.classes-page .form-2{color:#14532d;background:#e8f5ec}.classes-page .form-3{color:#4d7c0f;background:#f0f8de}.classes-page .form-4{color:#1d4ed8;background:#eaf2ff}.classes-page .class-number{color:#a0aea4;letter-spacing:1px;font-size:10px;font-weight:800}.classes-page .class-card-content{z-index:2;position:relative}.classes-page .class-card h3{letter-spacing:-.5px;margin:12px 0 10px;font-size:23px;font-weight:900}.classes-page .class-card:nth-child(4n+1) h3{color:#b45309}.classes-page .class-card:nth-child(4n+2) h3{color:#14532d}.classes-page .class-card:nth-child(4n+3) h3{color:#4d7c0f}.classes-page .class-card:nth-child(4n+4) h3{color:#1d4ed8}.classes-page .stream-badge{color:#64748b;background:#f1f5f2;border-radius:9px;align-items:center;gap:7px;padding:7px 10px;font-size:11px;font-weight:600;display:inline-flex}.classes-page .stream-badge strong{color:#17251d;font-weight:800}.classes-page .stream-dot{background:#84cc16;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #84cc161f}.classes-page .no-stream{color:#94a3b8;background:#f8fafc;border-radius:9px;padding:7px 10px;font-size:11px;font-weight:600;display:inline-block}.classes-page .class-card-footer{z-index:3;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;border-top:1px solid #edf1ee;justify-content:space-between;align-items:center;margin-top:16px;padding-top:12px;font-size:10px;font-weight:700;display:flex;position:relative}.classes-page .card-arrow{color:#14532d;background:#e8f5ec;border-radius:50%;justify-content:center;align-items:center;width:27px;height:27px;font-size:16px;transition:transform .2s;display:flex}.classes-page .class-card:hover .card-arrow{transform:translate(4px)}.classes-page .classes-state{text-align:center;background:#fff;border:1px solid #14532d12;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;min-height:230px;padding:30px;display:flex}.classes-page .classes-state h3{color:#14532d;margin:12px 0 0;font-size:18px}.classes-page .classes-state p{color:#64748b;margin:9px 0 0;font-size:13px}.classes-page .state-icon{color:#14532d;background:#e8f5ec;border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;font-size:24px;font-weight:800;display:flex}.classes-page .error-state .state-icon{color:#dc2626;background:#fee2e2}.classes-page .empty-state .state-icon{color:#b45309;background:#fff3d9}.create-class-page{--green-dark:#052e16;--green:#14532d;--green-mid:#166534;--green-light:#22c55e;--lime:#84cc16;--gold:#d97706;--gold-light:#f59e0b;--blue:#2563eb;--text-dark:#17251d;--text-muted:#64748b}.create-class-page .create-class-hero{isolation:isolate;background:linear-gradient(135deg,#03150a,#092515 28%,#14532d 62%,#1d6b3b);border:1px solid #ffffff14;border-radius:30px;justify-content:space-between;align-items:center;min-height:245px;margin-bottom:30px;padding:40px 45px;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 60px #14532d38}.create-class-page .create-class-hero:before{content:"";background:radial-gradient(circle,#84cc1633,#0000 70%);border-radius:50%;width:430px;height:430px;position:absolute;top:-230px;right:-170px}.create-class-page .create-class-hero:after{content:"";background:linear-gradient(90deg,#14532d,#84cc16,#f59e0b,#2563eb);width:100%;height:4px;position:absolute;bottom:0;left:0}.create-class-page .create-class-hero-content{z-index:5;max-width:680px;position:relative}.create-class-page .create-class-eyebrow{color:#a7d6b5;letter-spacing:2px;align-items:center;margin-bottom:11px;font-size:10px;font-weight:850;display:inline-flex}.create-class-page .create-class-eyebrow:before{content:"";background:#84cc16;border-radius:10px;width:24px;height:3px;margin-right:10px}.create-class-page .create-class-hero h1{color:#fff;margin:0;font-size:38px;font-weight:900;line-height:1.08}.create-class-page .create-class-hero h1 span{color:#a3e635;display:block}.create-class-page .create-class-hero p{color:#dceadf;max-width:610px;margin:14px 0 0;font-size:14px;line-height:1.7}.create-class-page .create-class-hero-meta{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.create-class-page .hero-meta-item{color:#e4f0e7;background:#ffffff12;border:1px solid #ffffff1f;border-radius:11px;align-items:center;gap:8px;padding:9px 13px;font-size:10px;font-weight:750;display:inline-flex}.create-class-page .hero-meta-dot{border-radius:50%;width:8px;height:8px}.create-class-page .hero-meta-dot.green{background:#22c55e}.create-class-page .hero-meta-dot.gold{background:#f59e0b}.create-class-page .create-class-orbit{flex-shrink:0;width:205px;height:205px;margin-right:25px;position:relative}.create-class-page .orbit-ring{border:1px solid #ffffff1a;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.create-class-page .ring-one{width:205px;height:205px}.create-class-page .ring-two{border-color:#84cc1638;width:145px;height:145px}.create-class-page .ring-three{border-color:#f59e0b40;width:88px;height:88px}.create-class-page .orbit-core{color:#fff;background:linear-gradient(135deg,#84cc16,#22c55e);border-radius:20px;justify-content:center;align-items:center;width:65px;height:65px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 12px 35px #84cc1640}.create-class-page .orbit-core span{font-size:20px;font-weight:900}.create-class-page .create-class-content{width:100%;max-width:1250px;margin:0 auto}.create-class-page .create-class-section-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:20px;display:flex}.create-class-page .create-class-section-heading>div:first-child>span{color:#84a28e;letter-spacing:1.7px;font-size:9px;font-weight:850}.create-class-page .create-class-section-heading h2{color:#14532d;margin:5px 0 0;font-size:24px;font-weight:900}.create-class-page .create-class-section-heading p{color:#64748b;margin:7px 0 0;font-size:12px}.create-class-page .structure-status{color:#526777;background:#fff;border:1px solid #dce8de;border-radius:12px;align-items:center;gap:8px;padding:10px 13px;font-size:10px;font-weight:750;display:inline-flex;box-shadow:0 6px 17px #14532d0d}.create-class-page .structure-status span{background:#22c55e;border-radius:50%;width:8px;height:8px}.create-class-page .create-class-management{background:linear-gradient(145deg,#fff,#f8fbf8);border:1px solid #14532d1a;border-radius:25px;padding:28px;position:relative;overflow:hidden;box-shadow:0 20px 48px #14532d17}.create-class-page .create-class-management:before{content:"";background:linear-gradient(90deg,#14532d,#84cc16,#f59e0b,#2563eb);width:100%;height:5px;position:absolute;top:0;left:0}.create-class-page .create-class-management label{color:#526777;margin-bottom:7px;font-size:11px;font-weight:800;display:block}.create-class-page .create-class-management select,.create-class-page .create-class-management input{color:#17251d;background:#fff;border:1px solid #d6e2d9;border-radius:13px;outline:none;width:100%;min-height:51px;padding:12px 14px;font-family:inherit;font-size:13px;font-weight:650;transition:border-color .2s,box-shadow .2s}.create-class-page .create-class-management select:focus,.create-class-page .create-class-management input:focus{border-color:#14532d;box-shadow:0 0 0 4px #14532d14}.create-class-page .create-class-management button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#14532d,#1d6b3b);border:none;border-radius:12px;min-height:49px;padding:11px 18px;font-family:inherit;font-size:11px;font-weight:850;box-shadow:0 9px 20px #14532d2e}.create-class-page .create-class-management button:hover{transform:translateY(-2px)}.create-class-page .create-class-management button:disabled{opacity:.55;cursor:not-allowed;transform:none}.create-class-page .create-class-management ul{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:13px;margin:18px 0 0;padding:0;list-style:none;display:grid}.create-class-page .create-class-management li{color:#14532d;background:linear-gradient(135deg,#fff,#f5faf6);border:1px solid #14532d1a;border-radius:15px;align-items:center;min-height:68px;padding:14px 16px;font-size:15px;font-weight:850;display:flex;position:relative;overflow:hidden;box-shadow:0 7px 18px #14532d0e}.create-class-page .create-class-management li:before{content:"";background:linear-gradient(#14532d,#84cc16);width:4px;position:absolute;top:0;bottom:0;left:0}@media (width<=768px){.classes-page,.create-class-page{padding:15px}.classes-page .page-header{border-radius:21px;min-height:165px;padding:23px}.classes-page .page-header h1{font-size:27px}.classes-page .header-badge{display:none}.classes-page .classes-summary{grid-template-columns:repeat(3,1fr);gap:8px}.classes-page .summary-card{text-align:center;flex-direction:column;justify-content:center;gap:7px;min-height:110px;padding:12px 5px}.classes-page .summary-icon{border-radius:11px;width:38px;height:38px;font-size:14px}.classes-page .summary-card span{font-size:8px}.classes-page .summary-card strong{font-size:23px}.classes-page .class-grid{grid-template-columns:1fr;gap:12px}.classes-page .class-card{border-radius:18px;min-height:175px;padding:20px}.classes-page .class-card h3{font-size:21px}.create-class-page .create-class-hero{border-radius:22px;min-height:205px;padding:27px 24px}.create-class-page .create-class-hero h1{font-size:29px}.create-class-page .create-class-hero p{max-width:88%;font-size:12px}.create-class-page .create-class-orbit{display:none}.create-class-page .create-class-section-heading{flex-direction:column;align-items:flex-start;gap:12px}.create-class-page .create-class-management{border-radius:20px;padding:20px}.create-class-page .create-class-management select,.create-class-page .create-class-management input{min-height:52px}.create-class-page .create-class-management button{width:100%}.create-class-page .create-class-management ul{grid-template-columns:1fr}}@media (width<=390px){.classes-page,.create-class-page{padding:11px}.classes-page .page-header{border-radius:18px;padding:20px}.classes-page .page-header h1{font-size:24px}.classes-page .classes-summary{gap:5px}.classes-page .summary-card{min-height:100px}.classes-page .summary-card strong{font-size:21px}.classes-page .class-card{min-height:165px;padding:18px}.create-class-page .create-class-hero{border-radius:19px;padding:23px 20px}.create-class-page .create-class-hero h1{font-size:26px}.create-class-page .create-class-management{padding:16px}}@media (hover:none){.classes-page .class-card:hover,.classes-page .summary-card:hover,.create-class-page .create-class-management button:hover{transform:none}}@media (prefers-reduced-motion:reduce){.classes-page *,.create-class-page *{transition:none!important;animation:none!important}}.invitation-page{color:#17251d;background:radial-gradient(circle at 90% 0,#84cc161a,#0000 28%),radial-gradient(circle at 0 70%,#14532d12,#0000 32%),#f7faf7;min-height:100vh;padding:24px;font-family:Inter,Roboto,Arial,sans-serif}.invitation-page .page-header{color:#fff;background:linear-gradient(135deg,#061b0e 0%,#14532d 55%,#216c3d 100%);border-radius:24px;min-height:165px;margin-bottom:22px;padding:30px;position:relative;overflow:hidden;box-shadow:0 18px 42px #14532d2e}.invitation-page .page-header:before{content:"";pointer-events:none;background:radial-gradient(circle,#84cc1638,#0000 68%);border-radius:50%;width:260px;height:260px;position:absolute;top:-150px;right:-100px}.invitation-page .page-header:after{content:"";background:linear-gradient(90deg,#84cc16,#d97706,#2563eb);border-radius:10px;width:135px;height:4px;position:absolute;bottom:0;left:30px}.invitation-page .page-header h1{z-index:2;color:#fff;letter-spacing:-.8px;margin:0;font-size:30px;font-weight:850;position:relative}.invitation-page .page-header p{z-index:2;color:#dceadf;margin:9px 0 0;font-size:13px;line-height:1.6;position:relative}.invitation-page .toolbar{justify-content:flex-end;align-items:center;margin-bottom:16px;display:flex}.invitation-page .generate-btn{color:#fff;letter-spacing:.2px;cursor:pointer;background:linear-gradient(135deg,#d97706,#f59e0b);border:none;border-radius:12px;min-height:44px;padding:10px 17px;font-family:inherit;font-size:11px;font-weight:850;transition:transform .2s,box-shadow .2s;position:relative;box-shadow:0 9px 20px #d977062e}.invitation-page .generate-btn:hover{transform:translateY(-2px);box-shadow:0 13px 26px #d9770640}.invitation-page .generate-btn:active{transform:scale(.98)}.invitation-page .table-card{scrollbar-width:thin;background:#fff;border:1px solid #14532d17;border-radius:20px;position:relative;overflow:auto hidden;box-shadow:0 14px 34px #14532d13}.invitation-page .table-card:before{content:"";background:linear-gradient(90deg,#14532d,#84cc16,#d97706,#2563eb);width:100%;height:4px;display:block}.invitation-page .table-card table{border-collapse:collapse;table-layout:auto;width:100%;min-width:650px}.invitation-page .table-card thead{color:#fff;background:linear-gradient(135deg,#092515,#14532d)}.invitation-page .table-card th{text-align:left;color:#dceadf;text-transform:uppercase;letter-spacing:.8px;white-space:nowrap;padding:11px 12px;font-size:9px;font-weight:850}.invitation-page .table-card td{color:#526777;white-space:nowrap;border-bottom:1px solid #edf2ee;padding:11px 12px;font-size:10px;font-weight:600}.invitation-page .table-card tbody tr{transition:background .18s}.invitation-page .table-card tbody tr:hover{background:#f6faf7}.invitation-page .table-card tbody tr:last-child td{border-bottom:none}.invitation-page .code-cell{letter-spacing:1px;color:#14532d!important;font-size:11px!important;font-weight:850!important}.invitation-page .status{text-transform:uppercase;letter-spacing:.4px;border-radius:999px;justify-content:center;align-items:center;min-width:52px;padding:5px 8px;font-size:8px;font-weight:850;display:inline-flex}.invitation-page .status:before{content:"";border-radius:50%;width:5px;height:5px;margin-right:5px}.invitation-page .status.active{color:#15803d;background:#eaf7ee}.invitation-page .status.active:before{background:#22c55e;box-shadow:0 0 0 3px #22c55e1a}.invitation-page .status.used{color:#1d4ed8;background:#eaf2ff}.invitation-page .status.used:before{background:#3b82f6}.invitation-page .status.expired{color:#b91c1c;background:#feecec}.invitation-page .status.expired:before{background:#ef4444}.invitation-page .copy-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#14532d,#1d6b3b);border:none;border-radius:8px;min-width:50px;min-height:30px;padding:6px 10px;font-family:inherit;font-size:9px;font-weight:850;transition:transform .18s,box-shadow .18s;box-shadow:0 5px 12px #14532d24}.invitation-page .copy-btn:hover{transform:translateY(-2px);box-shadow:0 8px 16px #14532d33}.invitation-page .copy-btn:active{transform:scale(.96)}.invitation-page .table-card h3{color:#14532d;text-align:center;margin:0;padding:35px 20px;font-size:14px;font-weight:750}.invitation-page .table-card td[colspan]{color:#94a3b8;text-align:center;padding:35px 15px;font-size:11px;font-weight:650}@media (width<=768px){.invitation-page{padding:15px}.invitation-page .page-header{border-radius:20px;min-height:145px;margin-bottom:17px;padding:23px}.invitation-page .page-header h1{font-size:25px}.invitation-page .page-header p{font-size:12px}.invitation-page .toolbar{margin-bottom:13px}.invitation-page .generate-btn{width:100%;min-height:45px;font-size:11px}.invitation-page .table-card{border-radius:17px}.invitation-page .table-card table{min-width:600px}.invitation-page .table-card th{padding:9px;font-size:8px}.invitation-page .table-card td{padding:9px;font-size:9px}.invitation-page .code-cell{font-size:10px!important}.invitation-page .status{min-width:48px;padding:4px 7px;font-size:7px}.invitation-page .copy-btn{min-height:28px;padding:5px 9px;font-size:8px}}@media (width<=390px){.invitation-page{padding:11px}.invitation-page .page-header{border-radius:18px;padding:20px}.invitation-page .page-header h1{font-size:22px}.invitation-page .page-header p{font-size:11px}.invitation-page .table-card table{min-width:560px}.invitation-page .table-card th{padding:8px;font-size:7px}.invitation-page .table-card td{padding:8px;font-size:8px}.invitation-page .code-cell{letter-spacing:.7px;font-size:9px!important}.invitation-page .status{min-width:44px;padding:4px 6px;font-size:6.5px}.invitation-page .status:before{width:4px;height:4px;margin-right:4px}.invitation-page .copy-btn{min-width:45px;min-height:26px;padding:4px 7px;font-size:7px}}@media (hover:none){.invitation-page .generate-btn:hover,.invitation-page .copy-btn:hover{transform:none}.invitation-page .table-card tbody tr:hover{background:0 0}}.school-subject-page{color:#17251d;background:radial-gradient(circle at 90% 0,#84cc1617,#0000 28%),radial-gradient(circle at 0 70%,#14532d0d,#0000 30%),#faf7f2;min-height:100vh;padding:26px;font-family:Inter,Roboto,Arial,sans-serif}.subject-page-header{background:linear-gradient(135deg,#071c10,#14532d 55%,#216c3d);border-radius:26px;justify-content:space-between;align-items:center;min-height:190px;margin-bottom:22px;padding:32px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 45px #14532d33}.subject-page-header:before{content:"";background:#84cc1621;border-radius:50%;width:280px;height:280px;position:absolute;top:-150px;right:-110px}.subject-page-header:after{content:"";background:linear-gradient(90deg,#84cc16,#d9f99d);border-radius:5px;width:120px;height:4px;position:absolute;bottom:0;left:32px}.subject-header-content{z-index:2;position:relative}.subject-eyebrow{color:#a7d6b5;letter-spacing:1.8px;margin-bottom:8px;font-size:10px;font-weight:850;display:inline-block}.subject-page-header h1{letter-spacing:-1px;margin:0;font-size:32px;font-weight:850;color:#fff!important}.subject-page-header p{max-width:620px;margin:9px 0 0;font-size:14px;line-height:1.6;color:#dceadf!important}.subject-count{z-index:3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff14;border:1px solid #ffffff26;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;width:108px;height:108px;display:flex;position:relative}.subject-count strong{color:#fff;font-size:34px;font-weight:850;line-height:1}.subject-count span{color:#b7d9c1;text-transform:uppercase;letter-spacing:1px;margin-top:7px;font-size:10px;font-weight:800}.subject-summary{grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:34px;display:grid}.subject-stat{background:#fff;border:1px solid #14532d14;border-radius:18px;align-items:center;gap:14px;min-height:92px;padding:18px;display:flex;box-shadow:0 9px 24px #14532d0f}.subject-stat-icon{color:#1d4ed8;background:#eaf2ff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:17px;font-weight:850;display:flex}.active-stat{color:#14532d;background:#e8f5ec}.remaining-stat{color:#b45309;background:#fff3d9}.subject-stat span{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700;display:block}.subject-stat strong{color:#14532d;margin-top:4px;font-size:27px;font-weight:850;display:block}.subjects-section-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;display:flex}.subjects-section-header>div:first-child{flex-shrink:0}.subjects-section-header span{color:#84a28e;letter-spacing:1.5px;font-size:10px;font-weight:850}.subjects-section-header h2{margin:4px 0 0;font-size:23px;font-weight:850;color:#14532d!important}.subject-actions{gap:8px;display:flex}.select-all-btn,.clear-all-btn{cursor:pointer;border-radius:10px;min-height:38px;padding:8px 14px;font-family:inherit;font-size:11px;font-weight:800;transition:transform .18s,box-shadow .18s}.select-all-btn{color:#fff;background:#14532d;border:none;box-shadow:0 6px 15px #14532d26}.clear-all-btn{color:#64748b;background:#fff;border:1px solid #d7e0da}.select-all-btn:hover,.clear-all-btn:hover{transform:translateY(-2px)}.select-all-btn:disabled,.clear-all-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.subjects-container{grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:15px;display:grid}.subject-box{cursor:pointer;background:#fff;border:1px solid #e2e8e3;border-radius:17px;align-items:center;gap:13px;min-height:92px;padding:17px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 7px 20px #14532d0a}.subject-box:hover{transform:translateY(-3px);box-shadow:0 13px 27px #14532d14}.subject-box.active{background:linear-gradient(135deg,#fff,#f2faf4);border-color:#14532d;box-shadow:0 12px 28px #14532d17}.subject-box input{opacity:0;pointer-events:none;position:absolute}.custom-checkbox{color:#fff;background:#fff;border:2px solid #cbd5ce;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:25px;height:25px;font-size:13px;font-weight:900;transition:all .2s;display:flex}.subject-box.active .custom-checkbox{background:#14532d;border-color:#14532d;box-shadow:0 0 0 4px #14532d14}.subject-information{flex:1;min-width:0}.subject-information strong{color:#17251d;font-size:15px;font-weight:800;line-height:1.3;display:block}.subject-box.active .subject-information strong{color:#14532d}.subject-information small{color:#94a3b8;margin-top:5px;font-size:10px;font-weight:600;line-height:1.4;display:block}.subject-indicator{color:#94a3b8;letter-spacing:.7px;background:#f1f5f2;border-radius:7px;flex-shrink:0;padding:5px 7px;font-size:7px;font-weight:850}.subject-box.active .subject-indicator{color:#14532d;background:#e8f5ec}.subject-color-1:before,.subject-color-2:before,.subject-color-3:before,.subject-color-4:before,.subject-color-5:before,.subject-color-6:before{content:"";width:4px;height:100%;position:absolute;top:0;left:0}.subject-color-1:before{background:#14532d}.subject-color-2:before{background:#d97706}.subject-color-3:before{background:#2563eb}.subject-color-4:before{background:#7c3aed}.subject-color-5:before{background:#65a30d}.subject-color-6:before{background:#0891b2}.save-subject-bar{background:linear-gradient(135deg,#fff,#f6fbf7);border:1px solid #14532d17;border-radius:18px;justify-content:space-between;align-items:center;gap:20px;margin-top:24px;padding:18px 20px;display:flex;box-shadow:0 12px 28px #14532d12}.save-subject-bar>div{flex-direction:column;display:flex}.save-subject-bar span{color:#84a28e;letter-spacing:1px;text-transform:uppercase;font-size:9px;font-weight:850}.save-subject-bar strong{color:#14532d;margin-top:5px;font-size:14px;font-weight:800}.save-subject-btn{cursor:pointer;background:linear-gradient(135deg,#d97706,#b45309);border:none;border-radius:12px;justify-content:center;align-items:center;gap:13px;min-height:48px;padding:12px 20px;font-family:inherit;font-size:13px;font-weight:850;transition:transform .18s,box-shadow .18s;display:inline-flex;box-shadow:0 9px 20px #d9770633;color:#fff!important}.save-subject-btn span{color:#fff;font-size:18px;line-height:1}.save-subject-btn:active{transform:scale(.98)}.subject-state{text-align:center;background:#fff;border:1px solid #14532d12;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;min-height:230px;padding:30px;display:flex}.subject-state p{color:#64748b;margin:9px 0 0;font-size:13px}.subject-state h3{color:#14532d;margin:12px 0 0;font-size:18px}.state-icon{color:#14532d;background:#e8f5ec;border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;font-size:24px;font-weight:800;display:flex}.error-state .state-icon{color:#dc2626;background:#fee2e2}@keyframes gradebank-subject-spin{to{transform:rotate(360deg)}}@media (width<=768px){.school-subject-page{padding:15px}.subject-page-header{border-radius:21px;min-height:165px;padding:23px}.subject-page-header h1{font-size:27px}.subject-page-header p{max-width:78%;font-size:13px}.subject-count{display:none}.subject-summary{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:28px}.subject-stat{text-align:center;border-radius:15px;flex-direction:column;justify-content:center;gap:7px;min-height:110px;padding:12px 5px}.subject-stat-icon{border-radius:11px;width:38px;height:38px;font-size:14px}.subject-stat span{letter-spacing:.2px;font-size:8px}.subject-stat strong{font-size:23px}.subjects-section-header{align-items:flex-end;gap:10px}.subjects-section-header h2{font-size:20px}.subject-actions{gap:5px}.select-all-btn,.clear-all-btn{min-height:34px;padding:7px 9px;font-size:9px}.subjects-container{grid-template-columns:1fr;gap:11px}.subject-box{border-radius:15px;min-height:83px;padding:15px}.subject-information strong{font-size:14px}.subject-information small{font-size:9px}.subject-indicator{display:none}.save-subject-bar{flex-direction:column;align-items:stretch;gap:13px;padding:16px}.save-subject-btn{width:100%;min-height:51px}}@media (width<=390px){.school-subject-page{padding:11px}.subject-page-header{border-radius:18px;padding:20px}.subject-page-header h1{font-size:24px}.subject-summary{gap:5px}.subject-stat{min-height:100px}.subject-stat strong{font-size:21px}.subject-box{padding:14px}.custom-checkbox{width:23px;height:23px}}@media (hover:none){.subject-box:hover,.select-all-btn:hover,.clear-all-btn:hover,.save-subject-btn:hover{transform:none}.subject-box:active{transform:scale(.985)}}.teacher-page{color:#17251d;background:radial-gradient(circle at 90% 0,#84cc1617,#0000 28%),radial-gradient(circle at 0 65%,#14532d0d,#0000 30%),#faf7f2;min-height:100vh;padding:26px;font-family:Inter,Roboto,Arial,sans-serif}.teacher-topbar{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.teacher-brand{letter-spacing:-1px;font-size:29px;font-weight:850;line-height:1}.brand-dark{color:#14532d}.brand-accent{color:#d97706}.teacher-role{color:#8a9c91;letter-spacing:1.7px;margin-top:5px;font-size:8px;font-weight:850;display:block}.teacher-status{color:#64748b;background:#fff;border:1px solid #dce8de;border-radius:10px;align-items:center;gap:7px;padding:8px 11px;font-size:9px;font-weight:700;display:flex}.status-dot{background:#22c55e;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #22c55e1a}.teacher-hero{background:linear-gradient(135deg,#071c10,#14532d 55%,#216c3d);border-radius:26px;justify-content:space-between;align-items:center;min-height:205px;margin-bottom:22px;padding:32px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 45px #14532d33}.teacher-hero:before{content:"";background:linear-gradient(110deg,#0000 50%,#84cc1614);width:100%;height:100%;position:absolute;top:0;left:0}.teacher-hero h1{color:#fff;letter-spacing:-.8px;margin:0;font-size:32px;font-weight:850}.teacher-hero p{color:#dceadf;max-width:590px;margin:10px 0 0;font-size:14px;line-height:1.65}.hero-decoration{width:170px;height:170px;position:absolute;top:50%;right:45px;transform:translateY(-50%)}.hero-circle{border:1px solid #ffffff1a;border-radius:50%;position:absolute}.circle-one{width:170px;height:170px}.circle-two{border-color:#84cc162e;width:120px;height:120px;top:25px;left:25px}.circle-three{background:#84cc1614;width:65px;height:65px;top:52px;left:52px}.stats-grid{grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:34px;display:grid}.stat-card{background:#fff;border:1px solid #14532d14;border-radius:19px;align-items:center;gap:14px;min-height:105px;padding:19px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 9px 24px #14532d0f}.stat-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px #14532d1a}.stat-card:before{content:"";background:#14532d;width:4px;height:100%;position:absolute;top:0;left:0}.stat-subjects:before{background:#14532d}.stat-classes:before{background:#d97706}.stat-students:before{background:#2563eb}.stat-icon{background:#e8f5ec;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:21px;display:flex}.stat-classes .stat-icon{background:#fff3d9}.stat-students .stat-icon{background:#eaf2ff}.stat-info span{color:#64748b;text-transform:uppercase;letter-spacing:.7px;font-size:10px;font-weight:750;display:block}.stat-info strong{color:#14532d;margin-top:4px;font-size:29px;font-weight:850;display:block}.section-heading{margin-bottom:17px}.section-heading>div{flex-direction:column;display:flex}.section-heading span{color:#84a28e;letter-spacing:1.5px;font-size:9px;font-weight:850}.quick-heading{margin-top:34px}.assignment-preview{grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:18px;display:grid}.assignment-preview .assignment-card{color:#fff;border:none;border-radius:22px;min-height:190px;padding:23px;transition:transform .25s,box-shadow .25s;position:relative;overflow:hidden;box-shadow:0 14px 30px #14532d24}.assignment-preview .assignment-card:after{content:"";pointer-events:none;background:#ffffff1a;border-radius:50%;width:170px;height:170px;transition:transform .3s;position:absolute;bottom:-75px;right:-65px}.assignment-preview .assignment-1{background:linear-gradient(135deg,#064e3b 0%,#047857 55%,#10b981 100%)}.assignment-preview .assignment-2{background:linear-gradient(135deg,#92400e 0%,#d97706 55%,#f59e0b 100%)}.assignment-preview .assignment-3{background:linear-gradient(135deg,#1e3a8a 0%,#2563eb 55%,#60a5fa 100%)}.assignment-preview .assignment-4{background:linear-gradient(135deg,#4c1d95 0%,#7c3aed 55%,#a78bfa 100%)}.assignment-preview .assignment-card:hover{transform:translateY(-7px);box-shadow:0 22px 42px #0f172a33}.assignment-preview .assignment-card:hover:after{transform:scale(1.25)}.assignment-top{z-index:2;justify-content:space-between;align-items:center;display:flex;position:relative}.assignment-label{color:#fff;letter-spacing:1px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff26;border:1px solid #fff3;border-radius:8px;align-items:center;min-height:25px;padding:5px 10px;font-size:8px;font-weight:850;display:inline-flex}.assignment-number{z-index:2;color:#ffffffd9;background:#ffffff21;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:9px;font-weight:850;display:flex;position:relative}.assignment-preview .assignment-card h3{z-index:2;letter-spacing:-.7px;margin:20px 0 15px;font-size:25px;font-weight:850;position:relative;color:#fff!important}.assignment-subject{z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000001f;border:1px solid #ffffff29;border-radius:12px;flex-direction:column;gap:6px;padding:11px 13px;display:flex;position:relative}.assignment-subject span{color:#ffffffb3;text-transform:uppercase;letter-spacing:1px;font-size:8px;font-weight:800}.assignment-subject strong{color:#fff;font-size:13px;font-weight:750;line-height:1.35}.empty-assignment{background:#fff;border:1px solid #e5ede7;border-radius:18px;align-items:center;gap:15px;min-height:120px;padding:20px;display:flex}.empty-icon{color:#b45309;background:#fff3d9;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:47px;height:47px;font-size:24px;font-weight:800;display:flex}.empty-assignment h3{color:#14532d;margin:0;font-size:16px}.empty-assignment p{color:#64748b;margin:5px 0 0;font-size:12px}.teacher-grid{grid-template-columns:repeat(4,1fr);gap:15px;display:grid}.teacher-link{color:inherit;text-decoration:none;display:block}.teacher-card{background:#fff;border:1px solid #14532d14;border-radius:20px;flex-direction:column;min-height:225px;padding:20px;transition:transform .22s,box-shadow .22s;display:flex;position:relative;overflow:hidden;box-shadow:0 9px 24px #14532d0f}.teacher-card:before{content:"";width:100%;height:4px;position:absolute;top:0;left:0}.action-classes:before{background:linear-gradient(90deg,#14532d,#22c55e)}.action-subjects:before{background:linear-gradient(90deg,#d97706,#f59e0b)}.action-marks:before{background:linear-gradient(90deg,#2563eb,#60a5fa)}.action-reports:before{background:linear-gradient(90deg,#7c3aed,#a78bfa)}.teacher-card:hover{transform:translateY(-5px);box-shadow:0 18px 35px #14532d1c}.action-top{justify-content:space-between;align-items:center;display:flex}.action-icon{background:#e8f5ec;border-radius:14px;justify-content:center;align-items:center;width:50px;height:50px;font-size:22px;display:flex}.action-subjects .action-icon{background:#fff3d9}.action-marks .action-icon{background:#eaf2ff}.action-reports .action-icon{background:#f1eafe}.action-arrow{color:#14532d;background:#f1f5f2;border-radius:50%;justify-content:center;align-items:center;width:29px;height:29px;font-size:17px;transition:transform .2s;display:flex}.teacher-card:hover .action-arrow{transform:translate(4px)}.teacher-card h3{color:#14532d;margin:19px 0 8px;font-size:18px;font-weight:850}.action-subjects h3{color:#b45309}.action-marks h3{color:#1d4ed8}.action-reports h3{color:#6d28d9}.teacher-card p{color:#64748b;margin:0;font-size:12px;line-height:1.55}.action-button{color:#14532d;text-transform:uppercase;letter-spacing:.5px;background:#e8f5ec;border-radius:9px;justify-content:center;align-self:flex-start;align-items:center;min-height:34px;margin-top:auto;padding:7px 11px;font-size:9px;font-weight:850;display:inline-flex}.action-subjects .action-button{color:#b45309;background:#fff3d9}.action-marks .action-button{color:#1d4ed8;background:#eaf2ff}.action-reports .action-button{color:#6d28d9;background:#f1eafe}.teacher-footer{color:#94a3b8;border-top:1px solid #e2eae4;justify-content:space-between;align-items:center;margin-top:35px;padding-top:18px;font-size:9px;font-weight:700;display:flex}.teacher-footer span:first-child{color:#14532d;font-weight:850}.teacher-state-page{text-align:center;background:#faf7f2;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:30px;font-family:Inter,Roboto,Arial,sans-serif;display:flex}.teacher-state-page h3{color:#14532d;margin:15px 0 0;font-size:19px}.teacher-state-page p{color:#64748b;margin:7px 0 0;font-size:13px}.teacher-loading-spinner{border:3px solid #e2eae4;border-top-color:#14532d;border-radius:50%;width:38px;height:38px;animation:.8s linear infinite teacher-spin}@keyframes teacher-spin{to{transform:rotate(360deg)}}.teacher-error-icon{color:#dc2626;background:#fee2e2;border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;font-size:24px;font-weight:850;display:flex}@media (width<=1050px){.teacher-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.teacher-page{padding:15px}.teacher-topbar{margin-bottom:15px}.teacher-brand{font-size:26px}.teacher-status{display:none}.teacher-hero{border-radius:21px;min-height:180px;padding:23px}.teacher-hero h1{font-size:26px}.teacher-hero p{max-width:85%;font-size:13px}.hero-decoration{display:none}.stats-grid{grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:28px}.stat-card{text-align:center;border-radius:15px;flex-direction:column;justify-content:center;gap:7px;min-height:110px;padding:10px 5px}.stat-icon{border-radius:11px;width:38px;height:38px;font-size:16px}.stat-info span{letter-spacing:.2px;font-size:8px}.stat-info strong{font-size:22px}.section-heading h2{font-size:20px}.assignment-preview{grid-template-columns:1fr;gap:12px}.assignment-preview .assignment-card{border-radius:19px;min-height:165px;padding:20px}.assignment-preview .assignment-card h3{margin:17px 0 13px;font-size:23px}.teacher-grid{grid-template-columns:1fr;gap:11px}.teacher-card{border-radius:17px;min-height:195px;padding:19px}.teacher-footer{flex-direction:column;align-items:flex-start;gap:5px}}@media (width<=390px){.teacher-page{padding:11px}.teacher-hero{border-radius:18px;padding:20px}.teacher-hero h1{font-size:24px}.stats-grid{gap:5px}.stat-card{min-height:100px}.stat-info strong{font-size:20px}.assignment-preview .assignment-card{min-height:155px;padding:18px}.assignment-preview .assignment-card h3{font-size:21px}.teacher-card{min-height:190px}}@media (hover:none){.teacher-card:hover,.assignment-card:hover,.stat-card:hover{transform:none}.teacher-card:active{transform:scale(.985)}}.teacher-class-page{color:#17251d;background:radial-gradient(circle at 5% 5%,#84cc161f,#0000 28%),radial-gradient(circle at 95% 10%,#14532d1a,#0000 30%),linear-gradient(145deg,#f7faf5,#f2f7f2);min-height:100vh;padding:28px;font-family:Inter,Roboto,Arial,sans-serif;position:relative;overflow-x:hidden}.teacher-hero{color:#fff;background:linear-gradient(135deg,#06200f,#0d3b20 50%,#176536);border-radius:26px;justify-content:space-between;align-items:center;gap:25px;min-height:190px;margin-bottom:20px;padding:34px;animation:.45s both pageEnter;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 40px #14532d2e}.teacher-hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#84cc1640,#0000 68%);border-radius:50%;width:300px;height:300px;position:absolute;top:-170px;right:-100px}.teacher-hero:after{content:"";background:linear-gradient(90deg,#84cc16,#d97706);border-radius:10px;width:130px;height:4px;position:absolute;bottom:0;left:34px}.hero-content{z-index:2;position:relative}.hero-eyebrow{color:#a7d66a;letter-spacing:2px;margin-bottom:8px;font-size:11px;font-weight:850;display:block}.hero-content h1{color:#fff;letter-spacing:-1px;margin:0;font-size:34px;font-weight:850;line-height:1.15}.hero-content p{color:#d8e9dd;max-width:520px;margin:12px 0 0;font-size:14px;line-height:1.6}.hero-badge{z-index:2;color:#e5f4e9;white-space:nowrap;background:#ffffff14;border:1px solid #ffffff24;border-radius:30px;align-items:center;gap:9px;padding:10px 14px;font-size:11px;font-weight:750;display:flex;position:relative}.hero-badge-dot{background:#84cc16;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #84cc161f}.teacher-stats{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px;display:grid}.stat-card{background:#ffffffe0;border:1px solid #14532d14;border-radius:18px;align-items:center;gap:13px;padding:18px;display:flex;box-shadow:0 10px 25px #14532d0e}.stat-icon{color:#fff;background:linear-gradient(135deg,#14532d,#2d7a46);border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:43px;height:43px;font-size:18px;font-weight:800;display:flex}.stat-card strong{color:#14532d;font-size:22px;line-height:1.1;display:block}.stat-card span{color:#64748b;text-transform:uppercase;letter-spacing:.7px;margin-top:4px;font-size:10px;font-weight:750;display:block}.assignment-card{background:#fffffff5;border:1px solid #14532d14;border-radius:22px;margin-bottom:20px;padding:25px;animation:.5s both pageEnter;position:relative;overflow:hidden;box-shadow:0 14px 35px #14532d11}.assignment-card:before{content:"";background:linear-gradient(90deg,#14532d,#84cc16,#d97706);height:4px;position:absolute;top:0;left:0;right:0}.section-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.section-eyebrow{color:#6b8b72;letter-spacing:1.6px;margin-bottom:7px;font-size:10px;font-weight:850;display:block}.section-header h2{color:#14532d;letter-spacing:-.4px;margin:0;font-size:22px;font-weight:850}.section-header p{color:#64748b;margin:7px 0 0;font-size:12px;line-height:1.5}.assignment-count{text-align:center;background:#f0f7f1;border-radius:14px;min-width:75px;padding:9px 12px}.assignment-count strong{color:#14532d;font-size:20px;display:block}.assignment-count span{color:#6b7d70;text-transform:uppercase;margin-top:2px;font-size:9px;font-weight:800;display:block}.assignment-list{gap:11px;display:grid}.assignment-item{background:linear-gradient(135deg,#fbfdfc,#f6faf7);border:1px solid #dde8df;border-radius:16px;justify-content:space-between;align-items:center;gap:15px;padding:16px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.assignment-item:hover{border-color:#afc9b5;transform:translateY(-2px);box-shadow:0 9px 22px #14532d14}.assignment-main{align-items:center;gap:13px;min-width:0;display:flex}.class-icon{color:#fff;background:linear-gradient(135deg,#14532d,#237744);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:13px;font-weight:850;display:flex}.assignment-details{min-width:0}.assignment-label{color:#78907e;letter-spacing:1.3px;margin-bottom:3px;font-size:8px;font-weight:850;display:block}.assignment-details h3{color:#14532d;margin:0 0 6px;font-size:17px;font-weight:850}.subject-pill{color:#365d40;background:#eaf4ec;border-radius:20px;align-items:center;gap:6px;max-width:100%;padding:5px 9px;font-size:10px;font-weight:750;display:inline-flex}.subject-dot{background:#84cc16;border-radius:50%;width:6px;height:6px}.assignment-actions{flex-shrink:0;align-items:center;gap:7px;display:flex}.open-class-btn{color:#fff;background:linear-gradient(135deg,#14532d,#237744);border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:39px;padding:9px 13px;font-size:10px;font-weight:800;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 6px 14px #14532d29}.open-class-btn span{font-size:15px;line-height:1}.open-class-btn:hover{transform:translateY(-2px);box-shadow:0 9px 18px #14532d38}.remove-assignment-btn{color:#b42318;cursor:pointer;background:#fff7f6;border:1px solid #eac7c3;border-radius:10px;min-height:39px;padding:9px 12px;font-size:10px;font-weight:800;transition:background .2s,transform .2s}.remove-assignment-btn:hover{background:#fdecea;transform:translateY(-2px)}.teaching-form{width:100%}.form-section{margin-top:4px}.field-label{color:#526777;text-transform:uppercase;letter-spacing:.8px;margin-bottom:8px;font-size:10px;font-weight:850;display:block}.assignment-select{color:#17251d;cursor:pointer;background:#fff;border:1px solid #d3e0d6;border-radius:12px;outline:none;width:100%;min-height:51px;padding:12px 14px;font-family:inherit;font-size:13px;font-weight:650;transition:border-color .2s,box-shadow .2s}.assignment-select:hover{border-color:#a7c3ad}.assignment-select:focus{border-color:#14532d;box-shadow:0 0 0 4px #14532d14}.subject-selection{border-top:1px solid #e4ece6;margin-top:20px;padding-top:20px}.subject-selection-header{justify-content:space-between;align-items:center;gap:15px;margin-bottom:14px;display:flex}.subject-selection-header h3{color:#14532d;margin:0;font-size:16px;font-weight:850}.selected-count{color:#14532d;text-align:center;background:#eaf4ec;border-radius:20px;min-width:75px;padding:7px 10px;font-size:13px;font-weight:850}.selected-count span{margin-left:4px;font-size:9px;font-weight:700}.subject-checkboxes{grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:10px;margin-bottom:18px;display:grid}.subject-option{color:#334155;cursor:pointer;background:#fbfdfc;border:1px solid #dce6de;border-radius:12px;align-items:center;gap:10px;min-height:50px;padding:10px 12px;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s;display:flex;position:relative}.subject-option:hover{border-color:#a7c3ad;transform:translateY(-2px);box-shadow:0 6px 15px #14532d12}.subject-option.selected{background:linear-gradient(135deg,#edf8ef,#f8fcf8);border-color:#70a57b;box-shadow:0 5px 15px #14532d14}.subject-option input{opacity:0;pointer-events:none;position:absolute}.check-box{color:#fff;background:#fff;border:1.5px solid #aabcaf;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;font-weight:900;display:flex}.subject-option.selected .check-box{background:#14532d;border-color:#14532d}.subject-name{color:#334155;font-size:11px;font-weight:750;line-height:1.3}.subject-option.selected .subject-name{color:#14532d;font-weight:850}.save-load-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#d97706,#b45309);border:none;border-radius:12px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:51px;font-family:inherit;font-size:11px;font-weight:850;transition:transform .2s,box-shadow .2s,opacity .2s;display:flex;box-shadow:0 9px 20px #d9770629}.save-load-btn:hover{transform:translateY(-2px);box-shadow:0 13px 25px #d9770638}.save-load-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.save-icon{font-size:15px}.empty-state{text-align:center;background:#fafcfa;border:1px dashed #c9d8cc;border-radius:16px;padding:35px 20px}.empty-state.small{margin-top:5px;padding:25px 15px}.empty-icon{color:#14532d;background:#edf4ee;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;margin:0 auto 10px;font-size:20px;font-weight:800;display:flex}.empty-state h3{color:#334155;margin:0;font-size:14px;font-weight:800}.empty-state p{color:#718096;max-width:380px;margin:7px auto 0;font-size:11px;line-height:1.5}.message{color:#a53a32;background:#fff7f6;border:1px solid #f0ccc7;border-radius:11px;align-items:center;gap:9px;margin-top:15px;padding:12px 14px;font-size:10px;font-weight:750;display:flex}.message span{background:#fce8e5;border-radius:50%;justify-content:center;align-items:center;width:21px;height:21px;font-size:11px;display:flex}.message.success{color:#176334;background:#f1faf3;border-color:#bbddc2}.message.success span{color:#176334;background:#ddf1e1}.loading-panel{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:70vh;display:flex}.loading-panel h2{color:#14532d;margin:15px 0 5px;font-size:20px}.loading-panel p{color:#718096;margin:0;font-size:12px}.loading-spinner{border:3px solid #dce9df;border-top-color:#14532d;border-radius:50%;width:38px;height:38px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pageEnter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=800px){.teacher-class-page{padding:18px}.teacher-hero{padding:27px}.hero-content h1{font-size:28px}.subject-checkboxes{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.teacher-class-page{padding:12px}.teacher-hero{border-radius:21px;align-items:flex-start;min-height:170px;padding:23px}.hero-content h1{font-size:25px}.hero-content p{max-width:300px;font-size:11px}.hero-badge{font-size:9px;position:absolute;bottom:18px;right:18px}.teacher-stats{grid-template-columns:repeat(3,1fr);gap:7px}.stat-card{text-align:center;padding:12px 8px;display:block}.stat-icon{border-radius:10px;width:34px;height:34px;margin:0 auto 7px;font-size:14px}.stat-card strong{font-size:17px}.stat-card span{font-size:7px}.assignment-card{border-radius:19px;padding:18px}.section-header{align-items:flex-start}.section-header h2{font-size:19px}.section-header p{font-size:10px}.assignment-count{min-width:60px}.assignment-item{flex-direction:column;align-items:stretch;padding:14px}.assignment-main{align-items:flex-start}.assignment-actions{grid-template-columns:1fr auto;width:100%;display:grid}.open-class-btn{width:100%}.remove-assignment-btn{min-width:75px}.subject-checkboxes{grid-template-columns:1fr}.subject-selection-header{align-items:flex-start}.selected-count{min-width:65px;font-size:11px}}@media (width<=390px){.teacher-class-page{padding:9px}.teacher-hero{padding:20px}.hero-content h1{font-size:22px}.hero-badge{display:none}.teacher-stats{gap:5px}.stat-card{padding:10px 5px}.stat-card strong{font-size:15px}.assignment-card{padding:15px}.assignment-actions{grid-template-columns:1fr}.remove-assignment-btn{width:100%}}@media (prefers-reduced-motion:reduce){.teacher-hero,.assignment-card,.loading-spinner{animation:none}}.grades-page{color:#17251d;background:radial-gradient(circle at 5% 5%,#84cc161a,#0000 28%),radial-gradient(circle at 95% 10%,#14532d14,#0000 30%),linear-gradient(145deg,#f7faf5,#f2f7f2);min-height:100vh;padding:28px;font-family:Inter,Roboto,Arial,sans-serif}.grades-header{color:#fff;background:linear-gradient(135deg,#06200f,#0d3b20 55%,#176536);border-radius:22px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;padding:28px 30px;display:flex;box-shadow:0 16px 35px #14532d29}.grades-eyebrow{color:#a7d66a;letter-spacing:1.8px;margin-bottom:7px;font-size:10px;font-weight:850;display:block}.grades-header h1{color:#fff;margin:0;font-size:30px;font-weight:850;line-height:1.15}.grades-header p{color:#d8e9dd;margin:8px 0 0;font-size:12px}.grades-status{color:#e5f4e9;white-space:nowrap;background:#ffffff14;border:1px solid #ffffff26;border-radius:30px;align-items:center;gap:9px;padding:10px 14px;font-size:10px;font-weight:800;display:flex}.grades-status span{background:#84cc16;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #84cc161f}.grades-summary-card{background:#fff;border:1px solid #14532d14;border-radius:18px;align-items:center;gap:16px;margin-bottom:20px;padding:20px;display:flex;box-shadow:0 10px 25px #14532d0f}.summary-icon{color:#fff;background:linear-gradient(135deg,#14532d,#2d7a46);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:21px;display:flex}.summary-content{flex:1;min-width:0}.summary-content>span{color:#78907e;letter-spacing:1.2px;margin-bottom:4px;font-size:8px;font-weight:850;display:block}.summary-content h2{color:#14532d;margin:0;font-size:20px;font-weight:850}.summary-content p{color:#64748b;margin:5px 0 0;font-size:11px}.summary-content p strong{color:#14532d}.stream-name{color:#64748b;font-weight:650}.summary-count{text-align:center;background:#f0f7f1;border-radius:14px;min-width:90px;padding:10px 14px}.summary-count strong{color:#14532d;font-size:24px;line-height:1;display:block}.summary-count span{color:#6b7d70;text-transform:uppercase;letter-spacing:.6px;margin-top:5px;font-size:8px;font-weight:800;display:block}.grades-message{color:#176334;background:#f1faf3;border:1px solid #bbddc2;border-radius:11px;align-items:center;gap:9px;margin-bottom:18px;padding:12px 15px;font-size:11px;font-weight:750;display:flex}.grades-message span{color:#176334;background:#ddf1e1;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.grades-card{background:#fff;border:1px solid #14532d14;border-radius:20px;overflow:hidden;box-shadow:0 14px 35px #14532d11}.grades-card-header{background:linear-gradient(135deg,#fff,#f8fbf8);border-bottom:1px solid #e4ece6;justify-content:space-between;align-items:center;gap:15px;padding:20px 22px;display:flex}.grades-card-header span{color:#78907e;letter-spacing:1.2px;margin-bottom:4px;font-size:8px;font-weight:850;display:block}.grades-card-header h2{color:#14532d;margin:0;font-size:19px;font-weight:850}.results-badge{color:#14532d;white-space:nowrap;background:#eaf4ec;border-radius:20px;padding:8px 12px;font-size:9px;font-weight:850}.grades-table-wrapper{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.grades-table{border-collapse:collapse;width:100%;min-width:720px}.grades-table thead{background:linear-gradient(135deg,#092515,#14532d)}.grades-table th{color:#fff;text-align:left;text-transform:uppercase;letter-spacing:.6px;white-space:nowrap;border:1px solid #ffffff14;padding:14px 13px;font-size:9px;font-weight:850}.grades-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #e4ece6;padding:14px 13px;font-size:11px}.grades-table tbody tr{transition:background .15s}.grades-table tbody tr:hover{background:#f7fbf8}.number-column,.number-cell{width:55px;font-weight:750;text-align:center!important;color:#78907e!important}.student-column{min-width:230px}.score-column,.score-cell,.grade-column{width:100px;text-align:center!important}.remark-column{width:150px;text-align:center!important}.action-column{width:130px;text-align:center!important}.student-cell{min-width:200px}.student-name{color:#14532d;font-size:12px;font-weight:800}.score-value{color:#17251d;font-size:13px;font-weight:850}.grade-badge{border-radius:20px;justify-content:center;align-items:center;min-width:34px;padding:6px 10px;font-size:10px;font-weight:850;display:inline-flex}.grade-a{color:#166534;background:#dcfce7}.grade-b{color:#0369a1;background:#e0f2fe}.grade-c{color:#92400e;background:#fef3c7}.grade-d{color:#c2410c;background:#ffedd5}.grade-f{color:#b42318;background:#fee2e2}.grade-neutral{color:#64748b;background:#f1f5f9}.remark-badge{border-radius:20px;justify-content:center;align-items:center;min-width:75px;padding:6px 10px;font-size:9px;font-weight:800;display:inline-flex}.remark-excellent{color:#166534;background:#dcfce7}.remark-good{color:#0369a1;background:#e0f2fe}.remark-fail{color:#b42318;background:#fee2e2}.remark-neutral{color:#64748b;background:#f1f5f9}.score-edit-input{color:#17251d;text-align:center;background:#fff;border:1px solid #a7c3ad;border-radius:8px;outline:none;width:75px;padding:8px 9px;font-family:inherit;font-size:12px;font-weight:750}.score-edit-input:focus{border-color:#14532d;box-shadow:0 0 0 3px #14532d14}.action-cell{text-align:center!important}.edit-grade-btn,.save-edit-btn,.cancel-edit-btn{cursor:pointer;border-radius:8px;min-height:34px;padding:7px 11px;font-family:inherit;font-size:9px;font-weight:800;transition:transform .15s,box-shadow .15s}.edit-grade-btn{color:#14532d;background:#f5faf6;border:1px solid #c8d8cc}.edit-grade-btn:hover{background:#eaf4ec;transform:translateY(-1px)}.edit-actions{justify-content:center;align-items:center;gap:5px;display:flex}.save-edit-btn{color:#fff;background:#14532d;border:none}.save-edit-btn:hover{background:#0d3b20;transform:translateY(-1px)}.cancel-edit-btn{color:#b42318;background:#fff7f6;border:1px solid #e2c7c3}.cancel-edit-btn:hover{background:#fdecea;transform:translateY(-1px)}.grades-no-results{text-align:center!important;padding:55px 20px!important}.grades-no-results>div{flex-direction:column;align-items:center;display:flex}.no-results-icon{background:#edf4ee;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:12px;font-size:23px;display:flex}.grades-no-results strong{color:#334155;font-size:14px}.grades-no-results p{color:#718096;margin:7px 0 0;font-size:10px}.grades-loading{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:70vh;display:flex}.grades-loading h2{color:#14532d;margin:15px 0 5px;font-size:20px}.grades-loading p{color:#718096;margin:0;font-size:11px}.grades-empty-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:70vh;padding:30px;display:flex}.grades-empty-icon{background:#eaf4ec;border-radius:20px;justify-content:center;align-items:center;width:65px;height:65px;margin-bottom:15px;font-size:28px;display:flex}.grades-empty-page h2{color:#14532d;margin:0;font-size:22px;font-weight:850}.grades-empty-page p{color:#718096;max-width:400px;margin:8px 0 0;font-size:12px;line-height:1.5}@media (width<=800px){.grades-page{padding:18px}.grades-header{padding:24px}.grades-header h1{font-size:26px}.grades-summary-card{padding:17px}}@media (width<=600px){.grades-page{padding:12px}.grades-header{border-radius:18px;flex-direction:column;align-items:flex-start;padding:20px}.grades-header h1{font-size:24px}.grades-header p{font-size:10px}.grades-status{align-self:flex-start;font-size:9px}.grades-summary-card{align-items:flex-start;padding:15px}.summary-icon{border-radius:11px;width:40px;height:40px;font-size:17px}.summary-content h2{font-size:17px}.summary-content p{font-size:10px}.summary-count{min-width:65px;padding:8px}.summary-count strong{font-size:19px}.summary-count span{font-size:7px}.grades-card{border-radius:16px}.grades-card-header{padding:16px}.grades-card-header h2{font-size:16px}.results-badge{padding:7px 9px;font-size:8px}.grades-table{min-width:700px}}@media (width<=390px){.grades-page{padding:8px}.grades-header{padding:17px}.grades-header h1{font-size:21px}.grades-summary-card{gap:10px;padding:12px}.summary-content h2{font-size:15px}.summary-count{min-width:55px}}.page-header{color:#fff;background:linear-gradient(135deg,#06200f,#0d3b20 55%,#176536);border-radius:22px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;padding:28px 30px;display:flex;box-shadow:0 15px 35px #14532d26}.page-eyebrow{color:#a7d66a;letter-spacing:1.8px;margin-bottom:7px;font-size:10px;font-weight:850}.page-header h1{color:#fff;margin:0;font-size:30px;font-weight:850;line-height:1.15}.page-header p{color:#d8e9dd;margin:9px 0 0;font-size:12px;line-height:1.5}.header-status{color:#e5f4e9;white-space:nowrap;background:#ffffff14;border:1px solid #ffffff26;border-radius:25px;align-items:center;gap:8px;padding:10px 14px;font-size:10px;font-weight:800;display:flex}.header-status span{background:#84cc16;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #84cc161f}.card-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;display:flex}.card-eyebrow{color:#78907e;letter-spacing:1.4px;margin-bottom:6px;font-size:9px;font-weight:850}.card-heading h2{color:#14532d;margin:0;font-size:21px;font-weight:850}.card-heading p{color:#64748b;margin:6px 0 0;font-size:11px;line-height:1.5}.count-badge{color:#14532d;background:#eaf4ec;border-radius:12px;justify-content:center;align-items:center;min-width:48px;height:42px;padding:0 12px;font-size:18px;font-weight:850;display:flex}.student-toolbar{background:#f8fbf8;border:1px solid #dce7de;border-radius:13px;align-items:center;gap:9px;margin-bottom:15px;padding:11px;display:flex}.student-toolbar button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#14532d,#237744);border:none;border-radius:10px;min-height:39px;padding:9px 14px;font-family:inherit;font-size:10px;font-weight:800;transition:transform .18s,box-shadow .18s;box-shadow:0 6px 14px #14532d21}.student-toolbar button:hover{transform:translateY(-1px);box-shadow:0 9px 18px #14532d2e}.student-toolbar button:nth-child(2){background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 6px 14px #d9770621}.student-table-container{background:#fff;border:1px solid #dce5de;border-radius:14px;width:100%;overflow:hidden}.student-table-scroll{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.student-table-scroll table{border-collapse:collapse;background:#fff;width:100%;min-width:600px}.student-table-scroll th{color:#fff;letter-spacing:.4px;text-align:left;white-space:nowrap;background:linear-gradient(135deg,#092515,#14532d);border:1px solid #14532d;padding:11px 12px;font-size:9px;font-weight:800}.student-table-scroll th:first-child,.student-table-scroll td:first-child{text-align:center;width:55px}.student-table-scroll td{color:#334155;border:1px solid #e2e8e3;padding:9px 12px;font-size:11px;font-weight:600}.student-table-scroll tbody tr:nth-child(2n) td{background:#f8fbf8}.student-table-scroll tbody tr:hover td{background:#eef7f0}.student-table-scroll input,.student-table-scroll select{color:#17251d;background:#fff;border:1px solid #d3e0d6;border-radius:8px;outline:none;width:100%;min-height:37px;padding:8px 10px;font-family:inherit;font-size:11px;font-weight:600;transition:border-color .2s,box-shadow .2s}.student-table-scroll input:focus,.student-table-scroll select:focus{border-color:#14532d;box-shadow:0 0 0 3px #14532d14}.student-table-scroll input::placeholder{color:#94a3b8;font-weight:500}.teacher-class-page .message{color:#176334;background:#f1faf3;border:1px solid #bbddc2;border-radius:10px;margin-top:14px;padding:11px 14px;font-size:10px;font-weight:750}.teacher-class-page .empty-state{text-align:left;background:#fafcfa;border:1px dashed #c9d8cc;border-radius:14px;justify-content:center;align-items:center;gap:15px;padding:30px 20px;display:flex}.teacher-class-page .empty-icon{background:#edf4ee;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex}.teacher-class-page .empty-state h3{color:#334155;margin:0;font-size:14px;font-weight:800}.teacher-class-page .empty-state p{color:#718096;margin:6px 0 0;font-size:10px;line-height:1.5}@media (width<=700px){.page-header{border-radius:20px;flex-direction:column;align-items:flex-start;padding:23px}.page-header h1{font-size:25px}.page-header p{font-size:10px}.header-status{align-self:flex-start;font-size:9px}.card-heading{align-items:flex-start}.card-heading h2{font-size:18px}.card-heading p{font-size:10px}.student-toolbar{flex-direction:column;align-items:stretch}.student-toolbar button{width:100%}.student-table-scroll table{min-width:580px}.teacher-class-page .empty-state{align-items:flex-start}}@media (width<=390px){.page-header{padding:19px}.page-header h1{font-size:22px}.assignment-card{padding:15px}.student-table-scroll table{min-width:550px}}.teacher-class-page{color:#17251d;background:radial-gradient(circle at 90% 0,#84cc1617,#0000 30%),#faf7f2;min-height:100vh;padding:28px;font-family:Inter,Roboto,Arial,sans-serif}.teacher-class-page .page-header{color:#fff;background:linear-gradient(135deg,#092515 0%,#14532d 55%,#1d6b3b 100%);border:1px solid #ffffff14;border-radius:24px;margin-bottom:28px;padding:30px;position:relative;overflow:hidden;box-shadow:0 18px 40px #14532d2e}.teacher-class-page .page-header:before{content:"";background:#84cc1621;border-radius:50%;width:240px;height:240px;position:absolute;top:-130px;right:-110px}.teacher-class-page .page-header:after{content:"";background:#84cc16;border-radius:10px;width:110px;height:3px;position:absolute;bottom:0;left:30px}.teacher-class-page .page-header h1{z-index:2;letter-spacing:-.8px;margin:0 0 10px;font-size:31px;font-weight:850;position:relative;color:#fff!important}.teacher-class-page .page-header p{z-index:2;margin:6px 0;font-size:14px;line-height:1.5;position:relative;color:#dceadf!important}.teacher-class-page .page-header p:last-child{background:#ffffff14;border:1px solid #ffffff1a;border-radius:9px;margin-top:12px;padding:7px 11px;font-size:10px;font-weight:700;display:inline-block;color:#b9dcc1!important}.teacher-class-page .teacher-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;display:grid}.teacher-class-page .teacher-card{color:#17251d;text-align:left;cursor:pointer;background:linear-gradient(135deg,#fff,#fcfdf9);border:1px solid #14532d17;border-left:5px solid #14532d;border-radius:21px;flex-direction:column;align-items:flex-start;width:100%;min-height:185px;padding:24px;transition:transform .22s,box-shadow .22s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 26px #14532d12}.teacher-class-page .teacher-card:after{content:"";pointer-events:none;background:#84cc1614;border-radius:50%;width:110px;height:110px;position:absolute;bottom:-45px;right:-45px}.teacher-class-page .teacher-card:hover{transform:translateY(-6px);box-shadow:0 18px 36px #14532d24}.teacher-class-page .teacher-card:first-child{border-left-color:#14532d}.teacher-class-page .teacher-card:nth-child(2){border-left-color:#d97706}.teacher-class-page .teacher-card:nth-child(3){border-left-color:#2563eb}.teacher-class-page .teacher-card:nth-child(4){border-left-color:#65a30d}.teacher-class-page .teacher-card:nth-child(5){border-left-color:#7c3aed}.teacher-class-page .teacher-card .icon{z-index:2;color:#14532d;background:#e8f5ec;border-radius:16px;justify-content:center;align-items:center;width:55px;height:55px;margin-bottom:17px;font-size:28px;display:flex;position:relative;box-shadow:0 7px 16px #14532d14}.teacher-class-page .teacher-card:nth-child(2) .icon{color:#b45309;background:#fff3d9}.teacher-class-page .teacher-card:nth-child(3) .icon{color:#1d4ed8;background:#eaf2ff}.teacher-class-page .teacher-card:nth-child(4) .icon{color:#4d7c0f;background:#f0f8de}.teacher-class-page .teacher-card:nth-child(5) .icon{color:#6d28d9;background:#f3e8ff}.teacher-class-page .teacher-card h3{z-index:2;color:#14532d;margin:0 0 9px;font-size:19px;font-weight:850;position:relative}.teacher-class-page .teacher-card:nth-child(2) h3{color:#b45309}.teacher-class-page .teacher-card:nth-child(3) h3{color:#1d4ed8}.teacher-class-page .teacher-card:nth-child(4) h3{color:#4d7c0f}.teacher-class-page .teacher-card:nth-child(5) h3{color:#6d28d9}.teacher-class-page .teacher-card p{z-index:2;color:#64748b;margin:0;font-size:12px;line-height:1.6;position:relative}.teacher-class-page>h2{color:#14532d;background:#fff;border:1px solid #14532d14;border-radius:20px;margin:0;padding:30px;box-shadow:0 12px 30px #14532d12}@media (width<=700px){.teacher-class-page{padding:15px}.teacher-class-page .page-header{border-radius:20px;margin-bottom:20px;padding:23px}.teacher-class-page .page-header h1{font-size:25px}.teacher-class-page .page-header p{font-size:12px}.teacher-class-page .teacher-grid{grid-template-columns:1fr;gap:14px}.teacher-class-page .teacher-card{border-radius:18px;min-height:150px;padding:21px}.teacher-class-page .teacher-card .icon{width:49px;height:49px;font-size:24px}.teacher-class-page .teacher-card h3{font-size:18px}.teacher-class-page .teacher-card p{font-size:11px}}@media (width<=390px){.teacher-class-page{padding:11px}.teacher-class-page .page-header{border-radius:18px;padding:20px}.teacher-class-page .page-header h1{font-size:23px}.teacher-class-page .teacher-card{min-height:140px;padding:18px}}@media (hover:none){.teacher-class-page .teacher-card:hover{transform:none}}.teacher-subject-page{color:#17251d;background:radial-gradient(circle at 10% 0,#84cc161f,#0000 30%),radial-gradient(circle at 95% 10%,#14532d1f,#0000 30%),#f5f8f4;min-height:100vh;padding:28px;font-family:Inter,Roboto,Arial,sans-serif;position:relative;overflow-x:hidden}.subjects-hero{color:#fff;background:linear-gradient(135deg,#061b0e 0%,#092515 30%,#14532d 68%,#1d6b3b 100%);border:1px solid #ffffff14;border-radius:26px;min-height:230px;margin-bottom:24px;padding:34px;position:relative;overflow:hidden;box-shadow:0 22px 50px #14532d38}.hero-content{z-index:5;max-width:680px;position:relative}.hero-eyebrow{color:#b8d9c0;letter-spacing:1.8px;align-items:center;gap:8px;margin-bottom:12px;font-size:10px;font-weight:850;display:flex}.hero-dot{background:#84cc16;border-radius:50%;width:8px;height:8px;box-shadow:0 0 12px #84cc16e6}.subjects-hero h1{letter-spacing:-1.2px;margin:0;font-size:38px;font-weight:850;line-height:1.1;color:#fff!important}.subjects-hero p{max-width:600px;margin:13px 0 0;font-size:14px;line-height:1.65;color:#dceadf!important}.hero-meta{align-items:center;gap:22px;margin-top:25px;display:flex}.hero-meta-item{flex-direction:column;gap:2px;display:flex}.hero-meta-item strong{color:#fff;font-size:24px;font-weight:850}.hero-meta-item span{color:#b8d9c0;text-transform:uppercase;letter-spacing:1px;font-size:10px;font-weight:700}.hero-divider{background:#ffffff2e;width:1px;height:38px}.hero-status{z-index:5;color:#dceadf;background:#ffffff14;border:1px solid #ffffff21;border-radius:30px;align-items:center;gap:8px;padding:9px 14px;font-size:10px;font-weight:700;display:flex;position:absolute;top:28px;right:28px}.hero-status span{background:#84cc16;border-radius:50%;width:7px;height:7px;box-shadow:0 0 10px #84cc16cc}.hero-orb{pointer-events:none;border-radius:50%;position:absolute}.orb-one{background:radial-gradient(circle,#84cc1638,#0000 68%);width:280px;height:280px;top:-150px;right:-90px}.orb-two{background:radial-gradient(circle,#ffffff12,#0000 70%);width:220px;height:220px;bottom:-180px;right:170px}.subject-controls{background:#fffffff5;border:1px solid #14532d17;border-radius:22px;margin-bottom:20px;padding:25px;box-shadow:0 12px 30px #14532d11}.control-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.control-heading span{color:#84a28e;letter-spacing:1.5px;font-size:9px;font-weight:850}.control-heading h2{color:#14532d;margin:5px 0 0;font-size:23px;font-weight:850}.selection-counter{color:#14532d;background:#e8f5ec;border-radius:13px;justify-content:center;align-items:center;gap:7px;min-width:100px;padding:11px 15px;display:flex}.selection-counter strong{font-size:20px;font-weight:850}.selection-counter span{font-size:10px;font-weight:700}.control-row{align-items:center;gap:12px;display:flex}.subject-search{flex:1;position:relative}.search-icon{pointer-events:none;font-size:16px;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.subject-search input{color:#17251d;background:#fafcfa;border:1px solid #d6e1d8;border-radius:13px;outline:none;width:100%;min-height:49px;padding:12px 42px;font-family:inherit;font-size:13px}.subject-search input:focus{border-color:#14532d;box-shadow:0 0 0 4px #14532d14}.clear-search{color:#526777;cursor:pointer;background:#e5ece6;border:none;border-radius:50%;width:28px;height:28px;font-size:18px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.control-actions{gap:8px;display:flex}.control-btn{cursor:pointer;border-radius:12px;min-height:47px;padding:10px 15px;font-family:inherit;font-size:11px;font-weight:800}.select-btn{color:#fff;background:#14532d;border:none}.select-btn:hover{background:#0f4224}.clear-btn{color:#526777;background:#fff;border:1px solid #d4e0d6}.subject-message{color:#14532d;background:#eaf6ed;border:1px solid #b8dcc0;border-radius:13px;align-items:center;gap:10px;margin-bottom:20px;padding:13px 16px;font-size:12px;font-weight:700;display:flex}.subject-message span{color:#fff;background:#14532d;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.subjects-section{background:#fffffff5;border:1px solid #14532d14;border-radius:23px;margin-bottom:22px;padding:25px;position:relative;box-shadow:0 13px 32px #14532d11}.subjects-section-heading{justify-content:space-between;margin-bottom:18px;display:flex}.subjects-section-heading span{color:#84a28e;letter-spacing:1.5px;font-size:9px;font-weight:850}.subjects-section-heading h2{color:#14532d;margin:5px 0 0;font-size:22px;font-weight:850}.subject-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.subject-tile{color:#334155;text-align:left;cursor:pointer;background:linear-gradient(135deg,#fff,#f8fbf8);border:1px solid #dce5de;border-radius:17px;align-items:center;gap:13px;width:100%;min-height:88px;padding:14px;font-family:inherit;transition:transform .2s,border-color .2s,box-shadow .2s,background .2s;display:flex;position:relative}.subject-tile:before{content:"";background:#d4ddd6;border-radius:0 5px 5px 0;width:4px;position:absolute;top:12px;bottom:12px;left:0}.subject-tile:hover{border-color:#a9c9b1;transform:translateY(-3px);box-shadow:0 12px 25px #14532d17}.subject-icon{background:#f0f6f1;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:49px;height:49px;font-size:23px;display:flex;box-shadow:inset 0 0 0 1px #14532d0d}.subject-tile-content{flex:1;min-width:0}.subject-number{color:#9aaea0;letter-spacing:1px;margin-bottom:3px;font-size:8px;font-weight:850;display:block}.subject-tile h3{color:#26382c;word-break:break-word;margin:0;font-size:14px;font-weight:800;line-height:1.35}.subject-check{color:#9aaea0;background:#fff;border:1px solid #d6e1d8;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:15px;font-weight:850;display:flex}.subject-tile.selected{background:linear-gradient(135deg,#eaf6ed,#f8fcf8);border-color:#14532d;box-shadow:0 11px 25px #14532d1a}.subject-tile.selected:before{background:linear-gradient(#14532d,#84cc16)}.subject-tile.selected .subject-icon{background:#dcefe1}.subject-tile.selected .subject-tile h3{color:#14532d}.subject-tile.selected .subject-check{color:#fff;background:#14532d;border-color:#14532d}.subject-empty{text-align:center;background:#f8faf8;border:1px dashed #d5e1d8;border-radius:17px;padding:50px 20px}.empty-icon{background:#fff3d9;border-radius:16px;justify-content:center;align-items:center;width:55px;height:55px;margin:0 auto 12px;font-size:23px;display:flex}.subject-empty h3{color:#14532d;margin:0}.subject-empty p{color:#64748b;margin:7px 0 0;font-size:12px}.save-panel{background:linear-gradient(135deg,#092515,#14532d);border-radius:22px;justify-content:space-between;align-items:center;gap:25px;margin-bottom:20px;padding:22px 25px;display:flex;box-shadow:0 18px 38px #14532d33}.save-info{align-items:center;gap:14px;display:flex}.save-icon{color:#84cc16;background:#84cc1629;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;font-weight:850;display:flex}.save-info span{color:#afcdb6;letter-spacing:1.4px;font-size:8px;font-weight:850}.save-info h3{color:#fff;margin:4px 0;font-size:17px;font-weight:800}.save-info p{color:#c9ded0;margin:0;font-size:10px}.save-subject-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#d97706,#b45309);border:none;border-radius:13px;justify-content:center;align-items:center;gap:12px;min-width:190px;min-height:51px;padding:12px 18px;font-family:inherit;font-size:12px;font-weight:850;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 10px 22px #d9770640}.save-subject-btn:hover{transform:translateY(-2px);box-shadow:0 14px 28px #d977064d}.save-subject-btn:disabled{opacity:.65;cursor:wait;transform:none}.save-arrow{font-size:18px}.subjects-loading{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:80vh;display:flex}.subjects-loading h2{color:#14532d;margin:20px 0 5px}.subjects-loading p{color:#64748b;margin:0;font-size:13px}.loading-orbit{border:3px solid #14532d;border-color:#14532d #84cc16 #dce8de #dce8de;border-radius:50%;width:55px;height:55px;animation:1s linear infinite spin;position:relative}.loading-orbit span{background:#d97706;border-radius:50%;width:7px;height:7px;position:absolute}.loading-orbit span:first-child{top:1px;left:22px}.loading-orbit span:nth-child(2){bottom:12px;right:1px}.loading-orbit span:nth-child(3){bottom:12px;left:2px}@media (width<=700px){.teacher-subject-page{padding:14px}.subjects-hero{border-radius:21px;min-height:250px;padding:25px 22px}.subjects-hero h1{font-size:30px}.subjects-hero p{font-size:13px}.hero-status{margin-top:22px;display:inline-flex;position:relative;top:auto;right:auto}.hero-meta{margin-top:20px}.hero-meta-item strong{font-size:21px}.subject-controls{border-radius:19px;padding:20px}.control-heading{align-items:flex-start}.control-heading h2{font-size:20px}.control-row{flex-direction:column;align-items:stretch}.control-actions{width:100%}.control-btn{flex:1}.subjects-section{border-radius:19px;padding:20px}.subject-grid{grid-template-columns:1fr;gap:11px}.subject-tile{min-height:78px}.save-panel{border-radius:19px;flex-direction:column;align-items:stretch;padding:20px}.save-subject-btn{width:100%}}@media (width<=390px){.teacher-subject-page{padding:10px}.subjects-hero{padding:22px 18px}.subjects-hero h1{font-size:27px}.hero-meta{gap:15px}.subject-controls,.subjects-section{padding:17px}.subject-tile{padding:12px}.subject-icon{width:43px;height:43px;font-size:20px}.subject-tile h3{font-size:13px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.marks-page{color:#17251d;background:radial-gradient(circle at 90% 0,#84cc1614,#0000 30%),#faf7f2;min-height:100vh;padding:28px;font-family:Inter,Roboto,Arial,sans-serif}.marks-page .page-header{color:#fff;background:linear-gradient(135deg,#092515 0%,#14532d 55%,#1d6b3b 100%);border:1px solid #ffffff14;border-radius:24px;margin-bottom:25px;padding:30px;position:relative;overflow:hidden;box-shadow:0 18px 40px #14532d2e}.marks-page .page-header:before{content:"";background:#84cc161f;border-radius:50%;width:220px;height:220px;position:absolute;top:-120px;right:-100px}.marks-page .page-header:after{content:"";background:#84cc16;border-radius:10px;width:90px;height:3px;position:absolute;bottom:0;left:30px}.marks-page .page-header h1{z-index:2;letter-spacing:-.7px;margin:0;font-size:30px;font-weight:850;position:relative;color:#fff!important}.marks-page .page-header p{z-index:2;margin:9px 0 0;font-size:13px;position:relative;color:#dceadf!important}.marks-page .assignment-card{background:linear-gradient(135deg,#fff,#fcfdf9);border:1px solid #14532d14;border-radius:22px;margin-bottom:23px;padding:27px;position:relative;overflow:hidden;box-shadow:0 12px 30px #14532d12}.marks-page .assignment-card:before{content:"";background:linear-gradient(90deg,#14532d,#84cc16);width:100%;height:4px;position:absolute;top:0;left:0}.marks-page .assignment-card h2{color:#14532d;margin:0 0 17px;font-size:20px;font-weight:850}.marks-page .assignment-card h2+select{margin-top:0}.marks-page .assignment-card select{color:#17251d;cursor:pointer;background:#fff;border:1px solid #d5e1d8;border-radius:13px;outline:none;width:100%;max-width:560px;min-height:50px;margin-bottom:16px;padding:12px 14px;font-family:inherit;font-size:13px;font-weight:650;transition:border-color .2s,box-shadow .2s,transform .2s;display:block}.marks-page .assignment-card select:hover{border-color:#a9c9b1}.marks-page .assignment-card select:focus{border-color:#14532d;box-shadow:0 0 0 4px #14532d14}.marks-page .assignment-card>button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#14532d,#1d6b3b);border:none;border-radius:11px;justify-content:center;align-items:center;min-height:44px;margin-top:4px;padding:10px 20px;font-family:inherit;font-size:12px;font-weight:800;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 8px 18px #14532d2e}.marks-page .assignment-card>button:hover{transform:translateY(-2px);box-shadow:0 12px 24px #14532d3d}.marks-page .assignment-card>button:active{transform:scale(.98)}.marks-table-container{-webkit-overflow-scrolling:touch;scrollbar-width:thin;background:#fff;border:1px solid #dce5de;border-radius:13px;width:100%;max-width:100%;max-height:560px;overflow:auto}.marks-page .marks-table{border-collapse:collapse;table-layout:fixed;background:#fff;width:max-content;min-width:500px}.marks-page .marks-table th{z-index:5;color:#fff;text-align:left;white-space:nowrap;background:linear-gradient(135deg,#14532d,#1d6b3b);border-bottom:2px solid #0b3b20;height:36px;padding:7px 9px;font-size:10px;font-weight:800;line-height:1.2;position:sticky;top:0}.marks-page .marks-table td{color:#17251d;vertical-align:middle;background:#fff;border-bottom:1px solid #e2e8e4;height:39px;padding:5px 9px;font-size:11px;line-height:1.2}.marks-page .marks-table tr:hover td{background:#f0f8f2}.marks-page .marks-table th:first-child,.marks-page .marks-table td:first-child{text-align:center;width:42px;min-width:42px;max-width:42px;padding:5px}.marks-page .marks-table th:nth-child(2),.marks-page .marks-table td:nth-child(2){width:240px;min-width:240px;max-width:240px}.marks-page .marks-table th:nth-child(3),.marks-page .marks-table td:nth-child(3){text-align:center;width:105px;min-width:105px;max-width:105px}.marks-page .marks-table input{color:#17251d;text-align:center;background:#fff;border:1px solid #c9d8ce;border-radius:7px;outline:none;min-width:70px;height:31px;min-height:31px;padding:5px 7px;font-family:inherit;font-size:12px;font-weight:700;transition:border-color .2s,box-shadow .2s;width:70px!important}.marks-page .marks-table input:focus{border-color:#14532d;box-shadow:0 0 0 3px #14532d14}.marks-page .marks-table input::-webkit-inner-spin-button{opacity:1}.marks-page .marks-table input::-webkit-outer-spin-button{opacity:1}.marks-page .assignment-card .marks-table+button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#d97706,#b45309);border:none;border-radius:11px;justify-content:center;align-items:center;min-height:44px;margin-top:17px;padding:10px 22px;font-family:inherit;font-size:12px;font-weight:850;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 9px 20px #d977062e}.marks-page .assignment-card .marks-table+button:hover{transform:translateY(-2px);box-shadow:0 13px 25px #d977063d}.marks-page .message{color:#14532d;background:#eaf6ed;border:1px solid #b8dcc0;border-radius:11px;align-items:center;min-height:45px;margin-top:15px;padding:12px 15px;font-size:11px;font-weight:700;display:flex}.marks-table-container::-webkit-scrollbar{width:7px;height:7px}.marks-table-container::-webkit-scrollbar-track{background:#eef3ef;border-radius:10px}.marks-table-container::-webkit-scrollbar-thumb{background:#9bb9a3;border-radius:10px}.marks-table-container::-webkit-scrollbar-thumb:hover{background:#14532d}@media (width<=700px){.marks-page{padding:15px}.marks-page .page-header{border-radius:20px;margin-bottom:18px;padding:23px}.marks-page .page-header h1{font-size:25px}.marks-page .page-header p{font-size:12px}.marks-page .assignment-card{border-radius:19px;padding:20px}.marks-page .assignment-card h2{font-size:18px}.marks-page .assignment-card select{max-width:100%;min-height:49px;font-size:12px}.marks-page .assignment-card>button{width:100%;min-height:45px}.marks-table-container{width:100%;max-width:100%;overflow-x:auto}.marks-page .marks-table{min-width:430px}.marks-page .marks-table th{height:33px;padding:6px 7px;font-size:9px}.marks-page .marks-table td{height:35px;padding:4px 7px;font-size:10px}.marks-page .marks-table th:first-child,.marks-page .marks-table td:first-child{width:35px;min-width:35px;max-width:35px}.marks-page .marks-table th:nth-child(2),.marks-page .marks-table td:nth-child(2){width:185px;min-width:185px;max-width:185px}.marks-page .marks-table th:nth-child(3),.marks-page .marks-table td:nth-child(3){width:90px;min-width:90px;max-width:90px}.marks-page .marks-table input{min-width:62px;height:29px;min-height:29px;font-size:11px;width:62px!important}.marks-page .assignment-card .marks-table+button{width:100%;min-height:45px}}@media (width<=390px){.marks-page{padding:11px}.marks-page .page-header{padding:20px}.marks-page .page-header h1{font-size:23px}.marks-page .assignment-card{padding:17px}.marks-page .marks-table{min-width:410px}}@media (hover:none){.marks-page .assignment-card>button:hover,.marks-page .assignment-card .marks-table+button:hover{transform:none}}.report-page{color:#17251d;box-sizing:border-box;background:radial-gradient(circle at 90% 0,#84cc1614,#0000 30%),#faf7f2;min-height:100vh;padding:28px;font-family:Inter,Roboto,Arial,sans-serif}.report-page .report-card{box-sizing:border-box;background:linear-gradient(135deg,#fff,#fcfdf9);border:1px solid #14532d14;border-radius:24px;width:100%;max-width:900px;margin:0 auto;padding:30px;box-shadow:0 18px 40px #14532d14}.report-page .report-card>div:first-child{border-bottom:3px solid #84cc16;margin-bottom:22px;padding-bottom:20px;position:relative}.report-page h1{color:#14532d;letter-spacing:-.5px;font-size:28px;font-weight:850}.report-page h2{color:#14532d}.report-page p{color:#64748b}.report-page .report-controls{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:15px;display:grid}.report-page .report-controls select{color:#17251d;cursor:pointer;box-sizing:border-box;background:#fff;border:1px solid #d5e1d8;border-radius:12px;outline:none;width:100%;min-height:48px;padding:12px 14px;font-family:inherit;font-size:13px;font-weight:650;transition:border-color .2s,box-shadow .2s}.report-page .report-controls select:hover{border-color:#a9c9b1}.report-page .report-controls select:focus{border-color:#14532d;box-shadow:0 0 0 4px #14532d14}.report-page .report-controls button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#14532d,#1d6b3b);border:none;border-radius:12px;grid-column:1/-1;width:100%;min-height:50px;font-family:inherit;font-size:13px;font-weight:850;transition:transform .2s,box-shadow .2s;box-shadow:0 9px 20px #14532d2e}.report-page .report-controls button:hover{transform:translateY(-2px);box-shadow:0 13px 25px #14532d3b}.report-page .report-controls button:active{transform:scale(.985)}.report-page .report-card>button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#d97706,#b45309);border:none;border-radius:12px;width:100%;min-height:50px;margin-bottom:22px;padding:13px;font-family:inherit;font-size:12px;font-weight:850;transition:transform .2s,box-shadow .2s;box-shadow:0 9px 20px #d977062b}.report-page .report-card>button:hover{transform:translateY(-2px);box-shadow:0 13px 25px #d977063b}.report-page .report-card>div{box-sizing:border-box}.report-page .report-card strong{color:#14532d}@media (width<=700px){.report-page{padding:15px}.report-page .report-card{border-radius:20px;padding:20px}.report-page .report-controls{grid-template-columns:1fr;gap:10px}.report-page .report-controls button{grid-column:auto}.report-page h1{font-size:24px}}@media print{.report-page{background:#fff;padding:0}.report-page .report-card{max-width:none;box-shadow:none;border:none;padding:20px}}.report-page-header{position:relative}.report-header-content{justify-content:space-between;align-items:center;gap:20px;display:flex}.report-settings-button{color:#14532d;cursor:pointer;background:linear-gradient(135deg,#f7fcf8,#e8f5ec);border:1px solid #14532d24;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;min-height:43px;padding:10px 15px;font-family:inherit;font-size:10px;font-weight:850;transition:transform .2s,box-shadow .2s,border-color .2s;display:inline-flex;box-shadow:0 7px 17px #14532d14}.report-settings-button:hover{border-color:#14532d47;transform:translateY(-2px);box-shadow:0 11px 24px #14532d21}.report-settings-button:active{transform:scale(.98)}.report-settings-icon{color:#fff;background:linear-gradient(135deg,#14532d,#1d6b3b);border-radius:8px;justify-content:center;align-items:center;width:25px;height:25px;font-size:13px;display:flex}@media (width<=700px){.report-header-content{flex-direction:column;align-items:stretch;gap:14px}.report-settings-button{width:100%}}@media (width<=390px){.report-settings-button{min-height:40px;font-size:9px}}.report-page{color:#17251d;background:radial-gradient(circle at 90% 0,#84cc1614,#0000 28%),#f5f8f5;min-height:100vh;padding:24px;font-family:Inter,Roboto,Arial,sans-serif}.report-card{background:#fff;border:1px solid #dce7de;border-radius:24px;width:100%;max-width:920px;margin:0 auto;padding:28px;box-shadow:0 18px 45px #14532d1a}.school-header{text-align:center;color:#fff;position:relative;overflow:hidden;box-shadow:0 12px 28px #14532d29;background:linear-gradient(135deg,#071c10,#14532d 58%,#216c3d)!important;border-radius:18px!important;margin-bottom:13px!important;padding:20px 22px 18px!important}.school-header:after{content:"";background:#84cc161f;border-radius:50%;width:150px;height:150px;position:absolute;top:-85px;right:-65px}.school-header h1{z-index:2;letter-spacing:-.5px;position:relative;color:#fff!important;margin:0!important;font-size:24px!important;font-weight:850!important;line-height:1.2!important}.school-header p{z-index:2;font-style:italic;position:relative;color:#cde5d3!important;margin:5px 0 0!important;font-size:11px!important;line-height:1.3!important}.school-contact-line{z-index:2;flex-wrap:wrap;justify-content:center;align-items:center;gap:5px 18px;font-weight:650;display:flex;position:relative;color:#fff!important;margin-top:9px!important;font-size:9.5px!important}.school-contact-line span{white-space:nowrap}.school-contact-line strong{color:#a7d6b5;font-weight:800}.report-title-block{z-index:2;border-top:1px solid #ffffff29;position:relative;margin-top:12px!important;padding-top:9px!important}.report-title-block h3{color:#fff!important;letter-spacing:1.4px!important;margin:0!important;font-size:11px!important;font-weight:850!important}.report-title-block small{display:block;color:#cde5d3!important;margin-top:4px!important;font-size:8.5px!important}.report-fees-information{background:linear-gradient(135deg,#f8fcf8,#fff)!important;border:1px solid #dce8de!important;border-radius:14px!important;margin:20px 0 0!important;padding:15px 17px!important}.fees-heading{text-transform:uppercase;color:#14532d!important;letter-spacing:1px!important;margin:0 0 9px!important;font-size:10px!important;font-weight:850!important}.fees-details{grid-template-columns:repeat(2,1fr);gap:9px!important;display:grid!important}.fee-item{background:#fff;border:1px solid #e0e9e2;border-radius:9px!important;padding:10px 12px!important}.fee-item span{color:#84a28e;letter-spacing:.6px;text-transform:uppercase;font-weight:800;display:block;font-size:7px!important}.fee-item strong{color:#17251d;word-break:break-word;font-weight:800;display:block;margin-top:3px!important;font-size:10px!important}.payment-instructions{border-top:1px solid #e2eae4;margin-top:10px!important;padding-top:9px!important}.payment-instructions span{color:#84a28e;text-transform:uppercase;margin-bottom:3px;font-weight:800;display:block;font-size:7px!important}.payment-instructions p{color:#526777;margin:0;font-size:9px!important;line-height:1.5!important}.student-info{grid-template-columns:1.45fr 1fr 1fr .8fr .95fr;gap:7px!important;margin:10px 0 12px!important;display:grid!important}.student-info>div{background:linear-gradient(145deg,#fff,#f7faf8);border:1px solid #dce8de;min-width:0;border-radius:10px!important;min-height:54px!important;padding:9px 10px!important}.student-info label{color:#84a28e;letter-spacing:.7px;text-transform:uppercase;font-weight:850;display:block;margin-bottom:4px!important;font-size:7px!important}.student-info strong{color:#17251d;word-break:break-word;font-weight:800;display:block;font-size:10.5px!important;line-height:1.2!important}.table-scroll{border:1px solid #d5e1d8;border-radius:13px;width:100%;max-width:100%;overflow:auto hidden;margin-top:5px!important}.table-scroll table{background:#fff;border-collapse:collapse!important;width:100%!important;min-width:0!important}.table-scroll thead th{letter-spacing:.4px;text-align:center;white-space:nowrap;border:1px solid #14532d;font-weight:850;color:#fff!important;background:linear-gradient(135deg,#092515,#14532d)!important;padding:9px 8px!important;font-size:8.5px!important}.table-scroll tbody td{color:#334155;text-align:center;border:1px solid #e2e8e3;line-height:1.25;padding:8px!important;font-size:9.5px!important}.table-scroll tbody td:first-child{color:#14532d;text-align:left;font-weight:800}.table-scroll tbody tr:nth-child(2n) td{background:#f8fbf8}.table-scroll tbody tr:hover td{background:#eef7f0}.table-scroll tr{break-inside:avoid!important;page-break-inside:avoid!important}.summary{grid-template-columns:repeat(3,1fr);gap:9px;display:grid;margin-top:12px!important}.summary>div{text-align:center;background:#f8fcf8;border:1px solid #dce8de;position:relative;overflow:hidden;border-radius:10px!important;min-height:55px!important;padding:10px!important}.summary>div:before{content:"";background:#14532d;width:100%;height:3px;position:absolute;top:0;left:0}.summary>div:nth-child(2):before{background:#d97706}.summary>div:nth-child(3):before{background:#2563eb}.summary label{color:#84a28e;letter-spacing:.8px;text-transform:uppercase;font-weight:850;display:block;font-size:7px!important}.summary strong{color:#14532d;font-weight:850;display:block;margin-top:3px!important;font-size:17px!important}.comments{padding-top:5px;margin-top:0!important}.comments h3{border-bottom:2px solid #dce8de;padding-bottom:7px;font-weight:850;color:#14532d!important;margin:13px 0 7px!important;font-size:13px!important}.comments p{color:#526777;background:#f8fbf8;border:1px solid #dce5de;min-height:70px;border-radius:11px!important;margin:0 0 18px!important;padding:13px 15px!important;font-size:10px!important;line-height:1.6!important}.signatures{text-align:center;padding-top:10px;grid-template-columns:1fr 1fr!important;gap:90px!important;margin-top:50px!important;display:grid!important}.signatures div{color:#526777;border-top:1px solid #526777;padding-top:10px;font-weight:700;line-height:1.6;width:100%!important;font-size:10px!important}.buttons{border-top:1px solid #e2e8e3;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px;padding-top:20px;display:flex}.print-btn,.download-btn{color:#fff;cursor:pointer;border:none;border-radius:11px;min-height:44px;padding:10px 20px;font-family:inherit;font-size:11px;font-weight:850}.print-btn{background:linear-gradient(135deg,#14532d,#1d6b3b)}.download-btn{background:linear-gradient(135deg,#d97706,#b45309)}.print-btn:hover,.download-btn:hover{transform:translateY(-2px)}@media print{@page{size:A4 portrait;margin:9mm}html,body{background:#fff!important;margin:0!important;padding:0!important}.report-page{background:#fff!important;min-height:0!important;margin:0!important;padding:0!important}.report-card{width:100%!important;max-width:none!important;box-shadow:none!important;border:none!important;border-radius:0!important;margin:0!important;padding:0!important}.school-header{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;margin-bottom:8px!important}.student-info{margin:7px 0 9px!important}.table-scroll{margin-top:3px!important;overflow:visible!important}.table-scroll table{width:100%!important}.table-scroll thead{display:table-header-group}.table-scroll tr{break-inside:avoid!important;page-break-inside:avoid!important}.table-scroll thead th{padding:7px 6px!important;font-size:8px!important}.table-scroll tbody td{padding:6px!important;font-size:8.5px!important}.summary{margin-top:8px!important}.summary>div,.student-info>div{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.comments{break-before:page!important;page-break-before:always!important}.report-fees-information,.signatures{break-inside:avoid!important;page-break-inside:avoid!important}.buttons{display:none!important}}@media (width<=700px){.report-page{padding:12px}.report-card{border-radius:19px;padding:17px}.school-header{padding:18px 13px!important}.school-header h1{font-size:21px!important}.school-contact-line{gap:4px 9px;font-size:8px!important}.student-info{grid-template-columns:repeat(5,1fr)!important;gap:4px!important}.student-info>div{min-height:45px!important;padding:6px 5px!important}.student-info label{font-size:5.5px!important}.student-info strong{font-size:7.5px!important}.table-scroll{overflow-x:auto}.table-scroll table{min-width:540px!important}.table-scroll thead th{padding:7px 5px!important;font-size:7px!important}.table-scroll tbody td{padding:6px 5px!important;font-size:8px!important}.summary{grid-template-columns:repeat(3,1fr);gap:5px}.summary>div{padding:8px 4px!important}.summary strong{font-size:14px!important}.fees-details{grid-template-columns:1fr}.signatures{gap:30px!important}.buttons{flex-direction:column}.print-btn,.download-btn{width:100%}}@media (width<=390px){.report-page{padding:8px}.report-card{padding:12px}.school-header h1{font-size:19px!important}.student-info strong{font-size:7px!important}.table-scroll table{min-width:520px!important}}*{box-sizing:border-box}.report-settings-page{color:#17251d;background:radial-gradient(circle at 90% 0,#84cc161a,#0000 28%),radial-gradient(circle at 0 70%,#2563eb0f,#0000 30%),#faf7f2;min-height:100vh;padding:26px;font-family:Inter,Roboto,Arial,sans-serif}.settings-hero{background:linear-gradient(135deg,#061b0e,#14532d 55%,#216c3d);border-radius:26px;justify-content:space-between;align-items:center;min-height:205px;margin-bottom:22px;padding:32px;display:flex;position:relative;overflow:hidden;box-shadow:0 22px 48px #14532d33}.settings-hero:before{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 48%,#84cc1614);position:absolute;inset:0}.settings-hero:after{content:"";background:linear-gradient(90deg,#84cc16,#d97706);border-radius:10px;width:145px;height:4px;position:absolute;bottom:0;left:32px}.settings-hero-content{z-index:3;max-width:680px;position:relative}.settings-eyebrow{color:#a7d6b5;letter-spacing:1.8px;margin-bottom:8px;font-size:9px;font-weight:850;display:inline-block}.settings-hero h1{color:#fff;letter-spacing:-.8px;margin:0;font-size:32px;font-weight:850}.settings-hero p{color:#dceadf;max-width:620px;margin:10px 0 0;font-size:13px;line-height:1.65}.settings-hero-orbit{flex-shrink:0;width:145px;height:145px;margin-right:20px;position:relative}.orbit{border:1px solid #ffffff21;border-radius:50%;position:absolute}.orbit-one{inset:0}.orbit-two{border-color:#84cc1640;inset:25px}.orbit-core{color:#d9f99d;letter-spacing:1px;background:#84cc161f;border:1px solid #84cc1640;border-radius:18px;justify-content:center;align-items:center;width:62px;height:62px;font-size:16px;font-weight:850;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.settings-form{flex-direction:column;gap:20px;display:flex}.settings-section{background:#fff;border:1px solid #14532d14;border-radius:21px;padding:25px;position:relative;overflow:hidden;box-shadow:0 10px 28px #14532d0e}.settings-section:before{content:"";width:100%;height:4px;position:absolute;top:0;left:0}.section-green:before{background:linear-gradient(90deg,#14532d,#22c55e)}.section-gold:before{background:linear-gradient(90deg,#d97706,#f59e0b)}.section-blue:before{background:linear-gradient(90deg,#2563eb,#60a5fa)}.section-heading{align-items:center;gap:14px;margin-bottom:23px;display:flex}.section-icon{background:#e8f5ec;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:21px;display:flex}.section-icon.gold{background:#fff3d9}.section-icon.blue{background:#eaf2ff}.section-heading span{color:#84a28e;letter-spacing:1.5px;font-size:8px;font-weight:850;display:block}.section-heading h2{color:#14532d;margin:4px 0 3px;font-size:20px;font-weight:850}.section-gold .section-heading h2{color:#b45309}.section-blue .section-heading h2{color:#1d4ed8}.section-heading p{color:#64748b;margin:0;font-size:11px;line-height:1.5}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;display:grid}.field{min-width:0}.field-full{grid-column:1/-1}.field label{color:#526777;letter-spacing:.2px;margin-bottom:7px;font-size:10px;font-weight:800;display:block}.field input,.field textarea{color:#17251d;background:linear-gradient(135deg,#fff,#fafcfa);border:1px solid #d8e3db;border-radius:12px;outline:none;width:100%;font-family:inherit;font-size:12px;font-weight:600;transition:border-color .2s,box-shadow .2s,transform .2s}.field input{min-height:48px;padding:11px 14px}.field textarea{resize:vertical;min-height:105px;padding:12px 14px;line-height:1.6}.field input::placeholder,.field textarea::placeholder{color:#a4b1aa;font-weight:500}.field input:hover,.field textarea:hover{border-color:#a9c9b1}.field input:focus,.field textarea:focus{border-color:#14532d;transform:translateY(-1px);box-shadow:0 0 0 4px #14532d12}.settings-message{border-radius:12px;align-items:center;gap:10px;padding:13px 15px;font-size:11px;font-weight:700;display:flex}.settings-message span{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:13px;display:flex}.settings-message.success{color:#14532d;background:#eaf6ed;border:1px solid #b8dcc0}.settings-message.success span{color:#15803d;background:#d7f0dd}.settings-message.error{color:#b42318;background:#fff1f0;border:1px solid #f3c8c4}.settings-message.error span{color:#b42318;background:#fde1de}.settings-actions{background:linear-gradient(135deg,#061b0e,#14532d);border-radius:18px;justify-content:space-between;align-items:center;gap:20px;padding:20px 22px;display:flex;box-shadow:0 15px 32px #14532d2b}.save-hint{color:#a7d6b5;letter-spacing:1.5px;font-size:8px;font-weight:850}.settings-actions p{color:#dceadf;margin:5px 0 0;font-size:10px}.save-settings-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#d97706,#b45309);border:none;border-radius:11px;justify-content:center;align-items:center;gap:9px;min-height:47px;padding:10px 18px;font-family:inherit;font-size:11px;font-weight:850;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 9px 20px #d9770633}.save-settings-btn span{background:#ffffff26;border-radius:7px;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.save-settings-btn:hover{transform:translateY(-2px);box-shadow:0 13px 27px #d9770645}.save-settings-btn:active{transform:scale(.985)}.save-settings-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.settings-loading{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:70vh;display:flex}.settings-spinner{border:3px solid #e2eae4;border-top-color:#14532d;border-radius:50%;width:38px;height:38px;margin-bottom:15px;animation:.8s linear infinite settings-spin}@keyframes settings-spin{to{transform:rotate(360deg)}}.settings-loading h3{color:#14532d;margin:0;font-size:18px}.settings-loading p{color:#64748b;margin:7px 0 0;font-size:12px}@media (width<=700px){.report-settings-page{padding:15px}.settings-hero{border-radius:21px;min-height:180px;padding:23px}.settings-hero h1{font-size:25px}.settings-hero p{max-width:90%;font-size:12px}.settings-hero-orbit{display:none}.settings-section{border-radius:18px;padding:20px}.settings-grid{grid-template-columns:1fr;gap:14px}.field-full{grid-column:auto}.section-heading{align-items:flex-start;gap:11px}.section-icon{border-radius:12px;width:43px;height:43px;font-size:18px}.section-heading h2{font-size:18px}.settings-actions{flex-direction:column;align-items:stretch;padding:18px}.save-settings-btn{width:100%}}@media (width<=390px){.report-settings-page{padding:11px}.settings-hero{border-radius:18px;padding:20px}.settings-hero h1{font-size:23px}.settings-section{padding:17px}}@media (prefers-reduced-motion:reduce){.settings-spinner{animation:none}}:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--primary:#14532d;--primary-hover:#166534;--accent:#d97706;--accent-hover:#b45309;--success:#84cc16;--danger:#dc2626;--background:#faf7f2;--card:#fff;--text:#1f2937;--muted:#6b7280;--border:#e5e7eb;--shadow:0 10px 25px #0000000f;--shadow-hover:0 18px 40px #0000001a;--radius:20px}.gb-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);transition:all .3s}.gb-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-4px)}.gb-stat-card{background:var(--card);box-shadow:var(--shadow);border-radius:22px;padding:24px;position:relative;overflow:hidden}.gb-stat-card:before{content:"";background:var(--primary);width:100%;height:6px;position:absolute;top:0;left:0}.gb-stat-title{color:var(--muted);font-size:15px;font-weight:600}.gb-stat-value{color:var(--primary);margin-top:15px;font-size:42px;font-weight:700}.gb-chart{background:var(--card);box-shadow:var(--shadow);border-radius:22px;padding:25px}.gb-action-card{background:var(--card);box-shadow:var(--shadow);border-radius:20px;padding:22px;transition:all .3s}.gb-action-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-5px)}.btn{cursor:pointer;border:none;border-radius:14px;padding:12px 20px;font-weight:600;transition:all .25s}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-accent{background:var(--accent);color:#fff}.btn-accent:hover{background:var(--accent-hover)}.btn-danger{background:var(--danger);color:#fff}