.loginPage{align-items:center;display:flex;height:100vh;justify-content:center}.loginPage .loginCard{background:#fdfdfd;background:var(--color-card);border-radius:24px;box-shadow:0 24px 80px rgba(0,0,0,.18);display:grid;grid-template-columns:1.2fr 1fr;max-width:800px;overflow:hidden;width:100%}.loginPage .loginCard .loginImage{align-items:center;background:#fff;display:flex;justify-content:center;padding:40px}@media(max-width:768px){.loginPage .loginCard .loginImage{display:none}}.loginPage .loginCard .loginImage img{max-width:520px;object-fit:contain;width:100%}.loginPage .loginCard .loginForm{display:flex;flex-direction:column;gap:24px;justify-content:center;padding:50px}@media(max-width:992px){.loginPage .loginCard .loginForm{padding:30px}}@media(max-width:576px){.loginPage .loginCard .loginForm{gap:16px;padding:20px}}.loginPage .loginCard .brand{align-items:center;display:flex;gap:16px}@media(max-width:768px){.loginPage .loginCard .brand{justify-content:center}}.loginPage .loginCard .brand .logo{object-fit:cover;width:200px}@media(max-width:768px){.loginPage .loginCard .brand .logo{width:160px}}@media(max-width:576px){.loginPage .loginCard .brand .logo{width:120px}}.loginPage .loginCard .brand h1{color:#122048;font-size:1.4rem;margin:0}.loginPage .loginCard .brand p{color:#556179;font-size:.95rem;margin:4px 0 0}.loginPage .loginCard .loginForm h2{color:#101840;color:var(--color-text);font-size:clamp(1.2rem,1.5vw + .8rem,1.6rem);margin:0}@media(max-width:576px){.loginPage .loginCard .loginForm h2{text-align:center}}.loginPage .loginCard .subtitle{color:#5f6c8d;font-size:clamp(.9rem,1vw + .6rem,.98rem)}@media(max-width:576px){.loginPage .loginCard .subtitle{text-align:center}}.loginPage .loginCard form{grid-gap:10px;display:grid;gap:10px}.loginPage .loginCard label{color:#667090;display:block;font-size:.92rem;font-weight:600}.loginPage .loginCard input{background:#f8fafc;background-color:#fdfdfd;background-color:var(--color-card);border:1px solid #cdd3e2;border-radius:10px;color:#101840;color:var(--color-text);font-size:1rem;margin-bottom:10px;padding:16px;transition:border-color .2s ease,box-shadow .2s ease}@media(max-width:576px){.loginPage .loginCard input{font-size:.9rem;padding:12px}}.loginPage .loginCard input:focus{border-color:#4f72ff;box-shadow:0 0 0 4px rgba(79,114,255,.12);outline:none}.loginPage .loginCard .errorMessage{background:#ffe8e8;border-radius:14px;color:#a62828;font-size:.95rem;padding:12px 16px}.loginPage .loginCard .submitBtn{background:linear-gradient(135deg,#4f72ff,#6986ff);border:none;border-radius:30px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;margin:0 auto;padding:12px 16px;transition:box-shadow .2s ease,-webkit-transform .2s ease;transition:transform .2s ease,box-shadow .2s ease;transition:transform .2s ease,box-shadow .2s ease,-webkit-transform .2s ease;width:100%}@media(max-width:576px){.loginPage .loginCard .submitBtn{font-size:.9rem;padding:10px 14px}}.loginPage .loginCard .submitBtn:hover{box-shadow:0 18px 30px rgba(79,114,255,.25);-webkit-transform:translateY(-1px);transform:translateY(-1px)}@media(max-width:768px){.loginPage .loginCard{grid-template-columns:1fr;max-width:500px}}@media(max-width:576px){.loginPage .loginCard{border-radius:16px;box-shadow:0 12px 40px rgba(0,0,0,.12);margin:0 16px;max-width:100%}}.notFoundPage{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);display:flex;height:100vh;justify-content:center;width:100%}.notFoundContainer{max-width:500px;text-align:center;width:100%}.notFoundContent{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:40px}.errorIcon{font-size:4rem;margin-bottom:10px;opacity:.8}.notFoundContent h1{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#3b82f6,#1d4ed8);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:5rem;font-weight:900;line-height:1;margin:0}.notFoundContent h2{color:#334155;font-size:1.5rem;font-weight:700;line-height:1.2;margin:10px}.notFoundContent p{color:#64748b;font-size:1rem;line-height:1.6;margin-bottom:30px;margin-left:auto;margin-right:auto;max-width:400px}.actionButtons{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:40px}.actionButtons,.btn{justify-content:center}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;min-width:140px;padding:12px 24px;text-decoration:none;transition:all .2s ease}.btnPrimary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 4px 12px rgba(59,130,246,.3);color:#fff}.btnPrimary:hover{box-shadow:0 6px 16px rgba(59,130,246,.4);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.btnSecondary{background:#fff;border:2px solid #e2e8f0;color:#475569}.btnSecondary:hover{background:#f8fafc;border-color:#cbd5e1;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.helpfulLinks{border-top:1px solid #e2e8f0;padding-top:30px}.helpfulLinks p{color:#64748b;font-size:.95rem;font-weight:500;margin-bottom:16px}.links{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.link{background:#eff6ff;border-radius:6px;color:#3b82f6;font-size:.9rem;font-weight:500;padding:8px 16px;text-decoration:none;transition:all .2s ease}.link:hover{background:#dbeafe;color:#1d4ed8;-webkit-transform:translateY(-1px);transform:translateY(-1px)}@media(max-width:640px){.notFoundContent{padding:40px 24px}.notFoundContent h1{font-size:4rem}.notFoundContent h2{font-size:1.5rem}.actionButtons{align-items:center;flex-direction:column}.btn{max-width:200px;width:100%}.links{align-items:center;flex-direction:column}}:root{--color-card:#fff;--color-surface:#f7f9ff}.app.dark{--color-bg:#0f1530;--color-text:#e3e7ef;--color-card:#1a1f3c;--color-primary:#7a9cff;--color-surface:#141d36;--color-muted:#9fa7c5;background-color:#f8fafc;background-color:var(--color-bg);color:#101840;color:var(--color-text)}.app.dark .chartGrid{stroke:hsla(0,0%,89%,.623)}.app.dark .table{background-color:#fff;background-color:var(--color-card)}.app.dark .navbar,.app.dark .table .tableCell{color:#101840;color:var(--color-text)}.app.dark .navbar,.app.dark .sidebar,.app.dark .sidebar hr{border-color:rgba(15,21,48,.12);border-color:var(--color-border)}.app.dark .sidebar ul li:hover{background-color:hsla(0,0%,100%,.04)}.app.dark .sidebar .menuLink.active li,.app.dark .sidebar .submenuLink.active li{background:rgba(122,156,255,.2);color:#7a9cff}.app.dark .sidebar .menuLink.active li .icon,.app.dark .sidebar .submenuLink.active li .icon{color:#7a9cff}.app.dark .dataTable .datagrid{border-color:rgba(15,21,48,.12);border-color:var(--color-border);color:hsla(0,0%,100%,.72)}.app.dark .dataTable .datagrid .deleteButton,.app.dark .dataTable .datagrid .viewButton{border-color:hsla(0,0%,100%,.35);color:hsla(0,0%,100%,.72)}.dataTable{background:#f8fafc;background:var(--color-bg);overflow-x:auto;padding:20px}.dataTable .topbar{align-items:center;background-color:#fdfdfd;background-color:var(--color-card);border-radius:5px;box-shadow:0 4px 10px rgba(0,0,0,.06);display:flex;justify-content:space-between;margin-bottom:15px;padding:10px}.dataTable .topbar .searchInput{background-color:#f8fafc;background-color:var(--color-bg);border:1px solid rgba(15,21,48,.12);border:1px solid var(--color-border);border-radius:6px;color:#101840;color:var(--color-text);font-size:14px;margin-right:10px;min-width:260px;outline:none;padding:10px;width:100%}.dataTable .topbar .left,.dataTable .topbar .right{align-items:center;display:flex;gap:10px}@media(max-width:992px){.dataTable .topbar .searchInput{min-width:150px}}@media(max-width:768px){.dataTable .topbar .left{align-items:flex-start;flex-direction:column}.dataTable .topbar .right{align-items:flex-end;flex-direction:column}}.dataTable .middlebar{margin-bottom:10px}.dataTable .middlebar,.dataTable .middlebar .overallInfo{align-items:center;display:flex;justify-content:space-between}.dataTable .middlebar .overallInfo{font-weight:700}@media(max-width:768px){.dataTable .middlebar .overallInfo{align-items:flex-start;flex-direction:column}}.dataTable .datatableTitle{align-items:center;display:flex;justify-content:flex-end;margin-bottom:20px}.dataTable .specLink{background-color:#1976d2;border:none;border-radius:4px;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);color:#fff;cursor:pointer;display:inline-block;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:.875rem;font-weight:500;letter-spacing:.02857em;line-height:1.75;min-width:64px;outline:none;padding:6px 16px;text-decoration:none;text-transform:uppercase;transition:all .3s ease;transition:background-color .25s cubic-bezier(.4,0,.2,1) 0ms,box-shadow .25s cubic-bezier(.4,0,.2,1) 0ms,border-color .25s cubic-bezier(.4,0,.2,1) 0ms,color .25s cubic-bezier(.4,0,.2,1) 0ms}.dataTable .specLink:hover{background-color:#1565c0;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);text-decoration:none}.paginationWrapper{align-items:center;border-top:1px solid #ddd;display:flex;gap:10px;justify-content:space-between;margin-top:20px;padding:15px}@media(max-width:768px){.paginationWrapper{align-items:flex-start;flex-direction:column}}.paginationWrapper .dropdown{align-items:center;display:flex;gap:10px}.paginationWrapper .info{color:#666;font-size:14px}.paginationWrapper .controls{align-items:center;display:flex;gap:5px}.dataTable .top{justify-content:space-between;margin-bottom:18px;width:100%}.dataTable .top,.dataTable .topLeft{align-items:center;display:flex;gap:16px}.dataTable .topLeft{flex-wrap:wrap;min-width:0}.dataTable .topActions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.filterSelect{-webkit-appearance:none;appearance:none;background-color:#f8fafc;background-color:var(--color-bg);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1 4 4 4-4' stroke='%23333' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;border:1px solid rgba(15,21,48,.12);border:1px solid var(--color-border);border-radius:4px;box-shadow:inset 0 1px 2px rgba(0,0,0,.05);color:#101840;color:var(--color-text);cursor:pointer;font-size:14px;min-width:140px;outline:none;padding:10px 40px 10px 16px;transition:border-color .2s ease,box-shadow .2s ease,-webkit-transform .2s ease;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease,-webkit-transform .2s ease}.filterSelect:focus,.filterSelect:hover{border-color:#4f72ff;border-color:var(--color-primary)}.filterSelect:focus{box-shadow:0 0 0 4px rgba(25,118,210,.12)}.filterSelect option{background:#fdfdfd;background:var(--color-card);border-radius:12px;color:#101840;color:var(--color-text);overflow-x:auto;width:100%}.tableWrapper{overflow-x:auto}.customTable{border:1px solid rgba(15,21,48,.12);border:1px solid var(--color-border);border-collapse:collapse;font-family:Segoe UI,sans-serif;table-layout:fixed;width:100%}@media(max-width:992px){.customTable{table-layout:auto}}.customTable td,.customTable th{word-wrap:break-word;background-color:#f8fafc;background-color:var(--color-bg);border:1px solid rgba(15,21,48,.12);border:1px solid var(--color-border);color:#101840;color:var(--color-text);min-width:120px;padding:12px;text-align:left}.customTable td{font-size:14px}.customTable th{background:#4f72ff;background:var(--color-primary);color:#fff;cursor:pointer;text-align:center}.customTable th:hover{background:#1565c0}.customTable tr:nth-child(2n){background:#fdfdfd30;background:var(--color-surface)}.customTable tr:hover{background:rgba(0,0,0,.04)}.customTable .classCell{flex-direction:column;font-size:14px}.customTable .cellAction,.customTable .classCell{color:#101840;color:var(--color-text);display:flex;gap:10px;justify-content:center}.customTable .cellAction{align-items:center}.customTable .deleteButton,.customTable .editButton,.customTable .viewButton{align-items:center;border-radius:4px;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:background .2s}.customTable .viewButton{color:#1976d2}.customTable .viewButton:hover{background:rgba(25,118,210,.1)}.customTable .deleteButton{color:#d32f2f}.customTable .deleteButton:hover{background:rgba(211,47,47,.1)}.customTable .editButton{color:#005f00}.customTable .editButton:hover{background:rgba(0,95,0,.063)}.customTable .statusBadge{border-radius:4px;color:#fff;padding:4px 8px}.customTable .statusBadge.not-generated{background:#d9534f}.customTable .statusBadge.generated{background:#5bc0de}.customTable .statusBadge.pending{background:#f0ad4e}.customTable .statusBadge.paid{background:#5cb85c}.app{background-color:#f8fafc;background-color:var(--color-bg);color:#101840;color:var(--color-text);min-height:100vh;width:100%}.app button{-webkit-tap-highlight-color:rgba(0,0,0,0)}.app .css-mh4ez,.app .css-tynsvj-MuiPaper-root{background-color:#fdfdfd!important;background-color:var(--color-card)!important;color:#101840!important;color:var(--color-text)!important}.app .MuiDataGrid-columnHeaderCheckbox,.app .css-1lymaxv-MuiDataGrid-root .MuiDataGrid-cell--textCenter{display:none!important}.app .css-11u53oe-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input,.app .css-qiwgdb.css-qiwgdb.css-qiwgdb{color:#101840!important;color:var(--color-text)!important;font-size:14px!important;padding:7px 10px!important}.app .css-1636szt,.app .css-1yhq19e,.app .css-bpeome-MuiSvgIcon-root-MuiSelect-icon,.app .css-hfutr2-MuiSvgIcon-root-MuiSelect-icon{display:none!important}.app .css-1qhep28-MuiButtonBase-root-MuiButton-root.Mui-disabled,.app .editIcon{border:1px solid rgba(15,21,48,.12);border:1px solid var(--color-border);color:#5f6c8d;color:var(--color-muted)}.app .editIcon{align-items:center;border-radius:6px;cursor:pointer;display:inline-flex;justify-content:center;padding:6px;transition:background-color .25s ease,box-shadow .25s ease,-webkit-transform .15s ease;transition:background-color .25s ease,transform .15s ease,box-shadow .25s ease;transition:background-color .25s ease,transform .15s ease,box-shadow .25s ease,-webkit-transform .15s ease}.app .editIcon:hover{background-color:rgba(25,118,210,.08);box-shadow:0 2px 6px rgba(0,0,0,.1);-webkit-transform:scale(1.05);transform:scale(1.05)}.app .editIcon.active{background:#ffe082;border-color:#fbc02d;box-shadow:0 0 0 2px rgba(251,192,45,.3);color:#333}.app .editIcon:active{-webkit-transform:scale(.95);transform:scale(.95)}.app .new{display:flex;width:100%}.app .new .newContainer{flex:6 1}.app .new .newContainer .top{align-items:center;background-color:#fdfdfd;background-color:var(--color-card);border-radius:10px;box-shadow:0 12px 24px rgba(0,0,0,.08);display:flex;justify-content:space-between;margin:20px;padding:10px}.app .new .newContainer .top .editIcon{align-items:center;border:1px solid rgba(15,21,48,.12);border:1px solid var(--color-border);border-radius:6px;color:#5f6c8d;color:var(--color-muted);cursor:pointer;display:inline-flex;justify-content:center;padding:6px;transition:background-color .25s ease,box-shadow .25s ease,-webkit-transform .15s ease;transition:background-color .25s ease,transform .15s ease,box-shadow .25s ease;transition:background-color .25s ease,transform .15s ease,box-shadow .25s ease,-webkit-transform .15s ease}.app .new .newContainer .top .editIcon:hover{background-color:rgba(25,118,210,.08);box-shadow:0 2px 6px rgba(0,0,0,.1);-webkit-transform:scale(1.05);transform:scale(1.05)}.app .new .newContainer .top .editIcon.active{background:#ffe082;border-color:#fbc02d;box-shadow:0 0 0 2px rgba(251,192,45,.3);color:#333}.app .new .newContainer .top .editIcon:active{-webkit-transform:scale(.95);transform:scale(.95)}.app .new .newContainer h1{color:#101840;color:var(--color-text);font-size:20px}.app .new .newContainer .formPartition{background-color:#fdfdfd;background-color:var(--color-card);border:1px solid rgba(15,21,48,.12);border:1px solid var(--color-border);border-radius:20px;box-shadow:0 12px 24px rgba(0,0,0,.08);color:#101840;color:var(--color-text);margin:20px;padding:20px}.app .new .newContainer .formPartition .sectionTop{margin-bottom:20px}.app .new .newContainer .formPartition .sectionTop .sectionTitle{align-items:center;border-bottom:1px solid rgba(15,21,48,.12);border-bottom:1px solid var(--color-border);color:#030330;color:var(--color-navy);display:flex;font-size:15px;font-weight:700;gap:10px;margin-bottom:22px;padding-bottom:14px}.app .new .newContainer .formPartition .sectionTop .sectionTitle .secNum{align-items:center;background:#08087c;border-radius:50%;color:#fff;display:inline-flex;flex-shrink:0;font-size:11px;font-weight:700;height:26px;justify-content:center;width:26px}.app .new .newContainer .formPartition .sectionTop .sectionTitle .requiredHint{align-items:center;color:#5f6c8d;color:var(--color-muted);display:inline-flex;font-size:12px;font-weight:500;gap:6px}.app .new .newContainer .formPartition .sectionTop .sectionTitle .requiredHint .requiredDot{background:#e94664;border-radius:50%;height:8px;width:8px}.app .new .newContainer .formPartition .sectionTop .sectionTitle .requiredHint .optionalDot{background:#d1d1db;border-radius:50%;height:8px;width:8px}.app .new .newContainer .formPartition .sectionBottom,.app .new .newContainer .formPartition .upper{display:flex;gap:30px}@media(max-width:768px){.app .new .newContainer .formPartition .sectionBottom,.app .new .newContainer .formPartition .upper{flex-direction:column;gap:0}}.app .new .newContainer .formPartition .center,.app .new .newContainer .formPartition .left,.app .new .newContainer .formPartition .right{flex:1 1}.app .new .newContainer .formPartition .center .fileHint,.app .new .newContainer .formPartition .left .fileHint,.app .new .newContainer .formPartition .right .fileHint{align-items:center;background:#f8fafc;background:var(--color-bg);border-radius:5px;color:#ffb01b;display:inline-flex;font-size:13px;padding:2px 5px;position:absolute;right:10px;top:-10px;z-index:1}.app .new .newContainer .formPartition .center .formInput label,.app .new .newContainer .formPartition .left .formInput label,.app .new .newContainer .formPartition .right .formInput label{align-items:center;color:#5f6c8d;color:var(--color-muted);display:flex;font-weight:500;gap:10px;margin-bottom:8px}.app .new .newContainer .formPartition .center .formInput input,.app .new .newContainer .formPartition .center .formInput select,.app .new .newContainer .formPartition .left .formInput input,.app .new .newContainer .formPartition .left .formInput select,.app .new .newContainer .formPartition .right .formInput input,.app .new .newContainer .formPartition .right .formInput select{background-color:#fdfdfd30;background-color:var(--color-surface);border:1px solid rgba(15,21,48,.12);border:1px solid var(--color-border);border-radius:10px;color:#101840;color:var(--color-text);font-family:inherit;font-size:14px;margin-bottom:10px;min-width:200px;outline:none;padding:12px 15px;transition:all .3s ease;width:100%}.app .new .newContainer .formPartition .center .formInput input:hover,.app .new .newContainer .formPartition .center .formInput select:hover,.app .new .newContainer .formPartition .left .formInput input:hover,.app .new .newContainer .formPartition .left .formInput select:hover,.app .new .newContainer .formPartition .right .formInput input:hover,.app .new .newContainer .formPartition .right .formInput select:hover{border-color:#4f72ff;border-color:var(--color-primary);box-shadow:0 2px 8px rgba(0,128,128,.1)}.app .new .newContainer .formPartition .center .formInput input:focus,.app .new .newContainer .formPartition .center .formInput select:focus,.app .new .newContainer .formPartition .left .formInput input:focus,.app .new .newContainer .formPartition .left .formInput select:focus,.app .new .newContainer .formPartition .right .formInput input:focus,.app .new .newContainer .formPartition .right .formInput select:focus{background-color:rgba(122,170,255,.08);border-color:#4f72ff;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(0,128,128,.15)}.app .new .newContainer .formPartition .center .formInput input:invalid,.app .new .newContainer .formPartition .center .formInput select:invalid,.app .new .newContainer .formPartition .left .formInput input:invalid,.app .new .newContainer .formPartition .left .formInput select:invalid,.app .new .newContainer .formPartition .right .formInput input:invalid,.app .new .newContainer .formPartition .right .formInput select:invalid{border-color:#ff6b6b}.app .new .newContainer .formPartition .center .formInput select,.app .new .newContainer .formPartition .left .formInput select,.app .new .newContainer .formPartition .right .formInput select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg fill=%27teal%27 height=%2724%27 viewBox=%270 0 24 24%27 width=%2724%27 xmlns=%27http://www.w3.org/2000/svg%27><path d=%27M7 10l5 5 5-5z%27/></svg>");background-position:right 10px center;background-repeat:no-repeat;background-size:20px;cursor:pointer;padding-right:40px;position:relative}.app .new .newContainer .formPartition .center .formInput select option,.app .new .newContainer .formPartition .left .formInput select option,.app .new .newContainer .formPartition .right .formInput select option{background-color:#fdfdfd;background-color:var(--color-card);color:#101840;color:var(--color-text);padding:10px}.app .new .newContainer .formPartition .center .formInput select option:hover,.app .new .newContainer .formPartition .left .formInput select option:hover,.app .new .newContainer .formPartition .right .formInput select option:hover{background-color:rgba(0,128,128,.1)}.app .new .newContainer .formPartition .center .formInput .teachingClasses .teachingRow,.app .new .newContainer .formPartition .left .formInput .teachingClasses .teachingRow,.app .new .newContainer .formPartition .right .formInput .teachingClasses .teachingRow{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}.app .new .newContainer .formPartition .center .formInput .teachingClasses .teachingRow .teachingSelect,.app .new .newContainer .formPartition .left .formInput .teachingClasses .teachingRow .teachingSelect,.app .new .newContainer .formPartition .right .formInput .teachingClasses .teachingRow .teachingSelect{background-color:#fdfdfd30;background-color:var(--color-surface);border:1px solid rgba(15,21,48,.12);border:1px solid var(--color-border);border-radius:5px;color:#101840;color:var(--color-text);flex:1 1;font-size:14px;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;padding:8px}.app .new .newContainer .formPartition .center .formInput .teachingClasses .teachingRow .removeBtn,.app .new .newContainer .formPartition .left .formInput .teachingClasses .teachingRow .removeBtn,.app .new .newContainer .formPartition .right .formInput .teachingClasses .teachingRow .removeBtn{background-color:#f44336;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;margin:0 0 10px;padding:8px 12px;transition:background-color .3s ease;width:-webkit-max-content;width:max-content}.app .new .newContainer .formPartition .center .formInput .teachingClasses .teachingRow .removeBtn:hover,.app .new .newContainer .formPartition .left .formInput .teachingClasses .teachingRow .removeBtn:hover,.app .new .newContainer .formPartition .right .formInput .teachingClasses .teachingRow .removeBtn:hover{background-color:#d32f2f}.app .new .newContainer .formPartition .center .formInput .teachingClasses .teachingRow .removeBtn:disabled,.app .new .newContainer .formPartition .left .formInput .teachingClasses .teachingRow .removeBtn:disabled,.app .new .newContainer .formPartition .right .formInput .teachingClasses .teachingRow .removeBtn:disabled{cursor:not-allowed}.app .new .newContainer .formPartition .center .formInput .teachingClasses .addBtn,.app .new .newContainer .formPartition .left .formInput .teachingClasses .addBtn,.app .new .newContainer .formPartition .right .formInput .teachingClasses .addBtn{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;margin-top:10px;padding:8px 12px;transition:background-color .3s ease}.app .new .newContainer .formPartition .center .formInput .teachingClasses .addBtn:hover,.app .new .newContainer .formPartition .left .formInput .teachingClasses .addBtn:hover,.app .new .newContainer .formPartition .right .formInput .teachingClasses .addBtn:hover{background-color:#45a049}.app .new .newContainer .formPartition .center .formInput .teachingClasses .addBtn:disabled,.app .new .newContainer .formPartition .left .formInput .teachingClasses .addBtn:disabled,.app .new .newContainer .formPartition .right .formInput .teachingClasses .addBtn:disabled{cursor:not-allowed}.app .new .newContainer .formPartition button.submitBtn{background-color:#4f72ff;background-color:var(--color-primary);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:10px 20px;text-transform:uppercase;transition:all .3s ease;width:130px}.app .new .newContainer .formPartition button.submitBtn:hover{box-shadow:2px 4px 10px rgba(0,128,128,.3)}.app .new .newContainer .formPartition button.submitBtn:disabled{background-color:#d3d3d3;box-shadow:none;cursor:not-allowed}.app .new .newContainer .formPartition button.backBtn{align-items:center;background:none;border:1px solid #4f72ff;border:1px solid var(--color-primary);border-radius:10px;color:#4f72ff;color:var(--color-primary);cursor:pointer;display:inline-flex;font-size:16px;font-weight:500;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;outline:none;padding:10px 20px;text-transform:uppercase;transition:all .3s ease;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.app .new .newContainer .formPartition button.backBtn:hover{box-shadow:2px 4px 10px rgba(0,128,128,.3)}.app .new .newContainer .formPartition button.backBtn:disabled{background-color:#d3d3d3;box-shadow:none;cursor:not-allowed}.examFormHeader{align-items:center;display:flex;justify-content:space-between;width:600px}@media(max-width:576px){.examFormHeader{flex-direction:column;justify-content:flex-start;width:100%}}.navbar{color:#101840;color:var(--color-text);font-size:14px;height:100%;overflow:hidden}.navbar,.navbar .wrapper{align-items:center;display:flex;justify-content:space-between}.navbar .wrapper{background-color:transparent;padding:10px;width:100%}.navbar .wrapper .brandImg{display:none}@media(max-width:992px){.navbar .wrapper .brandImg{display:block}}.navbar .wrapper .search{align-items:center;border:.5px solid rgba(15,21,48,.12);border:.5px solid var(--color-border);display:flex;padding:3px}.navbar .wrapper .search input{background-color:transparent;border:none;outline:none}.navbar .wrapper .search input::-webkit-input-placeholder{font-size:12px}.navbar .wrapper .search input::placeholder{font-size:12px}.navbar .wrapper .filterSelect{-webkit-appearance:none;appearance:none;background-color:#f8fafc;background-color:var(--color-bg);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1 4 4 4-4' stroke='%23333' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;border:1px solid rgba(15,21,48,.12);border:1px solid var(--color-border);border-radius:4px;box-shadow:inset 0 1px 2px rgba(0,0,0,.05);color:#101840;color:var(--color-text);cursor:pointer;font-size:14px;min-width:120px;outline:none;padding:10px 40px 10px 10px;transition:border-color .2s ease,box-shadow .2s ease,-webkit-transform .2s ease;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease,-webkit-transform .2s ease}.navbar .wrapper .filterSelect:hover{border-color:#1976d2}.navbar .wrapper .filterSelect:focus{border-color:#1976d2;box-shadow:0 0 0 4px rgba(25,118,210,.12)}.navbar .wrapper .filterSelect option{background:#f0f8ff;background:var(--color-bar);color:#101840;color:var(--color-text)}.navbar .wrapper .items{align-items:center;display:flex}@media(max-width:768px){.navbar .wrapper .items{display:none}}.navbar .wrapper .items .item{align-items:center;border:1px solid transparent;border-radius:10px;box-sizing:border-box;cursor:pointer;display:flex;margin-right:10px;padding:5px 10px;position:relative;transition:all .3s ease}.navbar .wrapper .items .item:hover{background-color:rgba(0,0,0,.04);border:1px solid rgba(15,21,48,.12);border:1px solid var(--color-border)}.navbar .wrapper .items .item .icon{font-size:24px}.navbar .wrapper .items .item .avatar{border-radius:50%;height:30px;object-fit:cover;width:30px}.navbar .wrapper .items .item .counter{align-items:center;background-color:red;border-radius:50%;color:#fff;display:flex;font-size:9px;font-weight:700;height:15px;justify-content:center;position:absolute;right:5px;top:3px;width:15px}.sidebar{display:flex;flex-direction:column;height:100%;overflow:hidden}.sidebar .sidebarBottom{overflow-y:scroll}.sidebar .sidebarBottom::-webkit-scrollbar{display:none}.sidebar .sidebarBottom .iconLabel{align-items:center;display:flex;width:100%}@media(max-width:992px){.sidebar .sidebarBottom .iconLabel{justify-content:center}}@media(max-width:768px){.sidebar .sidebarBottom .iconLabel{justify-content:left}}.sidebar .top{align-items:center;border-bottom:1px solid rgba(15,21,48,.12);border-bottom:1px solid var(--color-border);display:flex;flex-shrink:0;height:60px;justify-content:center;padding:10px;z-index:10}.sidebar .center{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:0 8px}.sidebar .bottom{flex-shrink:0;padding:0 8px}.sidebar .bottom .menuLink.active li,.sidebar .center .menuLink.active li{background:#e8e8ff;border-radius:8px;color:#5c5cff}.sidebar .bottom .menuLink.active li .icon,.sidebar .center .menuLink.active li .icon{color:#5c5cff}.sidebar .bottom .menuLink.active .arrow,.sidebar .center .menuLink.active .arrow{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.sidebar .bottom details,.sidebar .center details{background-color:#f0f8ff;background-color:var(--color-bar);border:1px solid rgba(15,21,48,.12);border:1px solid var(--color-border);border-radius:8px;padding:0;transition:all .3s ease}.sidebar .bottom details ul,.sidebar .center details ul{margin:0 8px}.sidebar .bottom details summary,.sidebar .center details summary{align-items:center;border-bottom:1px solid transparent;color:#5f6c8d;color:var(--color-muted);cursor:pointer;display:flex;font-size:14px;font-weight:600;list-style:none;padding:12px 15px;transition:all .2s ease;-webkit-user-select:none;user-select:none}@media(max-width:992px){.sidebar .bottom details summary,.sidebar .center details summary{justify-content:center}.sidebar .bottom details summary span,.sidebar .center details summary span{display:none}}@media(max-width:768px){.sidebar .bottom details summary,.sidebar .center details summary{justify-content:flex-start}.sidebar .bottom details summary span,.sidebar .center details summary span{display:block}}.sidebar .bottom details summary::marker,.sidebar .center details summary::marker{display:none}.sidebar .bottom details summary:before,.sidebar .center details summary:before{color:#9c9cff;content:"▶";display:inline-block;font-size:12px;margin-right:10px;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}@media(max-width:992px){.sidebar .bottom details summary:before,.sidebar .center details summary:before{margin-right:0}}@media(max-width:768px){.sidebar .bottom details summary:before,.sidebar .center details summary:before{margin-right:10px}}.sidebar .bottom details summary:hover,.sidebar .center details summary:hover{background-color:hsla(0,0%,100%,.04);color:#7c7cff}.sidebar .bottom details[open] summary,.sidebar .center details[open] summary{border-bottom:1px solid rgba(15,21,48,.12);border-bottom:1px solid var(--color-border)}.sidebar .bottom details[open] summary:before,.sidebar .center details[open] summary:before{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.sidebar .bottom ul,.sidebar .center ul{list-style:none;margin:0;padding:8px 0}.sidebar .bottom ul li,.sidebar .center ul li{align-items:center;color:#5f6c8d;color:var(--color-muted);cursor:pointer;display:flex;margin:5px 0;padding:8px 15px;transition:all .2s ease}@media(max-width:992px){.sidebar .bottom ul li,.sidebar .center ul li{justify-content:center}}@media(max-width:768px){.sidebar .bottom ul li,.sidebar .center ul li{justify-content:flex-start}}.sidebar .bottom ul li .icon,.sidebar .center ul li .icon{color:#9c9cff;margin-right:12px;transition:color .2s ease}@media(max-width:992px){.sidebar .bottom ul li .icon,.sidebar .center ul li .icon{margin-right:0}}@media(max-width:768px){.sidebar .bottom ul li .icon,.sidebar .center ul li .icon{margin-right:12px}}.sidebar .bottom ul li span,.sidebar .center ul li span{font-size:13px;font-weight:500}.sidebar .bottom ul li:hover,.sidebar .center ul li:hover{background:#efefff;border-radius:8px;color:#7c7cff}.sidebar .bottom ul li:hover .icon,.sidebar .center ul li:hover .icon{color:#7c7cff}.sidebar .bottom .menuItem,.sidebar .center .menuItem{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;position:relative}@media(max-width:992px){.sidebar .bottom .menuItem,.sidebar .center .menuItem{align-items:center}}@media(max-width:768px){.sidebar .bottom .menuItem,.sidebar .center .menuItem{align-items:flex-start}}.sidebar .bottom .submenu,.sidebar .center .submenu{background:#f0f8ff;background:var(--color-bar);border:1px solid rgba(15,21,48,.12);border:1px solid var(--color-border);border-radius:10px;list-style:none;margin:0;max-height:0;opacity:0;overflow:hidden;padding:0;-webkit-transform:translateY(-5px);transform:translateY(-5px);transition:max-height .3s ease,opacity .3s ease,margin .3s ease,-webkit-transform .3s ease;transition:max-height .3s ease,opacity .3s ease,transform .3s ease,margin .3s ease;transition:max-height .3s ease,opacity .3s ease,transform .3s ease,margin .3s ease,-webkit-transform .3s ease;width:100%}.sidebar .bottom .submenu.open,.sidebar .center .submenu.open{margin-top:5px;max-height:500px;opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}@media(max-width:992px){.sidebar .bottom .submenu,.sidebar .center .submenu{display:none}}@media(max-width:768px){.sidebar .bottom .submenu,.sidebar .center .submenu{display:block}}.sidebar .bottom .submenuLink,.sidebar .center .submenuLink{align-items:center;color:#5f6c8d;color:var(--color-muted);display:flex;margin:0 6px;text-decoration:none}.sidebar .bottom .submenuLink:first-child,.sidebar .center .submenuLink:first-child{margin-top:6px}.sidebar .bottom .submenuLink:last-child,.sidebar .center .submenuLink:last-child{margin-bottom:6px}.sidebar .bottom .submenuLink li,.sidebar .center .submenuLink li{background:transparent;border-radius:8px;color:inherit;font-size:13px;margin:3px 0;padding:8px 10px;transition:all .2s ease;width:100%}.sidebar .bottom .submenuLink li:hover,.sidebar .center .submenuLink li:hover{background:#efefff;color:#7c7cff}.sidebar .bottom .submenuLink.active li,.sidebar .center .submenuLink.active li{background:#e8e8ff;border-radius:8px;color:#5c5cff}.sidebar .bottom .arrow,.sidebar .center .arrow{align-items:center;display:flex;font-size:12px;justify-content:center;margin-left:10px;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}@media(max-width:992px){.sidebar .bottom .arrow,.sidebar .center .arrow{display:none}}@media(max-width:768px){.sidebar .bottom .arrow,.sidebar .center .arrow{display:flex}}.sidebar .title{color:#999;font-size:10px;font-weight:700;margin:15px 0 5px 10px}.mainLayout{display:grid;grid-template-areas:"sidebar navbar" "sidebar content";grid-template-columns:220px 1fr;grid-template-rows:60px 1fr;height:100vh}@media(max-width:992px){.mainLayout{grid-template-columns:65px 1fr}}@media(max-width:768px){.mainLayout{grid-template-columns:0}}.mainLayout .sidebarContainer{-ms-overflow-style:none;background-color:#f0f8ff;background-color:var(--color-bar);border-right:1px solid rgba(15,21,48,.12);border-right:1px solid var(--color-border);grid-area:sidebar;height:100vh;left:0;overflow-y:scroll;position:fixed;top:0;transition:all .3s ease;width:220px;z-index:100}.mainLayout .sidebarContainer::-webkit-scrollbar{display:none}.mainLayout .sidebarContainer .brandImg{display:none}.mainLayout .sidebarContainer .brandImg.big{display:block;width:160px}@media(max-width:992px){.mainLayout .sidebarContainer{grid-column:1;width:65px}.mainLayout .sidebarContainer .brandImg.big{display:none}.mainLayout .sidebarContainer .brandImg.small{display:block;width:40px}.mainLayout .sidebarContainer ul li span{display:none}.mainLayout .sidebarContainer:hover{width:220px}.mainLayout .sidebarContainer:hover .brandImg.big,.mainLayout .sidebarContainer:hover ul li span{display:block}.mainLayout .sidebarContainer:hover .brandImg.small{display:none}.mainLayout .sidebarContainer:hover .sidebar .bottom ul li,.mainLayout .sidebarContainer:hover .sidebar .center ul li{justify-content:flex-start}.mainLayout .sidebarContainer:hover .sidebar .bottom ul li .icon,.mainLayout .sidebarContainer:hover .sidebar .center ul li .icon{margin-right:12px}.mainLayout .sidebarContainer:hover .sidebar .bottom .menuItem,.mainLayout .sidebarContainer:hover .sidebar .center .menuItem{align-items:flex-start}.mainLayout .sidebarContainer:hover .sidebar .bottom details summary,.mainLayout .sidebarContainer:hover .sidebar .center details summary{justify-content:flex-start}.mainLayout .sidebarContainer:hover .sidebar .bottom details summary span,.mainLayout .sidebarContainer:hover .sidebar .center details summary span{display:block}.mainLayout .sidebarContainer:hover .sidebar .bottom details summary:before,.mainLayout .sidebarContainer:hover .sidebar .center details summary:before{margin-right:10px}.mainLayout .sidebarContainer:hover .sidebar .bottom .arrow,.mainLayout .sidebarContainer:hover .sidebar .center .arrow{display:flex}.mainLayout .sidebarContainer:hover .sidebar .sidebarBottom .iconLabel{justify-content:flex-start}.mainLayout .sidebarContainer:hover .sidebar .submenu{display:block}}@media(max-width:768px){.mainLayout .sidebarContainer{-webkit-transform:translateX(-100%);transform:translateX(-100%);width:220px}.mainLayout .sidebarContainer ul li span{display:block}}.mainLayout .sidebarContainer.open{-webkit-transform:translateX(0);transform:translateX(0)}.mainLayout .sidebarContainer.open .brandImg.big{display:block}.mainLayout .sidebarContainer.open .brandImg.small{display:none}.mainLayout .navbarContainer{background-color:#f0f8ff;background-color:var(--color-bar);border-bottom:1px solid rgba(15,21,48,.12);border-bottom:1px solid var(--color-border);grid-area:navbar;height:60px;left:220px;position:fixed;right:0;top:0;z-index:99}@media(max-width:992px){.mainLayout .navbarContainer{left:65px}}@media(max-width:768px){.mainLayout .navbarContainer{left:0}}.mainLayout .mainContainer{grid-area:content;overflow:auto;width:100%}.sidebar-toggle{background:none;border:none;border-radius:6px;cursor:pointer;display:none;font-size:16px;outline:none;padding:10px;position:fixed;right:10px;top:10px;transition:background-color .3s ease;z-index:1000}@media(max-width:768px){.sidebar-toggle{display:block}}.sidebar-toggle:hover{background-color:#f8fafc;background-color:var(--color-bg)}.overlay{background:rgba(0,0,0,.1);height:100%;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:opacity .3s ease;width:100%;z-index:98}.overlay.active{opacity:1;pointer-events:auto}:root{--color-bg:#f8fafc;--color-text:#101840;--color-bar:#f0f8ff;--color-card:#fdfdfd;--color-primary:#4f72ff;--color-border:rgba(15,21,48,.12);--color-surface:#fdfdfd30;--color-muted:#5f6c8d;--color-green:#0f6070;--color-slate:#fff;--color-odd-row:#fff;--color-even-row:#f8fbff;--color-navy:#030330}.app.dark{--color-bg:#1a1f2c;--color-text:#e5e7ef;--color-bar:#0d1220;--color-card:#0d122080;--color-primary:#4f72ff;--color-border:hsla(0,0%,100%,.12);--color-surface:#0d122030;--color-muted:#ccd5e0;--color-green:#0e8fa8;--color-odd-row:#1a1f2c;--color-even-row:#0d1220;--color-navy:#fff}.passwordRequirements{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#f8fafc;background-color:var(--color-bg);border:1px solid rgba(15,21,48,.12);border:1px solid var(--color-border);border-radius:16px;box-shadow:0 4px 6px rgba(0,0,0,.04);margin:20px;padding:24px;transition:all .3s ease}.passwordRequirements:hover{border-color:#4f72ff;box-shadow:0 8px 16px rgba(79,114,255,.1)}.passwordRequirements .requirementsHeader{align-items:center;display:flex;gap:12px;margin-bottom:18px}.passwordRequirements .requirementsHeader .requirementsIcon{-webkit-animation:bounce .6s ease-in-out;animation:bounce .6s ease-in-out;font-size:24px}.passwordRequirements .requirementsHeader h3{color:#18213a;color:#101840;color:var(--color-text);font-size:1.1rem;font-weight:700;margin:0}.passwordRequirements .requirementsList{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));list-style:none;margin:0;padding:0}.passwordRequirements .requirementsList li{align-items:center;background:#fdfdfd;background:var(--color-card);border:1.5px solid rgba(15,21,48,.12);border:1.5px solid var(--color-border);border-radius:10px;color:#5f6c8d;color:var(--color-muted);display:flex;font-size:.95rem;gap:12px;padding:12px 14px;transition:all .3s ease}.passwordRequirements .requirementsList li .checkmark{align-items:center;background:#e2e8f0;border-radius:50%;color:#667090;display:flex;font-size:14px;font-weight:600;height:24px;justify-content:center;min-width:24px;transition:all .3s ease}.passwordRequirements .requirementsList li .text{font-weight:500}.passwordRequirements .requirementsList li.met{background:linear-gradient(135deg,#ecfdf5,#f0fdf4);border-color:#86efac;color:#15803d}.passwordRequirements .requirementsList li.met .checkmark{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 4px 12px rgba(34,197,94,.25);color:#fff;-webkit-transform:scale(1.1);transform:scale(1.1)}@-webkit-keyframes bounce{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-4px);transform:translateY(-4px)}}@keyframes bounce{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-4px);transform:translateY(-4px)}}.profileForm{align-items:center;display:flex;flex-wrap:wrap;gap:30px;padding:20px}.profileForm label{color:#5f6c8d;color:var(--color-muted);display:block;font-size:.92rem;font-weight:600;margin-bottom:5px}.profileForm input{background:#f8fafc;background:var(--color-bg);border:1px solid rgba(15,21,48,.12);border:1px solid var(--color-border);border-radius:10px;color:#101840;color:var(--color-text);font-size:1rem;margin-bottom:10px;min-width:200px;padding:10px 16px;transition:border-color .2s ease,box-shadow .2s ease}.profileForm input:focus{border-color:#4f72ff;box-shadow:0 0 0 4px rgba(79,114,255,.12);outline:none}.profileForm button{background:linear-gradient(135deg,#4f72ff,#6986ff);border:none;border-radius:30px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:12px 16px;transition:box-shadow .2s ease,-webkit-transform .2s ease;transition:transform .2s ease,box-shadow .2s ease;transition:transform .2s ease,box-shadow .2s ease,-webkit-transform .2s ease}.profileForm button:hover{box-shadow:0 18px 30px rgba(79,114,255,.25);-webkit-transform:translateY(-1px);transform:translateY(-1px)}
/*# sourceMappingURL=main.914c919c.css.map*/