:root{--primary:#2c8769;--primary-dark:#246e55;--secondary:#023d54;--accent:#9a6735;--light-green:#94dea5;--yellow:#ff6;--bg-body:#f1f5f9;--bg-card:#fff;--text-main:#334155;--text-muted:#64748b;--danger:#ef4444;--success:#10b981;--border:#e2e8f0;--sidebar-width:260px;--transition:all .3s cubic-bezier(.4,0,.2,1)}*{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,sans-serif}body{background-blend-mode:screen!important;background:radial-gradient(circle at 20% 30%,#94dea5 0%,#0000 60%),radial-gradient(circle at 80% 20%,#2c8769 0%,#0000 70%),radial-gradient(circle at 60% 80%,#023d54 0%,#0000 65%),radial-gradient(circle at 30% 70%,#2b498b 0%,#0000 55%),#023d54 radial-gradient(circle,#6b2c2c 0%,#0000 60%)!important;min-height:100vh!important}.sidebar{width:var(--sidebar-width);background-color:var(--secondary);color:#fff;height:96vh;transition:var(--transition);z-index:1000;border-radius:20px;flex-direction:column;display:flex;position:fixed;top:2vh;left:15px;box-shadow:5px 0 25px #023d5426}.sidebar-header{border-bottom:1px solid #ffffff0d;align-items:center;gap:15px;margin-bottom:10px;padding:25px 20px;display:flex}.logo-icon{background:#ffffff1a;border-radius:10px;flex-shrink:0;padding:8px;display:flex}.brand-info{flex-direction:column;line-height:1.2;display:flex}.logo-text{color:#fff;letter-spacing:.5px;font-size:1.1rem;font-weight:700}.logo-subtitle{color:var(--light-green);font-size:.7rem;font-weight:400}.nav-links{flex-direction:column;flex-grow:1;gap:5px;padding:15px;list-style:none;display:flex;overflow-y:auto}.nav-link{color:#ffffffb3;transition:var(--transition);cursor:pointer;border-radius:12px;align-items:center;gap:15px;padding:12px 18px;font-size:.9rem;font-weight:500;text-decoration:none;display:flex}.nav-link:hover{color:#fff;background:#ffffff14}.nav-link.active{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;box-shadow:0 4px 15px #2c87694d}.user-profile{background:#0003;border-radius:16px;align-items:center;gap:12px;margin:15px;padding:15px;display:flex}.user-avatar-img{border:2px solid var(--light-green);border-radius:50%;width:35px;height:35px}.user-info .user-name{font-size:.85rem;font-weight:600}.user-info .user-role{color:var(--light-green);opacity:.8;font-size:.7rem}.main-content{margin-left:calc(var(--sidebar-width) + 30px);width:100%;transition:var(--transition);padding:30px;overflow-x:hidden}header{justify-content:space-between;align-items:center;margin-bottom:35px;display:flex}header h2{color:var(--secondary);font-size:1.8rem;font-weight:700}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:25px;margin-bottom:35px;display:grid}.stat-card{background:var(--bg-card);border:1px solid #fff;border-radius:20px;justify-content:space-between;align-items:center;padding:25px;transition:transform .2s;display:flex;box-shadow:0 4px 20px #00000008}.stat-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000000f}.stat-info h3{color:var(--secondary);margin-bottom:5px;font-size:2.2rem;font-weight:700;line-height:1}.stat-info p{color:var(--text-muted);font-size:.95rem;font-weight:500}.stat-icon{width:55px;height:55px;color:var(--primary);background-color:#effcf6;border-radius:16px;justify-content:center;align-items:center;display:flex}.content-card{background:var(--bg-card);border:1px solid #fffc;border:1px solid var(--border);border-radius:24px;margin-bottom:25px;padding:30px;box-shadow:0 15px 30px -10px #00000014}.card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:25px;display:flex}.alert-box{color:#b45309;background:#fffbeb;border-left:4px solid #f59e0b;border-radius:8px;align-items:center;gap:10px;margin-bottom:30px;padding:15px;display:flex}.import-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;display:grid}.import-card{border:1px solid var(--border);background:#f8fafc;border-radius:16px;padding:25px;transition:all .3s;position:relative}.import-card:hover{border-color:var(--primary);background:#fff;box-shadow:0 10px 25px #0000000d}.step-badge{background:var(--secondary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-weight:700;display:flex;position:absolute;top:20px;right:20px}.import-card h4{color:var(--secondary);margin-bottom:10px;font-weight:600}.import-card p{color:var(--text-muted);margin-bottom:20px;font-size:.9rem}.file-input-btn{background-color:var(--primary);color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:.85rem;font-weight:600;transition:background-color .2s,transform .2s;display:inline-flex}.file-input-btn:hover{background-color:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 8px #2c87694d}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;opacity:0;visibility:hidden;background:#0f172a99;justify-content:center;align-items:center;width:100vw;height:100vh;transition:all .3s;display:flex;position:fixed;top:0;left:0}.modal-overlay.show{opacity:1;visibility:visible}.modal-container{background:#fff;border-radius:24px;flex-direction:column;width:90%;max-width:650px;max-height:90vh;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;transform:scale(.95)translateY(10px);box-shadow:0 30px 60px -15px #0000004d,0 0 0 1px #0000000d}.modal-header-clean{border-bottom:1px solid var(--border);background:#fff;border-radius:24px 24px 0 0;justify-content:space-between;align-items:center;padding:24px 30px;display:flex}.modal-footer{border-top:1px solid var(--border);background:#fff;border-radius:0 0 24px 24px;justify-content:flex-end;gap:15px;padding:20px 30px;display:flex}.close-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:50%;padding:8px;transition:all .2s}.close-btn:hover{background:var(--border);color:var(--secondary)}table{border-collapse:separate;border-spacing:0 10px;white-space:nowrap;width:100%}th{color:var(--text-muted);border-bottom:1px solid var(--border);text-align:left;background:0 0;padding:15px 20px;font-size:.9rem;font-weight:600}td{color:var(--text-main);background-color:#fff;border-bottom:none;padding:18px 20px}tr{border-radius:12px;transition:all .2s;overflow:hidden;box-shadow:0 1px 3px #0000000d}tr:hover{background-color:#f0f9ff;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}tr td:first-child{border-top-left-radius:12px;border-bottom-left-radius:12px}tr td:last-child{border-top-right-radius:12px;border-bottom-right-radius:12px}.classes-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:25px;display:grid}.class-card-item{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:18px;padding:25px;transition:all .3s}.class-card-item:hover{border-color:var(--primary);transform:translateY(-5px);box-shadow:0 15px 30px #00000014}.progress-bar{background:#e2e8f0;border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden}.progress-fill{background:var(--primary);border-radius:4px;height:100%}.progress-fill.warning{background:var(--accent)}.progress-fill.full{background:var(--danger)}.progress-text{color:var(--text-muted);justify-content:space-between;font-size:.8rem;display:flex}.search-input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:10px 15px}.btn{cursor:pointer;border:none;border-radius:10px;padding:10px 20px;font-weight:500;transition:all .2s}.btn-primary{background:var(--primary);color:#fff}.btn-outline{border:1px solid var(--border);background:#fff}.toast-container{z-index:10000;position:fixed;top:20px;right:20px}.toast{border-left:5px solid var(--primary);background:#fff;border-radius:12px;align-items:center;gap:10px;margin-bottom:10px;padding:16px 20px;transition:all .3s;display:flex;transform:translate(120%);box-shadow:0 10px 25px #0000001a}.toast.show{transform:translate(0)}@media (max-width:768px){.sidebar{left:-280px}.sidebar.active{left:0}.main-content{width:100%;margin-left:0}.mobile-toggle{background:0 0;border:none;font-size:1.5rem;display:block}}body{background-color:var(--bg-body)}svg.lucide{vertical-align:middle}.action-btn{cursor:pointer;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;margin-left:8px;transition:all .2s;display:inline-flex}.btn-edit{color:#0284c7;background-color:#0000;border:1px solid #bfdbfe}.btn-edit:hover{color:#fff;background-color:#0284c7;transform:translateY(-2px);box-shadow:0 6px 15px #0284c74d}.btn-delete{color:var(--danger);background-color:#0000;border:1px solid #fecaca}.btn-delete:hover{background-color:var(--danger);color:#fff;transform:translateY(-2px);box-shadow:0 6px 15px #ef44444d}input:not([type=checkbox]):not([type=radio]):not(.search-input),textarea,select{border:1px solid var(--border);color:var(--text-main);background-color:var(--bg-card);border-radius:10px;padding:10px 14px;font-size:1rem;transition:all .2s}input:not([type=checkbox]):not([type=radio]):not(.search-input):focus,textarea:focus,select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #2c87691a}::placeholder{color:var(--text-muted);opacity:1}
@font-face{font-family:Poppins;font-style:normal;font-weight:300;font-display:swap;src:url(../media/7e832ad540183e91-s.a2f18b1a.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-weight:300;font-display:swap;src:url(../media/2094fb60fd9c8287-s.3ed55436.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:300;font-display:swap;src:url(../media/c875c6f5d3e977ac-s.p.80fc2c9e.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(../media/41e95f694c5c4549-s.666bad7d.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(../media/6c55a692938ebbbc-s.0a77efb4.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(../media/a218039a3287bcfd-s.p.4a23d71b.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(../media/bdc7e24a509eb931-s.43b0b13e.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(../media/0da9c7f357bd9d4d-s.b2288445.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(../media/8e6fa89aa22d24ec-s.p.3aec397d.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(../media/0a7740363b4d4863-s.95e4158a.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(../media/5f9d24ebef5d5292-s.bd593fbe.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(../media/e2334d715941921e-s.p.d82a9aff.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(../media/b53057dbf91a7acf-s.c55744ae.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(../media/798ea22d9983e047-s.b460e02c.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(../media/47fe1b7cd6e6ed85-s.p.855a563b.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins Fallback;src:local(Arial);ascent-override:93.62%;descent-override:31.21%;line-gap-override:8.92%;size-adjust:112.16%}.poppins_c7d67b3-module__DlP9oW__className{font-family:Poppins,Poppins Fallback;font-style:normal}