*{margin:0}#main,#canvas{border:none}#canvas{width:86%;height:800px;margin:auto}#form-body{border:1px solid gray;border-radius:5px;width:300px;height:400px;margin:200px auto auto;padding:10px}.navbar[data-v-d6122dc5]{z-index:1000;-webkit-backdrop-filter:blur(15px);background:#fffffff0;border-bottom:1px solid #e9ecef;width:100%;position:sticky;top:0;box-shadow:0 4px 20px #0000000f}.nav-container[data-v-d6122dc5]{justify-content:space-between;align-items:center;max-width:1250px;min-height:70px;margin:auto;padding:0 22px;display:flex}.logo[data-v-d6122dc5]{color:#212529;letter-spacing:-.5px;align-items:center;gap:9px;font-size:22px;font-weight:800;text-decoration:none;display:flex}.logo-icon[data-v-d6122dc5]{color:#fff;background:linear-gradient(135deg,#0d6efd,#6610f2);border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 5px 15px #0d6efd40}.logo-icon i[data-v-d6122dc5]{font-size:19px}.logo-text span[data-v-d6122dc5]{color:#0d6efd}.nav-content[data-v-d6122dc5]{align-items:center;gap:28px;display:flex}.nav-links[data-v-d6122dc5]{align-items:center;gap:5px;display:flex}.nav-links a[data-v-d6122dc5]{color:#495057;border-radius:9px;align-items:center;gap:7px;padding:9px 12px;font-size:14px;font-weight:600;text-decoration:none;transition:all .25s;display:flex;position:relative}.nav-links a i[data-v-d6122dc5]{font-size:16px}.nav-links a[data-v-d6122dc5]:hover{color:#0d6efd;background:#f0f6ff}.nav-links a.router-link-exact-active[data-v-d6122dc5]{color:#0d6efd;background:#eaf3ff}.nav-links a.router-link-exact-active[data-v-d6122dc5]:after{content:"";background:#0d6efd;border-radius:10px;width:20px;height:3px;position:absolute;bottom:-1px;left:50%;transform:translate(-50%)}.nav-right[data-v-d6122dc5]{align-items:center;gap:12px;display:flex}.role-badge[data-v-d6122dc5]{color:#495057;text-transform:capitalize;background:#f8f9fa;border:1px solid #e9ecef;border-radius:20px;align-items:center;gap:6px;padding:7px 11px;font-size:12px;font-weight:700;display:flex}.role-badge i[data-v-d6122dc5]{color:#0d6efd}.online-dot[data-v-d6122dc5]{background:#198754;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #1987541f}.logout-btn[data-v-d6122dc5]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#dc3545,#bb2d3b);border:none;border-radius:9px;align-items:center;gap:7px;padding:9px 15px;font-size:13px;font-weight:600;transition:all .25s;display:flex;box-shadow:0 4px 10px #dc35452e}.logout-btn[data-v-d6122dc5]:hover{transform:translateY(-1px);box-shadow:0 6px 15px #dc354547}.logout-btn[data-v-d6122dc5]:active{transform:scale(.97)}.mobile-toggle[data-v-d6122dc5]{color:#212529;cursor:pointer;background:#fff;border:1px solid #dee2e6;border-radius:10px;width:42px;height:42px;font-size:21px;display:none}.mobile-toggle[data-v-d6122dc5]:hover{color:#0d6efd;background:#f8f9fa}@media (width<=900px){.nav-container[data-v-d6122dc5]{min-height:65px;position:relative}.mobile-toggle[data-v-d6122dc5]{justify-content:center;align-items:center;display:flex}.nav-content[data-v-d6122dc5]{background:#fff;border:1px solid #e9ecef;border-radius:15px;flex-direction:column;align-items:stretch;gap:15px;padding:18px;display:none;position:absolute;top:70px;left:15px;right:15px;box-shadow:0 10px 35px #0000001f}.nav-content.show-menu[data-v-d6122dc5]{display:flex}.nav-links[data-v-d6122dc5]{flex-direction:column;align-items:stretch;gap:4px;display:flex}.nav-section-title[data-v-d6122dc5]{letter-spacing:1.2px;color:#94a3b8;margin:18px 13px 7px;font-size:10px;font-weight:700}.nav-section-title[data-v-d6122dc5]:first-child{margin-top:5px}.nav-item[data-v-d6122dc5]{color:#64748b;border-radius:10px;align-items:center;gap:12px;margin:0 5px;padding:10px 12px;font-size:14px;font-weight:500;text-decoration:none;transition:background .2s,color .2s,transform .2s;display:flex}.nav-item[data-v-d6122dc5]:hover{color:#2563eb;background:#f1f5f9;transform:translate(2px)}.nav-item.router-link-active[data-v-d6122dc5]{color:#2563eb;background:#eff6ff;font-weight:600}.nav-icon[data-v-d6122dc5]{color:#64748b;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:17px;transition:background .2s,color .2s;display:flex}.nav-item.router-link-active .nav-icon[data-v-d6122dc5]{color:#fff;background:#2563eb}.nav-item:hover .nav-icon[data-v-d6122dc5]{color:#2563eb}.nav-item.router-link-active:hover .nav-icon[data-v-d6122dc5]{color:#fff}.nav-text[data-v-d6122dc5]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.nav-links a[data-v-d6122dc5]{padding:12px 14px}.nav-right[data-v-d6122dc5]{border-top:1px solid #e9ecef;justify-content:space-between;padding-top:12px}}@media (width<=450px){.nav-container[data-v-d6122dc5]{padding:0 15px}.logo-text[data-v-d6122dc5]{font-size:19px}.logo-icon[data-v-d6122dc5]{border-radius:10px;width:37px;height:37px}.role-badge[data-v-d6122dc5]{padding:6px 9px;font-size:11px}.logout-btn[data-v-d6122dc5]{padding:8px 11px}}@media print{.print-hide-navbar[data-v-d6122dc5]{visibility:hidden!important;width:0!important;height:0!important;display:none!important;position:absolute!important;overflow:hidden!important}}.footer[data-v-a6c65fd3]{color:#fff;text-align:center;background:#212529;margin-top:40px;padding:25px 15px}.footer-content h5[data-v-a6c65fd3]{margin:0 0 8px;font-size:16px;font-weight:600}.footer-content p[data-v-a6c65fd3]{color:#adb5bd;margin:0;font-size:14px}.landing-page[data-v-b5280774]{color:#212529;background:#fff;font-family:Segoe UI,sans-serif}.navbar[data-v-b5280774]{background:#0d6efd;padding:12px 0}.navbar-brand[data-v-b5280774]{font-size:20px;font-weight:600;color:#fff!important}.navbar-brand i[data-v-b5280774]{margin-right:8px}.nav-link[data-v-b5280774]{margin-left:8px;font-weight:500;color:#fff!important}.nav-link[data-v-b5280774]:hover{color:#ffc107!important}.login-nav-btn[data-v-b5280774]{border:none;font-weight:600}.hero[data-v-b5280774]{color:#fff;background-color:#0000;background-image:linear-gradient(#0d6efdb3,#0d6efdb3),url(/assets/bjvlanding-Du2Z6WG9.jpeg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;align-items:center;min-height:90vh;display:flex}.hero h1[data-v-b5280774]{text-shadow:0 4px 15px #0000004d;font-size:3.5rem;font-weight:700;line-height:1.2}.hero p[data-v-b5280774]{max-width:600px;font-size:1.2rem;line-height:1.7}.hero .btn[data-v-b5280774]{border-radius:8px;font-weight:500}.section-title[data-v-b5280774]{color:#0d6efd;margin-bottom:20px;font-weight:700}.counter[data-v-b5280774]{color:#fff;background:#0d6efd}.counter h2[data-v-b5280774]{margin-top:8px;margin-bottom:2px;font-size:2.3rem;font-weight:700}.counter-icon[data-v-b5280774]{opacity:.9;font-size:28px}.feature-card[data-v-b5280774]{border:none;border-radius:12px;justify-content:center;min-height:210px;transition:all .3s;display:flex;box-shadow:0 0 15px #0000001a}.feature-card[data-v-b5280774]:hover{transform:translateY(-8px);box-shadow:0 10px 25px #00000026}.feature-icon[data-v-b5280774]{font-size:42px}.feature-card h4[data-v-b5280774]{font-weight:600}.notice[data-v-b5280774]{background:#f8f9fa}.list-group-item[data-v-b5280774]{border:1px solid #e9ecef;padding:18px;font-weight:500}.list-group-item i[data-v-b5280774]{margin-right:10px}.contact-item[data-v-b5280774]{align-items:flex-start;gap:15px;margin-bottom:22px;display:flex}.contact-item>i[data-v-b5280774]{color:#0d6efd;background:#e7f1ff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:45px;height:45px;font-size:20px;display:flex}.contact-item strong[data-v-b5280774]{margin-bottom:3px;display:block}.contact-item p[data-v-b5280774]{color:#6c757d;margin:0}.map-container[data-v-b5280774]{border-radius:12px;width:100%;height:350px;overflow:hidden;box-shadow:0 0 15px #0000001a}.map-container iframe[data-v-b5280774]{border:0;width:100%;height:100%}@media (width<=768px){.navbar-brand[data-v-b5280774]{font-size:18px}.hero[data-v-b5280774]{text-align:center;min-height:75vh;padding:90px 15px 60px}.hero h1[data-v-b5280774]{font-size:2.3rem}.hero p[data-v-b5280774]{margin-left:auto;margin-right:auto;font-size:1rem}.hero .btn[data-v-b5280774]{width:100%;margin-bottom:8px}.counter .col-md-3[data-v-b5280774]{margin-bottom:25px}.feature-card[data-v-b5280774]{margin-bottom:10px}.map-container[data-v-b5280774]{height:280px}}@media (width<=576px){.hero[data-v-b5280774]{background-position:50%;min-height:75vh}.hero h1[data-v-b5280774]{font-size:1.8rem}.hero p[data-v-b5280774]{font-size:.95rem}.section-title[data-v-b5280774]{font-size:28px}.counter h2[data-v-b5280774]{font-size:1.8rem}.counter-icon[data-v-b5280774]{font-size:23px}.contact-item[data-v-b5280774]{margin-bottom:18px}.map-container[data-v-b5280774]{height:280px}}.login-page[data-v-316fc9e0]{background:linear-gradient(135deg,#eef4ff 0%,#f8faff 50%,#fff 100%);justify-content:center;align-items:center;width:100%;min-height:100vh;padding:20px;display:flex}.login-wrapper[data-v-316fc9e0]{background:#fff;border-radius:24px;grid-template-columns:1fr .85fr;width:100%;max-width:1100px;min-height:650px;display:grid;overflow:hidden;box-shadow:0 20px 60px #0000001f}.brand-section[data-v-316fc9e0]{color:#fff;background:linear-gradient(135deg,#0d6efd,#084298);justify-content:center;align-items:center;padding:60px;display:flex;position:relative;overflow:hidden}.brand-section[data-v-316fc9e0]:before{content:"";background:#ffffff14;border-radius:50%;width:300px;height:300px;position:absolute;top:-100px;left:-100px}.brand-section[data-v-316fc9e0]:after{content:"";background:#ffffff0f;border-radius:50%;width:400px;height:400px;position:absolute;bottom:-200px;right:-150px}.brand-content[data-v-316fc9e0]{z-index:2;max-width:470px;position:relative}.school-logo[data-v-316fc9e0]{background:#ffffff26;border:1px solid #ffffff4d;border-radius:20px;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:25px;font-size:38px;display:flex}.brand-content h1[data-v-316fc9e0]{margin-bottom:8px;font-size:36px;font-weight:700;line-height:1.2}.school-location[data-v-316fc9e0]{opacity:.85;margin-bottom:25px;font-size:15px}.brand-line[data-v-316fc9e0]{background:#fff;border-radius:10px;width:60px;height:4px;margin-bottom:25px}.brand-content h2[data-v-316fc9e0]{margin-bottom:15px;font-size:23px;font-weight:600}.brand-description[data-v-316fc9e0]{opacity:.85;font-size:15px;line-height:1.7}.features[data-v-316fc9e0]{flex-direction:column;gap:15px;margin-top:35px;display:flex}.feature[data-v-316fc9e0]{color:#ffffffe6;align-items:center;gap:12px;font-size:14px;display:flex}.feature i[data-v-316fc9e0]{background:#ffffff21;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.login-section[data-v-316fc9e0]{justify-content:center;align-items:center;padding:50px;display:flex}.login-card[data-v-316fc9e0]{width:100%;max-width:400px}.login-heading[data-v-316fc9e0]{margin-bottom:30px}.login-heading h2[data-v-316fc9e0]{color:#172033;margin-bottom:8px;font-size:30px;font-weight:700}.login-heading p[data-v-316fc9e0]{color:#6c757d;margin:0;font-size:15px}.mobile-logo[data-v-316fc9e0]{display:none}.custom-alert[data-v-316fc9e0]{border:none;border-radius:12px;align-items:center;gap:10px;margin-bottom:20px;font-size:14px;display:flex}.login-form[data-v-316fc9e0]{flex-direction:column;gap:22px;display:flex}.form-group label[data-v-316fc9e0]{color:#343a40;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.input-wrapper[data-v-316fc9e0]{position:relative}.input-icon[data-v-316fc9e0]{color:#8b95a7;z-index:2;font-size:17px;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.custom-input[data-v-316fc9e0]{border:1px solid #dce1e8;border-radius:12px;height:52px;padding-left:45px;padding-right:45px;font-size:15px;transition:all .2s}.custom-input[data-v-316fc9e0]:focus{border-color:#0d6efd;box-shadow:0 0 0 4px #0d6efd1a}.password-input[data-v-316fc9e0]{padding-right:50px}.password-toggle[data-v-316fc9e0]{color:#7b8494;cursor:pointer;background:0 0;border:none;padding:5px;font-size:18px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.password-toggle[data-v-316fc9e0]:hover{color:#0d6efd}.login-button[data-v-316fc9e0]{color:#fff;cursor:pointer;background:#0d6efd;border:none;border-radius:12px;width:100%;height:52px;font-size:15px;font-weight:600;transition:all .2s}.login-button[data-v-316fc9e0]:hover:not(:disabled){background:#0b5ed7;transform:translateY(-1px);box-shadow:0 8px 20px #0d6efd40}.login-button[data-v-316fc9e0]:disabled{opacity:.7;cursor:not-allowed}.back-button[data-v-316fc9e0]{color:#495057;cursor:pointer;background:#fff;border:1px solid #dee2e6;border-radius:12px;width:100%;height:48px;margin-top:15px;font-size:14px;font-weight:500;transition:all .2s}.back-button[data-v-316fc9e0]:hover{background:#f8f9fa;border-color:#adb5bd}.login-footer[data-v-316fc9e0]{text-align:center;color:#9aa1ac;margin-top:30px;font-size:12px}@media (width<=900px){.login-wrapper[data-v-316fc9e0]{grid-template-columns:1fr;max-width:500px;min-height:auto}.brand-section[data-v-316fc9e0]{display:none}.login-section[data-v-316fc9e0]{padding:50px 40px}.mobile-logo[data-v-316fc9e0]{text-align:center;margin-bottom:30px;display:block}.mobile-logo-icon[data-v-316fc9e0]{color:#fff;background:#0d6efd;border-radius:18px;justify-content:center;align-items:center;width:65px;height:65px;margin:0 auto 15px;font-size:30px;display:flex}.mobile-logo h2[data-v-316fc9e0]{color:#172033;margin:0;font-size:20px;font-weight:700}}@media (width<=576px){.login-page[data-v-316fc9e0]{background:#fff;align-items:stretch;padding:0}.login-wrapper[data-v-316fc9e0]{width:100%;min-height:100vh;box-shadow:none;border-radius:0}.login-section[data-v-316fc9e0]{align-items:flex-start;padding:35px 22px 25px}.login-card[data-v-316fc9e0]{max-width:100%}.mobile-logo[data-v-316fc9e0]{margin-bottom:35px}.mobile-logo-icon[data-v-316fc9e0]{width:60px;height:60px;font-size:28px}.mobile-logo h2[data-v-316fc9e0]{font-size:18px}.login-heading[data-v-316fc9e0]{margin-bottom:25px}.login-heading h2[data-v-316fc9e0]{font-size:26px}.login-heading p[data-v-316fc9e0]{font-size:14px}.login-form[data-v-316fc9e0]{gap:19px}.custom-input[data-v-316fc9e0],.login-button[data-v-316fc9e0]{height:50px}.back-button[data-v-316fc9e0]{height:48px}}@media (width<=360px){.login-section[data-v-316fc9e0]{padding:25px 16px}.mobile-logo[data-v-316fc9e0]{margin-bottom:25px}.login-heading h2[data-v-316fc9e0]{font-size:24px}}.dashboard-page[data-v-5b471a4c]{background:#f5f7fb;min-height:100vh;font-family:Poppins,sans-serif}.welcome-card[data-v-5b471a4c]{color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:22px;justify-content:space-between;align-items:center;padding:35px 40px;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 35px #4f46e540}.welcome-card[data-v-5b471a4c]:after{content:"";background:#ffffff14;border-radius:50%;width:220px;height:220px;position:absolute;top:-80px;right:-60px}.welcome-small[data-v-5b471a4c]{letter-spacing:2px;opacity:.8;font-size:12px;font-weight:600}.welcome-card h1[data-v-5b471a4c]{margin:8px 0;font-size:30px;font-weight:700}.welcome-card p[data-v-5b471a4c]{opacity:.85;margin:0}.profile-icon[data-v-5b471a4c]{z-index:2;background:#ffffff26;border-radius:50%;justify-content:center;align-items:center;width:75px;height:75px;font-size:34px;display:flex}.stat-card[data-v-5b471a4c]{background:#fff;border:1px solid #edf0f6;border-radius:18px;align-items:center;gap:18px;padding:25px;transition:all .3s;display:flex;box-shadow:0 5px 20px #0000000a}.stat-icon[data-v-5b471a4c]{border-radius:15px;justify-content:center;align-items:center;width:58px;height:58px;font-size:25px;display:flex}.students[data-v-5b471a4c]{color:#4f46e5;background:#e0e7ff}.staff[data-v-5b471a4c]{color:#16a34a;background:#dcfce7}.classes[data-v-5b471a4c]{color:#d97706;background:#fef3c7}.subjects[data-v-5b471a4c]{color:#db2777;background:#fce7f3}.stat-card p[data-v-5b471a4c]{color:#7b8190;margin:0;font-size:13px}.stat-card h2[data-v-5b471a4c]{color:#202431;margin:3px 0 0;font-size:28px;font-weight:700}.section-title[data-v-5b471a4c]{justify-content:space-between;align-items:center;margin:40px 0 20px;display:flex}.section-title h3[data-v-5b471a4c]{color:#202431;margin:0;font-size:21px;font-weight:700}.section-title span[data-v-5b471a4c]{color:#858b99;font-size:13px}.staff-dashboard[data-v-5b471a4c]{max-width:1500px}.staff-welcome-card[data-v-5b471a4c]{color:#fff;background:linear-gradient(135deg,#0d6efd 0%,#3155d8 100%);border-radius:20px;justify-content:space-between;align-items:center;padding:30px 35px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #0d6efd2e}.staff-welcome-card[data-v-5b471a4c]:after{content:"";background:#ffffff14;border-radius:50%;width:220px;height:220px;position:absolute;top:-120px;right:80px}.welcome-text[data-v-5b471a4c]{opacity:.9;margin-top:6px;font-size:14px}.teacher-class[data-v-5b471a4c]{background:#ffffff21;border-radius:9px;align-items:center;gap:9px;margin-top:10px;padding:8px 13px;font-size:13px;display:inline-flex}.teacher-class strong[data-v-5b471a4c]{font-weight:600}.teacher-class .class-icon[data-v-5b471a4c]{font-size:16px}.stat-card[data-v-5b471a4c]{background:#fff;border:1px solid #e9ecef;border-radius:16px;align-items:center;gap:16px;min-height:115px;padding:20px;transition:transform .2s,box-shadow .2s;display:flex}.stat-card[data-v-5b471a4c]:hover{transform:translateY(-3px);box-shadow:0 8px 25px #00000012}.admin-dashboard[data-v-5b471a4c]{max-width:1500px}.admin-welcome-card[data-v-5b471a4c]{color:#fff;background:linear-gradient(135deg,#0d6efd 0%,#3155d8 100%);border-radius:20px;justify-content:space-between;align-items:center;padding:30px 35px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #0d6efd2e}.admin-welcome-card[data-v-5b471a4c]:before{content:"";background:#ffffff12;border-radius:50%;width:250px;height:250px;position:absolute;top:-170px;right:170px}.admin-welcome-card[data-v-5b471a4c]:after{content:"";background:#ffffff14;border-radius:50%;width:180px;height:180px;position:absolute;bottom:-100px;right:-70px}.welcome-label[data-v-5b471a4c]{letter-spacing:1.5px;opacity:.85;align-items:center;margin-bottom:8px;font-size:11px;font-weight:700;display:inline-flex}.welcome-title[data-v-5b471a4c]{margin:0;font-size:28px;font-weight:700}.welcome-text[data-v-5b471a4c]{opacity:.9;max-width:650px;margin-top:7px;font-size:14px}.welcome-profile[data-v-5b471a4c]{z-index:2;flex-direction:column;align-items:center;gap:7px;margin-left:20px;display:flex;position:relative}.profile-circle[data-v-5b471a4c]{background:#ffffff26;border:2px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:76px;height:76px;font-size:32px;display:flex}.welcome-profile span[data-v-5b471a4c]{letter-spacing:1px;opacity:.85;font-size:9px;font-weight:700}.section-header[data-v-5b471a4c]{justify-content:space-between;align-items:center;display:flex}.admin-stat-card[data-v-5b471a4c]{cursor:pointer;background:#fff;border:1px solid #e9ecef;border-radius:17px;min-height:165px;padding:20px;transition:transform .2s,box-shadow .2s,border-color .2s;position:relative}.admin-stat-card[data-v-5b471a4c]:hover{border-color:#d9e4ff;transform:translateY(-4px);box-shadow:0 12px 30px #00000012}.stat-top[data-v-5b471a4c]{justify-content:space-between;align-items:center;display:flex}.admin-stat-icon[data-v-5b471a4c]{border-radius:13px;justify-content:center;align-items:center;width:52px;height:52px;font-size:23px;display:flex}.students-stat[data-v-5b471a4c]{color:#0d6efd;background:#e7f1ff}.staff-stat[data-v-5b471a4c]{color:#198754;background:#eaf8f0}.classes-stat[data-v-5b471a4c]{color:#997404;background:#fff3cd}.subjects-stat[data-v-5b471a4c]{color:#6f42c1;background:#f0e9ff}.stat-arrow[data-v-5b471a4c]{color:#adb5bd;font-size:14px;transition:transform .2s,color .2s}.admin-stat-card:hover .stat-arrow[data-v-5b471a4c]{color:#0d6efd;transform:translate(2px,-2px)}.stat-content[data-v-5b471a4c]{margin-top:18px}.stat-label[data-v-5b471a4c]{letter-spacing:1px;color:#8a94a6;font-size:10px;font-weight:700;display:block}.stat-content h2[data-v-5b471a4c]{color:#212529;margin:3px 0 0;font-size:28px;font-weight:700}.admin-action-card[data-v-5b471a4c]{background:#fff;border:1px solid #e9ecef;border-radius:18px;flex-direction:column;height:100%;padding:24px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 15px #0000000a}.admin-action-card[data-v-5b471a4c]:hover{transform:translateY(-4px);box-shadow:0 12px 30px #00000014}.admin-action-icon[data-v-5b471a4c]{border-radius:14px;justify-content:center;align-items:center;width:54px;height:54px;font-size:23px;display:flex}.student-action[data-v-5b471a4c]{color:#0d6efd;background:#e7f1ff}.staff-action[data-v-5b471a4c]{color:#198754;background:#eaf8f0}.class-action[data-v-5b471a4c]{color:#997404;background:#fff3cd}.subject-action[data-v-5b471a4c]{color:#6f42c1;background:#f0e9ff}.list-action[data-v-5b471a4c]{color:#087990;background:#e8f4f8}.action-body h5[data-v-5b471a4c]{color:#212529;margin-bottom:7px;font-size:18px;font-weight:700}@media (width<=768px){.admin-dashboard[data-v-5b471a4c]{padding-top:15px!important}.admin-welcome-card[data-v-5b471a4c]{align-items:flex-start;padding:24px 20px}.welcome-title[data-v-5b471a4c]{font-size:22px}.welcome-text[data-v-5b471a4c]{font-size:13px}.welcome-profile[data-v-5b471a4c]{display:none}.admin-stat-card[data-v-5b471a4c]{min-height:145px}.admin-action-card[data-v-5b471a4c]{padding:20px}}@media (width<=480px){.admin-dashboard[data-v-5b471a4c]{padding-left:10px!important;padding-right:10px!important}.welcome-title[data-v-5b471a4c]{font-size:20px}.admin-stat-card[data-v-5b471a4c]{min-height:135px}}.stat-icon[data-v-5b471a4c]{border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:23px;display:flex}.students-icon[data-v-5b471a4c]{color:#0d6efd;background:#e7f1ff}.class-icon-stat[data-v-5b471a4c]{color:#198754;background:#eaf8f0}.role-icon[data-v-5b471a4c]{color:#997404;background:#fff3cd}.stat-label[data-v-5b471a4c]{letter-spacing:1px;color:#8a94a6;margin-bottom:3px;font-size:10px;font-weight:700;display:block}.stat-content h3[data-v-5b471a4c]{color:#212529;margin:0;font-size:22px;font-weight:700}.stat-content small[data-v-5b471a4c]{color:#8a94a6;margin-top:2px;font-size:12px;display:block}.section-header h4[data-v-5b471a4c]{color:#212529;margin:0;font-size:20px;font-weight:700}.section-header p[data-v-5b471a4c]{color:#6c757d;margin:4px 0 0;font-size:13px}.dashboard-action-card[data-v-5b471a4c]{background:#fff;border:1px solid #e9ecef;border-radius:18px;flex-direction:column;height:100%;padding:24px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 15px #0000000a}.dashboard-action-card[data-v-5b471a4c]:hover{transform:translateY(-4px);box-shadow:0 12px 30px #00000014}.action-top[data-v-5b471a4c]{justify-content:space-between;align-items:center;display:flex}.students-action[data-v-5b471a4c]{color:#0d6efd;background:#e7f1ff}.exam-action[data-v-5b471a4c]{color:#6f42c1;background:#f0e9ff}.action-badge[data-v-5b471a4c]{color:#6c757d;letter-spacing:.8px;background:#f8f9fa;border-radius:6px;padding:5px 9px;font-size:9px;font-weight:700}.action-body[data-v-5b471a4c]{flex:1;margin-top:20px}.action-body h5[data-v-5b471a4c]{margin-bottom:7px;font-size:18px;font-weight:700}.action-body p[data-v-5b471a4c]{color:#6c757d;margin:0;font-size:13px;line-height:1.6}.action-button[data-v-5b471a4c]{border-radius:9px;align-self:flex-start;margin-top:22px;padding:9px 16px;font-size:13px;font-weight:600}@media (width<=768px){.staff-dashboard[data-v-5b471a4c]{padding-top:15px!important}.staff-welcome-card[data-v-5b471a4c]{align-items:flex-start;padding:24px 20px}.welcome-title[data-v-5b471a4c]{font-size:22px}.welcome-profile[data-v-5b471a4c]{display:none}.teacher-class[data-v-5b471a4c]{align-items:flex-start;line-height:1.5}.stat-card[data-v-5b471a4c]{min-height:100px;padding:16px}.dashboard-action-card[data-v-5b471a4c]{padding:20px}}.action-card[data-v-5b471a4c]{background:#fff;border:1px solid #edf0f6;border-radius:18px;height:100%;padding:28px;transition:all .3s;box-shadow:0 5px 20px #00000008}.action-card[data-v-5b471a4c]:hover{transform:translateY(-5px);box-shadow:0 15px 35px #00000014}.action-card>i[data-v-5b471a4c]{color:#4f46e5;background:#eef2ff;border-radius:14px;justify-content:center;align-items:center;width:55px;height:55px;margin-bottom:18px;font-size:25px;display:inline-flex}.action-card h5[data-v-5b471a4c]{margin-bottom:8px;font-weight:700}.action-card p[data-v-5b471a4c]{color:#858b99;min-height:38px;font-size:13px}.action-card .btn[data-v-5b471a4c]{border-radius:10px;margin-top:8px;padding:9px 18px}.login-required[data-v-5b471a4c]{background:linear-gradient(135deg,#eef2ff,#f8fafc);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-box[data-v-5b471a4c]{text-align:center;background:#fff;border-radius:25px;width:90%;max-width:450px;padding:45px 35px;box-shadow:0 20px 60px #00000014}.login-icon[data-v-5b471a4c]{color:#4f46e5;background:#eef2ff;border-radius:50%;justify-content:center;align-items:center;width:75px;height:75px;margin:auto auto 20px;font-size:30px;display:flex}.login-box h1[data-v-5b471a4c]{font-weight:700}.login-box p[data-v-5b471a4c]{color:#858b99;margin-bottom:25px}@media (width<=768px){.welcome-card[data-v-5b471a4c]{padding:28px 22px}.welcome-card h1[data-v-5b471a4c]{font-size:23px}.profile-icon[data-v-5b471a4c]{width:58px;height:58px;font-size:25px}.section-title[data-v-5b471a4c]{margin-top:30px}}@media (width<=480px){.welcome-card[data-v-5b471a4c]{align-items:flex-start}.profile-icon[data-v-5b471a4c]{width:48px;height:48px;font-size:20px}.welcome-card h1[data-v-5b471a4c]{font-size:20px}.welcome-card p[data-v-5b471a4c]{font-size:12px}}.student-dashboard[data-v-5b471a4c]{max-width:1600px;margin:0 auto}.student-welcome-card[data-v-5b471a4c]{color:#fff;background:linear-gradient(135deg,#0d6efd 0%,#2563eb 55%,#4f46e5 100%);border-radius:24px;justify-content:space-between;align-items:center;min-height:250px;padding:35px 40px;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 35px #2563eb2e}.student-welcome-card[data-v-5b471a4c]:before{content:"";background:#ffffff14;border-radius:50%;width:280px;height:280px;position:absolute;top:-160px;right:150px}.student-welcome-card[data-v-5b471a4c]:after{content:"";background:#ffffff14;border-radius:50%;width:220px;height:220px;position:absolute;bottom:-120px;right:-80px}.welcome-content[data-v-5b471a4c]{z-index:2;position:relative}.welcome-label[data-v-5b471a4c]{letter-spacing:1px;background:#ffffff24;border-radius:30px;align-items:center;margin-bottom:12px;padding:7px 13px;font-size:12px;font-weight:700;display:inline-flex}.student-welcome-card h1[data-v-5b471a4c]{margin:0 0 8px;font-size:32px;font-weight:700}.welcome-emoji[data-v-5b471a4c]{font-size:27px}.welcome-text[data-v-5b471a4c]{color:#ffffffd1;max-width:650px;margin-bottom:25px;font-size:15px}.student-info-row[data-v-5b471a4c]{flex-wrap:wrap;gap:12px;display:flex}.student-info-item[data-v-5b471a4c]{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border:1px solid #ffffff26;border-radius:12px;align-items:center;gap:10px;min-width:150px;padding:10px 14px;display:flex}.info-icon[data-v-5b471a4c]{background:#ffffff26;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;display:flex}.student-info-item small[data-v-5b471a4c]{color:#ffffffa6;letter-spacing:.7px;margin-bottom:2px;font-size:9px;font-weight:700;display:block}.student-info-item strong[data-v-5b471a4c]{font-size:13px;display:block}.welcome-illustration[data-v-5b471a4c]{z-index:2;color:#fffc;flex-direction:column;align-items:center;min-width:190px;display:flex;position:relative}.illustration-circle[data-v-5b471a4c]{background:#ffffff21;border:1px solid #ffffff2e;border-radius:50%;justify-content:center;align-items:center;width:125px;height:125px;margin-bottom:12px;font-size:55px;display:flex;box-shadow:0 15px 35px #0000001a}.welcome-illustration span[data-v-5b471a4c]{letter-spacing:.5px;font-size:12px;font-weight:600}.dashboard-heading[data-v-5b471a4c]{margin:25px 0 15px}.dashboard-heading h4[data-v-5b471a4c]{color:#1f2937;margin:0;font-size:20px;font-weight:700}.dashboard-heading h4 i[data-v-5b471a4c]{color:#2563eb}.dashboard-heading p[data-v-5b471a4c]{color:#6b7280;margin:4px 0 0;font-size:13px}.student-action-card[data-v-5b471a4c]{background:#fff;border:1px solid #e5e7eb;border-radius:20px;flex-direction:column;height:100%;padding:25px;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;box-shadow:0 5px 18px #0f172a0d}.student-action-card[data-v-5b471a4c]:hover{border-color:#dbe4ff;transform:translateY(-5px);box-shadow:0 15px 30px #0f172a1a}.action-card-top[data-v-5b471a4c]{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.action-icon[data-v-5b471a4c]{border-radius:15px;justify-content:center;align-items:center;width:55px;height:55px;font-size:25px;display:flex}.profile-card .action-icon[data-v-5b471a4c]{color:#2563eb;background:#eef4ff}.result-card .action-icon[data-v-5b471a4c]{color:#6d28d9;background:#f1edff}.attendance-card .action-icon[data-v-5b471a4c]{color:#059669;background:#ecfdf5}.action-number[data-v-5b471a4c]{color:#cbd5e1;letter-spacing:1px;font-size:13px;font-weight:700}.action-card-content[data-v-5b471a4c]{flex:1}.action-card-content h5[data-v-5b471a4c]{color:#1f2937;margin-bottom:8px;font-size:19px;font-weight:700}.action-card-content p[data-v-5b471a4c]{color:#6b7280;margin-bottom:25px;font-size:13px;line-height:1.7}.student-action-btn[data-v-5b471a4c]{color:#374151;background:#f8fafc;border:0;border-radius:11px;justify-content:space-between;align-items:center;width:100%;padding:11px 15px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.student-action-btn i[data-v-5b471a4c]{transition:transform .2s}.student-action-card:hover .student-action-btn[data-v-5b471a4c]{color:#fff;background:#2563eb}.student-action-card:hover .student-action-btn i[data-v-5b471a4c]{transform:translate(4px)}.student-dashboard-footer[data-v-5b471a4c]{background:#fff;border:1px solid #e5e7eb;border-radius:15px;align-items:center;gap:12px;padding:16px 18px;display:flex}.footer-icon[data-v-5b471a4c]{color:#059669;background:#ecfdf5;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.student-dashboard-footer strong[data-v-5b471a4c]{color:#374151;font-size:13px;display:block}.student-dashboard-footer p[data-v-5b471a4c]{color:#6b7280;margin:2px 0 0;font-size:11px}@media (width<=768px){.student-dashboard[data-v-5b471a4c]{padding-top:15px!important}.student-welcome-card[data-v-5b471a4c]{border-radius:20px;min-height:auto;padding:25px 22px}.student-welcome-card h1[data-v-5b471a4c]{font-size:25px}.welcome-text[data-v-5b471a4c]{font-size:13px}.student-info-row[data-v-5b471a4c]{flex-direction:column}.student-info-item[data-v-5b471a4c]{width:100%}.welcome-illustration[data-v-5b471a4c]{display:none}.student-action-card[data-v-5b471a4c]{padding:20px}.dashboard-heading[data-v-5b471a4c]{margin-top:22px}}.profile-page[data-v-a9c740eb]{background:radial-gradient(circle at 0 0,#e8f1ff 0,#0000 35%),radial-gradient(circle at 100% 100%,#f2eaff 0,#0000 35%),#f6f8fc;justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex}.upload-wrapper[data-v-a9c740eb]{width:100%;max-width:470px}.upload-header[data-v-a9c740eb]{align-items:center;gap:15px;margin-bottom:18px;display:flex}.header-icon[data-v-a9c740eb]{color:#fff;background:linear-gradient(135deg,#0d6efd,#6f42c1);border-radius:15px;justify-content:center;align-items:center;width:52px;height:52px;font-size:25px;display:flex;box-shadow:0 8px 20px #0d6efd40}.upload-header h2[data-v-a9c740eb]{color:#172033;margin:0;font-size:23px;font-weight:700}.upload-header p[data-v-a9c740eb]{color:#7b8495;margin:3px 0 0;font-size:14px}.profile-card[data-v-a9c740eb]{text-align:center;background:#fffffff5;border:1px solid #0000000a;border-radius:24px;padding:32px;box-shadow:0 20px 60px #18274b1a}.photo-section[data-v-a9c740eb]{justify-content:center;margin-bottom:20px;display:flex}.photo-wrapper[data-v-a9c740eb],.default-photo[data-v-a9c740eb]{border-radius:50%;width:155px;height:155px;position:relative}.profile-photo[data-v-a9c740eb]{object-fit:cover;border:6px solid #fff;border-radius:50%;width:100%;height:100%;box-shadow:0 10px 35px #00000026}.default-photo[data-v-a9c740eb]{color:#667085;background:linear-gradient(135deg,#edf4ff,#e9ddff);border:6px solid #fff;justify-content:center;align-items:center;font-size:78px;display:flex;box-shadow:0 10px 35px #0000001a}.camera-btn[data-v-a9c740eb]{color:#fff;cursor:pointer;background:#0d6efd;border:4px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:17px;transition:all .2s;display:flex;position:absolute;bottom:8px;right:2px;box-shadow:0 5px 15px #0d6efd59}.camera-btn[data-v-a9c740eb]:hover{background:#0b5ed7;transform:scale(1.08)}.remove-btn[data-v-a9c740eb]{color:#fff;cursor:pointer;background:#dc3545;border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;display:flex;position:absolute;top:5px;right:5px;box-shadow:0 4px 12px #dc35454d}.photo-title[data-v-a9c740eb]{color:#1d2939;margin-bottom:7px;font-size:21px;font-weight:700}.photo-description[data-v-a9c740eb]{color:#7b8495;margin-bottom:22px;font-size:14px;line-height:1.6}.upload-area[data-v-a9c740eb]{text-align:left;cursor:pointer;background:#f8fbff;border:2px dashed #c9d8f5;border-radius:14px;align-items:center;gap:14px;padding:16px;transition:all .25s;display:flex}.upload-area[data-v-a9c740eb]:hover{background:#f1f7ff;border-color:#0d6efd;transform:translateY(-1px)}.upload-icon[data-v-a9c740eb]{color:#0d6efd;background:#e8f1ff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:23px;display:flex}.upload-area strong[data-v-a9c740eb]{color:#344054;font-size:14px}.upload-area p[data-v-a9c740eb]{color:#98a2b3;margin:3px 0 0;font-size:12px;line-height:1.5}.file-info[data-v-a9c740eb]{text-align:left;background:#f8f9fb;border:1px solid #eaecf0;border-radius:12px;align-items:center;gap:12px;margin-top:15px;padding:12px;display:flex}.file-icon[data-v-a9c740eb]{color:#0d6efd;background:#e8f1ff;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.file-details[data-v-a9c740eb]{flex:1;min-width:0}.file-details strong[data-v-a9c740eb]{white-space:nowrap;text-overflow:ellipsis;color:#344054;font-size:13px;display:block;overflow:hidden}.file-details small[data-v-a9c740eb]{color:#98a2b3}.file-remove[data-v-a9c740eb]{color:#dc3545;background:0 0;border:0;font-size:17px}.message-box[data-v-a9c740eb]{border-radius:10px;justify-content:center;align-items:center;gap:8px;margin-top:16px;font-size:13px;display:flex}.upload-btn[data-v-a9c740eb]{color:#fff;background:linear-gradient(135deg,#0d6efd,#635bff);border:0;border-radius:12px;width:100%;margin-top:18px;padding:13px;font-size:15px;font-weight:600;transition:all .25s;box-shadow:0 8px 20px #0d6efd40}.upload-btn[data-v-a9c740eb]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 25px #0d6efd52}.upload-btn[data-v-a9c740eb]:disabled{opacity:.55;cursor:not-allowed}.privacy-note[data-v-a9c740eb]{color:#98a2b3;justify-content:center;align-items:flex-start;gap:7px;margin-top:17px;font-size:11px;line-height:1.5;display:flex}.privacy-note i[data-v-a9c740eb]{color:#12b76a;font-size:14px}.page-footer[data-v-a9c740eb]{text-align:center;color:#98a2b3;margin-top:15px;font-size:11px}@media (width<=576px){.profile-page[data-v-a9c740eb]{align-items:flex-start;padding:25px 12px}.upload-wrapper[data-v-a9c740eb]{margin-top:10px}.profile-card[data-v-a9c740eb]{border-radius:20px;padding:25px 18px}.photo-wrapper[data-v-a9c740eb],.default-photo[data-v-a9c740eb]{width:135px;height:135px}.default-photo[data-v-a9c740eb]{font-size:65px}.upload-header h2[data-v-a9c740eb]{font-size:20px}}.profile-page[data-v-3b7c71c5]{background:linear-gradient(135deg,#f5f7ff 0%,#eef4ff 50%,#f8f9fa 100%);justify-content:center;align-items:center;min-height:calc(100vh - 70px);padding:40px 20px;display:flex}.profile-card[data-v-3b7c71c5]{background:#fff;border:1px solid #0000000d;border-radius:25px;width:100%;max-width:480px;overflow:hidden;box-shadow:0 20px 60px #0000001a}.photo-container[data-v-3b7c71c5]{flex-direction:column;justify-content:center;align-items:center;display:flex}.photo-image-wrapper[data-v-3b7c71c5]{width:150px;height:150px;position:relative}.profile-photo[data-v-3b7c71c5]{object-fit:cover;border:6px solid #fff;border-radius:50%;width:150px;height:150px;transition:all .3s;display:block;box-shadow:0 10px 30px #00000026}.profile-photo[data-v-3b7c71c5]:hover{transform:scale(1.03);box-shadow:0 14px 35px #0003}.photo-check[data-v-3b7c71c5]{color:#fff;background:#198754;border:4px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:17px;display:flex;position:absolute;bottom:8px;right:2px;box-shadow:0 4px 12px #1987544d}.photo-actions[data-v-3b7c71c5]{justify-content:center;margin-top:18px;display:flex}.update-photo-btn[data-v-3b7c71c5]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;border-radius:12px;justify-content:center;align-items:center;gap:9px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .25s;display:inline-flex;box-shadow:0 6px 18px #4f46e540}.update-photo-btn i[data-v-3b7c71c5]{font-size:17px}.update-photo-btn[data-v-3b7c71c5]:hover{background:linear-gradient(135deg,#4338ca,#6d28d9);transform:translateY(-2px);box-shadow:0 10px 25px #4f46e559}.update-photo-btn[data-v-3b7c71c5]:active{transform:translateY(0)}.update-photo-btn[data-v-3b7c71c5]:focus{outline:none;box-shadow:0 0 0 4px #4f46e526,0 6px 18px #4f46e540}@media (width<=576px){.photo-image-wrapper[data-v-3b7c71c5],.profile-photo[data-v-3b7c71c5]{width:130px;height:130px}.photo-check[data-v-3b7c71c5]{width:34px;height:34px;font-size:15px;bottom:5px;right:0}.update-photo-btn[data-v-3b7c71c5]{padding:9px 17px;font-size:13px}}.profile-header[data-v-3b7c71c5]{text-align:center;color:#fff;background:linear-gradient(135deg,#4f46e5,#6366f1,#7c3aed);padding:35px 20px 75px;position:relative}.profile-header[data-v-3b7c71c5]:after{content:"";background:#fff;border-radius:50% 50% 0 0/100% 100% 0 0;width:100%;height:45px;position:absolute;bottom:-1px;left:0}.header-icon[data-v-3b7c71c5]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff2e;border-radius:18px;justify-content:center;align-items:center;width:60px;height:60px;margin:auto auto 12px;font-size:28px;display:flex}.profile-header h2[data-v-3b7c71c5]{margin-bottom:5px;font-weight:700}.profile-header p[data-v-3b7c71c5]{opacity:.85;margin:0;font-size:14px}.profile-content[data-v-3b7c71c5]{padding:0 35px 30px}.photo-wrapper[data-v-3b7c71c5]{z-index:5;justify-content:center;margin-top:-55px;display:flex;position:relative}.photo-container[data-v-3b7c71c5]{position:relative}.profile-photo[data-v-3b7c71c5]{object-fit:cover;border:6px solid #fff;border-radius:50%;width:150px;height:150px;display:block;box-shadow:0 10px 30px #00000026}.photo-check[data-v-3b7c71c5]{color:#fff;background:#198754;border:4px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;display:flex;position:absolute;bottom:10px;right:7px}.upload-photo-box[data-v-3b7c71c5]{text-align:center;background:#f8f9ff;border:2px dashed #c7d2fe;border-radius:18px;width:100%;padding:25px 15px}.upload-icon[data-v-3b7c71c5]{color:#6366f1;background:linear-gradient(135deg,#e0e7ff,#ede9fe);border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin:0 auto 15px;font-size:48px;display:flex}.upload-text h5[data-v-3b7c71c5]{margin-bottom:5px;font-weight:700}.upload-text p[data-v-3b7c71c5]{color:#6c757d;margin-bottom:20px;font-size:14px}.user-info[data-v-3b7c71c5]{text-align:center;margin-top:22px;margin-bottom:25px}.user-info h3[data-v-3b7c71c5]{color:#212529;margin-bottom:10px;font-size:24px;font-weight:700}.role-badge[data-v-3b7c71c5]{color:#4f46e5;background:#eef2ff;border-radius:50px;align-items:center;padding:7px 15px;font-size:13px;font-weight:600;display:inline-flex}.info-list[data-v-3b7c71c5]{flex-direction:column;gap:12px;display:flex}.info-item[data-v-3b7c71c5]{background:#f8f9fa;border-radius:14px;align-items:center;gap:15px;padding:15px;transition:all .25s;display:flex}.info-item[data-v-3b7c71c5]:hover{background:#f1f3f5;transform:translateY(-2px)}.info-icon[data-v-3b7c71c5]{color:#4f46e5;background:#eef2ff;border-radius:12px;justify-content:center;align-items:center;width:45px;min-width:45px;height:45px;font-size:20px;display:flex}.info-item small[data-v-3b7c71c5]{color:#6c757d;margin-bottom:2px;font-size:12px;display:block}.upload-photo-container[data-v-3b7c71c5]{flex-direction:column;justify-content:center;align-items:center;margin:15px 0;display:flex}.upload-photo-box[data-v-3b7c71c5]{background:#f1f5f9;border:3px dashed #cbd5e1;border-radius:50%;justify-content:center;align-items:center;width:130px;height:130px;transition:border-color .2s,background .2s,transform .2s;display:flex}.upload-photo-box[data-v-3b7c71c5]:hover{background:#eff6ff;border-color:#0d6efd;transform:scale(1.03)}.update-photo-btn[data-v-3b7c71c5]{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;transition:color .2s,background .2s;display:flex}.update-photo-btn i[data-v-3b7c71c5]{color:#fff;background:#0d6efd;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:23px;display:flex;box-shadow:0 5px 15px #0d6efd40}.update-photo-btn:hover i[data-v-3b7c71c5]{background:#0b5ed7;transform:scale(1.05)}.upload-photo-text[data-v-3b7c71c5]{color:#64748b;text-align:center;margin-top:10px;font-size:13px;font-weight:500}.info-item strong[data-v-3b7c71c5]{color:#212529;font-size:15px;display:block}.profile-footer[data-v-3b7c71c5]{text-align:center;color:#6c757d;background:#f8f9fa;border-radius:12px;margin-top:25px;padding:13px;font-size:12px}@media (width<=576px){.profile-page[data-v-3b7c71c5]{align-items:flex-start;padding:30px 12px 20px}.profile-card[data-v-3b7c71c5]{border-radius:20px}.profile-header[data-v-3b7c71c5]{padding:28px 15px 65px}.profile-content[data-v-3b7c71c5]{padding:0 20px 25px}.profile-photo[data-v-3b7c71c5]{width:125px;height:125px}.upload-icon[data-v-3b7c71c5]{width:85px;height:85px;font-size:40px}.user-info h3[data-v-3b7c71c5]{font-size:21px}}.add-staff-page[data-v-c38e6182]{background:#f6f8fb;min-height:100vh}.page-header[data-v-c38e6182]{justify-content:space-between;align-items:center;display:flex}.staff-card[data-v-c38e6182]{border-radius:18px;overflow:hidden}.section-title[data-v-c38e6182]{align-items:center;gap:12px;margin-bottom:10px;display:flex}.section-icon[data-v-c38e6182]{color:#0d6efd;background:#eef4ff;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;font-size:19px;display:flex}.form-label[data-v-c38e6182]{color:#344054;margin-bottom:7px;font-weight:600}.required[data-v-c38e6182]{color:#dc3545}.form-control[data-v-c38e6182],.form-select[data-v-c38e6182]{border-radius:9px;min-height:44px}.input-group .form-control[data-v-c38e6182],.input-group .form-select[data-v-c38e6182]{border-radius:0 9px 9px 0}.input-group-text[data-v-c38e6182]{color:#667085;background:#f8fafc;border-radius:9px 0 0 9px}.photo-section[data-v-c38e6182]{text-align:center}.staff-photo[data-v-c38e6182]{background:#eef2f7;border:5px solid #fff;border-radius:50%;width:170px;height:170px;margin:auto;overflow:hidden;box-shadow:0 5px 20px #0000001a}.staff-photo img[data-v-c38e6182]{object-fit:cover;width:100%;height:100%}.photo-placeholder[data-v-c38e6182]{color:#98a2b3;justify-content:center;align-items:center;width:100%;height:100%;font-size:70px;display:flex}textarea.form-control[data-v-c38e6182]{resize:vertical}.form-actions[data-v-c38e6182]{justify-content:flex-end;gap:10px;display:flex}.form-actions .btn[data-v-c38e6182]{border-radius:9px;min-height:44px}@media (width<=767px){.add-staff-page .container[data-v-c38e6182]{padding-left:12px;padding-right:12px}.staff-card .card-body[data-v-c38e6182]{padding:20px!important}.page-header h2[data-v-c38e6182]{font-size:22px}.staff-photo[data-v-c38e6182]{width:140px;height:140px}.form-actions[data-v-c38e6182]{flex-direction:column-reverse}.form-actions .btn[data-v-c38e6182]{width:100%}}.add-student-page[data-v-10422d3f]{color:#1d2939;background:linear-gradient(135deg,#f6f8fc 0%,#eef3fb 100%);min-height:100vh}.page-header[data-v-10422d3f]{justify-content:space-between;align-items:center;display:flex}.header-left[data-v-10422d3f]{align-items:center;gap:15px;display:flex}.header-icon[data-v-10422d3f]{color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:15px;justify-content:center;align-items:center;width:52px;height:52px;font-size:23px;display:flex;box-shadow:0 8px 20px #4f46e540}.page-header h2[data-v-10422d3f]{color:#101828;margin:0;font-size:27px;font-weight:750}.page-header p[data-v-10422d3f]{color:#667085;margin:4px 0 0;font-size:14px}.custom-alert[data-v-10422d3f]{border:1px solid;border-radius:12px;align-items:center;gap:12px;margin-bottom:20px;padding:14px 16px;display:flex}.alert-success[data-v-10422d3f]{color:#067647;background:#ecfdf3;border-color:#abefc6}.alert-danger[data-v-10422d3f]{color:#b42318;background:#fef3f2;border-color:#fecdca}.alert-icon[data-v-10422d3f]{font-size:19px}.alert-message[data-v-10422d3f]{flex:1;font-size:14px;font-weight:500}.alert-close[data-v-10422d3f]{color:inherit;cursor:pointer;opacity:.7;background:0 0;border:none}.student-card[data-v-10422d3f]{background:#fff;border:1px solid #eaecf0;border-radius:20px;overflow:hidden;box-shadow:0 8px 30px #10182812}.card-header-custom[data-v-10422d3f]{background:#fff;border-bottom:1px solid #eaecf0;justify-content:space-between;align-items:center;padding:25px 30px;display:flex}.card-header-custom h4[data-v-10422d3f]{color:#101828;margin:0;font-size:18px;font-weight:700}.card-header-custom p[data-v-10422d3f]{color:#667085;margin:5px 0 0;font-size:13px}.student-icon[data-v-10422d3f]{color:#4f46e5;background:#eef4ff;border-radius:12px;justify-content:center;align-items:center;width:45px;height:45px;font-size:20px;display:flex}.card-body-custom[data-v-10422d3f]{padding:30px}.section-heading[data-v-10422d3f]{align-items:center;gap:13px;margin-bottom:22px;display:flex}.section-number[data-v-10422d3f]{color:#4f46e5;background:#eef2ff;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-size:12px;font-weight:800;display:flex}.section-heading h5[data-v-10422d3f]{color:#101828;margin:0;font-size:16px;font-weight:700}.section-heading p[data-v-10422d3f]{color:#667085;margin:3px 0 0;font-size:12px}.form-label[data-v-10422d3f]{color:#344054;margin-bottom:7px;font-size:13px;font-weight:650;display:block}.required[data-v-10422d3f]{color:#d92d20}.form-control[data-v-10422d3f],.form-select[data-v-10422d3f]{color:#101828;min-height:46px;box-shadow:none;border:1px solid #d0d5dd;border-radius:10px;font-size:14px;transition:all .2s}.form-control[data-v-10422d3f]::placeholder{color:#98a2b3}.form-control[data-v-10422d3f]:focus,.form-select[data-v-10422d3f]:focus{border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a}.input-group-text[data-v-10422d3f]{color:#667085;background:#f8fafc;border:1px solid #d0d5dd;border-right:none;border-radius:10px 0 0 10px;justify-content:center;min-width:46px}.input-group .form-control[data-v-10422d3f],.input-group .form-select[data-v-10422d3f]{border-radius:0 10px 10px 0}.form-help[data-v-10422d3f]{color:#98a2b3;margin-top:6px;font-size:11px;display:block}.address-box[data-v-10422d3f]{resize:vertical;min-height:110px;padding:13px 15px}.section-divider[data-v-10422d3f]{background:#eaecf0;height:1px;margin:32px 0}.form-footer[data-v-10422d3f]{background:#f9fafb;border-top:1px solid #eaecf0;justify-content:space-between;align-items:center;padding:20px 30px;display:flex}.required-note[data-v-10422d3f]{color:#667085;font-size:12px}.form-actions[data-v-10422d3f]{gap:10px;display:flex}.btn-reset[data-v-10422d3f]{color:#344054;cursor:pointer;background:#fff;border:1px solid #d0d5dd;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 18px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.btn-reset[data-v-10422d3f]:hover{background:#f9fafb;border-color:#98a2b3}.btn-submit[data-v-10422d3f]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 22px;font-size:13px;font-weight:650;transition:all .25s;display:inline-flex;box-shadow:0 6px 16px #4f46e538}.btn-submit[data-v-10422d3f]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 22px #4f46e54d}.btn-submit[data-v-10422d3f]:active:not(:disabled){transform:translateY(0)}.btn-submit[data-v-10422d3f]:disabled,.btn-reset[data-v-10422d3f]:disabled{opacity:.65;cursor:not-allowed}@media (width<=767px){.add-student-page[data-v-10422d3f]{padding-bottom:20px}.page-header h2[data-v-10422d3f]{font-size:21px}.page-header p[data-v-10422d3f]{font-size:12px}.header-icon[data-v-10422d3f]{width:45px;height:45px;font-size:19px}.card-header-custom[data-v-10422d3f],.card-body-custom[data-v-10422d3f]{padding:20px}.card-header-custom h4[data-v-10422d3f]{font-size:16px}.student-icon[data-v-10422d3f]{width:40px;height:40px;font-size:17px}.form-footer[data-v-10422d3f]{flex-direction:column;align-items:stretch;gap:15px;padding:18px 20px}.required-note[data-v-10422d3f]{text-align:center}.form-actions[data-v-10422d3f]{flex-direction:column-reverse}.btn-reset[data-v-10422d3f],.btn-submit[data-v-10422d3f]{width:100%}}.student-page[data-v-e531e58c]{background:#f5f7fb;min-height:100vh;padding:25px}.page-header[data-v-e531e58c]{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.page-header h2[data-v-e531e58c]{margin:0;font-weight:700}.page-header h2 i[data-v-e531e58c]{margin-right:8px}.page-header p[data-v-e531e58c]{color:#6c757d;margin:5px 0 0}.header-buttons[data-v-e531e58c]{gap:10px;display:flex}.refresh-btn[data-v-e531e58c]{width:42px}.stats-row[data-v-e531e58c]{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:20px;display:grid}.stat-card[data-v-e531e58c]{background:#fff;border-radius:12px;align-items:center;gap:15px;padding:20px;display:flex;box-shadow:0 2px 10px #0000000d}.stat-icon[data-v-e531e58c]{background:#eef3ff;border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex}.stat-card small[data-v-e531e58c]{color:#6c757d}.stat-card h3[data-v-e531e58c]{margin:2px 0 0;font-weight:700}.filter-card[data-v-e531e58c]{background:#fff;border-radius:12px;align-items:center;gap:12px;margin-bottom:10px;padding:15px;display:flex}.search-box[data-v-e531e58c]{flex:1;position:relative}.search-box i[data-v-e531e58c]{color:#777;position:absolute;top:12px;left:14px}.search-box input[data-v-e531e58c]{border:1px solid #dee2e6;border-radius:8px;outline:none;width:100%;height:42px;padding-left:40px}.search-box input[data-v-e531e58c]:focus{border-color:#86b7fe;box-shadow:0 0 0 3px #0d6efd1a}.class-filter[data-v-e531e58c]{width:220px}.clear-btn[data-v-e531e58c]{white-space:nowrap}.selected-filter[data-v-e531e58c]{color:#3159b7;background:#eef3ff;border-radius:8px;align-items:center;gap:6px;margin-bottom:15px;padding:7px 12px;font-size:13px;display:inline-flex}.student-card[data-v-e531e58c]{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 10px #0000000d}.student-table[data-v-e531e58c]{vertical-align:middle;margin:0}.student-table thead[data-v-e531e58c]{background:#f8f9fa}.student-table th[data-v-e531e58c]{text-transform:uppercase;color:#6c757d;white-space:nowrap;padding:15px;font-size:13px}.student-table td[data-v-e531e58c]{padding:14px 15px}.student-info[data-v-e531e58c]{align-items:center;gap:10px;display:flex}.student-photo[data-v-e531e58c]{background:#e9ecef;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-weight:600;display:flex;overflow:hidden}.student-photo img[data-v-e531e58c]{object-fit:cover;width:100%;height:100%}.student-info strong[data-v-e531e58c]{display:block}.student-info small[data-v-e531e58c]{color:#6c757d;font-size:11px;display:block}.roll-badge[data-v-e531e58c],.class-badge[data-v-e531e58c]{border-radius:20px;padding:5px 10px;font-size:12px;font-weight:600;display:inline-block}.roll-badge[data-v-e531e58c]{background:#f1f3f5}.class-badge[data-v-e531e58c]{background:#eef3ff}.action-buttons[data-v-e531e58c]{justify-content:center;gap:6px;display:flex}.loading-box[data-v-e531e58c]{background:#fff;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:300px;display:flex}.loading-box p[data-v-e531e58c]{color:#6c757d;margin-top:12px}.empty-cell[data-v-e531e58c]{height:300px}.empty-state[data-v-e531e58c]{text-align:center;padding:50px}.empty-state i[data-v-e531e58c]{color:#adb5bd;font-size:50px}.empty-state h5[data-v-e531e58c]{margin-top:15px}.empty-state p[data-v-e531e58c]{color:#6c757d}@media (width<=768px){.student-page[data-v-e531e58c]{padding:15px}.page-header[data-v-e531e58c]{align-items:flex-start;gap:15px}.page-header h2[data-v-e531e58c]{font-size:21px}.button-text[data-v-e531e58c]{display:none}.header-buttons .btn-primary[data-v-e531e58c]{justify-content:center;align-items:center;width:42px;height:38px;padding:0;display:flex}.header-buttons .btn-primary i[data-v-e531e58c]{margin:0}.stats-row[data-v-e531e58c]{grid-template-columns:1fr;gap:10px}.filter-card[data-v-e531e58c]{flex-direction:column;align-items:stretch}.class-filter[data-v-e531e58c],.clear-btn[data-v-e531e58c]{width:100%}.student-table[data-v-e531e58c]{min-width:950px}}.bulk-page[data-v-ecd29c36]{background:#f5f7fb;min-height:100vh;padding:25px}.page-header[data-v-ecd29c36]{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.page-header h2[data-v-ecd29c36]{margin:0;font-weight:700}.page-header p[data-v-ecd29c36]{color:#6c757d;margin:5px 0 0}.import-card[data-v-ecd29c36]{background:#fff;border-radius:14px;margin-bottom:25px;padding:25px;box-shadow:0 2px 10px #0000000d}.step[data-v-ecd29c36]{border-bottom:1px solid #eee;gap:18px;padding:18px 0;display:flex}.step[data-v-ecd29c36]:last-child{border-bottom:none}.step-number[data-v-ecd29c36]{color:#fff;background:#0d6efd;border-radius:50%;justify-content:center;align-items:center;width:38px;min-width:38px;height:38px;font-weight:600;display:flex}.step-content[data-v-ecd29c36]{flex:1}.step-content h5[data-v-ecd29c36]{margin-bottom:10px}.file-name[data-v-ecd29c36]{color:#198754;margin-top:8px;display:block}.preview-card[data-v-ecd29c36]{background:#fff;border-radius:14px;margin-bottom:25px;overflow:hidden;box-shadow:0 2px 10px #0000000d}.preview-header[data-v-ecd29c36]{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:20px;display:flex}.preview-header h4[data-v-ecd29c36]{margin:0}.preview-header span[data-v-ecd29c36]{color:#6c757d;font-size:13px}.preview-actions[data-v-ecd29c36]{gap:10px;display:flex}.student-table[data-v-ecd29c36]{margin:0}.student-table th[data-v-ecd29c36]{color:#6c757d;white-space:nowrap;background:#f8f9fa;font-size:13px}.student-table td[data-v-ecd29c36],.student-table th[data-v-ecd29c36]{vertical-align:middle;padding:13px 15px}.roll-badge[data-v-ecd29c36]{background:#eef3ff;border-radius:20px;padding:5px 10px;font-size:13px;font-weight:600;display:inline-block}.format-card[data-v-ecd29c36]{background:#fff;border-radius:14px;padding:22px;box-shadow:0 2px 10px #0000000d}.format-card h5[data-v-ecd29c36]{margin-bottom:10px}.format-card p[data-v-ecd29c36]{color:#6c757d}.columns[data-v-ecd29c36]{flex-wrap:wrap;gap:10px;display:flex}.columns span[data-v-ecd29c36]{background:#f1f3f5;border-radius:20px;padding:8px 14px;font-size:13px;font-weight:600}.note[data-v-ecd29c36]{color:#664d03;background:#fff8e1;border-radius:8px;margin-top:18px;padding:12px}@media (width<=768px){.bulk-page[data-v-ecd29c36]{padding:15px}.page-header[data-v-ecd29c36]{flex-direction:column;align-items:flex-start;gap:15px}.preview-header[data-v-ecd29c36]{flex-direction:column;align-items:stretch;gap:15px}.preview-actions[data-v-ecd29c36]{width:100%}.preview-actions button[data-v-ecd29c36]{flex:1}.student-table[data-v-ecd29c36]{min-width:750px}}.classes-page[data-v-f6b7149d]{background:#f6f8fc;min-height:100vh;padding:25px;font-family:Poppins,Arial,sans-serif}.page-header[data-v-f6b7149d]{justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px;display:flex}.page-header h2[data-v-f6b7149d]{color:#1f2937;margin:0;font-size:27px;font-weight:700}.page-header h2 i[data-v-f6b7149d]{margin-right:8px}.page-header p[data-v-f6b7149d]{color:#6b7280;margin:5px 0 0;font-size:14px}.add-btn[data-v-f6b7149d]{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:9px;padding:11px 18px;font-weight:600;transition:all .2s}.add-btn[data-v-f6b7149d]:hover{background:#1d4ed8;transform:translateY(-1px)}.add-btn i[data-v-f6b7149d]{margin-right:7px}.stats-grid[data-v-f6b7149d]{grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:25px;display:grid}.stat-card[data-v-f6b7149d]{background:#fff;border:1px solid #e5e7eb;border-radius:14px;align-items:center;gap:15px;padding:20px;display:flex;box-shadow:0 4px 15px #0000000a}.stat-icon[data-v-f6b7149d]{color:#2563eb;background:#eff6ff;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:21px;display:flex}.stat-card h3[data-v-f6b7149d]{color:#111827;margin:0;font-size:23px}.stat-card p[data-v-f6b7149d]{color:#6b7280;margin:2px 0 0;font-size:13px}.toolbar[data-v-f6b7149d]{margin-bottom:22px}.search-box[data-v-f6b7149d]{max-width:500px;position:relative}.search-box>i[data-v-f6b7149d]{color:#9ca3af;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.search-box input[data-v-f6b7149d]{background:#fff;border:1px solid #dbe0e7;border-radius:10px;outline:none;width:100%;height:46px;padding:0 42px;font-size:14px}.search-box input[data-v-f6b7149d]:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.clear-btn[data-v-f6b7149d]{color:#9ca3af;cursor:pointer;background:0 0;border:none;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.class-grid[data-v-f6b7149d]{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.class-card[data-v-f6b7149d]{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:20px;transition:transform .2s,box-shadow .2s;box-shadow:0 5px 20px #0000000a}.class-card[data-v-f6b7149d]:hover{transform:translateY(-3px);box-shadow:0 10px 25px #00000014}.card-top[data-v-f6b7149d]{justify-content:space-between;align-items:center;display:flex}.class-number[data-v-f6b7149d]{color:#2563eb;background:#eff6ff;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:700;display:flex}.card-actions[data-v-f6b7149d]{gap:7px;display:flex}.icon-btn[data-v-f6b7149d]{cursor:pointer;border:none;border-radius:8px;width:34px;height:34px}.icon-btn.edit[data-v-f6b7149d]{color:#374151;background:#f3f4f6}.icon-btn.delete[data-v-f6b7149d]{color:#dc2626;background:#fef2f2}.class-content[data-v-f6b7149d]{align-items:center;gap:15px;margin:25px 0;display:flex}.class-icon[data-v-f6b7149d]{color:#2563eb;background:#eff6ff;border-radius:14px;justify-content:center;align-items:center;width:55px;height:55px;font-size:25px;display:flex}.class-info h3[data-v-f6b7149d]{color:#111827;margin:0;font-size:23px;font-weight:700}.class-info span[data-v-f6b7149d]{color:#6b7280;margin-top:3px;font-size:13px;display:inline-block}.class-footer[data-v-f6b7149d]{border-top:1px solid #edf0f4;justify-content:space-between;align-items:center;gap:10px;padding-top:15px;display:flex}.class-footer>div[data-v-f6b7149d]{color:#6b7280;font-size:13px}.class-footer i[data-v-f6b7149d]{margin-right:5px}.view-btn[data-v-f6b7149d]{color:#2563eb;cursor:pointer;background:0 0;border:none;font-size:13px;font-weight:600}.view-btn i[data-v-f6b7149d]{margin-left:3px}.loading-box[data-v-f6b7149d]{text-align:center;color:#6b7280;background:#fff;border-radius:15px;padding:60px}.spinner[data-v-f6b7149d]{border:4px solid #e5e7eb;border-top-color:#2563eb;border-radius:50%;width:35px;height:35px;margin:auto auto 15px;animation:.8s linear infinite spin-f6b7149d}@keyframes spin-f6b7149d{to{transform:rotate(360deg)}}.error-box[data-v-f6b7149d]{color:#b91c1c;background:#fef2f2;border-radius:10px;align-items:center;gap:10px;padding:15px;display:flex}.error-box button[data-v-f6b7149d]{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:7px;margin-left:auto;padding:7px 12px}.empty-box[data-v-f6b7149d]{text-align:center;background:#fff;border-radius:15px;padding:70px 20px}.empty-icon[data-v-f6b7149d]{color:#2563eb;background:#eff6ff;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin:auto;font-size:28px;display:flex}.empty-box h4[data-v-f6b7149d]{color:#374151;margin:15px 0 5px}.empty-box p[data-v-f6b7149d]{color:#6b7280}.reset-btn[data-v-f6b7149d]{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:9px 15px}@media (width<=1000px){.class-grid[data-v-f6b7149d]{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.classes-page[data-v-f6b7149d]{padding:15px}.page-header[data-v-f6b7149d]{flex-direction:column;align-items:flex-start}.add-btn[data-v-f6b7149d]{width:100%}.stats-grid[data-v-f6b7149d],.class-grid[data-v-f6b7149d]{grid-template-columns:1fr}}@media (width<=400px){.page-header h2[data-v-f6b7149d]{font-size:22px}.class-card[data-v-f6b7149d]{padding:16px}.class-footer[data-v-f6b7149d]{flex-direction:column;align-items:flex-start}.view-btn[data-v-f6b7149d]{padding:0}}.add-class-page[data-v-19064e98]{background:#f6f8fc;min-height:100vh;padding:30px;font-family:Poppins,Arial,sans-serif}.page-header[data-v-19064e98]{align-items:center;gap:15px;max-width:750px;margin:0 auto 25px;display:flex}.header-icon[data-v-19064e98]{color:#2563eb;background:#eff6ff;border-radius:14px;justify-content:center;align-items:center;width:55px;height:55px;font-size:25px;display:flex}.page-header h2[data-v-19064e98]{color:#111827;margin:0;font-size:26px;font-weight:700}.page-header p[data-v-19064e98]{color:#6b7280;margin:4px 0 0;font-size:14px}.form-card[data-v-19064e98]{background:#fff;border:1px solid #e5e7eb;border-radius:18px;max-width:750px;margin:auto;padding:30px;box-shadow:0 8px 30px #0000000d}.form-group[data-v-19064e98]{margin-bottom:25px}.form-group label[data-v-19064e98]{color:#374151;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.form-group label i[data-v-19064e98]{color:#2563eb;margin-right:6px}.form-group label span[data-v-19064e98]{color:#dc2626}.form-group small[data-v-19064e98]{color:#9ca3af;margin-top:7px;font-size:12px;display:block}.input-wrapper[data-v-19064e98]{position:relative}.input-wrapper>i[data-v-19064e98]{color:#9ca3af;z-index:2;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.input-wrapper input[data-v-19064e98],.input-wrapper select[data-v-19064e98]{box-sizing:border-box;color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:10px;outline:none;width:100%;height:48px;padding:0 15px 0 43px;font-size:14px;transition:all .2s}.input-wrapper input[data-v-19064e98]:focus,.input-wrapper select[data-v-19064e98]:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.input-wrapper input[data-v-19064e98]::placeholder{color:#9ca3af}.preview-box[data-v-19064e98]{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:15px;margin:5px 0 25px;padding:18px;display:flex}.preview-icon[data-v-19064e98]{color:#2563eb;background:#eff6ff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:flex}.preview-box span[data-v-19064e98]{color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;font-size:11px}.preview-box h3[data-v-19064e98]{color:#111827;margin:3px 0 0;font-size:18px}.preview-box p[data-v-19064e98]{color:#64748b;margin:4px 0 0;font-size:13px}.preview-box p i[data-v-19064e98]{margin-right:4px}.message[data-v-19064e98]{border-radius:9px;align-items:center;gap:9px;margin-bottom:20px;padding:12px 15px;font-size:13px;display:flex}.error-message[data-v-19064e98]{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.success-message[data-v-19064e98]{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.form-actions[data-v-19064e98]{justify-content:flex-end;gap:12px;padding-top:5px;display:flex}.cancel-btn[data-v-19064e98],.save-btn[data-v-19064e98]{cursor:pointer;border-radius:9px;height:45px;padding:0 20px;font-size:14px;font-weight:600;transition:all .2s}.cancel-btn[data-v-19064e98]{color:#374151;background:#fff;border:1px solid #d1d5db}.cancel-btn[data-v-19064e98]:hover{background:#f9fafb}.save-btn[data-v-19064e98]{color:#fff;background:#2563eb;border:none;min-width:130px}.save-btn[data-v-19064e98]:hover:not(:disabled){background:#1d4ed8;transform:translateY(-1px)}.save-btn[data-v-19064e98]:disabled,.cancel-btn[data-v-19064e98]:disabled{opacity:.6;cursor:not-allowed}.button-spinner[data-v-19064e98]{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:15px;height:15px;margin-right:7px;animation:.7s linear infinite spin-19064e98;display:inline-block}@keyframes spin-19064e98{to{transform:rotate(360deg)}}.info-card[data-v-19064e98]{background:#eff6ff;border:1px solid #dbeafe;border-radius:12px;gap:13px;max-width:750px;margin:18px auto 0;padding:17px;display:flex}.info-icon[data-v-19064e98]{color:#2563eb;font-size:20px}.info-card h4[data-v-19064e98]{color:#1e3a8a;margin:0 0 5px;font-size:14px}.info-card p[data-v-19064e98]{color:#475569;margin:0;font-size:12px;line-height:1.6}@media (width<=600px){.add-class-page[data-v-19064e98]{padding:15px}.page-header[data-v-19064e98]{align-items:flex-start}.page-header h2[data-v-19064e98]{font-size:21px}.header-icon[data-v-19064e98]{width:48px;height:48px;font-size:21px}.form-card[data-v-19064e98]{border-radius:14px;padding:20px}.form-actions[data-v-19064e98]{flex-direction:column-reverse}.cancel-btn[data-v-19064e98],.save-btn[data-v-19064e98]{width:100%}}.staff-page[data-v-0e9084f4]{background:#f6f8fb;min-height:100vh;padding:25px}.page-header[data-v-0e9084f4]{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.title-area[data-v-0e9084f4]{align-items:center;gap:14px;display:flex}.title-icon[data-v-0e9084f4]{color:#fff;background:#111827;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;font-size:22px;display:flex}.title-area h2[data-v-0e9084f4]{color:#111827;margin:0;font-size:26px;font-weight:700}.title-area p[data-v-0e9084f4]{color:#6b7280;margin:4px 0 0;font-size:14px}.add-btn[data-v-0e9084f4]{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:9px;align-items:center;gap:8px;padding:11px 17px;font-weight:600;transition:all .2s;display:flex}.add-btn[data-v-0e9084f4]:hover{background:#000;transform:translateY(-1px)}.alert[data-v-0e9084f4]{border-radius:9px;align-items:center;gap:9px;margin-bottom:20px;padding:13px 16px;display:flex}.error-alert[data-v-0e9084f4]{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.stats-grid[data-v-0e9084f4]{grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px;display:grid}.stat-card[data-v-0e9084f4]{background:#fff;border:1px solid #e5e7eb;border-radius:14px;align-items:center;gap:13px;padding:18px;display:flex}.stat-icon[data-v-0e9084f4]{border-radius:11px;justify-content:center;align-items:center;width:45px;height:45px;font-size:19px;display:flex}.stat-icon.total[data-v-0e9084f4]{color:#4f46e5;background:#eef2ff}.stat-icon.active[data-v-0e9084f4]{color:#059669;background:#ecfdf5}.stat-icon.inactive[data-v-0e9084f4]{color:#dc2626;background:#fef2f2}.stat-icon.filtered[data-v-0e9084f4]{color:#ea580c;background:#fff7ed}.stat-card span[data-v-0e9084f4]{color:#6b7280;font-size:12px;display:block}.stat-card h3[data-v-0e9084f4]{color:#111827;margin:3px 0 0;font-size:23px}.filter-card[data-v-0e9084f4]{background:#fff;border:1px solid #e5e7eb;border-radius:14px;margin-bottom:15px;padding:20px}.filter-header[data-v-0e9084f4]{justify-content:space-between;align-items:center;margin-bottom:17px;display:flex}.filter-header h4[data-v-0e9084f4]{color:#111827;margin:0;font-size:16px}.filter-header h4 i[data-v-0e9084f4]{margin-right:6px}.clear-btn[data-v-0e9084f4]{color:#374151;cursor:pointer;background:#f3f4f6;border:none;border-radius:7px;padding:7px 11px}.filter-grid[data-v-0e9084f4]{grid-template-columns:2fr 1fr 1fr 1fr;gap:14px;display:grid}.field label[data-v-0e9084f4]{color:#374151;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.input-wrapper[data-v-0e9084f4]{position:relative}.input-wrapper i[data-v-0e9084f4]{color:#9ca3af;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.input-wrapper input[data-v-0e9084f4],.select-wrapper select[data-v-0e9084f4]{background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;height:42px;font-size:13px}.input-wrapper input[data-v-0e9084f4]{padding:0 12px 0 36px}.select-wrapper[data-v-0e9084f4]{position:relative}.select-wrapper select[data-v-0e9084f4]{appearance:none;padding:0 35px 0 12px}.select-wrapper i[data-v-0e9084f4]{pointer-events:none;color:#6b7280;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.input-wrapper input[data-v-0e9084f4]:focus,.select-wrapper select[data-v-0e9084f4]:focus{border-color:#111827}.result-info[data-v-0e9084f4]{color:#6b7280;margin:13px 2px;font-size:13px}.table-card[data-v-0e9084f4]{background:#fff;border:1px solid #e5e7eb;border-radius:14px;overflow:hidden}.table-responsive[data-v-0e9084f4]{overflow-x:auto}.staff-table[data-v-0e9084f4]{border-collapse:collapse;width:100%;min-width:1250px}.staff-table th[data-v-0e9084f4]{text-align:left;color:#6b7280;text-transform:uppercase;letter-spacing:.4px;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:13px 14px;font-size:11px}.staff-table td[data-v-0e9084f4]{color:#374151;vertical-align:middle;border-bottom:1px solid #f0f0f0;padding:13px 14px;font-size:13px}.staff-table tbody tr[data-v-0e9084f4]:hover{background:#fafafa}.staff-info[data-v-0e9084f4]{align-items:center;gap:11px;display:flex}.staff-photo[data-v-0e9084f4]{flex-shrink:0;width:44px;height:44px}.staff-photo img[data-v-0e9084f4],.initial-avatar[data-v-0e9084f4]{object-fit:cover;border-radius:50%;width:44px;height:44px}.initial-avatar[data-v-0e9084f4]{color:#fff;background:#111827;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}.staff-details strong[data-v-0e9084f4]{color:#111827;font-size:14px;display:block}.staff-details span[data-v-0e9084f4]{text-overflow:ellipsis;white-space:nowrap;color:#6b7280;max-width:190px;margin-top:2px;font-size:12px;display:block;overflow:hidden}.staff-details small[data-v-0e9084f4]{color:#9ca3af;margin-top:2px;font-size:11px;display:block}.employee-id[data-v-0e9084f4]{white-space:nowrap;background:#f3f4f6;border-radius:6px;padding:5px 8px;font-size:12px;font-weight:600}.designation[data-v-0e9084f4]{color:#374151;font-weight:600}.qualification[data-v-0e9084f4]{color:#6b7280}.contact span[data-v-0e9084f4]{white-space:nowrap;display:block}.contact span i[data-v-0e9084f4]{color:#6b7280;width:16px;margin-right:5px}.contact .email[data-v-0e9084f4]{color:#9ca3af;margin-top:4px;font-size:11px}.joining-date[data-v-0e9084f4]{white-space:nowrap;color:#6b7280}.joining-date i[data-v-0e9084f4]{margin-right:5px}.status[data-v-0e9084f4]{white-space:nowrap;border-radius:20px;align-items:center;gap:5px;padding:5px 9px;font-size:11px;font-weight:600;display:inline-flex}.status i[data-v-0e9084f4]{font-size:6px}.status.active[data-v-0e9084f4]{color:#059669;background:#ecfdf5}.status.inactive[data-v-0e9084f4]{color:#dc2626;background:#fef2f2}.loading-box[data-v-0e9084f4]{color:#6b7280;background:#fff;border:1px solid #e5e7eb;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-height:260px;display:flex}.spinner[data-v-0e9084f4]{border:3px solid #e5e7eb;border-top-color:#111827;border-radius:50%;width:35px;height:35px;margin-bottom:10px;animation:.8s linear infinite spin-0e9084f4}@keyframes spin-0e9084f4{to{transform:rotate(360deg)}}.empty-box[data-v-0e9084f4]{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-height:280px;display:flex}.empty-icon[data-v-0e9084f4]{color:#9ca3af;background:#f3f4f6;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:12px;font-size:25px;display:flex}.empty-box h3[data-v-0e9084f4]{color:#111827;margin:0;font-size:18px}.empty-box p[data-v-0e9084f4]{color:#6b7280;margin:6px 0 15px;font-size:13px}.clear-empty[data-v-0e9084f4]{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:8px;padding:9px 15px}@media (width<=1100px){.stats-grid[data-v-0e9084f4]{grid-template-columns:repeat(2,1fr)}.filter-grid[data-v-0e9084f4]{grid-template-columns:1fr 1fr}.search-field[data-v-0e9084f4]{grid-column:1/-1}}@media (width<=650px){.staff-page[data-v-0e9084f4]{padding:15px}.page-header[data-v-0e9084f4]{align-items:flex-start;gap:12px}.title-icon[data-v-0e9084f4]{width:44px;height:44px;font-size:18px}.title-area h2[data-v-0e9084f4]{font-size:21px}.title-area p[data-v-0e9084f4]{font-size:11px}.add-btn[data-v-0e9084f4]{padding:9px 11px;font-size:12px}.add-btn i[data-v-0e9084f4]{display:none}.stats-grid[data-v-0e9084f4],.filter-grid[data-v-0e9084f4]{grid-template-columns:1fr}.search-field[data-v-0e9084f4]{grid-column:auto}.staff-table[data-v-0e9084f4]{min-width:1250px}}.subject-page[data-v-7ae4b8ef]{background:#f6f8fb;min-height:100vh;padding:25px}.page-header[data-v-7ae4b8ef]{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.title-area[data-v-7ae4b8ef]{align-items:center;gap:14px;display:flex}.title-icon[data-v-7ae4b8ef]{color:#fff;background:#111827;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;font-size:22px;display:flex}.title-area h2[data-v-7ae4b8ef]{color:#111827;margin:0;font-size:26px;font-weight:700}.title-area p[data-v-7ae4b8ef]{color:#6b7280;margin:4px 0 0;font-size:14px}.add-btn[data-v-7ae4b8ef]{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:9px;align-items:center;gap:8px;padding:11px 17px;font-weight:600;transition:all .2s;display:flex}.add-btn[data-v-7ae4b8ef]:hover{background:#000;transform:translateY(-1px)}.alert[data-v-7ae4b8ef]{border-radius:9px;align-items:center;gap:9px;margin-bottom:20px;padding:13px 16px;display:flex}.error-alert[data-v-7ae4b8ef]{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.stats-grid[data-v-7ae4b8ef]{grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px;display:grid}.stat-card[data-v-7ae4b8ef]{background:#fff;border:1px solid #e5e7eb;border-radius:14px;align-items:center;gap:13px;padding:18px;display:flex}.stat-icon[data-v-7ae4b8ef]{border-radius:11px;justify-content:center;align-items:center;width:45px;height:45px;font-size:19px;display:flex}.stat-icon.subjects[data-v-7ae4b8ef]{color:#4f46e5;background:#eef2ff}.stat-icon.classes[data-v-7ae4b8ef]{color:#059669;background:#ecfdf5}.stat-icon.sections[data-v-7ae4b8ef]{color:#ea580c;background:#fff7ed}.stat-icon.showing[data-v-7ae4b8ef]{color:#374151;background:#f3f4f6}.stat-card span[data-v-7ae4b8ef]{color:#6b7280;font-size:12px;display:block}.stat-card h3[data-v-7ae4b8ef]{color:#111827;margin:3px 0 0;font-size:23px}.filter-card[data-v-7ae4b8ef]{background:#fff;border:1px solid #e5e7eb;border-radius:14px;margin-bottom:15px;padding:20px}.filter-header[data-v-7ae4b8ef]{justify-content:space-between;align-items:center;margin-bottom:17px;display:flex}.filter-header h4[data-v-7ae4b8ef]{color:#111827;margin:0;font-size:16px}.filter-header h4 i[data-v-7ae4b8ef]{margin-right:6px}.clear-btn[data-v-7ae4b8ef]{color:#374151;cursor:pointer;background:#f3f4f6;border:none;border-radius:7px;padding:7px 11px}.filter-grid[data-v-7ae4b8ef]{grid-template-columns:2fr 1fr 1fr;gap:14px;display:grid}.field label[data-v-7ae4b8ef]{color:#374151;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.input-wrapper[data-v-7ae4b8ef]{position:relative}.input-wrapper i[data-v-7ae4b8ef]{color:#9ca3af;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.input-wrapper input[data-v-7ae4b8ef],.select-wrapper select[data-v-7ae4b8ef]{background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;height:42px;font-size:13px}.input-wrapper input[data-v-7ae4b8ef]{padding:0 12px 0 36px}.select-wrapper[data-v-7ae4b8ef]{position:relative}.select-wrapper select[data-v-7ae4b8ef]{appearance:none;padding:0 35px 0 12px}.select-wrapper i[data-v-7ae4b8ef]{pointer-events:none;color:#6b7280;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.input-wrapper input[data-v-7ae4b8ef]:focus,.select-wrapper select[data-v-7ae4b8ef]:focus{border-color:#111827}.result-info[data-v-7ae4b8ef]{color:#6b7280;margin:13px 2px;font-size:13px}.table-card[data-v-7ae4b8ef]{background:#fff;border:1px solid #e5e7eb;border-radius:14px;overflow:hidden}.table-responsive[data-v-7ae4b8ef]{overflow-x:auto}.subject-table[data-v-7ae4b8ef]{border-collapse:collapse;width:100%;min-width:850px}.subject-table th[data-v-7ae4b8ef]{text-align:left;color:#6b7280;text-transform:uppercase;letter-spacing:.4px;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:13px 15px;font-size:11px}.subject-table td[data-v-7ae4b8ef]{color:#374151;vertical-align:middle;border-bottom:1px solid #f0f0f0;padding:14px 15px;font-size:13px}.subject-table tbody tr[data-v-7ae4b8ef]:hover{background:#fafafa}.subject-info[data-v-7ae4b8ef]{align-items:center;gap:11px;display:flex}.subject-icon[data-v-7ae4b8ef]{color:#4f46e5;background:#eef2ff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;display:flex}.subject-info strong[data-v-7ae4b8ef]{color:#111827;font-size:14px;display:block}.subject-info small[data-v-7ae4b8ef]{color:#9ca3af;margin-top:3px;font-size:11px;display:block}.subject-id[data-v-7ae4b8ef]{color:#374151;background:#f3f4f6;border-radius:6px;padding:5px 8px;font-size:11px;font-weight:600}.class-badge[data-v-7ae4b8ef]{color:#047857;background:#ecfdf5;border-radius:20px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:600;display:inline-flex}.section-badge[data-v-7ae4b8ef]{color:#c2410c;background:#fff7ed;border-radius:20px;padding:6px 10px;font-size:12px;font-weight:600;display:inline-block}.details-text span[data-v-7ae4b8ef]{color:#6b7280;font-size:12px;display:block}.details-text span+span[data-v-7ae4b8ef]{margin-top:5px}.details-text i[data-v-7ae4b8ef]{color:#9ca3af;width:17px}.loading-box[data-v-7ae4b8ef]{color:#6b7280;background:#fff;border:1px solid #e5e7eb;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-height:260px;display:flex}.spinner[data-v-7ae4b8ef]{border:3px solid #e5e7eb;border-top-color:#111827;border-radius:50%;width:35px;height:35px;margin-bottom:10px;animation:.8s linear infinite spin-7ae4b8ef}@keyframes spin-7ae4b8ef{to{transform:rotate(360deg)}}.empty-box[data-v-7ae4b8ef]{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-height:280px;display:flex}.empty-icon[data-v-7ae4b8ef]{color:#9ca3af;background:#f3f4f6;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:12px;font-size:25px;display:flex}.empty-box h3[data-v-7ae4b8ef]{color:#111827;margin:0;font-size:18px}.empty-box p[data-v-7ae4b8ef]{color:#6b7280;margin:6px 0 15px;font-size:13px}.clear-empty[data-v-7ae4b8ef]{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:8px;padding:9px 15px}@media (width<=900px){.stats-grid[data-v-7ae4b8ef]{grid-template-columns:repeat(2,1fr)}.filter-grid[data-v-7ae4b8ef]{grid-template-columns:1fr 1fr}.search-field[data-v-7ae4b8ef]{grid-column:1/-1}}@media (width<=600px){.subject-page[data-v-7ae4b8ef]{padding:15px}.page-header[data-v-7ae4b8ef]{align-items:flex-start;gap:12px}.title-icon[data-v-7ae4b8ef]{width:44px;height:44px;font-size:18px}.title-area h2[data-v-7ae4b8ef]{font-size:21px}.title-area p[data-v-7ae4b8ef]{font-size:11px}.add-btn[data-v-7ae4b8ef]{padding:9px 11px;font-size:12px}.add-btn i[data-v-7ae4b8ef]{display:none}.stats-grid[data-v-7ae4b8ef],.filter-grid[data-v-7ae4b8ef]{grid-template-columns:1fr}.search-field[data-v-7ae4b8ef]{grid-column:auto}.subject-table[data-v-7ae4b8ef]{min-width:850px}}.add-subject-page[data-v-0bd6bed0]{background:#f6f8fb;min-height:100vh;padding:25px}.page-header[data-v-0bd6bed0]{margin-bottom:22px}.title-area[data-v-0bd6bed0]{align-items:center;gap:13px;display:flex}.back-btn[data-v-0bd6bed0]{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:9px;justify-content:center;align-items:center;width:40px;height:40px;font-size:17px;transition:all .2s;display:flex}.back-btn[data-v-0bd6bed0]:hover{background:#f3f4f6;transform:translate(-2px)}.title-icon[data-v-0bd6bed0]{color:#fff;background:#111827;border-radius:13px;justify-content:center;align-items:center;width:50px;height:50px;font-size:21px;display:flex}.title-area h2[data-v-0bd6bed0]{color:#111827;margin:0;font-size:25px;font-weight:700}.title-area p[data-v-0bd6bed0]{color:#6b7280;margin:4px 0 0;font-size:13px}.alert[data-v-0bd6bed0]{border-radius:10px;align-items:flex-start;gap:11px;margin-bottom:18px;padding:13px 16px;display:flex}.alert>i[data-v-0bd6bed0]{margin-top:2px;font-size:17px}.alert strong[data-v-0bd6bed0]{font-size:13px;display:block}.alert p[data-v-0bd6bed0]{margin:3px 0 0;font-size:12px}.success-alert[data-v-0bd6bed0]{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.error-alert[data-v-0bd6bed0]{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.content-grid[data-v-0bd6bed0]{grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:20px;max-width:1100px;display:grid}.form-card[data-v-0bd6bed0]{background:#fff;border:1px solid #e5e7eb;border-radius:15px;padding:25px}.card-header[data-v-0bd6bed0]{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;margin-bottom:22px;padding-bottom:20px;display:flex}.card-header h3[data-v-0bd6bed0]{color:#111827;margin:0;font-size:18px}.card-header p[data-v-0bd6bed0]{color:#9ca3af;margin:5px 0 0;font-size:12px}.header-icon[data-v-0bd6bed0]{color:#4f46e5;background:#eef2ff;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;display:flex}.form-group[data-v-0bd6bed0]{margin-bottom:21px}.form-group label[data-v-0bd6bed0]{color:#374151;margin-bottom:7px;font-size:13px;font-weight:600;display:block}.form-group label span[data-v-0bd6bed0]{color:#dc2626;margin-left:2px}.form-group small[data-v-0bd6bed0]{color:#9ca3af;margin-top:6px;font-size:11px;display:block}.input-wrapper[data-v-0bd6bed0]{position:relative}.input-wrapper>i[data-v-0bd6bed0]{color:#9ca3af;pointer-events:none;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.input-wrapper input[data-v-0bd6bed0]{box-sizing:border-box;color:#111827;border:1px solid #d1d5db;border-radius:9px;outline:none;width:100%;height:45px;padding:0 13px 0 39px;font-size:14px;transition:all .2s}.input-wrapper input[data-v-0bd6bed0]:focus{border-color:#111827;box-shadow:0 0 0 3px #1118270f}.input-wrapper input[data-v-0bd6bed0]::placeholder{color:#9ca3af}.select-wrapper[data-v-0bd6bed0]{position:relative}.select-wrapper>i[data-v-0bd6bed0]:first-child{color:#9ca3af;pointer-events:none;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.select-wrapper select[data-v-0bd6bed0]{box-sizing:border-box;color:#111827;appearance:none;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:9px;outline:none;width:100%;height:45px;padding:0 38px 0 39px;font-size:14px}.select-wrapper select[data-v-0bd6bed0]:focus{border-color:#111827;box-shadow:0 0 0 3px #1118270f}.select-wrapper select[data-v-0bd6bed0]:disabled{cursor:not-allowed;background:#f9fafb}.select-wrapper .arrow[data-v-0bd6bed0]{color:#6b7280;pointer-events:none;position:absolute;top:50%;right:13px;transform:translateY(-50%)}.selected-class[data-v-0bd6bed0],.selected-staff[data-v-0bd6bed0]{border-radius:10px;align-items:center;gap:12px;margin-top:-5px;margin-bottom:15px;padding:13px;display:flex}.selected-class[data-v-0bd6bed0]{background:#f0fdf4;border:1px solid #bbf7d0}.selected-staff[data-v-0bd6bed0]{background:#eff6ff;border:1px solid #bfdbfe}.selected-icon[data-v-0bd6bed0],.staff-icon[data-v-0bd6bed0]{border-radius:9px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.selected-icon[data-v-0bd6bed0]{color:#15803d;background:#dcfce7}.staff-icon[data-v-0bd6bed0]{color:#2563eb;background:#dbeafe}.selected-class span[data-v-0bd6bed0],.selected-staff span[data-v-0bd6bed0]{color:#6b7280;font-size:10px;display:block}.selected-class strong[data-v-0bd6bed0],.selected-staff strong[data-v-0bd6bed0]{margin-top:2px;font-size:13px;display:block}.selected-class strong[data-v-0bd6bed0]{color:#166534}.selected-staff strong[data-v-0bd6bed0]{color:#1d4ed8}.form-actions[data-v-0bd6bed0]{border-top:1px solid #f0f0f0;justify-content:flex-end;align-items:center;gap:9px;padding-top:20px;display:flex}.form-actions button[data-v-0bd6bed0]{cursor:pointer;border-radius:8px;align-items:center;gap:7px;height:41px;padding:0 15px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.cancel-btn[data-v-0bd6bed0]{color:#374151;background:#fff;border:1px solid #d1d5db}.cancel-btn[data-v-0bd6bed0]:hover{background:#f9fafb}.reset-btn[data-v-0bd6bed0]{color:#374151;background:#f3f4f6;border:1px solid #e5e7eb}.reset-btn[data-v-0bd6bed0]:hover{background:#e5e7eb}.submit-btn[data-v-0bd6bed0]{color:#fff;background:#111827;border:none}.submit-btn[data-v-0bd6bed0]:hover{background:#000}.submit-btn[data-v-0bd6bed0]:disabled{opacity:.65;cursor:not-allowed}.button-spinner[data-v-0bd6bed0]{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin-0bd6bed0}@keyframes spin-0bd6bed0{to{transform:rotate(360deg)}}.info-card[data-v-0bd6bed0]{background:#fff;border:1px solid #e5e7eb;border-radius:15px;height:fit-content;padding:23px}.info-icon[data-v-0bd6bed0]{color:#2563eb;background:#eff6ff;border-radius:11px;justify-content:center;align-items:center;width:43px;height:43px;margin-bottom:13px;font-size:18px;display:flex}.info-card h3[data-v-0bd6bed0]{color:#111827;margin:0;font-size:17px}.info-card>p[data-v-0bd6bed0]{color:#6b7280;margin:7px 0 20px;font-size:12px;line-height:1.6}.info-step[data-v-0bd6bed0]{gap:11px;margin-bottom:17px;display:flex}.step-number[data-v-0bd6bed0]{color:#374151;background:#f3f4f6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:25px;height:25px;font-size:11px;font-weight:700;display:flex}.info-step strong[data-v-0bd6bed0]{color:#374151;font-size:12px;display:block}.info-step span[data-v-0bd6bed0]{color:#9ca3af;margin-top:2px;font-size:11px;line-height:1.5;display:block}.example-box[data-v-0bd6bed0]{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;margin-top:20px;padding:13px}.example-title[data-v-0bd6bed0]{color:#374151;margin-bottom:11px;font-size:11px;font-weight:700}.example-title i[data-v-0bd6bed0]{color:#f59e0b;margin-right:5px}.example-content[data-v-0bd6bed0]{align-items:center;gap:9px;display:flex}.example-content>div[data-v-0bd6bed0]{background:#fff;border:1px solid #e5e7eb;border-radius:7px;flex:1;padding:8px}.example-content span[data-v-0bd6bed0]{color:#9ca3af;font-size:9px;display:block}.example-content strong[data-v-0bd6bed0]{color:#374151;margin-top:2px;font-size:11px;display:block}.example-content>i[data-v-0bd6bed0]{color:#9ca3af;font-size:12px}@media (width<=800px){.add-subject-page[data-v-0bd6bed0]{padding:15px}.content-grid[data-v-0bd6bed0]{grid-template-columns:1fr}.info-card[data-v-0bd6bed0]{order:2}}@media (width<=500px){.add-subject-page[data-v-0bd6bed0]{padding:12px}.title-icon[data-v-0bd6bed0]{width:44px;height:44px;font-size:18px}.title-area h2[data-v-0bd6bed0]{font-size:21px}.title-area p[data-v-0bd6bed0]{font-size:11px}.form-card[data-v-0bd6bed0]{padding:17px}.form-actions[data-v-0bd6bed0]{flex-wrap:wrap}.form-actions button[data-v-0bd6bed0]{flex:1;justify-content:center}.example-content[data-v-0bd6bed0]{flex-direction:column;align-items:stretch}.example-content>i[data-v-0bd6bed0]{align-self:center;transform:rotate(90deg)}}.exam-page[data-v-a39581b6]{background:#f5f7fb;min-height:100vh;padding:30px}.page-header[data-v-a39581b6]{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.page-header h2[data-v-a39581b6]{color:#1f2937;margin:0;font-weight:700}.page-header h2 i[data-v-a39581b6]{margin-right:8px}.page-header p[data-v-a39581b6]{color:#6b7280;margin:5px 0 0}.exam-card[data-v-a39581b6]{background:#fff;border:1px solid #eef0f4;border-radius:18px;padding:30px;box-shadow:0 10px 30px #00000012}.card-title-area[data-v-a39581b6]{border-bottom:1px solid #eee;align-items:center;gap:15px;margin-bottom:25px;padding-bottom:25px;display:flex}.title-icon[data-v-a39581b6]{color:#0d6efd;background:#e8f0ff;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;font-size:22px;display:flex}.card-title-area h4[data-v-a39581b6]{color:#1f2937;margin:0;font-weight:700}.card-title-area p[data-v-a39581b6]{color:#6b7280;margin:4px 0 0;font-size:14px}.form-label[data-v-a39581b6]{color:#374151;margin-bottom:8px;font-weight:600}.form-label span[data-v-a39581b6]{color:#dc3545}.input-group-text[data-v-a39581b6]{color:#6b7280;background:#f8f9fa;border-color:#dee2e6;justify-content:center;min-width:45px}.form-control[data-v-a39581b6],.form-select[data-v-a39581b6]{min-height:46px;box-shadow:none;border-color:#dee2e6}.form-control[data-v-a39581b6]:focus,.form-select[data-v-a39581b6]:focus{border-color:#86b7fe;box-shadow:0 0 0 .2rem #0d6efd1a}.form-select[data-v-a39581b6]:disabled{cursor:not-allowed;background-color:#f8f9fa}.exam-name-meta[data-v-a39581b6]{align-items:center;gap:4px;display:flex}.exam-name-meta .badge[data-v-a39581b6]{padding:6px 10px;font-size:11px;font-weight:600}.marks-preview[data-v-a39581b6]{background:#f8f9fa;border:1px solid #eee;border-radius:14px;justify-content:space-around;align-items:center;padding:18px;display:flex}.marks-preview div[data-v-a39581b6]:not(.divider){text-align:center;flex:1}.marks-preview small[data-v-a39581b6]{color:#6b7280;margin-bottom:5px;font-size:12px;display:block}.marks-preview strong[data-v-a39581b6]{color:#1f2937;font-size:21px;display:block}.divider[data-v-a39581b6]{background:#dcdcdc;width:1px;height:40px}.form-buttons[data-v-a39581b6]{justify-content:flex-end;gap:10px;padding-top:5px;display:flex}.form-buttons .btn[data-v-a39581b6]{border-radius:9px;min-height:45px;padding-left:20px;padding-right:20px;font-weight:600}.alert[data-v-a39581b6]{border:none;border-radius:10px}@media (width<=768px){.exam-page[data-v-a39581b6]{padding:15px}.page-header[data-v-a39581b6]{align-items:flex-start;gap:15px}.page-header h2[data-v-a39581b6]{font-size:21px}.exam-card[data-v-a39581b6]{padding:20px}.card-title-area[data-v-a39581b6]{align-items:flex-start}.marks-preview[data-v-a39581b6]{flex-direction:column;gap:15px}.divider[data-v-a39581b6]{width:80%;height:1px}.form-buttons[data-v-a39581b6]{flex-direction:column-reverse}.form-buttons .btn[data-v-a39581b6]{width:100%}}.container[data-v-775f7b1f]{max-width:1450px}.summary-card[data-v-775f7b1f]{background:#fff;border-radius:12px;align-items:center;gap:15px;padding:20px;display:flex;box-shadow:0 2px 10px #00000014}.summary-icon[data-v-775f7b1f]{background:#eef4ff;border-radius:10px;justify-content:center;align-items:center;width:50px;height:50px;font-size:22px;display:flex}.summary-card small[data-v-775f7b1f]{color:#777}.summary-card h3[data-v-775f7b1f]{margin:2px 0 0;font-weight:700}.table th[data-v-775f7b1f]{white-space:nowrap;font-size:14px}.table td[data-v-775f7b1f]{vertical-align:middle}.subject-badge[data-v-775f7b1f]{white-space:nowrap;background:#f1f3f5;border-radius:6px;padding:6px 10px;font-size:13px}.class-badge[data-v-775f7b1f]{white-space:nowrap;background:#eef4ff;border-radius:6px;padding:6px 10px;font-size:13px}.staff-icon[data-v-775f7b1f]{background:#f1f3f5;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.marks-box[data-v-775f7b1f]{flex-direction:column;display:flex}.marks-box strong[data-v-775f7b1f]{font-size:16px}.marks-box small[data-v-775f7b1f]{color:#777}.pass-marks[data-v-775f7b1f]{color:#6c757d;font-size:12px}.empty-state[data-v-775f7b1f]{text-align:center;background:#fff;border-radius:12px;padding:70px 20px;box-shadow:0 2px 10px #0000000f}.empty-icon[data-v-775f7b1f]{color:#adb5bd;margin-bottom:15px;font-size:60px}@media (width<=768px){.summary-card[data-v-775f7b1f]{padding:15px}}.container[data-v-15b79b13]{max-width:1200px}.table th[data-v-15b79b13]{white-space:nowrap}.table td[data-v-15b79b13]{vertical-align:middle}input[type=number][data-v-15b79b13]{min-width:100px}@media (width<=576px){h2[data-v-15b79b13]{font-size:1.4rem}.table[data-v-15b79b13]{font-size:14px}}.container[data-v-2b3a66aa]{max-width:1400px}.page-header[data-v-2b3a66aa]{justify-content:space-between;align-items:center;display:flex}.summary-card[data-v-2b3a66aa]{background:#fff;border-radius:12px;align-items:center;gap:15px;padding:20px;display:flex;box-shadow:0 2px 10px #00000014}.summary-icon[data-v-2b3a66aa]{background:#eef4ff;border-radius:10px;justify-content:center;align-items:center;width:50px;height:50px;font-size:22px;display:flex}.summary-card small[data-v-2b3a66aa]{color:#777}.summary-card h3[data-v-2b3a66aa]{margin:2px 0 0;font-weight:700}.table th[data-v-2b3a66aa]{white-space:nowrap}.table td[data-v-2b3a66aa]{vertical-align:middle}.subject-badge[data-v-2b3a66aa]{background:#f1f3f5;border-radius:6px;padding:5px 10px;font-size:13px}.empty-state[data-v-2b3a66aa]{text-align:center;background:#fff;border-radius:12px;padding:70px 20px;box-shadow:0 2px 10px #0000000f}.empty-icon[data-v-2b3a66aa]{color:#adb5bd;margin-bottom:15px;font-size:60px}@media (width<=768px){.page-header[data-v-2b3a66aa]{flex-direction:column;align-items:flex-start;gap:15px}.page-header button[data-v-2b3a66aa]{width:100%}.summary-card[data-v-2b3a66aa]{padding:15px}}.card[data-v-484e573e]{border-radius:12px}.card-header[data-v-484e573e]{border-radius:12px 12px 0 0!important}.form-control[data-v-484e573e],.form-select[data-v-484e573e]{min-height:45px}.btn[data-v-484e573e]{min-height:42px}.alert[data-v-484e573e]{border-radius:10px}.edit-subject-page[data-v-e63a1592]{max-width:900px;margin:0 auto;padding:25px}.page-header[data-v-e63a1592]{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.page-header h2[data-v-e63a1592]{color:#212529;margin:0;font-size:28px;font-weight:700}.page-header h2 i[data-v-e63a1592]{margin-right:8px}.page-header p[data-v-e63a1592]{color:#6c757d;margin:5px 0 0}.back-btn[data-v-e63a1592]{color:#fff;cursor:pointer;background:#6c757d;border:none;border-radius:8px;padding:10px 18px}.back-btn[data-v-e63a1592]:hover{background:#5c636a}.alert[data-v-e63a1592]{border-radius:8px;margin-bottom:20px;padding:13px 16px}.alert i[data-v-e63a1592]{margin-right:7px}.loading-box[data-v-e63a1592]{text-align:center;padding:60px}.loading-box p[data-v-e63a1592]{color:#6c757d;margin-top:12px}.form-card[data-v-e63a1592]{background:#fff;border-radius:14px;padding:30px;box-shadow:0 5px 25px #00000014}.card-title[data-v-e63a1592]{border-bottom:1px solid #eee;margin-bottom:25px;padding-bottom:15px;font-size:20px;font-weight:700}.card-title i[data-v-e63a1592]{margin-right:8px}.form-group[data-v-e63a1592]{margin-bottom:22px}.form-group label[data-v-e63a1592]{margin-bottom:8px;font-weight:600;display:block}.form-control[data-v-e63a1592]{background:#fff;border:1px solid #ced4da;border-radius:8px;width:100%;padding:12px 14px;font-size:15px}.form-control[data-v-e63a1592]:focus{border-color:#0d6efd;outline:none;box-shadow:0 0 0 3px #0d6efd1f}.selected-info[data-v-e63a1592]{grid-template-columns:1fr 1fr;gap:15px;margin-top:10px;margin-bottom:25px;display:grid}.info-item[data-v-e63a1592]{background:#f8f9fa;border-radius:10px;align-items:center;gap:12px;padding:14px;display:flex}.info-item>i[data-v-e63a1592]{font-size:22px}.info-item small[data-v-e63a1592]{color:#6c757d;margin-bottom:3px;display:block}.info-item strong[data-v-e63a1592]{display:block}.button-group[data-v-e63a1592]{border-top:1px solid #eee;justify-content:flex-end;gap:12px;padding-top:20px;display:flex}.cancel-btn[data-v-e63a1592],.update-btn[data-v-e63a1592]{cursor:pointer;border:none;border-radius:8px;padding:11px 20px;font-weight:600}.cancel-btn[data-v-e63a1592]{color:#212529;background:#e9ecef}.update-btn[data-v-e63a1592]{color:#fff;background:#0d6efd}.update-btn[data-v-e63a1592]:hover{background:#0b5ed7}button[data-v-e63a1592]:disabled{opacity:.6;cursor:not-allowed}@media (width<=600px){.edit-subject-page[data-v-e63a1592]{padding:15px}.page-header[data-v-e63a1592]{align-items:flex-start;gap:15px}.page-header h2[data-v-e63a1592]{font-size:22px}.form-card[data-v-e63a1592]{padding:20px}.selected-info[data-v-e63a1592]{grid-template-columns:1fr}.button-group[data-v-e63a1592]{flex-direction:column-reverse}.cancel-btn[data-v-e63a1592],.update-btn[data-v-e63a1592]{width:100%}}.create-exams-page[data-v-7b3808ba]{max-width:1200px;margin:auto;padding:25px}.page-header[data-v-7b3808ba]{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.page-header h2[data-v-7b3808ba]{color:#212529;margin:0;font-size:28px;font-weight:700}.page-header h2 i[data-v-7b3808ba]{margin-right:8px}.page-header p[data-v-7b3808ba]{color:#6c757d;margin:5px 0 0}.back-btn[data-v-7b3808ba]{color:#fff;cursor:pointer;background:#6c757d;border:none;border-radius:8px;padding:10px 18px}.back-btn[data-v-7b3808ba]:hover{background:#5c636a}.alert[data-v-7b3808ba]{border-radius:9px;margin-bottom:20px;padding:13px 16px}.alert i[data-v-7b3808ba]{margin-right:7px}.main-grid[data-v-7b3808ba]{grid-template-columns:2fr 1fr;align-items:start;gap:25px;display:grid}.form-card[data-v-7b3808ba]{background:#fff;border-radius:14px;padding:30px;box-shadow:0 5px 25px #00000014}.card-title[data-v-7b3808ba]{border-bottom:1px solid #eee;margin-bottom:25px;padding-bottom:16px;font-size:20px;font-weight:700}.card-title i[data-v-7b3808ba]{margin-right:8px}.form-group[data-v-7b3808ba]{margin-bottom:20px}.form-group label[data-v-7b3808ba]{margin-bottom:8px;font-weight:600;display:block}.form-group label span[data-v-7b3808ba]{color:#dc3545}.form-control[data-v-7b3808ba]{background:#fff;border:1px solid #ced4da;border-radius:8px;width:100%;padding:12px 14px;font-size:15px}.form-control[data-v-7b3808ba]:focus{border-color:#0d6efd;outline:none;box-shadow:0 0 0 3px #0d6efd1f}.form-control[data-v-7b3808ba]:disabled{cursor:not-allowed;background:#f8f9fa}.form-group small[data-v-7b3808ba]{color:#6c757d;margin-top:5px;display:block}.exam-name-meta[data-v-7b3808ba]{align-items:center;gap:4px;margin-top:8px;display:flex}.exam-name-meta .badge[data-v-7b3808ba]{padding:6px 10px;font-size:11px;font-weight:600}.badge-published[data-v-7b3808ba]{color:#0f5132;background:#d1e7dd}.badge-draft[data-v-7b3808ba]{color:#41464b;background:#e2e3e5}.marks-grid[data-v-7b3808ba]{grid-template-columns:1fr 1fr;gap:18px;display:grid}.selected-class[data-v-7b3808ba]{background:#f8f9fa;border-radius:10px;align-items:center;gap:12px;margin-bottom:25px;padding:15px;display:flex}.selected-class>i[data-v-7b3808ba]{font-size:25px}.selected-class small[data-v-7b3808ba]{color:#6c757d;display:block}.selected-class strong[data-v-7b3808ba]{margin-top:3px;display:block}.button-group[data-v-7b3808ba]{border-top:1px solid #eee;justify-content:flex-end;gap:12px;padding-top:20px;display:flex}.reset-btn[data-v-7b3808ba],.create-btn[data-v-7b3808ba]{cursor:pointer;border:none;border-radius:8px;padding:11px 20px;font-weight:600}.reset-btn[data-v-7b3808ba]{color:#212529;background:#e9ecef}.create-btn[data-v-7b3808ba]{color:#fff;background:#0d6efd}.create-btn[data-v-7b3808ba]:hover{background:#0b5ed7}button[data-v-7b3808ba]:disabled{opacity:.6;cursor:not-allowed}.info-card[data-v-7b3808ba]{background:#fff;border-radius:14px;padding:25px;box-shadow:0 5px 25px #00000014}.info-header[data-v-7b3808ba]{align-items:center;gap:10px;margin-bottom:25px;display:flex}.info-header i[data-v-7b3808ba]{font-size:22px}.info-header h3[data-v-7b3808ba]{margin:0;font-size:20px}.info-item[data-v-7b3808ba]{gap:12px;margin-bottom:22px;display:flex}.number[data-v-7b3808ba]{color:#fff;background:#0d6efd;border-radius:50%;justify-content:center;align-items:center;min-width:30px;height:30px;font-weight:700;display:flex}.info-item strong[data-v-7b3808ba]{margin-bottom:4px;display:block}.info-item p[data-v-7b3808ba]{color:#6c757d;margin:0;font-size:14px;line-height:1.5}.staff-info[data-v-7b3808ba]{background:#f8f9fa;border-radius:10px;gap:12px;padding:15px;display:flex}.staff-info>i[data-v-7b3808ba]{font-size:22px}.staff-info strong[data-v-7b3808ba]{display:block}.staff-info p[data-v-7b3808ba]{color:#6c757d;margin:5px 0 0;font-size:14px}.result-card[data-v-7b3808ba]{background:#fff;border-radius:14px;margin-top:25px;padding:25px;box-shadow:0 5px 25px #00000014}.result-header[data-v-7b3808ba]{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.result-header h3[data-v-7b3808ba]{margin:0}.result-header h3 i[data-v-7b3808ba]{margin-right:8px}.result-count[data-v-7b3808ba]{gap:8px;display:flex}.created-count[data-v-7b3808ba],.skipped-count[data-v-7b3808ba]{border-radius:20px;padding:6px 10px;font-size:13px;font-weight:600}.created-count[data-v-7b3808ba]{color:#0f5132;background:#d1e7dd}.skipped-count[data-v-7b3808ba]{color:#664d03;background:#fff3cd}.table-wrapper[data-v-7b3808ba]{overflow-x:auto}table[data-v-7b3808ba]{border-collapse:collapse;width:100%}th[data-v-7b3808ba],td[data-v-7b3808ba]{text-align:left;border-bottom:1px solid #eee;padding:13px}th[data-v-7b3808ba]{background:#f8f9fa;font-size:14px}.status-created[data-v-7b3808ba]{color:#0f5132;background:#d1e7dd;border-radius:20px;align-items:center;gap:5px;padding:5px 9px;font-size:13px;display:inline-flex}.skipped-section[data-v-7b3808ba]{margin-top:25px}.skipped-section h4[data-v-7b3808ba]{margin-bottom:12px;font-size:17px}.skipped-item[data-v-7b3808ba]{background:#fff3cd;border-radius:8px;justify-content:space-between;gap:15px;margin-bottom:8px;padding:12px;display:flex}.skipped-item span[data-v-7b3808ba]{color:#664d03;font-size:14px}@media (width<=850px){.main-grid[data-v-7b3808ba]{grid-template-columns:1fr}}@media (width<=600px){.create-exams-page[data-v-7b3808ba]{padding:15px}.page-header[data-v-7b3808ba]{align-items:flex-start;gap:15px}.page-header h2[data-v-7b3808ba]{font-size:22px}.form-card[data-v-7b3808ba],.info-card[data-v-7b3808ba],.result-card[data-v-7b3808ba]{padding:20px}.marks-grid[data-v-7b3808ba]{grid-template-columns:1fr;gap:0}.button-group[data-v-7b3808ba]{flex-direction:column}.reset-btn[data-v-7b3808ba],.create-btn[data-v-7b3808ba]{width:100%}.result-header[data-v-7b3808ba]{flex-direction:column;align-items:flex-start;gap:10px}.skipped-item[data-v-7b3808ba]{flex-direction:column;gap:5px}}[data-v-fecea5a2]{box-sizing:border-box}.edit-student-page[data-v-fecea5a2]{background:linear-gradient(135deg,#f8fafc 0%,#eef4ff 100%);min-height:100vh;padding:25px;font-family:Poppins,Arial,sans-serif}.page-header[data-v-fecea5a2]{flex-direction:column;gap:18px;max-width:1050px;margin:0 auto 25px;display:flex}.back-btn[data-v-fecea5a2]{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:10px;align-items:center;gap:8px;padding:9px 15px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.back-btn[data-v-fecea5a2]:hover{color:#2563eb;background:#f8fafc;border-color:#93c5fd;transform:translate(-2px)}.back-btn i[data-v-fecea5a2]{font-size:17px}.header-content[data-v-fecea5a2]{align-items:center;gap:15px;display:flex}.header-icon[data-v-fecea5a2]{color:#fff;background:#2563eb;border-radius:14px;justify-content:center;align-items:center;width:55px;height:55px;font-size:25px;display:flex;box-shadow:0 8px 20px #2563eb33}.header-content h1[data-v-fecea5a2]{color:#111827;margin:0;font-size:25px;font-weight:700}.header-content p[data-v-fecea5a2]{color:#6b7280;margin:3px 0 0;font-size:14px}.custom-alert[data-v-fecea5a2]{border-radius:12px;align-items:center;gap:10px;max-width:1050px;margin:0 auto 20px;display:flex}.loading-container[data-v-fecea5a2]{color:#6b7280;flex-direction:column;justify-content:center;align-items:center;min-height:400px;display:flex}.loading-container .spinner-border[data-v-fecea5a2]{margin-bottom:15px}.student-card[data-v-fecea5a2]{background:#fff;border-radius:18px;max-width:1050px;margin:0 auto;padding:30px;box-shadow:0 10px 35px #0f172a14}.photo-section[data-v-fecea5a2]{align-items:center;gap:25px;display:flex}.photo-wrapper[data-v-fecea5a2]{flex-shrink:0;width:120px;height:120px;position:relative}.student-photo[data-v-fecea5a2],.photo-placeholder[data-v-fecea5a2]{border-radius:50%;width:120px;height:120px}.student-photo[data-v-fecea5a2]{object-fit:cover;border:4px solid #e5e7eb}.photo-placeholder[data-v-fecea5a2]{color:#93c5fd;background:#eff6ff;border:4px solid #dbeafe;justify-content:center;align-items:center;font-size:50px;display:flex}.remove-photo[data-v-fecea5a2]{color:#fff;cursor:pointer;background:#ef4444;border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;display:flex;position:absolute;top:0;right:0}.photo-info h3[data-v-fecea5a2]{color:#111827;margin:0 0 5px;font-size:17px}.photo-info p[data-v-fecea5a2]{color:#6b7280;margin:0 0 12px;font-size:13px}.upload-btn[data-v-fecea5a2]{color:#2563eb;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:9px;align-items:center;gap:7px;padding:8px 13px;font-size:13px;font-weight:600;display:inline-flex}.upload-btn[data-v-fecea5a2]:hover{background:#dbeafe}.photo-info small[data-v-fecea5a2]{color:#9ca3af;margin-top:7px;font-size:11px;display:block}.section-title[data-v-fecea5a2]{color:#1f2937;align-items:center;gap:9px;margin:25px 0 20px;font-size:16px;font-weight:700;display:flex}.section-title i[data-v-fecea5a2]{color:#2563eb;font-size:19px}.form-grid[data-v-fecea5a2]{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.form-group label[data-v-fecea5a2]{color:#374151;margin-bottom:7px;font-size:13px;font-weight:600;display:block}.form-group label span[data-v-fecea5a2]{color:#ef4444}.input-wrapper[data-v-fecea5a2]{position:relative}.input-wrapper>i[data-v-fecea5a2]{color:#9ca3af;z-index:2;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.custom-input[data-v-fecea5a2]{border:1px solid #d1d5db;border-radius:10px;min-height:45px;padding-left:42px;font-size:13px;transition:all .2s}.custom-input[data-v-fecea5a2]:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #3b82f61a}select.custom-input[data-v-fecea5a2]{cursor:pointer}.form-actions[data-v-fecea5a2]{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:12px;margin-top:30px;padding-top:22px;display:flex}.cancel-btn[data-v-fecea5a2],.save-btn[data-v-fecea5a2]{cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 20px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.cancel-btn[data-v-fecea5a2]{color:#4b5563;background:#fff;border:1px solid #d1d5db}.cancel-btn[data-v-fecea5a2]:hover{background:#f9fafb}.save-btn[data-v-fecea5a2]{color:#fff;background:#2563eb;border:none;box-shadow:0 5px 15px #2563eb33}.save-btn[data-v-fecea5a2]:hover:not(:disabled){background:#1d4ed8;transform:translateY(-1px)}.cancel-btn[data-v-fecea5a2]:disabled,.save-btn[data-v-fecea5a2]:disabled{opacity:.6;cursor:not-allowed}@media (width<=768px){.edit-student-page[data-v-fecea5a2]{padding:15px}.student-card[data-v-fecea5a2]{border-radius:14px;padding:20px}.form-grid[data-v-fecea5a2]{grid-template-columns:1fr;gap:16px}.header-content h1[data-v-fecea5a2]{font-size:21px}.header-icon[data-v-fecea5a2]{width:48px;height:48px;font-size:21px}}@media (width<=480px){.photo-section[data-v-fecea5a2]{text-align:center;flex-direction:column}.photo-info[data-v-fecea5a2]{width:100%}.photo-info small[data-v-fecea5a2]{text-align:center}.form-actions[data-v-fecea5a2]{flex-direction:column-reverse}.cancel-btn[data-v-fecea5a2],.save-btn[data-v-fecea5a2]{width:100%}.back-btn[data-v-fecea5a2]{padding:8px 12px}}.marksheet-page[data-v-37d13360]{background:#f1f3f5;min-height:100vh;padding:25px}.screen-header[data-v-37d13360]{background:#fff;border-radius:16px;margin-bottom:20px;padding:22px;box-shadow:0 4px 15px #0000000f}.header-left[data-v-37d13360]{align-items:center;gap:15px;display:flex}.header-icon[data-v-37d13360]{color:#4f46e5;background:#eef2ff;border-radius:13px;justify-content:center;align-items:center;width:50px;height:50px;font-size:24px;display:flex}.screen-header h2[data-v-37d13360]{margin:0;font-weight:700}.screen-header p[data-v-37d13360]{color:#777;margin:3px 0 0}.filter-card[data-v-37d13360]{background:#fff;border-radius:16px;margin-bottom:20px;padding:25px;box-shadow:0 4px 15px #0000000f}.filter-title[data-v-37d13360]{margin-bottom:20px;font-size:18px;font-weight:600}.filter-title i[data-v-37d13360]{color:#4f46e5;margin-right:8px}.filter-card label[data-v-37d13360]{margin-bottom:7px;font-weight:500;display:block}.form-select[data-v-37d13360]{border-radius:10px;height:46px}.generate-btn[data-v-37d13360]{border-radius:10px;height:46px;padding-left:25px;padding-right:25px}.print-toolbar[data-v-37d13360]{background:wheat;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:15px 20px;display:flex}.print-area[data-v-37d13360]{flex-direction:column;align-items:center;display:flex}.marksheet[data-v-37d13360]{box-sizing:border-box;background:#fff;border:1px solid #000;width:148mm;min-height:210mm;margin-bottom:20px;padding:5mm;font-family:Arial,sans-serif;font-size:12px;position:relative}.school-header[data-v-37d13360]{text-align:center;grid-template-columns:25mm 1fr 25mm;align-items:center;width:100%;margin-bottom:7px;display:grid}.header-image-box[data-v-37d13360]{justify-content:center;align-items:center;width:25mm;height:25mm;display:flex}.school-logo[data-v-37d13360]{object-fit:contain;width:22mm;height:22mm}.student-photo[data-v-37d13360]{object-fit:cover;border:1px solid #000;border-radius:2px;width:22mm;height:25mm}.photo-placeholder[data-v-37d13360]{color:#999;border:1px solid #999;justify-content:center;align-items:center;width:22mm;height:25mm;font-size:22px;display:flex}.school-details[data-v-37d13360]{text-align:center;min-width:0}.school-details h2[data-v-37d13360]{text-transform:uppercase;margin:0;font-size:17px;font-weight:700;line-height:1.2}.address[data-v-37d13360]{margin-top:2px;font-size:9px}.phone[data-v-37d13360]{font-size:9px}.report-title[data-v-37d13360]{color:#0d6efd;text-transform:uppercase;margin-top:6px;font-size:12px;font-weight:700}.marksheet .table[data-v-37d13360]{border-collapse:collapse;border-color:#000;width:100%;margin-bottom:7px;font-size:10.5px}.marksheet .table th[data-v-37d13360],.marksheet .table td[data-v-37d13360]{vertical-align:middle;border:1px solid #000;padding:4px 5px}.marksheet .table th[data-v-37d13360]{background:#f8f9fa;font-weight:600}.student-table[data-v-37d13360]{margin-top:2px}.student-table th[data-v-37d13360]{width:25%}.student-table td[data-v-37d13360]{font-weight:500}.rank-badge[data-v-37d13360]{letter-spacing:.4px;text-shadow:0 1px 1px #00000026;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;min-width:30px;height:24px;padding:2px 10px;font-size:11px;font-weight:800;line-height:1;display:inline-flex;box-shadow:0 1px 2px #0000001f,inset 0 1px #fff6}.rank-badge.rank-1[data-v-37d13360]{color:#7c2d12;background:linear-gradient(135deg,#fde68a 0%,#f59e0b 100%);border-color:#b45309}.rank-badge.rank-2[data-v-37d13360]{color:#1e293b;background:linear-gradient(135deg,#f1f5f9 0%,#cbd5e1 100%);border-color:#94a3b8}.rank-badge.rank-3[data-v-37d13360]{color:#431407;background:linear-gradient(135deg,#fed7aa 0%,#ea580c 100%);border-color:#9a3412}.rank-badge.rank-default[data-v-37d13360]{color:#fff;background:linear-gradient(135deg,#16a34a 0%,#22c55e 100%);border-color:#15803d}.marks-table[data-v-37d13360]{table-layout:fixed;width:100%}.marks-table th[data-v-37d13360]:first-child,.marks-table td[data-v-37d13360]:first-child{width:36%}.marks-table th[data-v-37d13360]:nth-child(2),.marks-table td[data-v-37d13360]:nth-child(2){text-align:center;width:16%}.marks-table th[data-v-37d13360]:nth-child(3),.marks-table td[data-v-37d13360]:nth-child(3){text-align:center;width:22%}.marks-table th[data-v-37d13360]:nth-child(4),.marks-table td[data-v-37d13360]:nth-child(4){width:26%}.total-row th[data-v-37d13360]{background:#f8f9fa;font-weight:700}.action-row[data-v-37d13360]{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.back-btn[data-v-37d13360]{letter-spacing:.2px;color:#334155;cursor:pointer;background:linear-gradient(#f8fafc 0%,#e2e8f0 100%);border:1px solid #cbd5e1;border-radius:10px;justify-content:center;align-items:center;gap:7px;height:46px;padding:0 20px;font-size:14px;font-weight:600;line-height:1;transition:background .15s,border-color .15s,box-shadow .15s,transform 80ms;display:inline-flex;box-shadow:0 1px 2px #0f172a0f,inset 0 1px #fffc}.back-btn i[data-v-37d13360]{font-size:15px;transition:transform .15s}.back-btn[data-v-37d13360]:hover{color:#1e293b;background:linear-gradient(#fff 0%,#e2e8f0 100%);border-color:#94a3b8;box-shadow:0 2px 4px #0f172a1a,inset 0 1px #ffffffe6}.back-btn:hover i[data-v-37d13360]{transform:translate(-3px)}.back-btn[data-v-37d13360]:active{background:#e2e8f0;transform:translateY(1px);box-shadow:inset 0 1px 2px #0f172a1a}.back-btn[data-v-37d13360]:focus-visible{outline:none;box-shadow:0 0 0 3px #64748b40,0 1px 2px #0f172a0f}.generate-btn[data-v-37d13360]{letter-spacing:.2px;color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f46e5 0%,#6366f1 100%);border:1px solid #4338ca;border-radius:10px;justify-content:center;align-items:center;gap:8px;height:46px;padding:0 24px;font-size:14px;font-weight:600;line-height:1;transition:background .15s,border-color .15s,box-shadow .15s,transform 80ms;display:inline-flex;box-shadow:0 1px 2px #4f46e540,inset 0 1px #ffffff26}.generate-btn i[data-v-37d13360]{font-size:15px}.generate-btn[data-v-37d13360]:hover:not(:disabled){background:linear-gradient(135deg,#4338ca 0%,#4f46e5 100%);box-shadow:0 3px 8px #4f46e552,inset 0 1px #fff3}.generate-btn[data-v-37d13360]:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 2px 3px #00000026}.generate-btn[data-v-37d13360]:focus-visible{outline:none;box-shadow:0 0 0 3px #6366f159,0 1px 2px #4f46e540}.generate-btn[data-v-37d13360]:disabled{opacity:.65;cursor:not-allowed;box-shadow:none;transform:none}@media (width<=480px){.action-row[data-v-37d13360]{flex-direction:column-reverse;align-items:stretch}.action-row .btn[data-v-37d13360]{width:100%}}.summary-table[data-v-37d13360]{margin-top:5px}.summary-table th[data-v-37d13360]{width:20%}.summary-table td[data-v-37d13360]{width:30%;font-weight:600}.status[data-v-37d13360]{font-weight:700}.status-pass[data-v-37d13360]{color:#198754}.status-fail[data-v-37d13360]{color:#dc3545}.status-pending[data-v-37d13360]{color:#fd7e14}.signature-row[data-v-37d13360]{grid-template-columns:1fr 1fr;margin-top:22px;display:grid}.signature[data-v-37d13360]{text-align:center}.signature-line[data-v-37d13360]{border-top:1px solid #000;width:70%;margin:0 auto 5px}.page-number[data-v-37d13360]{color:#777;font-size:8px;position:absolute;bottom:3mm;right:4mm}.empty-state[data-v-37d13360]{text-align:center;color:#777;background:#fff;border-radius:15px;padding:60px}.empty-state i[data-v-37d13360]{margin-bottom:10px;font-size:45px;display:block}@media (width<=768px){.marksheet-page[data-v-37d13360]{padding:12px}.print-toolbar[data-v-37d13360]{flex-direction:column;align-items:stretch;gap:10px}.print-toolbar button[data-v-37d13360]{width:100%}.print-area[data-v-37d13360]{align-items:flex-start;overflow-x:auto}.marksheet[data-v-37d13360]{flex-shrink:0}}@media print{@page{size:A5;margin:0}html,body{background:#fff!important;width:148mm!important;height:auto!important;margin:0!important;padding:0!important}body{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}nav.navbar,.navbar,.app-navbar,.main-navbar,.sidebar,.app-sidebar,.mobile-navbar,.mobile-menu,.screen-only[data-v-37d13360]{display:none!important}.marksheet-page[data-v-37d13360]{background:#fff!important;width:148mm!important;min-height:0!important;margin:0!important;padding:0!important}.print-area[data-v-37d13360]{width:148mm!important;margin:0!important;padding:0!important;display:block!important}.marksheet[data-v-37d13360]{box-sizing:border-box!important;width:148mm!important;min-height:209mm!important;max-height:210mm!important;box-shadow:none!important;page-break-after:always!important;break-after:page!important;page-break-inside:avoid!important;break-inside:avoid!important;background:#fff!important;border:1px solid #000!important;margin:0!important;padding:5mm!important;position:relative!important}.marksheet[data-v-37d13360]:last-child{page-break-after:auto!important;break-after:auto!important}.marksheet[data-v-37d13360],.marksheet[data-v-37d13360] *{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.school-details h2[data-v-37d13360]{margin:0!important;font-size:17px!important;line-height:1.15!important}.address[data-v-37d13360],.phone[data-v-37d13360]{font-size:9px!important}.report-title[data-v-37d13360]{margin-top:5px!important;font-size:12px!important}.marksheet .table[data-v-37d13360]{margin-bottom:7px!important;font-size:10px!important}.marksheet .table th[data-v-37d13360],.marksheet .table td[data-v-37d13360]{padding:4px 5px!important}.signature-row[data-v-37d13360]{margin-top:20px!important}.page-number[data-v-37d13360]{font-size:8px!important;bottom:3mm!important;right:4mm!important}}.admit-card-page[data-v-59acf724]{background:#f1f3f5;min-height:100vh;padding:25px}.screen-header[data-v-59acf724]{background:#fff;border-radius:16px;margin-bottom:20px;padding:22px;box-shadow:0 4px 15px #0000000f}.header-left[data-v-59acf724]{align-items:center;gap:15px;display:flex}.header-icon[data-v-59acf724]{color:#4f46e5;background:#eef2ff;border-radius:13px;justify-content:center;align-items:center;width:50px;height:50px;font-size:24px;display:flex}.screen-header h2[data-v-59acf724]{margin:0;font-weight:700}.screen-header p[data-v-59acf724]{color:#777;margin:3px 0 0}.filter-card[data-v-59acf724]{background:#fff;border-radius:16px;margin-bottom:20px;padding:25px;box-shadow:0 4px 15px #0000000f}.filter-title[data-v-59acf724]{margin-bottom:20px;font-size:18px;font-weight:600}.filter-title i[data-v-59acf724]{color:#4f46e5;margin-right:8px}.filter-card label[data-v-59acf724]{margin-bottom:7px;font-weight:500;display:block}.form-select[data-v-59acf724]{border-radius:10px;height:46px}.generate-btn[data-v-59acf724]{border-radius:10px;width:100%;height:46px}.print-toolbar[data-v-59acf724]{background:#fff;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:15px 20px;display:flex}.print-area[data-v-59acf724]{flex-direction:column;align-items:center;display:flex}.admit-card[data-v-59acf724]{box-sizing:border-box;background:#fff;border:1px solid #000;flex-direction:column;width:148mm;height:210mm;margin-bottom:20px;padding:5mm 5mm 4mm;font-family:Arial,sans-serif;font-size:11px;display:flex;position:relative}.school-header[data-v-59acf724]{text-align:center;grid-template-columns:25mm 1fr 25mm;align-items:center;margin-bottom:8px;display:grid}.school-logo-box[data-v-59acf724],.student-photo-box[data-v-59acf724]{justify-content:center;align-items:center;width:25mm;height:25mm;display:flex}.school-logo[data-v-59acf724]{object-fit:contain;width:22mm;height:22mm}.school-details[data-v-59acf724]{text-align:center}.school-details h2[data-v-59acf724]{text-transform:uppercase;margin:0;font-size:17px;font-weight:700}.school-address[data-v-59acf724]{margin-top:2px;font-size:9px}.admit-title[data-v-59acf724]{color:#0d6efd;margin-top:6px;font-size:14px;font-weight:700}.exam-title[data-v-59acf724]{text-transform:uppercase;margin-top:2px;font-size:12px;font-weight:700}.student-photo[data-v-59acf724]{object-fit:cover;border:1px solid #000;width:22mm;height:25mm}.photo-placeholder[data-v-59acf724]{color:#aaa;border:1px solid #999;justify-content:center;align-items:center;width:22mm;height:25mm;font-size:25px;display:flex}.student-info[data-v-59acf724]{border-collapse:collapse;width:100%;margin-bottom:8px}.student-info th[data-v-59acf724],.student-info td[data-v-59acf724]{border:1px solid #000;padding:5px}.student-info th[data-v-59acf724]{text-align:left;background:#f8f9fa;width:30%}.student-info td[data-v-59acf724]{text-align:center;text-transform:uppercase;font-weight:500}.schedule-title[data-v-59acf724]{text-align:center;text-transform:uppercase;margin:7px 0 4px;font-size:12px;font-weight:700}.schedule-table[data-v-59acf724]{border-collapse:collapse;table-layout:fixed;width:100%}.schedule-table th[data-v-59acf724],.schedule-table td[data-v-59acf724]{text-align:center;border:1px solid #000;padding:5px}.schedule-table th[data-v-59acf724]{background:#f8f9fa}.schedule-table th[data-v-59acf724]:first-child,.schedule-table td[data-v-59acf724]:first-child{width:40%}.schedule-table th[data-v-59acf724]:nth-child(2),.schedule-table td[data-v-59acf724]:nth-child(2),.schedule-table th[data-v-59acf724]:nth-child(3),.schedule-table td[data-v-59acf724]:nth-child(3){width:30%}.subject-cell[data-v-59acf724]{text-transform:uppercase;text-align:left}.invigilator-cell[data-v-59acf724]{height:8mm}.instructions[data-v-59acf724]{border:1px solid #000;margin-top:12px;padding:7px;font-size:9px}.instructions strong[data-v-59acf724]{font-size:10px}.instructions ol[data-v-59acf724]{margin:4px 0 0;padding-left:18px}.instructions li[data-v-59acf724]{margin-bottom:2px}.signature-row[data-v-59acf724]{grid-template-columns:1fr 1fr;gap:20mm;margin-top:auto;padding-bottom:18mm;display:grid}.signature[data-v-59acf724]{text-align:center;font-size:10px}.signature-line[data-v-59acf724]{border-top:1px solid #000;width:70%;margin:0 auto 5px}.card-number[data-v-59acf724]{color:#777;font-size:8px;position:absolute;bottom:4mm;right:5mm}.empty-state[data-v-59acf724]{text-align:center;color:#777;background:#fff;border-radius:15px;padding:60px}.empty-state i[data-v-59acf724]{margin-bottom:10px;font-size:45px;display:block}@media (width<=768px){.admit-card-page[data-v-59acf724]{padding:12px}.print-toolbar[data-v-59acf724]{flex-direction:column;align-items:stretch;gap:10px}.print-toolbar button[data-v-59acf724]{width:100%}.print-area[data-v-59acf724]{align-items:flex-start;overflow-x:auto}.admit-card[data-v-59acf724]{flex-shrink:0}}@media print{@page{size:A5 portrait;margin:0}html,body{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;background:#fff!important;width:148mm!important;height:auto!important;margin:0!important;padding:0!important}nav.navbar,.navbar,.app-navbar,.main-navbar,.sidebar,.app-sidebar,.mobile-navbar,.mobile-menu,.screen-only[data-v-59acf724]{display:none!important}.admit-card-page[data-v-59acf724]{background:#fff!important;width:148mm!important;min-height:0!important;margin:0!important;padding:0!important}.print-area[data-v-59acf724]{width:148mm!important;margin:0!important;padding:0!important;display:block!important}.admit-card[data-v-59acf724]{box-sizing:border-box!important;width:100%!important;height:210mm!important;min-height:210mm!important;max-height:210mm!important;box-shadow:none!important;page-break-after:always!important;break-after:page!important;page-break-inside:avoid!important;break-inside:avoid!important;background:#fff!important;border:1px solid #000!important;margin:0!important;padding:5mm 5mm 4mm!important;overflow:hidden!important}.admit-card[data-v-59acf724]:last-child{page-break-after:auto!important;break-after:auto!important}.admit-card[data-v-59acf724],.admit-card[data-v-59acf724] *{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.signature-row[data-v-59acf724]{padding-bottom:18mm!important}}.id-card-page[data-v-a6959eda]{background:#f1f3f5;min-height:100vh;padding:25px}.screen-header[data-v-a6959eda]{background:#fff;border-radius:16px;margin-bottom:20px;padding:22px;box-shadow:0 4px 15px #0000000f}.header-left[data-v-a6959eda]{align-items:center;gap:15px;display:flex}.header-icon[data-v-a6959eda]{color:#4f46e5;background:#eef2ff;border-radius:13px;justify-content:center;align-items:center;width:50px;height:50px;font-size:24px;display:flex}.screen-header h2[data-v-a6959eda]{margin:0;font-weight:700}.screen-header p[data-v-a6959eda]{color:#777;margin:3px 0 0}.filter-card[data-v-a6959eda]{background:#fff;border-radius:16px;margin-bottom:20px;padding:25px;box-shadow:0 4px 15px #0000000f}.filter-title[data-v-a6959eda]{margin-bottom:20px;font-size:18px;font-weight:600}.filter-title i[data-v-a6959eda]{color:#4f46e5;margin-right:8px}.filter-grid[data-v-a6959eda]{grid-template-columns:1fr 1fr;gap:20px;display:grid}.form-group label[data-v-a6959eda]{margin-bottom:7px;font-weight:500;display:block}.form-control[data-v-a6959eda],.form-select[data-v-a6959eda]{border-radius:10px;height:46px}.button-row[data-v-a6959eda]{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.generate-btn[data-v-a6959eda],.print-btn[data-v-a6959eda],.clear-btn[data-v-a6959eda]{cursor:pointer;border:none;border-radius:9px;padding:11px 20px;font-weight:600}.generate-btn[data-v-a6959eda]{color:#fff;background:#4f46e5}.print-btn[data-v-a6959eda]{color:#fff;background:#198754}.clear-btn[data-v-a6959eda]{color:#fff;background:#6c757d}.generate-btn[data-v-a6959eda]:disabled{opacity:.6;cursor:not-allowed}.success-message[data-v-a6959eda]{color:#0f5132;background:#d1e7dd;border-radius:8px;margin-top:15px;padding:10px 15px}.error-message[data-v-a6959eda]{color:#842029;background:#f8d7da;border-radius:8px;margin-top:15px;padding:10px 15px}.id-card-area[data-v-a6959eda]{flex-direction:column;align-items:center;gap:15px;display:flex}.print-page[data-v-a6959eda]{box-sizing:border-box;background:#fff;grid-template-rows:67mm 67mm 67mm 67mm;grid-template-columns:95mm 95mm;gap:4mm;width:194mm;min-height:281mm;padding:0;display:grid}.student-card[data-v-a6959eda]{box-sizing:border-box;color:#172554;background:#fff;border:1px solid #999;width:95mm;height:67mm;padding:7mm 8mm;font-family:Georgia,Times New Roman,serif;position:relative;overflow:hidden}.school-name[data-v-a6959eda]{text-align:center;text-transform:uppercase;font-size:17px;font-weight:700;line-height:1.1}.exam-name[data-v-a6959eda]{text-align:center;color:#c28b00;text-transform:uppercase;margin-top:4px;font-size:12px;font-weight:700}.decorative-line[data-v-a6959eda]{justify-content:center;align-items:center;gap:5px;margin:7px 0 9px;display:flex}.decorative-line div[data-v-a6959eda]{border-top:1px solid #7b91bd;width:58%}.decorative-line span[data-v-a6959eda]{color:#8da0bd;font-size:7px}.student-details[data-v-a6959eda]{margin-top:4px}.detail-row[data-v-a6959eda]{align-items:center;margin-bottom:5px;font-family:Arial,sans-serif;font-size:16px;display:flex}.detail-label[data-v-a6959eda]{width:58px;font-weight:700}.colon[data-v-a6959eda]{text-align:center;width:14px;font-weight:700}.detail-value[data-v-a6959eda]{text-transform:uppercase;flex:1;padding-left:50px;font-weight:700}.detail-value-name[data-v-a6959eda]{text-align:left;text-transform:uppercase;flex:1;padding:5px;font-weight:700}.empty-state[data-v-a6959eda]{text-align:center;color:#777;background:#fff;border-radius:15px;padding:60px}.empty-state i[data-v-a6959eda]{margin-bottom:10px;font-size:45px;display:block}@media (width<=700px){.id-card-page[data-v-a6959eda]{padding:12px}.filter-grid[data-v-a6959eda]{grid-template-columns:1fr}.id-card-area[data-v-a6959eda]{align-items:flex-start;overflow-x:auto}.print-page[data-v-a6959eda]{flex-shrink:0}}@media print{.screen-only[data-v-a6959eda]{display:none!important}.id-card-page[data-v-a6959eda]{background:#fff!important;min-height:auto!important;margin:0!important;padding:0!important}.id-card-area[data-v-a6959eda]{margin:0!important;padding:0!important;display:block!important;overflow:visible!important}.print-page[data-v-a6959eda]{box-sizing:border-box!important;page-break-after:always!important;break-after:page!important;page-break-inside:avoid!important;break-inside:avoid!important;background:#fff!important;grid-template-rows:67mm 67mm 67mm 67mm!important;grid-template-columns:95mm 95mm!important;gap:4mm!important;width:194mm!important;height:281mm!important;min-height:281mm!important;max-height:281mm!important;margin:0!important;padding:0!important;display:grid!important}.print-page[data-v-a6959eda]:last-child{page-break-after:auto!important;break-after:auto!important}.student-card[data-v-a6959eda]{box-sizing:border-box!important;width:95mm!important;height:67mm!important;box-shadow:none!important;page-break-inside:avoid!important;break-inside:avoid!important;border:1px solid #000!important;margin:0!important;padding:7mm 8mm!important;overflow:hidden!important}.student-card[data-v-a6959eda],.student-card[data-v-a6959eda] *{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}.my-students-page[data-v-9ae8e481]{padding:10px}.page-header[data-v-9ae8e481]{justify-content:space-between;align-items:center;display:flex}.loading-state[data-v-9ae8e481]{text-align:center;padding:80px 20px}.info-card[data-v-9ae8e481]{background:#fff;border:1px solid #e9ecef;border-radius:16px;padding:20px;box-shadow:0 4px 15px #0000000d}.info-left[data-v-9ae8e481]{align-items:center;gap:18px;display:flex}.class-icon[data-v-9ae8e481]{color:#0d6efd;background:#e7f1ff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;font-size:28px;display:flex}.toolbar[data-v-9ae8e481]{justify-content:space-between;align-items:center;gap:15px;display:flex}.search-box[data-v-9ae8e481]{width:400px;position:relative}.search-box i[data-v-9ae8e481]{color:#6c757d;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-box input[data-v-9ae8e481]{border-radius:10px;height:45px;padding-left:40px}.student-count[data-v-9ae8e481]{color:#6c757d;font-weight:600}.student-count span[data-v-9ae8e481]{font-weight:400}.student-card[data-v-9ae8e481]{background:#fff;border:1px solid #e9ecef;border-radius:16px;overflow:hidden;box-shadow:0 4px 15px #0000000d}.student-table[data-v-9ae8e481]{vertical-align:middle;margin-bottom:0}.student-table thead th[data-v-9ae8e481]{color:#6c757d;text-transform:uppercase;white-space:nowrap;background:#f8f9fa;border-bottom:1px solid #e9ecef;padding:15px;font-size:13px;font-weight:600}.student-table tbody td[data-v-9ae8e481]{padding:14px 15px}.student-info[data-v-9ae8e481]{align-items:center;gap:12px;display:flex}.student-photo[data-v-9ae8e481]{background:#e9ecef;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:45px;height:45px;display:flex;overflow:hidden}.student-photo img[data-v-9ae8e481]{object-fit:cover;width:100%;height:100%}.student-photo span[data-v-9ae8e481]{color:#6c757d;font-size:18px;font-weight:600}.student-info strong[data-v-9ae8e481]{font-size:14px;display:block}.student-info small[data-v-9ae8e481]{color:#6c757d;margin-top:2px;font-size:12px;display:block}.roll-badge[data-v-9ae8e481]{background:#f1f3f5;border-radius:8px;padding:5px 10px;font-size:13px;font-weight:600;display:inline-block}.class-badge[data-v-9ae8e481]{color:#0d6efd;background:#e7f1ff;border-radius:8px;padding:5px 10px;font-size:13px;font-weight:600;display:inline-block}.action-buttons[data-v-9ae8e481]{justify-content:center;gap:6px;display:flex}.action-buttons .btn[data-v-9ae8e481]{border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.empty-cell[data-v-9ae8e481]{padding:0!important}.empty-state[data-v-9ae8e481]{text-align:center;padding:60px 20px}.empty-state i[data-v-9ae8e481]{color:#adb5bd;font-size:45px}.empty-state h5[data-v-9ae8e481]{margin-top:15px;font-weight:600}.empty-state p[data-v-9ae8e481]{color:#6c757d;margin-bottom:20px}.modal-backdrop-custom[data-v-9ae8e481]{z-index:1050;background:#0000008c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.edit-modal[data-v-9ae8e481]{background:#fff;border-radius:16px;width:100%;max-width:550px;max-height:90vh;overflow-y:auto;box-shadow:0 15px 50px #00000040}.modal-header-custom[data-v-9ae8e481]{border-bottom:1px solid #e9ecef;justify-content:space-between;align-items:flex-start;padding:20px;display:flex}.modal-body-custom[data-v-9ae8e481]{padding:20px}.modal-body-custom .form-label[data-v-9ae8e481]{font-size:14px;font-weight:600}.modal-body-custom .form-control[data-v-9ae8e481],.modal-body-custom .form-select[data-v-9ae8e481]{border-radius:9px;min-height:42px}.edit-photo-preview[data-v-9ae8e481]{background:#e9ecef;border:3px solid #e9ecef;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;margin:0 auto;display:flex;overflow:hidden}.edit-photo-preview img[data-v-9ae8e481]{object-fit:cover;width:100%;height:100%}.edit-photo-preview span[data-v-9ae8e481]{color:#6c757d;font-size:32px;font-weight:600}.modal-footer-custom[data-v-9ae8e481]{border-top:1px solid #e9ecef;justify-content:flex-end;gap:10px;padding:15px 20px;display:flex}@media (width<=768px){.my-students-page[data-v-9ae8e481]{padding:5px}.info-card[data-v-9ae8e481]{padding:15px}.info-left[data-v-9ae8e481]{align-items:flex-start}.class-icon[data-v-9ae8e481]{width:50px;height:50px;font-size:22px}.toolbar[data-v-9ae8e481]{flex-direction:column;align-items:stretch}.search-box[data-v-9ae8e481]{width:100%}.student-count[data-v-9ae8e481]{text-align:right}.student-table[data-v-9ae8e481]{min-width:850px}.student-card[data-v-9ae8e481]{border-radius:12px}.edit-modal[data-v-9ae8e481]{max-height:95vh}}.student-result-page[data-v-59a9792c]{background:#f5f7fb;min-height:100vh;padding:25px}.page-header[data-v-59a9792c]{background:#fff;border-radius:18px;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;padding:20px 24px;display:flex;box-shadow:0 4px 18px #0000000f}.header-left[data-v-59a9792c]{align-items:center;gap:15px;display:flex}.header-icon[data-v-59a9792c]{color:#4f46e5;background:#eef2ff;border-radius:15px;justify-content:center;align-items:center;width:52px;height:52px;font-size:24px;display:flex}.page-header h2[data-v-59a9792c]{margin:0;font-size:24px;font-weight:700}.page-header p[data-v-59a9792c]{color:#7b8190;margin:4px 0 0;font-size:14px}.refresh-btn[data-v-59a9792c]{color:#495057;background:#fff;border:1px solid #e1e5ec;border-radius:10px;padding:9px 15px;font-weight:600}.refresh-btn[data-v-59a9792c]:hover{background:#f8f9fa}.student-profile-card[data-v-59a9792c]{background:#fff;border-radius:18px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;padding:20px;display:flex;box-shadow:0 4px 18px #0000000f}.student-profile-left[data-v-59a9792c]{align-items:center;gap:18px;display:flex}.student-photo[data-v-59a9792c]{color:#4f46e5;background:#eef2ff;border:3px solid #e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:78px;height:78px;font-size:30px;font-weight:700;display:flex;overflow:hidden}.student-photo img[data-v-59a9792c]{object-fit:cover;width:100%;height:100%}.profile-label[data-v-59a9792c]{color:#6c757d;letter-spacing:.8px;font-size:11px;font-weight:700}.student-details h3[data-v-59a9792c]{margin:3px 0 8px;font-size:21px;font-weight:700}.student-meta[data-v-59a9792c]{color:#6c757d;flex-wrap:wrap;gap:10px 18px;font-size:13px;display:flex}.student-meta i[data-v-59a9792c]{color:#4f46e5;margin-right:4px}.class-badge[data-v-59a9792c]{color:#4f46e5;background:#f5f3ff;border-radius:12px;align-items:center;gap:10px;padding:10px 15px;display:flex}.class-badge>i[data-v-59a9792c]{font-size:23px}.class-badge small[data-v-59a9792c]{color:#777;font-size:9px;font-weight:700;display:block}.class-badge strong[data-v-59a9792c]{font-size:15px;display:block}.summary-row[data-v-59a9792c]{margin-bottom:20px}.summary-card[data-v-59a9792c]{background:#fff;border-radius:16px;align-items:center;gap:14px;min-height:105px;padding:18px;display:flex;box-shadow:0 4px 18px #0000000d}.summary-icon[data-v-59a9792c]{border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:21px;display:flex}.summary-icon.exams[data-v-59a9792c]{color:#4f46e5;background:#eef2ff}.summary-icon.marks[data-v-59a9792c]{color:#ea580c;background:#fff7ed}.summary-icon.percentage[data-v-59a9792c]{color:#059669;background:#ecfdf5}.summary-icon.excellent[data-v-59a9792c]{color:#d97706;background:#fef3c7}.summary-icon.good[data-v-59a9792c]{color:#059669;background:#ecfdf5}.summary-icon.average[data-v-59a9792c]{color:#2563eb;background:#eff6ff}.summary-icon.needs-improvement[data-v-59a9792c]{color:#dc2626;background:#fef2f2}.summary-card span[data-v-59a9792c]{color:#7b8190;font-size:12px}.summary-card h3[data-v-59a9792c]{margin:3px 0 0;font-size:22px;font-weight:700}.summary-card h3 small[data-v-59a9792c]{color:#9ca3af;font-size:13px;font-weight:500}.exam-card[data-v-59a9792c]{background:#fff;border-radius:18px;margin-bottom:20px;overflow:hidden;box-shadow:0 4px 18px #0000000f}.exam-header[data-v-59a9792c]{justify-content:space-between;align-items:center;gap:20px;padding:20px;display:flex}.exam-title[data-v-59a9792c]{align-items:center;gap:13px;display:flex}.exam-icon[data-v-59a9792c]{color:#4f46e5;background:#eef2ff;border-radius:12px;justify-content:center;align-items:center;width:45px;height:45px;font-size:20px;display:flex}.exam-title h4[data-v-59a9792c]{margin:0 0 4px;font-size:17px;font-weight:700}.exam-title span[data-v-59a9792c]{color:#7b8190;font-size:12px}.exam-title span i[data-v-59a9792c]{margin-right:4px}.exam-summary[data-v-59a9792c]{text-align:right;gap:25px;display:flex}.exam-summary small[data-v-59a9792c]{color:#8b919d;letter-spacing:.5px;font-size:9px;font-weight:700;display:block}.exam-summary strong[data-v-59a9792c]{font-size:17px}.exam-summary strong span[data-v-59a9792c]{color:#9ca3af;font-size:12px;font-weight:500}.exam-percentage strong[data-v-59a9792c]{color:#4f46e5}.progress-wrapper[data-v-59a9792c]{padding:0 20px 12px}.progress[data-v-59a9792c]{background:#edf0f5;border-radius:10px;height:7px}.progress-bar[data-v-59a9792c]{border-radius:10px}.progress-excellent[data-v-59a9792c]{background:#198754}.progress-good[data-v-59a9792c]{background:#0d6efd}.progress-average[data-v-59a9792c]{background:#ffc107}.progress-low[data-v-59a9792c]{background:#dc3545}.table-responsive[data-v-59a9792c]{border-top:1px solid #edf0f4}.result-table[data-v-59a9792c]{margin:0;font-size:13px}.result-table thead th[data-v-59a9792c]{color:#687080;text-transform:uppercase;white-space:nowrap;background:#f8f9fc;border-bottom:1px solid #e8ebf0;padding:12px 14px;font-size:11px;font-weight:700}.result-table tbody td[data-v-59a9792c]{vertical-align:middle;border-color:#edf0f4;padding:12px 14px}.result-table tbody tr[data-v-59a9792c]:hover{background:#fafbff}.mark-value[data-v-59a9792c]{font-weight:700}.mark-value small[data-v-59a9792c]{color:#9ca3af;font-weight:500}.total-row th[data-v-59a9792c]{background:#f8f9fc;border-top:2px solid #dee2e6;padding:12px 14px}.percentage-badge[data-v-59a9792c]{border-radius:7px;padding:4px 8px;font-size:11px;font-weight:700;display:inline-block}.percentage-excellent[data-v-59a9792c]{color:#15803d;background:#dcfce7}.percentage-good[data-v-59a9792c]{color:#1d4ed8;background:#dbeafe}.percentage-average[data-v-59a9792c]{color:#b45309;background:#fef3c7}.percentage-low[data-v-59a9792c]{color:#b91c1c;background:#fee2e2}.grade-badge[data-v-59a9792c]{border-radius:6px;justify-content:center;min-width:32px;padding:4px 8px;font-size:11px;font-weight:700;display:inline-flex}.grade-a[data-v-59a9792c]{color:#15803d;background:#dcfce7}.grade-b[data-v-59a9792c]{color:#1d4ed8;background:#dbeafe}.grade-c[data-v-59a9792c]{color:#b45309;background:#fef3c7}.grade-d[data-v-59a9792c]{color:#c2410c;background:#ffedd5}.grade-f[data-v-59a9792c]{color:#b91c1c;background:#fee2e2}.grade-none[data-v-59a9792c]{color:#64748b;background:#f1f5f9}.state-card[data-v-59a9792c]{text-align:center;color:#6c757d;background:#fff;border-radius:18px;padding:60px 20px;box-shadow:0 4px 18px #0000000d}.state-card h5[data-v-59a9792c]{color:#343a40;margin-top:12px}.state-card p[data-v-59a9792c]{font-size:14px}.state-icon[data-v-59a9792c]{color:#4f46e5;background:#eef2ff;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:auto;font-size:25px;display:flex}.error-state .state-icon[data-v-59a9792c]{color:#dc2626;background:#fee2e2}.spin[data-v-59a9792c]{animation:1s linear infinite spin-59a9792c}@keyframes spin-59a9792c{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=768px){.student-result-page[data-v-59a9792c]{padding:12px}.page-header[data-v-59a9792c]{align-items:flex-start;padding:16px}.page-header h2[data-v-59a9792c]{font-size:20px}.page-header p[data-v-59a9792c]{display:none}.refresh-btn[data-v-59a9792c]{padding:8px 10px;font-size:0}.refresh-btn i[data-v-59a9792c]{margin:0;font-size:16px}.student-profile-card[data-v-59a9792c]{flex-direction:column;align-items:stretch}.student-profile-left[data-v-59a9792c]{align-items:flex-start}.student-photo[data-v-59a9792c]{width:65px;height:65px}.student-details h3[data-v-59a9792c]{font-size:18px}.student-meta[data-v-59a9792c]{flex-direction:column;gap:5px}.class-badge[data-v-59a9792c]{width:100%}.exam-header[data-v-59a9792c]{flex-direction:column;align-items:flex-start}.exam-summary[data-v-59a9792c]{text-align:left;justify-content:space-between;width:100%}.result-table[data-v-59a9792c]{min-width:750px}}