:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-size:12px;height:100vh;overflow:hidden;color:#000;background:#fff!important}.flex{display:flex;flex-wrap:wrap}nav{display:flex;flex-direction:column;padding:10px}.nav-links{padding:10px}main{width:85%;overflow-y:scroll;height:100vh}.slidebar-nav{width:100%;background:#dc0071;margin:1%;padding:0;border-radius:10px;height:99vh;overflow-y:scroll}.card{background:#ffe2e2!important}a,.green{text-decoration:none;color:#fff;transition:.4s;padding:3px}.full-width{width:100%}@media (hover: hover){a:hover{background-color:#00bd7e33}}.logoimg{width:60%;margin:7px 20%}.nav-links.router-link-active{background-color:#ffe0f7;font-weight:700;color:#000;border-radius:5px}nav a{font-size:16px}.sub-nav{width:100%;display:flex;flex-direction:column;background:#ffffff38;border-radius:5px;padding:10px}.sub-nav a{padding-bottom:10px}nav button{background:#dc0071;border:0;padding:10px 9px;color:#fff;font-size:16px;border-radius:10px}.badge-no{background:red;padding:5px 9px;border-radius:13px;margin-left:14px;color:#fff;font-weight:700;animation:blink 1s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.logout{background:#ff61b1;border:0;padding:10px 9px;color:#fff;border-radius:10px;font-size:16px}.hamburger,.cross{display:none}@media (max-width: 768px){.hamburger,.cross{display:block}.slidebar-nav.translate-x-0{width:80%;position:fixed;z-index:999;top:-5px;left:-5px;padding:10px}.slidebar-nav{width:0%;position:fixed;height:100vh}.hamburger{position:fixed;z-index:99999;width:70px;height:70px;font-size:40px}main{width:100%}.slidebar-nav.translate-x-0 .cross{position:absolute;right:0;font-size:51px;top:0}}.back-main-btn{position:fixed;bottom:0;right:50px;background:#dc0071;color:#fff;border:none;padding:10px 15px;border-radius:8px;margin-bottom:20px;z-index:999}.slide-shower{width:15%}.forgot-text[data-v-d52c9c80]{margin:20px 0;color:#007bff;cursor:pointer;text-align:right;text-decoration:none}.modal-overlay[data-v-d52c9c80]{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center}.modal-card[data-v-d52c9c80]{background:#fff;padding:2rem;border-radius:10px;max-width:400px;width:100%;text-align:center}.modal-card input[data-v-d52c9c80]{margin:15px 0}.close-btn[data-v-d52c9c80]{margin-top:1rem;background:#ccc;padding:.5rem 1rem;border:none;cursor:pointer;border-radius:5px}.success[data-v-d52c9c80]{color:green;margin-top:10px}.error[data-v-d52c9c80]{color:red;margin-top:10px}.login-container[data-v-d52c9c80]{min-height:100vh;background:linear-gradient(to right,#ff61b1,#f7429c);display:flex;justify-content:center;align-items:center;position:absolute;width:100%;height:100%;top:0;left:0}strong[data-v-d52c9c80]{font-weight:700}.login-card[data-v-d52c9c80]{background:#fff;padding:2.5rem;border-radius:1rem;box-shadow:0 0 20px #0000001a;width:100%;max-width:400px;text-align:center}h2[data-v-d52c9c80]{margin-bottom:.5rem}.scl-logo[data-v-d52c9c80]{margin-bottom:20px}.subtitle[data-v-d52c9c80]{color:#666;font-size:.9rem;margin-bottom:1.5rem}.form-group[data-v-d52c9c80]{margin-bottom:1.2rem;text-align:left}label[data-v-d52c9c80]{display:block;margin-bottom:.4rem;font-weight:500}input[data-v-d52c9c80]{width:100%;padding:.75rem;border:1px solid #ccc;border-radius:.5rem;transition:border-color .3s ease;font-size:1rem}input[data-v-d52c9c80]:focus{outline:none;border-color:#dc0071}button[data-v-d52c9c80]{width:100%;padding:.75rem;background-color:#dc0071;color:#fff;font-weight:700;border:none;border-radius:.5rem;cursor:pointer;font-size:1rem;transition:background-color .3s ease}button[data-v-d52c9c80]:hover{background-color:#ffacfc;color:#000}button[data-v-d52c9c80]:disabled{background-color:#a2d4fc;cursor:not-allowed}.error[data-v-d52c9c80]{margin-top:1rem;color:red;font-size:.9rem}.scl-logos[data-v-d52c9c80]{width:100px;height:auto;margin-bottom:20px}h2[data-v-d52c9c80]{color:#dc0071;font-weight:800;font-size:20px}.total-fee-display[data-v-85cd631b]{display:flex;flex-direction:column;align-items:center;background:linear-gradient(45deg,#ffe0f7,#efbae1);padding:10px 20px;border-radius:15px}.total-fee-display span[data-v-85cd631b]{font-weight:900}.fee-box[data-v-85cd631b]{display:flex;align-items:center;justify-content:space-between;margin:20px;font-size:16px}.dashboard[data-v-85cd631b]{min-height:100vh;padding:2rem;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.dashboard-header[data-v-85cd631b]{background:#dc0071;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:1rem;text-align:center;border-bottom:1px solid rgba(255,255,255,.1);border-radius:17px;display:flex;justify-content:space-between;align-items:center}.dashboard-header h4[data-v-85cd631b]{font-size:14px;font-weight:600;position:absolute;left:20px;margin-top:0;background:#fff;padding:10px 20px;border-radius:6px}.dashboard-header h1[data-v-85cd631b]{font-size:24px;font-weight:700;color:#fff;margin:0 0 .5rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.dashboard-subtitle[data-v-85cd631b]{color:#fffc;font-size:1.1rem;margin:0}.stats-grid[data-v-85cd631b]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;padding:2rem;margin-bottom:1rem}.stat-card[data-v-85cd631b]{background:#ffedfe;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:8px;display:flex;align-items:center;gap:1rem;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.stat-card[data-v-85cd631b]:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000026}.stat-card.students[data-v-85cd631b]{border-left:4px solid #3b82f6}.stat-card.staff[data-v-85cd631b]{border-left:4px solid #10b981}.stat-card.admins[data-v-85cd631b]{border-left:4px solid #8b5cf6}.stat-card.late[data-v-85cd631b]{border-left:4px solid #f59e0b}.stat-card.feedback[data-v-85cd631b]{border-left:4px solid #ef4444}.stat-icon[data-v-85cd631b]{font-size:2rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:12px}.stat-content h3[data-v-85cd631b]{font-size:2rem;font-weight:700;margin:0;color:#1f2937}.stat-content p[data-v-85cd631b]{font-size:.9rem;color:#6b7280;margin:.25rem 0 0}.attendance-grid[data-v-85cd631b]{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;padding:0 0 2rem}.attendance-card[data-v-85cd631b]{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:2rem;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.attendance-card[data-v-85cd631b]:hover{transform:translateY(-2px);box-shadow:0 12px 40px #00000026}.card-header-enhanced[data-v-85cd631b]{display:flex;align-items:center;gap:1rem;margin-bottom:5px}.card-icon[data-v-85cd631b]{font-size:2.5rem;width:70px;height:70px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:16px}.card-date[data-v-85cd631b]{font-size:.85rem;color:#6b7280;margin:0 0 .5rem}.card-header-enhanced h2[data-v-85cd631b]{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0}.attendance-stats[data-v-85cd631b]{text-align:center;margin-bottom:1.5rem}.main-stat[data-v-85cd631b]{font-size:3rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.main-stat .divider[data-v-85cd631b]{color:#9ca3af;margin:0 .5rem}.percentage[data-v-85cd631b]{font-size:1.1rem;color:#6b7280;margin:0}.progress-bar-enhanced[data-v-85cd631b]{height:12px;background:#e5e7eb;border-radius:6px;overflow:hidden;margin:1.5rem 0}.progress-fill-enhanced[data-v-85cd631b]{height:100%;border-radius:6px;transition:width .8s ease}.progress-fill-enhanced.student[data-v-85cd631b]{background:linear-gradient(90deg,#3b82f6,#1d4ed8)}.progress-fill-enhanced.staff[data-v-85cd631b]{background:linear-gradient(90deg,#10b981,#059669)}.view-link[data-v-85cd631b]{color:#3b82f6;text-decoration:none;font-weight:500;font-size:.95rem;transition:color .2s ease}.view-link[data-v-85cd631b]:hover{color:#1d4ed8}.content-grid[data-v-85cd631b]{display:grid;grid-template-columns:2fr 1fr;gap:2rem;padding:0 0 2rem}.content-card[data-v-85cd631b]{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:2rem;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2)}.section-subtitle[data-v-85cd631b]{font-size:.9rem;color:#6b7280;margin:.25rem 0 0}.action-buttons[data-v-85cd631b]{display:flex;gap:.75rem}.btn-primary[data-v-85cd631b]{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:10px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s ease}.btn-primary[data-v-85cd631b]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.btn-secondary[data-v-85cd631b]{background:#f3f4f6;color:#374151;border:1px solid #d1d5db;padding:.75rem 1.5rem;border-radius:10px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-secondary[data-v-85cd631b]:hover{background:#e5e7eb}.table-container[data-v-85cd631b]{margin:1.5rem 0;overflow-x:auto}.enhanced-table[data-v-85cd631b]{width:100%;border-collapse:collapse;border-spacing:0}.enhanced-table th[data-v-85cd631b]{background:#f8fafc;padding:1rem;text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb}.table-row[data-v-85cd631b]{transition:background-color .2s ease}.table-row[data-v-85cd631b]:hover{background:#f8fafc}.enhanced-table td[data-v-85cd631b]{padding:1rem;border-bottom:1px solid #e5e7eb}.role-badge[data-v-85cd631b]{background:linear-gradient(135deg,#fedbf8,#f6bffe);color:#000;padding:.25rem .75rem;border-radius:20px;font-size:.85rem;font-weight:500}.events-list[data-v-85cd631b]{display:flex;flex-direction:column;gap:1rem}.event-item[data-v-85cd631b]{display:flex;gap:1rem;padding:8px;background:#f8fafc;border-radius:12px;border-left:4px solid #3b82f6}.event-date[data-v-85cd631b]{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;border-radius:8px;padding:5px;min-width:60px;box-shadow:0 2px 4px #0000001a}.event-date .day[data-v-85cd631b]{font-size:15px;font-weight:700;color:#1f2937}.event-date .month[data-v-85cd631b]{font-size:10px;color:#6b7280;text-transform:uppercase}.event-details h4[data-v-85cd631b]{margin:0;color:#1f2937;font-weight:600}.event-time[data-v-85cd631b]{color:#3b82f6;font-weight:500;margin:0 0 .5rem}.event-description[data-v-85cd631b]{color:#6b7280;font-size:.9rem;margin:0}.no-events[data-v-85cd631b]{text-align:center;padding:2rem;color:#6b7280}.no-events-icon[data-v-85cd631b]{font-size:3rem;margin-bottom:1rem}.charts-section[data-v-85cd631b]{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;padding:0 0 2rem}.chart-card[data-v-85cd631b]{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:2rem;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2)}.chart-header h2[data-v-85cd631b]{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0 0 .5rem}.chart-subtitle[data-v-85cd631b]{color:#6b7280;font-size:.9rem;margin:0 0 1.5rem}.filter-selectors[data-v-85cd631b]{width:100%;align-items:center;gap:20px;margin-bottom:20px}.modal-overlay[data-v-85cd631b]{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content-enhanced[data-v-85cd631b]{background:#fff;border-radius:20px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-header[data-v-85cd631b]{display:flex;justify-content:space-between;align-items:center;padding:2rem 2rem 1rem;border-bottom:1px solid #e5e7eb}.modal-header h3[data-v-85cd631b]{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0}.close-btn[data-v-85cd631b]{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:.5rem;border-radius:50%;transition:all .2s ease}.close-btn[data-v-85cd631b]:hover{background:#f3f4f6;color:#374151}.staff-form[data-v-85cd631b]{padding:2rem}.form-group[data-v-85cd631b]{margin-bottom:1.5rem}.form-group label[data-v-85cd631b]{display:block;font-weight:500;color:#374151;margin-bottom:.5rem}.form-input[data-v-85cd631b]{width:100%;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:10px;font-size:1rem;transition:border-color .2s ease}.form-input[data-v-85cd631b]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.permissions-section[data-v-85cd631b]{margin:2rem 0}.permissions-section h4[data-v-85cd631b]{font-weight:600;color:#374151;margin:0 0 1rem}.checkbox-group[data-v-85cd631b]{display:flex;flex-direction:column;gap:.75rem}.checkbox-label[data-v-85cd631b]{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:.5rem;border-radius:8px;transition:background-color .2s ease}.checkbox-label[data-v-85cd631b]:hover{background:#f8fafc}.checkbox-label input[type=checkbox][data-v-85cd631b]{width:18px;height:18px;accent-color:#3b82f6}.form-actions[data-v-85cd631b]{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}select[data-v-85cd631b]{border:1px solid grey;padding:10px;border-radius:10px}@media (max-width: 768px){.content-grid[data-v-85cd631b],.charts-section[data-v-85cd631b]{grid-template-columns:1fr}.stats-grid[data-v-85cd631b]{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;padding:1rem}.attendance-grid[data-v-85cd631b]{grid-template-columns:1fr;padding:0 1rem 1rem}}.academic-year-container[data-v-85cd631b]{padding:20px}.active-year-box[data-v-85cd631b]{background:#eef3ff;padding:10px;border-left:5px solid #3f51b5;margin-bottom:20px;font-size:18px}.add-year-form[data-v-85cd631b]{display:flex;flex-direction:column;gap:10px;background:#fafafa;padding:20px;border-radius:8px;width:350px}.add-year-form input[data-v-85cd631b]{padding:8px;border:1px solid #ccc;border-radius:6px}.add-year-form button[data-v-85cd631b]{background:#ffe0f7;color:#000;border:none;padding:10px;font-weight:700;border-radius:6px;cursor:pointer}.add-year-btn[data-v-85cd631b]{background:#ffe0f7;color:#000;padding:6px 14px;border:none;border-radius:6px;cursor:pointer}.popup-overlay[data-v-85cd631b]{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;align-items:center;justify-content:center;z-index:999}.popup-box[data-v-85cd631b]{background:#fff;padding:25px;width:400px;border-radius:12px;box-shadow:0 4px 20px #0003}.popup-box input[data-v-85cd631b]{width:100%;margin-bottom:12px;padding:8px;border:1px solid #ccc;border-radius:6px}.popup-actions[data-v-85cd631b]{display:flex;justify-content:space-between}.save-btn[data-v-85cd631b]{background:green;color:#fff;padding:8px 14px;border-radius:6px}.close-btn[data-v-85cd631b]{background:red;color:#fff;padding:8px 14px;border-radius:6px}.container[data-v-f73b2fca]{min-height:100vh;background:#fff;padding:2rem;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.header-section[data-v-f73b2fca]{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;background:#dc0071;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:10px;border:1px solid rgba(255,255,255,.2)}.header-content[data-v-f73b2fca]{flex:1}.main-title[data-v-f73b2fca]{font-size:18px;font-weight:600;color:#fff;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.1)}.subtitle[data-v-f73b2fca]{font-size:1.1rem;color:#fffc;margin:0}.add-class-btn[data-v-f73b2fca]{display:flex;align-items:center;gap:.5rem;background:#ff61b1;color:#fff;border:none;padding:7px 15px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ee5a244d}.add-class-btn[data-v-f73b2fca]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ee5a2466}.btn-icon[data-v-f73b2fca]{width:1.25rem;height:1.25rem}.btn-icon-sm[data-v-f73b2fca]{width:1rem;height:1rem}.classes-grid[data-v-f73b2fca]{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem}.class-card[data-v-f73b2fca]{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:1.5rem;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.class-card[data-v-f73b2fca]:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000026}.class-header[data-v-f73b2fca]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #f1f3f4}.class-info[data-v-f73b2fca]{flex:1}.class-name[data-v-f73b2fca]{font-size:1.5rem;font-weight:700;color:#2d3748;margin:0 0 .25rem}.section-count[data-v-f73b2fca]{font-size:.9rem;color:#718096;background:#e2e8f0;padding:.25rem .75rem;border-radius:20px}.add-section-btn[data-v-f73b2fca]{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#ff61b1,#dc0071);color:#fff;border:none;padding:.75rem 1rem;border-radius:10px;font-weight:500;cursor:pointer;transition:all .3s ease;font-size:.9rem}.add-section-btn[data-v-f73b2fca]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #4facfe4d}.sections-list[data-v-f73b2fca]{display:flex;flex-direction:column;gap:.75rem}.section-item[data-v-f73b2fca]{display:flex;justify-content:space-between;align-items:center;background:#f8fafc;padding:1rem;border-radius:12px;border:1px solid #e2e8f0;transition:all .2s ease}.section-item[data-v-f73b2fca]:hover{background:#f1f5f9;border-color:#cbd5e0}.section-info[data-v-f73b2fca]{flex:1}.section-name[data-v-f73b2fca]{font-weight:600;color:#2d3748;font-size:1rem}.section-actions[data-v-f73b2fca]{display:flex;gap:.5rem}.timetable-btn[data-v-f73b2fca]{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#a8edea,#fed6e3);color:#2d3748;border:none;padding:.5rem .75rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;font-size:.85rem}.timetable-btn[data-v-f73b2fca]:hover{transform:translateY(-1px);box-shadow:0 3px 10px #a8edea4d}.delete-btn[data-v-f73b2fca]{display:flex;align-items:center;background:linear-gradient(135deg,#ff9a9e,#fecfef);color:#e53e3e;border:none;padding:.5rem;border-radius:8px;cursor:pointer;transition:all .3s ease}.delete-btn[data-v-f73b2fca]:hover{transform:translateY(-1px);box-shadow:0 3px 10px #ff9a9e4d}.modal-overlay[data-v-f73b2fca]{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn-f73b2fca .3s ease}@keyframes fadeIn-f73b2fca{0%{opacity:0}to{opacity:1}}.modal-card[data-v-f73b2fca]{background:#fff;border-radius:20px;width:90%;max-width:500px;box-shadow:0 20px 60px #0000004d;animation:slideUp-f73b2fca .3s ease}@keyframes slideUp-f73b2fca{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-header[data-v-f73b2fca]{display:flex;justify-content:space-between;align-items:center;padding:2rem 2rem 1rem;border-bottom:1px solid #e2e8f0;background:#ff61b1}.modal-title[data-v-f73b2fca]{font-size:1.5rem;font-weight:700;color:#2d3748;margin:0}.close-btn[data-v-f73b2fca]{background:none;border:none;color:#718096;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s ease}.close-btn[data-v-f73b2fca]:hover{background:#f7fafc;color:#2d3748}.close-btn svg[data-v-f73b2fca]{width:1.25rem;height:1.25rem}.modal-body[data-v-f73b2fca]{padding:2rem}.form-group[data-v-f73b2fca]{margin-bottom:1.5rem}.form-label[data-v-f73b2fca]{display:block;font-weight:600;color:#2d3748;margin-bottom:.5rem;font-size:.9rem}.form-input[data-v-f73b2fca]{width:100%;padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;transition:all .3s ease;background:#f8fafc}.form-input[data-v-f73b2fca]:focus{outline:none;border-color:#4facfe;background:#fff;box-shadow:0 0 0 3px #4facfe1a}.modal-footer[data-v-f73b2fca]{display:flex;justify-content:flex-end;gap:1rem;padding:1rem 2rem 2rem}.btn-primary[data-v-f73b2fca]{background:#dc0071;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-primary[data-v-f73b2fca]:hover{transform:translateY(-1px);box-shadow:0 4px 15px #667eea4d}.btn-secondary[data-v-f73b2fca]{background:#e2e8f0;color:#4a5568;border:none;padding:.75rem 1.5rem;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-secondary[data-v-f73b2fca]:hover{background:#cbd5e0;transform:translateY(-1px)}.timetable-modal[data-v-f73b2fca]{position:fixed;inset:0;background:linear-gradient(135deg,#ff61b1,#dc0071);overflow-y:auto;z-index:1000;animation:fadeIn-f73b2fca .3s ease}.timetable-header[data-v-f73b2fca]{display:flex;justify-content:space-between;align-items:center;padding:2rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.2)}.timetable-title-section[data-v-f73b2fca]{flex:1}.timetable-title[data-v-f73b2fca]{font-size:2rem;font-weight:700;color:#fff;margin:0 0 .25rem}.timetable-subtitle[data-v-f73b2fca]{color:#fffc;margin:0}.timetable-actions[data-v-f73b2fca]{display:flex;gap:1rem}.timetable-content[data-v-f73b2fca]{padding:2rem}.timetable-grid[data-v-f73b2fca]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.day-column[data-v-f73b2fca]{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:1.5rem;border:1px solid rgba(255,255,255,.2)}.day-header[data-v-f73b2fca]{font-size:1.25rem;font-weight:700;color:#2d3748;margin:0 0 1rem;text-align:center;padding-bottom:.75rem;border-bottom:2px solid #e2e8f0}.periods-list[data-v-f73b2fca]{display:flex;flex-direction:column;gap:.75rem}.period-item[data-v-f73b2fca]{display:flex;flex-direction:column;gap:.25rem}.period-label[data-v-f73b2fca]{font-size:.8rem;font-weight:600;color:#718096;text-transform:uppercase;letter-spacing:.5px}.period-input[data-v-f73b2fca]{padding:.5rem .75rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.9rem;transition:all .3s ease;background:#f8fafc}.period-input[data-v-f73b2fca]:focus{outline:none;border-color:#4facfe;background:#fff;box-shadow:0 0 0 2px #4facfe1a}@media (max-width: 768px){.container[data-v-f73b2fca]{padding:1rem}.header-section[data-v-f73b2fca]{flex-direction:column;gap:1rem;text-align:center}.main-title[data-v-f73b2fca]{font-size:2rem}.classes-grid[data-v-f73b2fca],.timetable-grid[data-v-f73b2fca]{grid-template-columns:1fr}.timetable-header[data-v-f73b2fca]{flex-direction:column;gap:1rem;text-align:center}}.container[data-v-3856fdad]{padding:2rem;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.header-section[data-v-3856fdad]{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;background:#dc0071;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:6px;border-radius:16px;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2)}.header-content[data-v-3856fdad]{display:flex;align-items:center;gap:16px;margin:0}.heading[data-v-3856fdad]{font-size:18px;font-weight:600;color:#fff;margin:0;display:flex;align-items:center;gap:12px}.heading-icon[data-v-3856fdad]{font-size:32px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.header-stats[data-v-3856fdad]{display:flex;gap:8px}.stats-badge[data-v-3856fdad]{background:linear-gradient(135deg,#ff61b1,#fa1a8e);color:#fff;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.add-button[data-v-3856fdad]{background:linear-gradient(135deg,#ff61b1,#fa1a8e);color:#fff;border:none;padding:12px 24px;border-radius:12px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;box-shadow:0 4px 15px #667eea66}.add-button[data-v-3856fdad]:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea99}.button-icon[data-v-3856fdad]{font-size:18px;font-weight:700}.classes-grid[data-v-3856fdad]{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin-top:24px}.class-group[data-v-3856fdad]{display:contents}.section-card[data-v-3856fdad]{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:20px;cursor:pointer;transition:all .3s ease;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 20px #00000014;position:relative;overflow:hidden}.section-card[data-v-3856fdad]:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#b521ae,#fc8cf6)}.section-card[data-v-3856fdad]:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000026;border-color:#667eea4d}.classes-grid .card-header[data-v-3856fdad]{display:flex;align-items:center;gap:23px;margin-bottom:16px}.class-icon[data-v-3856fdad]{font-size:24px;background:linear-gradient(135deg,#b521ae,#fc8cf6);width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 2px 8px rgba(102,126,234,.3))}.classes-grid h3[data-v-3856fdad],.classes-grid span[data-v-3856fdad]{font-size:20px;font-weight:700;color:#000;margin:0 0 4px}.section-name[data-v-3856fdad]{font-size:14px;color:#718096;font-weight:500}.card-footer[data-v-3856fdad]{display:flex;justify-content:space-between;align-items:center}.student-count[data-v-3856fdad]{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#f7fafc,#edf2f7);padding:8px 12px;border-radius:8px;border:1px solid #e2e8f0}.count-icon[data-v-3856fdad]{font-size:16px}.count-text[data-v-3856fdad]{font-size:13px;font-weight:600;color:#4a5568}.arrow-icon[data-v-3856fdad]{font-size:18px;color:#a0aec0;transition:all .3s ease}.section-card:hover .arrow-icon[data-v-3856fdad]{color:#667eea;transform:translate(4px)}.loader-container[data-v-3856fdad]{display:flex;flex-direction:column;justify-content:center;align-items:center;height:60vh;gap:16px}.spinner[data-v-3856fdad]{width:40px;height:40px;border:4px solid rgba(102,126,234,.2);border-top-color:#667eea;border-radius:50%;animation:spin-3856fdad 1s linear infinite}.loading-text[data-v-3856fdad]{color:#718096;font-weight:500;margin:0}@keyframes spin-3856fdad{to{transform:rotate(360deg)}}.empty-state[data-v-3856fdad]{grid-column:1 / -1;text-align:center;padding:60px 20px;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;border:2px dashed #e2e8f0}.empty-icon[data-v-3856fdad]{font-size:64px;margin-bottom:16px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.empty-title[data-v-3856fdad]{font-size:24px;font-weight:700;color:#2d3748;margin:0 0 8px}.empty-description[data-v-3856fdad]{color:#718096;margin:0 0 24px;font-size:16px}.empty-action[data-v-3856fdad]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 24px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea66}.empty-action[data-v-3856fdad]:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea99}@media (max-width: 768px){.container[data-v-3856fdad]{padding:16px}.header-section[data-v-3856fdad]{flex-direction:column;gap:16px;text-align:center}.classes-grid[data-v-3856fdad]{grid-template-columns:1fr;gap:16px}.heading[data-v-3856fdad]{font-size:24px}}table th,table td{text-align:left}.header-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;background:#dc0071;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:6px 30px;border-radius:16px;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2)}.filter-options{display:flex;margin:10px;align-items:center;gap:10px}.header-section .filter-options{width:60%}.header-section .filter-options select{padding:10px}.page-fixer{display:flex;justify-content:space-between;align-items:center;padding:0 30px}.page-fixer{background:#dc0071;color:#fff}.list-img{width:40px;height:40px}.student-list-box a{font-weight:500;color:#1e40af;text-decoration:none}.container[data-v-37462b61]{padding:2rem;background-color:#fff}.input[data-v-37462b61]{display:block;width:100%;margin-bottom:10px;padding:10px;font-size:18px;border-radius:8px;border:1px solid #ccc}.loader[data-v-37462b61]{text-align:center;padding:20px}.card[data-v-37462b61]{display:flex;align-items:center;background:#fff;margin:10px 1%;padding:12px;border-radius:10px;box-shadow:0 1px 3px #0000001a;cursor:pointer;width:18%}.avatar[data-v-37462b61]{width:50px;height:50px;border-radius:25px;object-fit:contain;margin-right:12px;background-color:#eee}.details[data-v-37462b61]{flex:1}.name[data-v-37462b61]{font-weight:700;font-size:16px}.info[data-v-37462b61]{font-size:13px;color:#555}.location[data-v-37462b61]{font-size:12px;color:#777}.empty[data-v-37462b61]{text-align:center;color:#666;margin-top:20px}.d-flex[data-v-37462b61]{display:flex;gap:2%;margin-bottom:20px}.student-details[data-v-1af0b7df]{min-height:100vh;padding:2rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.loading-container[data-v-1af0b7df],.not-found-container[data-v-1af0b7df]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;color:#fff;text-align:center}.loading-spinner[data-v-1af0b7df]{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;animation:spin-1af0b7df 1s linear infinite;margin-bottom:20px}@keyframes spin-1af0b7df{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.not-found-icon[data-v-1af0b7df]{font-size:4rem;margin-bottom:20px}.profile-card[data-v-1af0b7df]{background:#fff;border-radius:20px;padding:30px;margin-bottom:30px;box-shadow:0 20px 40px #0000001a;transition:transform .3s ease}.profile-card[data-v-1af0b7df]:hover{transform:translateY(-5px)}.edit-form[data-v-1af0b7df]{animation:fadeIn-1af0b7df .3s ease}.edit-header[data-v-1af0b7df]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #f0f0f0}.edit-header h3[data-v-1af0b7df]{color:#333;font-size:1.5rem;margin:0}.edit-actions[data-v-1af0b7df]{display:flex;gap:10px}.save-btn[data-v-1af0b7df],.cancel-btn[data-v-1af0b7df]{padding:10px 20px;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease}.save-btn[data-v-1af0b7df]{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.cancel-btn[data-v-1af0b7df]{background:linear-gradient(135deg,#f44336,#da190b);color:#fff}.save-btn[data-v-1af0b7df]:hover,.cancel-btn[data-v-1af0b7df]:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0003}.form-grid[data-v-1af0b7df]{display:grid;grid-template-columns:1fr 1fr;gap:30px}.form-column[data-v-1af0b7df]{display:flex;flex-direction:column;gap:20px}.form-group[data-v-1af0b7df]{display:flex;flex-direction:column;gap:8px}.form-group label[data-v-1af0b7df]{font-weight:600;color:#333;font-size:.9rem}.form-input[data-v-1af0b7df],.form-select[data-v-1af0b7df],.form-textarea[data-v-1af0b7df]{padding:12px 16px;border:2px solid #e0e0e0;border-radius:10px;font-size:1rem;transition:all .3s ease;background:#fff}.form-input[data-v-1af0b7df]:focus,.form-select[data-v-1af0b7df]:focus,.form-textarea[data-v-1af0b7df]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-textarea[data-v-1af0b7df]{resize:vertical;min-height:80px}.fees-section[data-v-1af0b7df]{background:linear-gradient(135deg,#ffeaa7,#fdcb6e);padding:20px;border-radius:15px;margin-top:20px}.fees-section h4[data-v-1af0b7df]{margin:0 0 15px;color:#2d3436}.student-profile[data-v-1af0b7df]{animation:fadeIn-1af0b7df .3s ease}.profile-header[data-v-1af0b7df]{display:flex;gap:30px;margin-bottom:30px}.avatar-section[data-v-1af0b7df]{position:relative;flex-shrink:0}.student-avatar[data-v-1af0b7df]{width:150px;height:150px;border-radius:50%;object-fit:cover;border:5px solid #667eea;cursor:pointer;transition:all .3s ease}.student-avatar[data-v-1af0b7df]:hover{transform:scale(1.05);box-shadow:0 10px 30px #667eea4d}.avatar-overlay[data-v-1af0b7df]{position:absolute;bottom:0;left:0;right:0;background:#000000b3;color:#fff;text-align:center;padding:8px;border-radius:0 0 50% 50%;font-size:.8rem;cursor:pointer;opacity:0;transition:opacity .3s ease}.avatar-section:hover .avatar-overlay[data-v-1af0b7df]{opacity:1}.student-info[data-v-1af0b7df]{flex:1}.student-name[data-v-1af0b7df]{color:#333;margin:0 0 20px;font-size:2rem;font-weight:700}.info-grid[data-v-1af0b7df]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.info-item[data-v-1af0b7df]{display:flex;justify-content:space-between;padding:12px 8px;border:1px solid #9d9898;border-radius:10px}.info-label[data-v-1af0b7df]{font-weight:600;color:#666}.info-value[data-v-1af0b7df]{color:#333;font-weight:500}.profile-actions[data-v-1af0b7df]{display:flex;gap:15px;justify-content:center;margin-top:30px}.action-btn[data-v-1af0b7df]{padding:12px 24px;border:none;border-radius:25px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:1rem}.edit-btn[data-v-1af0b7df]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.transfer-btn[data-v-1af0b7df]{background:linear-gradient(135deg,#ff7675,#e17055);color:#fff}.action-btn[data-v-1af0b7df]:hover{transform:translateY(-3px);box-shadow:0 10px 25px #0003}.modal-overlay[data-v-1af0b7df]{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-container[data-v-1af0b7df]{background:#fff;border-radius:20px;padding:30px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;animation:modalSlideIn-1af0b7df .3s ease}@keyframes modalSlideIn-1af0b7df{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.profile-header span[data-v-1af0b7df]{font-size:18px;font-weight:800}.modal-title[data-v-1af0b7df]{margin:0 0 20px;color:#333;text-align:center}.modal-form[data-v-1af0b7df]{margin-bottom:20px}.modal-actions[data-v-1af0b7df]{display:flex;gap:10px;justify-content:center}.modal-btn[data-v-1af0b7df]{padding:10px 20px;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease}.view-btn[data-v-1af0b7df]{background:linear-gradient(135deg,#74b9ff,#0984e3);color:#fff}.upload-btn[data-v-1af0b7df]{background:linear-gradient(135deg,#00b894,#00a085);color:#fff}.cancel-btn[data-v-1af0b7df]{background:linear-gradient(135deg,#636e72,#2d3436);color:#fff}.submit-btn[data-v-1af0b7df]{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.modal-btn[data-v-1af0b7df]:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0003}.tabs-wrapper[data-v-1af0b7df]{display:flex;gap:15px;background:#ffffff1a;padding:15px 0;border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow-x:auto}.tab-button[data-v-1af0b7df]{display:flex;align-items:center;gap:8px;padding:12px 20px;border:none;border-radius:10px;background:#b521ae;color:#fff;cursor:pointer;transition:all .3s ease;white-space:nowrap;font-weight:500}.tab-button[data-v-1af0b7df]:hover{background:#ffffff1a;color:#b521ae;box-shadow:0 5px 15px #b521ae5e}.tab-button.active[data-v-1af0b7df]{background:#fff;color:#b521ae;font-weight:600;box-shadow:0 5px 15px #b521ae5e}.tab-panel[data-v-1af0b7df]{animation:fadeIn-1af0b7df .3s ease}.content-card[data-v-1af0b7df]{background:#fff;border-radius:15px;padding:25px;margin-bottom:20px;box-shadow:0 10px 30px #0000001a;transition:transform .3s ease}.content-card[data-v-1af0b7df]:hover{transform:translateY(-2px)}.card-header[data-v-1af0b7df]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.card-title[data-v-1af0b7df]{color:#333;margin:0 0 20px;font-size:1.3rem;font-weight:600}.percentage-badge[data-v-1af0b7df]{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;padding:8px 16px;border-radius:20px;font-weight:600;font-size:1.1rem}.stats-grid[data-v-1af0b7df]{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:20px}.stat-item[data-v-1af0b7df]{text-align:center;padding:20px;border-radius:15px;transition:transform .3s ease}.stat-item[data-v-1af0b7df]:hover{transform:translateY(-5px)}.stat-item.present[data-v-1af0b7df]{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.stat-item.absent[data-v-1af0b7df]{background:linear-gradient(135deg,#f44336,#da190b);color:#fff}.stat-item.leave[data-v-1af0b7df]{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff}.stat-number[data-v-1af0b7df]{font-size:2rem;font-weight:700;margin-bottom:5px}.stat-label[data-v-1af0b7df]{font-size:.9rem;opacity:.9}.attendance-list[data-v-1af0b7df]{display:flex;flex-direction:column;gap:10px}.attendance-record[data-v-1af0b7df]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f8f9fa;border-radius:10px;transition:background .3s ease}.attendance-record[data-v-1af0b7df]:hover{background:#e9ecef}.record-date[data-v-1af0b7df]{font-weight:500;color:#333}.record-status[data-v-1af0b7df]{display:flex;align-items:center;gap:8px;font-weight:600;text-transform:capitalize}.status-dot[data-v-1af0b7df]{width:8px;height:8px;border-radius:50%}.record-status.present .status-dot[data-v-1af0b7df]{background:#4caf50}.record-status.absent .status-dot[data-v-1af0b7df]{background:#f44336}.record-status.leave .status-dot[data-v-1af0b7df]{background:#ff9800}.result-header[data-v-1af0b7df]{text-align:center}.student-result-name[data-v-1af0b7df]{color:#333;margin:0 0 15px}.result-info[data-v-1af0b7df]{display:flex;justify-content:center;gap:30px;margin-bottom:20px;color:#666}.term-selector[data-v-1af0b7df]{display:flex;align-items:center;justify-content:center;gap:10px}.subjects-grid[data-v-1af0b7df]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.subject-item[data-v-1af0b7df]{display:flex;justify-content:space-between;padding:15px;background:#f8f9fa;border-radius:10px;border-left:4px solid #667eea}.subject-name[data-v-1af0b7df]{font-weight:600;color:#333}.subject-marks[data-v-1af0b7df]{font-weight:700;color:#667eea}.summary-grid[data-v-1af0b7df]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;margin-bottom:20px}.summary-item[data-v-1af0b7df]{display:flex;flex-direction:column;align-items:center;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:15px;text-align:center}.summary-label[data-v-1af0b7df]{font-size:.9rem;opacity:.9;margin-bottom:5px}.summary-value[data-v-1af0b7df]{font-size:1.5rem;font-weight:700}.download-btn[data-v-1af0b7df]{width:100%;padding:15px;background:linear-gradient(135deg,#e17055,#d63031);color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease}.download-btn[data-v-1af0b7df]:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0003}.section-header[data-v-1af0b7df]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-title[data-v-1af0b7df]{color:#000;font-size:1.8rem;font-weight:700;margin:0}.add-btn[data-v-1af0b7df]{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border:none;padding:12px 20px;border-radius:25px;font-weight:600;cursor:pointer;transition:all .3s ease}.add-btn[data-v-1af0b7df]:hover{transform:translateY(-3px);box-shadow:0 10px 25px #0003}.achievements-list[data-v-1af0b7df],.complaints-list[data-v-1af0b7df],.feedback-list[data-v-1af0b7df]{display:flex;flex-direction:column;gap:15px}.achievement-item[data-v-1af0b7df],.complaint-item[data-v-1af0b7df],.feedback-item[data-v-1af0b7df]{padding:20px;background:#f8f9fa;border-radius:15px;border-left:4px solid #667eea;transition:all .3s ease}.achievement-item[data-v-1af0b7df]:hover,.complaint-item[data-v-1af0b7df]:hover,.feedback-item[data-v-1af0b7df]:hover{background:#e9ecef;transform:translate(5px)}.achievement-item.old[data-v-1af0b7df],.complaint-item.old[data-v-1af0b7df]{opacity:.7;border-left-color:#95a5a6}.achievement-header[data-v-1af0b7df]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.achievement-title[data-v-1af0b7df]{color:#333;margin:0;font-size:1.1rem}.achievement-date[data-v-1af0b7df],.complaint-date[data-v-1af0b7df],.feedback-date[data-v-1af0b7df]{color:#666;font-size:.85rem}.achievement-description[data-v-1af0b7df],.complaint-text[data-v-1af0b7df],.feedback-text[data-v-1af0b7df]{color:#555;margin:0;line-height:1.5}.fees-container[data-v-1af0b7df]{display:flex;flex-direction:column;gap:20px}.fee-term[data-v-1af0b7df]{border-left:4px solid #667eea}.fee-date[data-v-1af0b7df]{color:#333;margin:0 0 15px;font-size:1.2rem}.fee-items[data-v-1af0b7df]{margin-bottom:15px}.fee-item[data-v-1af0b7df]{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f0f0f0;width:154px}.fee-label[data-v-1af0b7df]{color:#555}.fee-amount[data-v-1af0b7df]{font-weight:600;color:#333}.fee-total[data-v-1af0b7df]{display:flex;justify-content:space-between;padding:12px 0;border-top:2px solid #667eea;font-weight:700;color:#333}.tc-form[data-v-1af0b7df]{max-width:600px;margin:0 auto}.tc-subtitle[data-v-1af0b7df]{text-align:center;color:#666;margin-bottom:30px}.form-group.full-width[data-v-1af0b7df]{grid-column:1 / -1}.tc-submit[data-v-1af0b7df]{width:100%;padding:15px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-weight:600;font-size:1.1rem;cursor:pointer;transition:all .3s ease}.tc-submit[data-v-1af0b7df]:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0003}.toggle-btn[data-v-1af0b7df]{background:#fff3;color:#000;border:none;padding:12px 24px;border-radius:25px;font-weight:600;cursor:pointer;transition:all .3s ease;margin:20px auto;display:block}.toggle-btn[data-v-1af0b7df]:hover{background:#ffffff4d;transform:translateY(-2px)}.empty-state[data-v-1af0b7df]{text-align:center;padding:40px 20px;color:#666}.empty-icon[data-v-1af0b7df]{font-size:3rem;margin-bottom:15px}.empty-state h3[data-v-1af0b7df]{color:#333;margin:0 0 10px}.empty-state p[data-v-1af0b7df]{margin:0;color:#666}.old-class-card[data-v-1af0b7df]{cursor:pointer;transition:all .3s ease;border-left:4px solid #95a5a6}.old-class-card[data-v-1af0b7df]:hover{transform:translateY(-3px);box-shadow:0 15px 35px #00000026}.old-attendance-percentage[data-v-1af0b7df]{color:#666;margin:5px 0 0}@keyframes fadeIn-1af0b7df{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.student-details[data-v-1af0b7df]{padding:15px}.form-grid[data-v-1af0b7df]{grid-template-columns:1fr;gap:20px}.profile-header[data-v-1af0b7df]{flex-direction:column;text-align:center}.info-grid[data-v-1af0b7df]{grid-template-columns:1fr}.tabs-wrapper[data-v-1af0b7df]{justify-content:flex-start}.tab-button[data-v-1af0b7df]{padding:10px 15px;font-size:.9rem}.stats-grid[data-v-1af0b7df]{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.result-info[data-v-1af0b7df]{flex-direction:column;gap:10px}.subjects-grid[data-v-1af0b7df],.summary-grid[data-v-1af0b7df]{grid-template-columns:1fr}.section-header[data-v-1af0b7df]{flex-direction:column;gap:15px;text-align:center}.modal-container[data-v-1af0b7df]{margin:20px;width:calc(100% - 40px)}}@media (max-width: 480px){.student-avatar[data-v-1af0b7df]{width:120px;height:120px}.student-name[data-v-1af0b7df]{font-size:1.5rem}.tab-button span[data-v-1af0b7df]{display:none}.achievement-header[data-v-1af0b7df]{flex-direction:column;gap:5px}}.delete-btn[data-v-1af0b7df]{background-color:#e74c3c;color:#fff}.delete-btn[data-v-1af0b7df]:hover{background-color:#c0392b}.modal-overlay[data-v-1af0b7df]{position:fixed;inset:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:5000}.modal-content[data-v-1af0b7df]{background:#fff;padding:20px;width:90%;max-width:450px;border-radius:12px}.modal-title[data-v-1af0b7df]{font-size:22px;margin-bottom:15px}.fee-term.old[data-v-1af0b7df]{border-left:4px solid #ff9800}.close-btn[data-v-1af0b7df]{margin-top:20px;background:#ff5252;color:#fff;padding:10px 18px;border-radius:8px;cursor:pointer;width:100%;border:none;font-size:16px}.old-fee-btn[data-v-1af0b7df]{background:#ff9800;color:#fff;padding:8px 14px;border-radius:6px;margin-bottom:14px;cursor:pointer;display:inline-block}.modal-overlay[data-v-1af0b7df]{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000073;display:flex;justify-content:center;align-items:center}.modal[data-v-1af0b7df]{width:100%;background:#fff;padding:20px;border-radius:10px}.close-btn[data-v-1af0b7df]{background:#d32f2f;color:#fff;padding:8px 14px;width:100%;border-radius:6px;margin-top:15px;cursor:pointer}.fee-term .row[data-v-1af0b7df]{width:100%}.record-status.halfday[data-v-1af0b7df]{background:#ffeb3b33;color:#b58a00}.stat-item.leave[data-v-1af0b7df]{background:#fff8d1;border-left:5px solid #f4c400}.attendance-page[data-v-45a0d7f1]{margin:0 auto;padding:2rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);min-height:100vh}.header-section[data-v-45a0d7f1]{background:#dc0071;border-radius:16px;padding:8px;margin-bottom:15px;box-shadow:0 8px 32px #1979c333}.date-container[data-v-45a0d7f1]{text-align:center;color:#fff;display:flex;justify-content:space-between;padding:0 20px}.page-title[data-v-45a0d7f1]{font-size:18px;font-weight:600;margin:0 0 8px;color:#fff}.selected-date[data-v-45a0d7f1]{font-size:18px;font-weight:400;margin:0;opacity:.9;color:#fff}.controls-section[data-v-45a0d7f1]{background:#fff;border-radius:16px;padding:10px;margin-bottom:32px;box-shadow:0 4px 20px #00000014}.dropdowns-container[data-v-45a0d7f1]{display:flex;gap:24px;align-items:flex-end;flex-wrap:wrap}.dropdown-group[data-v-45a0d7f1]{flex:1;min-width:250px}.dropdown-label[data-v-45a0d7f1]{display:block;font-weight:600;color:#333;margin-bottom:8px;font-size:.95rem}.enhanced-dropdown[data-v-45a0d7f1]{width:100%;padding:14px 16px;border:2px solid #e9ecef;border-radius:12px;font-size:1rem;background:#fff;transition:all .3s ease;color:#333}.enhanced-dropdown[data-v-45a0d7f1]:focus{outline:none;border-color:#ff6900;box-shadow:0 0 0 3px #ff69001a}.summary-cards[data-v-45a0d7f1]{display:flex;gap:24px;justify-content:center}.summary-card[data-v-45a0d7f1]{display:flex;align-items:center;padding:13px 19px;border-radius:16px;box-shadow:0 4px 16px #0000001a;min-width:160px;transition:transform .3s ease;height:50px}.summary-card[data-v-45a0d7f1]:hover{transform:translateY(-2px)}.present-card[data-v-45a0d7f1]{background:linear-gradient(135deg,#ccf67e,#d5ff81);color:#000;border-left:6px solid #79A22E}.absent-card[data-v-45a0d7f1]{background:linear-gradient(135deg,#ed707c,#e6727e);color:#000;border-left:6px solid #dc3545}.card-icon[data-v-45a0d7f1]{font-size:1.5rem;margin-right:16px;font-weight:700}.card-content[data-v-45a0d7f1]{display:flex;align-items:center}.card-number[data-v-45a0d7f1]{font-size:2rem;font-weight:700;line-height:1}.card-label[data-v-45a0d7f1]{font-size:.9rem;opacity:.9;font-weight:500}.loading-container[data-v-45a0d7f1]{text-align:center;padding:64px 32px}.loading-spinner[data-v-45a0d7f1]{width:48px;height:48px;border:4px solid #e9ecef;border-top:4px solid #FF6900;border-radius:50%;animation:spin-45a0d7f1 1s linear infinite;margin:0 auto 16px}@keyframes spin-45a0d7f1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text[data-v-45a0d7f1]{color:#666;font-size:1.1rem;margin:0}.students-container[data-v-45a0d7f1]{background:#fff;border-radius:16px;padding:32px;box-shadow:0 4px 20px #00000014}.students-grid[data-v-45a0d7f1]{display:grid;grid-template-columns:repeat(auto-fill,minmax(22%,1fr));gap:24px;margin-bottom:32px}.student-card[data-v-45a0d7f1]{position:relative;background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #e9ecef;border-radius:16px;padding:24px;transition:all .3s ease;overflow:hidden}.student-card[data-v-45a0d7f1]:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0000001f;border-color:#ff6900}.student-avatar[data-v-45a0d7f1]{text-align:center;margin-bottom:16px}.avatar-image[data-v-45a0d7f1]{width:64px;height:64px;border-radius:50%;border:3px solid #FF6900;object-fit:cover}.student-info[data-v-45a0d7f1]{text-align:center}.student-name[data-v-45a0d7f1]{font-size:1.2rem;font-weight:600;color:#333;margin:0 0 4px}.student-roll[data-v-45a0d7f1]{font-size:.9rem;color:#666;margin:0 0 16px}.status-dropdown[data-v-45a0d7f1]{width:100%;padding:12px 16px;border:2px solid #e9ecef;border-radius:10px;font-size:.95rem;background:#fff;transition:all .3s ease}.status-dropdown[data-v-45a0d7f1]:focus{outline:none;border-color:#ff6900;box-shadow:0 0 0 3px #ff69001a}.status-indicator[data-v-45a0d7f1]{position:absolute;top:16px;right:16px;width:12px;height:12px;border-radius:50%;transition:all .3s ease}.status-indicator.present[data-v-45a0d7f1]{background:#79a22e;box-shadow:0 0 8px #79a22e66}.status-indicator.absent[data-v-45a0d7f1]{background:#dc3545;box-shadow:0 0 8px #dc354566}.halfday-card[data-v-45a0d7f1]{background:#fff3cd;border-left:6px solid #ffc107}.submit-section[data-v-45a0d7f1]{text-align:center;padding:32px 0}.submit-btn[data-v-45a0d7f1]{background:linear-gradient(135deg,#0a8923,#39bd1a);color:#fff;border:none;padding:16px 48px;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #ff69004d;display:inline-flex;align-items:center;gap:12px}.submit-btn[data-v-45a0d7f1]:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ff690066}.btn-icon[data-v-45a0d7f1]{font-size:1.2rem}.submitted-section[data-v-45a0d7f1]{text-align:center;padding:32px;background:linear-gradient(135deg,#d4edda,#c3e6cb);border-radius:16px;border:2px solid #79A22E}.success-icon[data-v-45a0d7f1]{font-size:3rem;margin-bottom:16px}.submitted-message[data-v-45a0d7f1]{font-size:1.2rem;font-weight:600;color:#155724;margin:0}.modal-overlay[data-v-45a0d7f1]{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-container[data-v-45a0d7f1]{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:500px;width:90%;overflow:hidden;transform:scale(1);transition:all .3s ease}.modal-header[data-v-45a0d7f1]{background:linear-gradient(135deg,#1979c3,#006bb4);padding:24px 32px;color:#fff;display:flex;align-items:center;gap:16px}.modal-icon[data-v-45a0d7f1]{width:32px;height:32px}.modal-title[data-v-45a0d7f1]{font-size:1.3rem;font-weight:600;margin:0}.modal-content[data-v-45a0d7f1]{padding:32px}.confirmation-details[data-v-45a0d7f1]{text-align:center}.detail-row[data-v-45a0d7f1]{margin-bottom:24px;padding:16px;background:#f8f9fa;border-radius:12px}.detail-label[data-v-45a0d7f1]{font-weight:600;color:#333;margin-right:8px}.detail-value[data-v-45a0d7f1]{color:#ff6900;font-weight:600}.attendance-summary[data-v-45a0d7f1]{display:flex;justify-content:center;gap:32px;margin:24px 0}.summary-item[data-v-45a0d7f1]{text-align:center;padding:16px 24px;border-radius:12px;min-width:100px}.summary-item.present[data-v-45a0d7f1]{background:linear-gradient(135deg,#d4edda,#c3e6cb);border:2px solid #79A22E}.summary-item.absent[data-v-45a0d7f1]{background:linear-gradient(135deg,#f8d7da,#f5c6cb);border:2px solid #dc3545}.summary-count[data-v-45a0d7f1]{display:block;font-size:1.8rem;font-weight:700;color:#333}.summary-text[data-v-45a0d7f1]{font-size:.9rem;font-weight:600;color:#666}.confirmation-text[data-v-45a0d7f1]{font-size:1.1rem;color:#333;margin:24px 0 0}.modal-actions[data-v-45a0d7f1]{padding:24px 32px;background:#f8f9fa;display:flex;justify-content:flex-end;gap:16px}.cancel-btn[data-v-45a0d7f1]{padding:12px 24px;background:#6c757d;color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease}.cancel-btn[data-v-45a0d7f1]:hover{background:#5a6268;transform:translateY(-1px)}.confirm-btn[data-v-45a0d7f1]{padding:12px 24px;background:linear-gradient(135deg,#ff6900,#ec6737);color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #ff69004d}.confirm-btn[data-v-45a0d7f1]:hover{transform:translateY(-1px);box-shadow:0 6px 16px #ff690066}@media (max-width: 768px){.attendance-page[data-v-45a0d7f1]{padding:16px}.students-grid[data-v-45a0d7f1]{grid-template-columns:1fr}.dropdowns-container[data-v-45a0d7f1]{flex-direction:column}.summary-cards[data-v-45a0d7f1]{flex-direction:column;align-items:center}.attendance-summary[data-v-45a0d7f1]{flex-direction:column;gap:16px}}.dp__input_wrap{position:relative;width:100%;box-sizing:unset}.dp__input_wrap:focus{border-color:var(--dp-border-color-hover);outline:none}.dp__input_valid{box-shadow:0 0 var(--dp-border-radius) var(--dp-success-color);border-color:var(--dp-success-color)}.dp__input_valid:hover{border-color:var(--dp-success-color)}.dp__input_invalid{box-shadow:0 0 var(--dp-border-radius) var(--dp-danger-color);border-color:var(--dp-danger-color)}.dp__input_invalid:hover{border-color:var(--dp-danger-color)}.dp__input{background-color:var(--dp-background-color);border-radius:var(--dp-border-radius);font-family:var(--dp-font-family);border:1px solid var(--dp-border-color);outline:none;transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%;font-size:var(--dp-font-size);line-height:calc(var(--dp-font-size)*1.5);padding:var(--dp-input-padding);color:var(--dp-text-color);box-sizing:border-box}.dp__input::placeholder{opacity:.7}.dp__input:hover:not(.dp__input_focus){border-color:var(--dp-border-color-hover)}.dp__input_reg{caret-color:#0000}.dp__input_focus{border-color:var(--dp-border-color-focus)}.dp__disabled{background:var(--dp-disabled-color)}.dp__disabled::placeholder{color:var(--dp-disabled-color-text)}.dp__input_icons{display:inline-block;width:var(--dp-font-size);height:var(--dp-font-size);stroke-width:0;font-size:var(--dp-font-size);line-height:calc(var(--dp-font-size)*1.5);padding:6px 12px;color:var(--dp-icon-color);box-sizing:content-box}.dp__input_icon{cursor:pointer;position:absolute;top:50%;inset-inline-start:0;transform:translateY(-50%);color:var(--dp-icon-color)}.dp--clear-btn{position:absolute;top:50%;inset-inline-end:0;transform:translateY(-50%);cursor:pointer;color:var(--dp-icon-color);background:#0000;border:none;display:inline-flex;align-items:center;padding:0;margin:0}.dp__input_icon_pad{padding-inline-start:var(--dp-input-icon-padding)}.dp__menu{background:var(--dp-background-color);border-radius:var(--dp-border-radius);min-width:var(--dp-menu-min-width);font-family:var(--dp-font-family);font-size:var(--dp-font-size);-webkit-user-select:none;user-select:none;border:1px solid var(--dp-menu-border-color);box-sizing:border-box}.dp__menu:after{box-sizing:border-box}.dp__menu:before{box-sizing:border-box}.dp__menu:focus{border:1px solid var(--dp-menu-border-color);outline:none}.dp--menu-wrapper{position:absolute;z-index:99999}.dp__menu_inner{padding:var(--dp-menu-padding)}.dp--menu--inner-stretched{padding:6px 0}.dp__menu_index{z-index:99999}.dp-menu-loading,.dp__menu_readonly,.dp__menu_disabled{position:absolute;inset:0;z-index:999999}.dp__menu_disabled{background:#ffffff80;cursor:not-allowed}.dp__menu_readonly{background:#0000;cursor:default}.dp-menu-loading{background:#ffffff80;cursor:default}.dp--menu-load-container{display:flex;height:100%;width:100%;justify-content:center;align-items:center}.dp--menu-loader{width:48px;height:48px;border:var(--dp-loader);border-bottom-color:#0000;border-radius:50%;display:inline-block;box-sizing:border-box;animation:dp-load-rotation 1s linear infinite;position:absolute}@keyframes dp-load-rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dp__arrow_top{left:var(--dp-arrow-left);top:0;height:12px;width:12px;background-color:var(--dp-background-color);position:absolute;border-inline-end:1px solid var(--dp-menu-border-color);border-top:1px solid var(--dp-menu-border-color);transform:translate(-50%,-50%) rotate(-45deg)}.dp__arrow_bottom{left:var(--dp-arrow-left);bottom:0;height:12px;width:12px;background-color:var(--dp-background-color);position:absolute;border-inline-end:1px solid var(--dp-menu-border-color);border-bottom:1px solid var(--dp-menu-border-color);transform:translate(-50%,50%) rotate(45deg)}.dp__action_extra{text-align:center;padding:2px 0}.dp--preset-dates{padding:5px;border-inline-end:1px solid var(--dp-border-color)}.dp--preset-dates[data-dp-mobile],.dp--preset-dates-collapsed{display:flex;align-self:center;border:none;overflow-x:auto;max-width:calc(var(--dp-menu-width) - var(--dp-action-row-padding)*2)}.dp__sidebar_left{padding:5px;border-inline-end:1px solid var(--dp-border-color)}.dp__sidebar_right{padding:5px;margin-inline-end:1px solid var(--dp-border-color)}.dp--preset-range{display:block;width:100%;padding:5px;text-align:left;white-space:nowrap;color:var(--dp-text-color);border-radius:var(--dp-border-radius);transition:var(--dp-common-transition)}.dp--preset-range:hover{background-color:var(--dp-hover-color);color:var(--dp-hover-text-color);cursor:pointer}.dp--preset-range[data-dp-mobile]{border:1px solid var(--dp-border-color);margin:0 3px}.dp--preset-range[data-dp-mobile]:first-child{margin-left:0}.dp--preset-range[data-dp-mobile]:last-child{margin-right:0}.dp--preset-range-collapsed{border:1px solid var(--dp-border-color);margin:0 3px}.dp--preset-range-collapsed:first-child{margin-left:0}.dp--preset-range-collapsed:last-child{margin-right:0}.dp__menu_content_wrapper{display:flex}.dp__menu_content_wrapper[data-dp-mobile],.dp--menu-content-wrapper-collapsed{flex-direction:column-reverse}.dp__calendar_header{position:relative;display:flex;justify-content:center;align-items:center;color:var(--dp-text-color);white-space:nowrap;font-weight:700}.dp__calendar_header_item{text-align:center;flex-grow:1;height:var(--dp-cell-size);padding:var(--dp-cell-padding);width:var(--dp-cell-size);box-sizing:border-box}.dp__calendar_row{display:flex;justify-content:center;align-items:center;margin:var(--dp-row-margin)}.dp__calendar_item{text-align:center;flex-grow:1;box-sizing:border-box;color:var(--dp-text-color)}.dp__calendar{position:relative}.dp__calendar_header_cell{border-bottom:thin solid var(--dp-border-color);padding:var(--dp-calendar-header-cell-padding)}.dp__cell_inner{display:flex;align-items:center;text-align:center;justify-content:center;border-radius:var(--dp-cell-border-radius);height:var(--dp-cell-size);padding:var(--dp-cell-padding);width:var(--dp-cell-size);border:1px solid rgba(0,0,0,0);box-sizing:border-box;position:relative}.dp__cell_inner:hover{transition:all .2s}.dp__cell_auto_range_start,.dp__date_hover_start:hover,.dp__range_start{border-end-end-radius:0;border-start-end-radius:0}.dp__cell_auto_range_end,.dp__date_hover_end:hover,.dp__range_end{border-end-start-radius:0;border-start-start-radius:0}.dp__range_end,.dp__range_start,.dp__active_date{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__date_hover_end:hover,.dp__date_hover_start:hover,.dp__date_hover:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__cell_offset{color:var(--dp-secondary-color)}.dp__cell_disabled{color:var(--dp-secondary-color);cursor:not-allowed}.dp__range_between{background:var(--dp-range-between-dates-background-color);color:var(--dp-range-between-dates-text-color);border-radius:0;border:1px solid var(--dp-range-between-border-color)}.dp__range_between_week{background:var(--dp-primary-color);color:var(--dp-primary-text-color);border-radius:0;border-top:1px solid var(--dp-primary-color);border-bottom:1px solid var(--dp-primary-color)}.dp__today{border:1px solid var(--dp-primary-color)}.dp__week_num{color:var(--dp-secondary-color);text-align:center}.dp__cell_auto_range{border-radius:0;border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color)}.dp__cell_auto_range_start{border-start-start-radius:var(--dp-cell-border-radius);border-end-start-radius:var(--dp-cell-border-radius);border-inline-start:1px dashed var(--dp-primary-color);border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color)}.dp__cell_auto_range_end{border-start-end-radius:var(--dp-cell-border-radius);border-end-end-radius:var(--dp-cell-border-radius);border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color);border-inline-end:1px dashed var(--dp-primary-color)}.dp__calendar_header_separator{width:100%;height:1px;background:var(--dp-border-color)}.dp__calendar_next{margin-inline-start:var(--dp-multi-calendars-spacing)}.dp__marker_line,.dp__marker_dot{height:5px;background-color:var(--dp-marker-color);position:absolute;bottom:0}.dp__marker_dot{width:5px;border-radius:50%;left:50%;transform:translate(-50%)}.dp__marker_line{width:100%;left:0}.dp__marker_tooltip{position:absolute;border-radius:var(--dp-border-radius);background-color:var(--dp-tooltip-color);padding:5px;border:1px solid var(--dp-border-color);z-index:99999;box-sizing:border-box;cursor:default}.dp__tooltip_content{white-space:nowrap}.dp__tooltip_text{display:flex;align-items:center;flex-flow:row nowrap;color:var(--dp-text-color)}.dp__tooltip_mark{height:5px;width:5px;border-radius:50%;background-color:var(--dp-text-color);color:var(--dp-text-color);margin-inline-end:5px}.dp__arrow_bottom_tp{bottom:0;height:8px;width:8px;background-color:var(--dp-tooltip-color);position:absolute;border-inline-end:1px solid var(--dp-border-color);border-bottom:1px solid var(--dp-border-color);transform:translate(-50%,50%) rotate(45deg)}.dp__instance_calendar{position:relative;width:100%}.dp__flex_display[data-dp-mobile],.dp--flex-display-collapsed{flex-direction:column}.dp__cell_highlight{background-color:var(--dp-highlight-color)}.dp__month_year_row{display:flex;align-items:center;height:var(--dp-month-year-row-height);color:var(--dp-text-color);box-sizing:border-box}.dp__inner_nav{display:flex;align-items:center;justify-content:center;cursor:pointer;height:var(--dp-month-year-row-button-size);width:var(--dp-month-year-row-button-size);color:var(--dp-icon-color);text-align:center;border-radius:50%}.dp__inner_nav svg{height:var(--dp-button-icon-height);width:var(--dp-button-icon-height)}.dp__inner_nav:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}[dir=rtl] .dp__inner_nav{transform:rotate(180deg)}.dp__inner_nav_disabled:hover,.dp__inner_nav_disabled{background:var(--dp-disabled-color);color:var(--dp-disabled-color-text);cursor:not-allowed}.dp--year-select,.dp__month_year_select{text-align:center;cursor:pointer;height:var(--dp-month-year-row-height);display:flex;align-items:center;justify-content:center;border-radius:var(--dp-border-radius);box-sizing:border-box;color:var(--dp-text-color)}.dp--year-select:hover,.dp__month_year_select:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp__month_year_select{width:50%}.dp--year-select{width:100%}.dp__month_year_wrap{display:flex;flex-direction:row;width:100%}.dp__year_disable_select{justify-content:space-around}.dp--header-wrap{display:flex;width:100%;flex-direction:column}.dp__overlay{width:100%;background:var(--dp-background-color);transition:opacity 1s ease-out;z-index:99999;font-family:var(--dp-font-family);color:var(--dp-text-color);box-sizing:border-box}.dp--overlay-absolute{position:absolute;height:100%;top:0;left:0}.dp--overlay-relative{position:relative}.dp__overlay_container::-webkit-scrollbar-track{box-shadow:var(--dp-scroll-bar-background);background-color:var(--dp-scroll-bar-background)}.dp__overlay_container::-webkit-scrollbar{width:5px;background-color:var(--dp-scroll-bar-background)}.dp__overlay_container::-webkit-scrollbar-thumb{background-color:var(--dp-scroll-bar-color);border-radius:10px}.dp__overlay:focus{border:none;outline:none}.dp__container_flex{display:flex}.dp__container_block{display:block}.dp__overlay_container{flex-direction:column;overflow-y:auto;height:var(--dp-overlay-height)}.dp__time_picker_overlay_container{height:100%}.dp__overlay_row{padding:0;box-sizing:border-box;display:flex;margin-inline:auto;flex-wrap:wrap;max-width:100%;width:100%;align-items:center}.dp__flex_row{flex:1}.dp__overlay_col{box-sizing:border-box;width:33%;padding:var(--dp-overlay-col-padding);white-space:nowrap}.dp__overlay_cell_pad{padding:var(--dp-common-padding) 0}.dp__overlay_cell_active{cursor:pointer;border-radius:var(--dp-border-radius);text-align:center;background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__overlay_cell{cursor:pointer;border-radius:var(--dp-border-radius);text-align:center}.dp__overlay_cell:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp__cell_in_between{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__over_action_scroll{right:5px;box-sizing:border-box}.dp__overlay_cell_disabled{cursor:not-allowed;background:var(--dp-disabled-color)}.dp__overlay_cell_disabled:hover{background:var(--dp-disabled-color)}.dp__overlay_cell_active_disabled{cursor:not-allowed;background:var(--dp-primary-disabled-color)}.dp__overlay_cell_active_disabled:hover{background:var(--dp-primary-disabled-color)}.dp__btn,.dp--qr-btn,.dp--time-overlay-btn,.dp--time-invalid{border:none;font:inherit;transition:var(--dp-common-transition);line-height:normal}.dp--year-mode-picker{display:flex;width:100%;align-items:center;justify-content:space-between;height:var(--dp-cell-size)}.dp--tp-wrap{max-width:var(--dp-menu-min-width)}.dp--tp-wrap[data-dp-mobile]{max-width:100%}.dp__time_input{width:100%;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;font-family:var(--dp-font-family);color:var(--dp-text-color)}.dp__time_col_reg_block{padding:0 20px}.dp__time_col_reg_inline{padding:0 10px}.dp__time_col_reg_with_button{padding:0 15px}.dp__time_col_reg_with_button[data-compact~=true]{padding:0 5px}.dp__time_col_sec{padding:0 10px}.dp__time_col_sec_with_button{padding:0 5px}.dp__time_col_sec_with_button[data-collapsed~=true]{padding:0}.dp__time_col{text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column}.dp__time_col_block{font-size:var(--dp-time-font-size)}.dp__time_display_block{padding:0 3px}.dp__time_display_inline{padding:5px}.dp__time_picker_inline_container{display:flex;width:100%;justify-content:center}.dp__inc_dec_button{padding:5px;margin:0;height:var(--dp-time-inc-dec-button-size);width:var(--dp-time-inc-dec-button-size);display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;color:var(--dp-icon-color);box-sizing:border-box}.dp__inc_dec_button svg{height:var(--dp-time-inc-dec-button-size);width:var(--dp-time-inc-dec-button-size)}.dp__inc_dec_button:hover{background:var(--dp-hover-color);color:var(--dp-primary-color)}.dp__time_display{cursor:pointer;color:var(--dp-text-color);border-radius:var(--dp-border-radius);display:flex;align-items:center;justify-content:center}.dp__time_display:hover:enabled{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__inc_dec_button_inline{width:100%;padding:0;height:8px;cursor:pointer;display:flex;align-items:center}.dp__inc_dec_button_disabled,.dp__inc_dec_button_disabled:hover{background:var(--dp-disabled-color);color:var(--dp-disabled-color-text);cursor:not-allowed}.dp__pm_am_button{background:var(--dp-primary-color);color:var(--dp-primary-text-color);border:none;padding:var(--dp-common-padding);border-radius:var(--dp-border-radius);cursor:pointer}.dp__pm_am_button[data-compact~=true]{padding:7px}.dp__tp_inline_btn_bar{width:100%;height:4px;background-color:var(--dp-secondary-color);transition:var(--dp-common-transition);border-collapse:collapse}.dp__tp_inline_btn_top:hover .dp__tp_btn_in_r{background-color:var(--dp-primary-color);transform:rotate(12deg) scale(1.15) translateY(-2px)}.dp__tp_inline_btn_top:hover .dp__tp_btn_in_l,.dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_r{background-color:var(--dp-primary-color);transform:rotate(-12deg) scale(1.15) translateY(-2px)}.dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_l{background-color:var(--dp-primary-color);transform:rotate(12deg) scale(1.15) translateY(-2px)}.dp--time-overlay-btn{background:none}.dp--time-invalid{background-color:var(--dp-disabled-color)}.dp__action_row{display:flex;align-items:center;width:100%;padding:var(--dp-action-row-padding);box-sizing:border-box;color:var(--dp-text-color);flex-flow:row nowrap}.dp__action_row svg{height:var(--dp-button-icon-height);width:auto}.dp__selection_preview{display:block;color:var(--dp-text-color);font-size:var(--dp-preview-font-size);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dp__action_buttons{display:flex;flex:0;white-space:nowrap;align-items:center;justify-content:flex-end;margin-inline-start:auto}.dp__action_button{display:inline-flex;align-items:center;background:#0000;border:1px solid rgba(0,0,0,0);padding:var(--dp-action-buttons-padding);line-height:var(--dp-action-button-height);margin-inline-start:3px;height:var(--dp-action-button-height);cursor:pointer;border-radius:var(--dp-border-radius);font-size:var(--dp-preview-font-size);font-family:var(--dp-font-family)}.dp__action_cancel{color:var(--dp-text-color);border:1px solid var(--dp-border-color)}.dp__action_cancel:hover{border-color:var(--dp-primary-color);transition:var(--dp-action-row-transtion)}.dp__action_buttons .dp__action_select{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__action_buttons .dp__action_select:hover{background:var(--dp-primary-color);transition:var(--dp-action-row-transtion)}.dp__action_buttons .dp__action_select:disabled{background:var(--dp-primary-disabled-color);cursor:not-allowed}.dp-quarter-picker-wrap{display:flex;flex-direction:column;height:100%;min-width:var(--dp-menu-min-width)}.dp--qr-btn-disabled{cursor:not-allowed;background:var(--dp-disabled-color)}.dp--qr-btn-disabled:hover{background:var(--dp-disabled-color)}.dp--qr-btn{width:100%;padding:var(--dp-common-padding)}.dp--qr-btn:not(.dp--highlighted,.dp--qr-btn-active,.dp--qr-btn-disabled,.dp--qr-btn-between){background:none}.dp--qr-btn:hover:not(.dp--qr-btn-active,.dp--qr-btn-disabled){background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp--quarter-items{display:flex;flex-direction:column;flex:1;width:100%;height:100%;justify-content:space-evenly}.dp--qr-btn-active{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp--qr-btn-between{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}:root{--dp-common-transition: all .1s ease-in;--dp-menu-padding: 6px 8px;--dp-animation-duration: .1s;--dp-menu-appear-transition-timing: cubic-bezier(.4, 0, 1, 1);--dp-transition-timing: ease-out;--dp-action-row-transtion: all .2s ease-in;--dp-font-family: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;--dp-border-radius: 4px;--dp-cell-border-radius: 4px;--dp-transition-length: 22px;--dp-transition-timing-general: .1s;--dp-button-height: 35px;--dp-month-year-row-height: 35px;--dp-month-year-row-button-size: 25px;--dp-button-icon-height: 20px;--dp-calendar-wrap-padding: 0 5px;--dp-cell-size: 35px;--dp-cell-padding: 5px;--dp-common-padding: 10px;--dp-input-icon-padding: 35px;--dp-input-padding: 6px 30px 6px 12px;--dp-menu-min-width: 260px;--dp-action-buttons-padding: 1px 6px;--dp-row-margin: 5px 0;--dp-calendar-header-cell-padding: .5rem;--dp-multi-calendars-spacing: 10px;--dp-overlay-col-padding: 3px;--dp-time-inc-dec-button-size: 32px;--dp-font-size: 1rem;--dp-preview-font-size: .8rem;--dp-time-font-size: 2rem;--dp-action-button-height: 22px;--dp-action-row-padding: 8px;--dp-direction: ltr}.dp__theme_dark{--dp-background-color: #212121;--dp-text-color: #fff;--dp-hover-color: #484848;--dp-hover-text-color: #fff;--dp-hover-icon-color: #959595;--dp-primary-color: #005cb2;--dp-primary-disabled-color: #61a8ea;--dp-primary-text-color: #fff;--dp-secondary-color: #a9a9a9;--dp-border-color: #2d2d2d;--dp-menu-border-color: #2d2d2d;--dp-border-color-hover: #aaaeb7;--dp-border-color-focus: #aaaeb7;--dp-disabled-color: #737373;--dp-disabled-color-text: #d0d0d0;--dp-scroll-bar-background: #212121;--dp-scroll-bar-color: #484848;--dp-success-color: #00701a;--dp-success-color-disabled: #428f59;--dp-icon-color: #959595;--dp-danger-color: #e53935;--dp-marker-color: #e53935;--dp-tooltip-color: #3e3e3e;--dp-highlight-color: rgb(0 92 178 / 20%);--dp-range-between-dates-background-color: var(--dp-hover-color, #484848);--dp-range-between-dates-text-color: var(--dp-hover-text-color, #fff);--dp-range-between-border-color: var(--dp-hover-color, #fff);--dp-loader: 5px solid #005cb2}.dp__theme_light{--dp-background-color: #fff;--dp-text-color: #212121;--dp-hover-color: #f3f3f3;--dp-hover-text-color: #212121;--dp-hover-icon-color: #959595;--dp-primary-color: #1976d2;--dp-primary-disabled-color: #6bacea;--dp-primary-text-color: #fff;--dp-secondary-color: #c0c4cc;--dp-border-color: #ddd;--dp-menu-border-color: #ddd;--dp-border-color-hover: #aaaeb7;--dp-border-color-focus: #aaaeb7;--dp-disabled-color: #f6f6f6;--dp-scroll-bar-background: #f3f3f3;--dp-scroll-bar-color: #959595;--dp-success-color: #76d275;--dp-success-color-disabled: #a3d9b1;--dp-icon-color: #959595;--dp-danger-color: #ff6f60;--dp-marker-color: #ff6f60;--dp-tooltip-color: #fafafa;--dp-disabled-color-text: #8e8e8e;--dp-highlight-color: rgb(25 118 210 / 10%);--dp-range-between-dates-background-color: var(--dp-hover-color, #f3f3f3);--dp-range-between-dates-text-color: var(--dp-hover-text-color, #212121);--dp-range-between-border-color: var(--dp-hover-color, #f3f3f3);--dp-loader: 5px solid #1976d2}.dp__flex{display:flex;align-items:center}.dp__btn{background:none}.dp__main{font-family:var(--dp-font-family);-webkit-user-select:none;user-select:none;box-sizing:border-box;position:relative;width:100%}.dp__main *{direction:var(--dp-direction, ltr)}.dp__pointer{cursor:pointer}.dp__icon{stroke:currentcolor;fill:currentcolor}.dp__button{width:100%;text-align:center;color:var(--dp-icon-color);cursor:pointer;display:flex;align-items:center;place-content:center center;padding:var(--dp-common-padding);box-sizing:border-box;height:var(--dp-button-height)}.dp__button.dp__overlay_action{position:absolute;bottom:0}.dp__button:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}.dp__button svg{height:var(--dp-button-icon-height);width:auto}.dp__button_bottom{border-bottom-left-radius:var(--dp-border-radius);border-bottom-right-radius:var(--dp-border-radius)}.dp__flex_display{display:flex}.dp__flex_display_with_input{flex-direction:column;align-items:flex-start}.dp__relative{position:relative}.calendar-next-enter-active,.calendar-next-leave-active,.calendar-prev-enter-active,.calendar-prev-leave-active{transition:all var(--dp-transition-timing-general) ease-out}.calendar-next-enter-from{opacity:0;transform:translate(var(--dp-transition-length))}.calendar-next-leave-to,.calendar-prev-enter-from{opacity:0;transform:translate(calc(var(--dp-transition-length) * -1))}.calendar-prev-leave-to{opacity:0;transform:translate(var(--dp-transition-length))}.dp-menu-appear-bottom-enter-active,.dp-menu-appear-bottom-leave-active,.dp-menu-appear-top-enter-active,.dp-menu-appear-top-leave-active,.dp-slide-up-enter-active,.dp-slide-up-leave-active,.dp-slide-down-enter-active,.dp-slide-down-leave-active{transition:all var(--dp-animation-duration) var(--dp-transition-timing)}.dp-menu-appear-top-enter-from,.dp-menu-appear-top-leave-to,.dp-slide-down-leave-to,.dp-slide-up-enter-from{opacity:0;transform:translateY(var(--dp-transition-length))}.dp-menu-appear-bottom-enter-from,.dp-menu-appear-bottom-leave-to,.dp-slide-down-enter-from,.dp-slide-up-leave-to{opacity:0;transform:translateY(calc(var(--dp-transition-length) * -1))}.dp--arrow-btn-nav{transition:var(--dp-common-transition)}.dp--highlighted{background-color:var(--dp-highlight-color)}.dp--hidden-el{visibility:hidden}.form-container[data-v-522a9ffd]{margin:auto;padding:2rem;background-color:#fafafa;border-radius:10px;box-shadow:0 0 8px #0000000d}.form-title[data-v-522a9ffd]{text-align:center;font-size:24px;margin-bottom:20px}.form-grid[data-v-522a9ffd]{display:flex;gap:20px;flex-wrap:nowrap}.form-column[data-v-522a9ffd]{flex:1 1 50%}.label[data-v-522a9ffd]{display:block;font-weight:700;margin-top:12px;margin-bottom:6px}.input[data-v-522a9ffd]{border:1px solid #ccc;padding:10px;border-radius:6px;width:100%}.input.readonly[data-v-522a9ffd]{background-color:#f0f0f0;cursor:pointer}.saveButton[data-v-522a9ffd]{background-color:#dc0071;color:#fff;padding:14px;font-weight:700;border:none;border-radius:6px;width:100%;margin-top:30px;cursor:pointer}.saveButton[data-v-522a9ffd]:hover{background-color:#ff309b}.success-msg[data-v-522a9ffd]{color:green;text-align:center;margin-top:15px;font-weight:700}.add-student input[data-v-522a9ffd],.add-student select[data-v-522a9ffd],.add-student textarea[data-v-522a9ffd]{height:max-content!important}.exam-container[data-v-e3d2e721]{padding:2rem;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.header-section[data-v-e3d2e721]{margin-bottom:15px;background:#dc0071;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:10px;border:1px solid rgba(255,255,255,.2)}.main-title[data-v-e3d2e721]{font-size:18px;font-weight:600;color:#fff;margin-bottom:.5rem}.title-icon[data-v-e3d2e721]{font-size:2rem}.subtitle[data-v-e3d2e721]{font-size:1.1rem;color:#64748b;margin:0}.section-title[data-v-e3d2e721]{font-size:18px;font-weight:600;color:#374151;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.class-select[data-v-e3d2e721]{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.class-btn[data-v-e3d2e721]{background:#fff;border:2px solid #e5e7eb;padding:5px 15px;border-radius:12px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;box-shadow:0 1px 3px #0000001a;font-size:20px}.class-btn[data-v-e3d2e721]:hover{border-color:#3b82f6;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f626}.class-btn.active[data-v-e3d2e721]{background:linear-gradient(135deg,#ff61b1,#fa1a8e);color:#fff;transform:translateY(-1px)}.class-icon[data-v-e3d2e721]{font-size:1rem}.section-select[data-v-e3d2e721]{max-width:300px}.modern-select[data-v-e3d2e721]{width:100%;padding:5px 15px;border:2px solid #e5e7eb;border-radius:8px;background:#fff;font-size:1rem;color:#374151;cursor:pointer;transition:border-color .2s ease}.modern-select[data-v-e3d2e721]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.main-content[data-v-e3d2e721]{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 6px #0000000d;border:1px solid #e5e7eb}.content-header[data-v-e3d2e721]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.header-info[data-v-e3d2e721]{flex:1}.content-title[data-v-e3d2e721]{font-size:1.75rem;font-weight:600;color:#1e293b;margin-bottom:.5rem;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.section-badge[data-v-e3d2e721]{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.875rem;font-weight:500}.exam-count[data-v-e3d2e721]{color:#64748b;font-size:.95rem;margin:0}.add-btn[data-v-e3d2e721]{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;box-shadow:0 2px 4px #10b98133}.add-btn[data-v-e3d2e721]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.add-icon[data-v-e3d2e721]{font-size:1.25rem;font-weight:700}.title-tabs[data-v-e3d2e721]{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #f1f5f9}.title-btn[data-v-e3d2e721]{background:#f8fafc;border:2px solid #e2e8f0;padding:.5rem 1rem;border-radius:8px;font-weight:500;color:#475569;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.title-btn[data-v-e3d2e721]:hover{background:#f1f5f9;border-color:#cbd5e1}.title-btn.active[data-v-e3d2e721]{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-color:#7c3aed;color:#fff}.tab-count[data-v-e3d2e721]{background:#fff3;padding:.125rem .5rem;border-radius:12px;font-size:.75rem;font-weight:600}.title-btn.active .tab-count[data-v-e3d2e721]{background:#ffffff4d}.exam-grid[data-v-e3d2e721]{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.exam-card[data-v-e3d2e721]{background:linear-gradient(135deg,#fef7ff,#f3e8ff);border:2px solid #e9d5ff;border-radius:12px;padding:1.5rem;transition:all .2s ease;position:relative;overflow:hidden}.exam-card[data-v-e3d2e721]:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#8b5cf6,#a855f7,#c084fc)}.exam-card[data-v-e3d2e721]:hover{transform:translateY(-4px);box-shadow:0 8px 25px #8b5cf626;border-color:#c084fc}.card-header[data-v-e3d2e721]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.subject-name[data-v-e3d2e721]{font-size:1.25rem;font-weight:600;color:#581c87;margin:0;flex:1}.action-buttons[data-v-e3d2e721]{display:flex;gap:.5rem}.action-btn[data-v-e3d2e721]{background:#fff;border:1px solid #e5e7eb;width:36px;height:36px;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.edit-btn[data-v-e3d2e721]:hover{background:#fef3c7;border-color:#f59e0b;transform:scale(1.1)}.delete-btn[data-v-e3d2e721]:hover{background:#fee2e2;border-color:#ef4444;transform:scale(1.1)}.card-content[data-v-e3d2e721]{space-y:.75rem}.exam-detail[data-v-e3d2e721]{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.75rem;padding:.5rem;background:#fff9;border-radius:6px}.exam-detail.portion[data-v-e3d2e721]{align-items:flex-start}.detail-icon[data-v-e3d2e721]{font-size:1rem;min-width:20px}.detail-text[data-v-e3d2e721]{color:#374151;font-weight:500;line-height:1.4}.no-exams[data-v-e3d2e721]{text-align:center;padding:3rem 1rem}.empty-state[data-v-e3d2e721]{max-width:400px;margin:0 auto}.empty-icon[data-v-e3d2e721]{font-size:4rem;display:block;margin-bottom:1rem}.empty-state h3[data-v-e3d2e721]{font-size:1.5rem;color:#374151;margin-bottom:.5rem}.empty-state p[data-v-e3d2e721]{color:#6b7280;font-size:1rem}.modal-overlay[data-v-e3d2e721]{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-container[data-v-e3d2e721]{background:#fff;border-radius:16px;width:100%;max-width:700px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px #0000001a}.modal-header[data-v-e3d2e721]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:2px solid #f1f5f9}.modal-title[data-v-e3d2e721]{font-size:1.5rem;font-weight:600;color:#1e293b;margin:0;display:flex;align-items:center;gap:.75rem}.modal-icon[data-v-e3d2e721]{font-size:1.25rem}.close-btn[data-v-e3d2e721]{background:none;border:none;font-size:2rem;color:#6b7280;cursor:pointer;padding:0;width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-btn[data-v-e3d2e721]:hover{background:#f3f4f6;color:#374151}.modal-content[data-v-e3d2e721]{padding:2rem}.form-grid[data-v-e3d2e721]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:1.5rem}.form-group[data-v-e3d2e721]{display:flex;flex-direction:column}.form-group.full-width[data-v-e3d2e721]{grid-column:1 / -1}.form-label[data-v-e3d2e721]{font-weight:600;color:#374151;margin-bottom:.5rem;font-size:.95rem}.form-input[data-v-e3d2e721],.form-select[data-v-e3d2e721],.form-textarea[data-v-e3d2e721]{padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;color:#374151;transition:border-color .2s ease;background:#fff}.form-input[data-v-e3d2e721]:focus,.form-select[data-v-e3d2e721]:focus,.form-textarea[data-v-e3d2e721]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-textarea[data-v-e3d2e721]{resize:vertical;min-height:100px;font-family:inherit}.modal-footer[data-v-e3d2e721]{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem 2rem;border-top:2px solid #f1f5f9;background:#f8fafc}.btn[data-v-e3d2e721]{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;font-size:.95rem}.btn-cancel[data-v-e3d2e721]{background:#f3f4f6;color:#374151;border:2px solid #d1d5db}.btn-cancel[data-v-e3d2e721]:hover{background:#e5e7eb;border-color:#9ca3af}.btn-primary[data-v-e3d2e721]{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 2px 4px #3b82f633}.btn-primary[data-v-e3d2e721]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.btn-icon[data-v-e3d2e721]{font-size:1rem}@media (max-width: 768px){.exam-container[data-v-e3d2e721]{padding:1rem}.main-title[data-v-e3d2e721]{font-size:2rem}.content-header[data-v-e3d2e721]{flex-direction:column;align-items:stretch}.exam-grid[data-v-e3d2e721],.form-grid[data-v-e3d2e721]{grid-template-columns:1fr}.modal-container[data-v-e3d2e721]{margin:1rem;max-height:calc(100vh - 2rem)}.modal-header[data-v-e3d2e721],.modal-content[data-v-e3d2e721],.modal-footer[data-v-e3d2e721]{padding:1rem}}@media (max-width: 480px){.class-select[data-v-e3d2e721]{flex-direction:column}.class-btn[data-v-e3d2e721]{justify-content:center}.title-tabs[data-v-e3d2e721]{flex-direction:column}}.container[data-v-71b13f01]{margin:0 auto;padding:2rem}.header-section[data-v-71b13f01]{display:flex;justify-content:space-between;align-items:center;margin:20px 0;background:#dc0071;padding:10px;border-radius:16px;box-shadow:0 8px 32px #0000001a}.main-title[data-v-71b13f01]{font-size:18px;font-weight:600;color:#fff;margin:0}.add-btn[data-v-71b13f01]{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#ff61b1,#fa1a8e);color:#fff;border:none;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease}.add-btn[data-v-71b13f01]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4facfe99}.plus-icon[data-v-71b13f01]{font-size:1.2rem;font-weight:700}.modal-overlay[data-v-71b13f01]{position:fixed;inset:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-box[data-v-71b13f01]{background:#fff;padding:0;border-radius:20px;width:90%;max-width:70%;max-height:90vh;overflow:hidden;box-shadow:0 20px 60px #0000004d}.modal-header[data-v-71b13f01]{display:flex;justify-content:space-between;align-items:center;padding:24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.modal-header h2[data-v-71b13f01]{margin:0;font-size:1.5rem;font-weight:600}.student-meta[data-v-71b13f01]{margin:4px 0 0;opacity:.9;font-size:.9rem}.close-btn[data-v-71b13f01]{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background-color .2s}.close-btn[data-v-71b13f01]:hover{background:#fff3}.form-section[data-v-71b13f01]{padding:24px;max-height:60vh;overflow-y:auto}.input-group[data-v-71b13f01]{margin-bottom:24px}.form-label[data-v-71b13f01]{display:block;font-weight:600;color:#2d3748;margin-bottom:8px;font-size:.9rem}.selector-grid[data-v-71b13f01]{display:flex;flex-wrap:wrap;gap:8px}.selector-btn[data-v-71b13f01]{padding:8px 16px;border:2px solid #e2e8f0;border-radius:8px;background:#fff;color:#4a5568;cursor:pointer;transition:all .2s ease;font-size:.9rem;font-weight:500}.selector-btn[data-v-71b13f01]:hover{border-color:#667eea;background:#f7fafc}.selector-btn.active[data-v-71b13f01]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea}.add-term-btn[data-v-71b13f01]{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;border-color:#48bb78}.term-input[data-v-71b13f01]{width:100%;padding:12px;border:2px solid #e2e8f0;border-radius:8px;margin-top:8px;font-size:.9rem}.subjects-container[data-v-71b13f01]{background:#f7fafc;padding:16px;border-radius:12px;border:2px solid #e2e8f0}.subject-row[data-v-71b13f01]{display:flex;gap:8px;margin-bottom:12px}.subject-input[data-v-71b13f01]{flex:2;padding:10px;border:1px solid #cbd5e0;border-radius:6px;font-size:.9rem}.mark-input[data-v-71b13f01]{flex:1;padding:10px;border:1px solid #cbd5e0;border-radius:6px;font-size:.9rem}.add-subject-btn[data-v-71b13f01]{padding:8px 16px;background:linear-gradient(135deg,#ed8936,#dd6b20);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .2s ease}.add-subject-btn[data-v-71b13f01]:hover{transform:translateY(-1px)}.filters-section[data-v-71b13f01]{background:#fffffff2;padding:24px;border-radius:16px;margin-bottom:24px;box-shadow:0 4px 20px #0000001a}.filter-group[data-v-71b13f01]{margin-bottom:16px}.filter-group[data-v-71b13f01]:last-child{margin-bottom:0}.filter-label[data-v-71b13f01]{display:block;font-weight:600;color:#2d3748;margin-bottom:8px;font-size:.9rem}.filter-buttons[data-v-71b13f01]{display:flex;flex-wrap:wrap;gap:8px}.filter-btn[data-v-71b13f01]{padding:8px 16px;border:2px solid #e2e8f0;border-radius:8px;background:#fff;color:#4a5568;cursor:pointer;transition:all .2s ease;font-size:.9rem;font-weight:500}.filter-btn[data-v-71b13f01]:hover{border-color:#667eea;background:#f7fafc}.filter-btn.active[data-v-71b13f01]{background:linear-gradient(135deg,#ff61b1,#fa1a8e);color:#fff}.results-section[data-v-71b13f01]{background:#fffffff2;padding:24px;border-radius:16px;box-shadow:0 4px 20px #0000001a}.section-title[data-v-71b13f01]{font-size:1.5rem;font-weight:600;color:#2d3748;margin-bottom:20px}.results-grid[data-v-71b13f01]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.student-card[data-v-71b13f01]{background:#fff;border-radius:12px;padding:20px;cursor:pointer;transition:all .3s ease;border:2px solid #e2e8f0;position:relative;overflow:hidden}.student-card[data-v-71b13f01]:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00000026;border-color:#667eea}.rank-badge[data-v-71b13f01]{position:absolute;top:12px;right:12px;background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;padding:4px 12px;border-radius:20px;font-weight:600;font-size:.8rem}.student-name[data-v-71b13f01]{font-size:1.1rem;font-weight:600;color:#2d3748;margin:0 0 4px}.student-details[data-v-71b13f01]{color:#718096;font-size:.9rem;margin:0 0 12px}.score-info[data-v-71b13f01]{display:flex;align-items:center;justify-content:space-between}.total-score[data-v-71b13f01]{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff;padding:6px 12px;border-radius:20px;font-weight:600;font-size:.9rem}.result-modal[data-v-71b13f01]{max-width:500px}.header-actions[data-v-71b13f01]{display:flex;align-items:center;gap:12px}.edit-btn[data-v-71b13f01]{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;border:none;padding:8px 16px;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s ease}.edit-btn[data-v-71b13f01]:hover{transform:translateY(-1px)}.results-table[data-v-71b13f01]{padding:24px}.table-header[data-v-71b13f01]{display:flex;justify-content:space-between;padding:12px 0;border-bottom:2px solid #e2e8f0;font-weight:600;color:#2d3748}.table-row[data-v-71b13f01]{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f1f5f9}.subject-name[data-v-71b13f01]{font-weight:500;color:#4a5568}.marks-section[data-v-71b13f01]{display:flex;align-items:center}.marks-display[data-v-71b13f01]{font-weight:600;color:#2d3748}.edit-input[data-v-71b13f01]{padding:6px 12px;border:1px solid #cbd5e0;border-radius:6px;width:80px;text-align:center}.modal-footer[data-v-71b13f01]{display:flex;justify-content:flex-end;gap:12px;padding:24px;background:#f7fafc;border-top:1px solid #e2e8f0}.submit-btn[data-v-71b13f01]{padding:10px 20px;background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.submit-btn[data-v-71b13f01]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #4facfe66}.cancel-btn[data-v-71b13f01]{padding:10px 20px;background:#e2e8f0;color:#4a5568;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.cancel-btn[data-v-71b13f01]:hover{background:#cbd5e0}@media (max-width: 768px){.container[data-v-71b13f01]{padding:16px}.header-section[data-v-71b13f01]{flex-direction:column;gap:16px;text-align:center}.main-title[data-v-71b13f01]{font-size:2rem}.modal-box[data-v-71b13f01]{width:95%;margin:16px}.results-grid[data-v-71b13f01]{grid-template-columns:1fr}.subject-row[data-v-71b13f01]{flex-direction:column;gap:8px}.subject-input[data-v-71b13f01],.mark-input[data-v-71b13f01]{width:100%}}.container[data-v-d54137a5]{padding:2rem}.header[data-v-d54137a5]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;background:#dc0071;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:10px;color:#fff}.btn-add[data-v-d54137a5]{background:#fff;border:none;font-size:16px;color:#dc0071;cursor:pointer;padding:9px 14px;border-radius:12px}.test-box[data-v-d54137a5]{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.test-card[data-v-d54137a5]{background:#f1f1f1;padding:12px;border-radius:8px;width:calc(33.33% - 20px);box-sizing:border-box}.test-title[data-v-d54137a5]{font-size:16px;font-weight:700}.modal-overlay[data-v-d54137a5]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center}.modal-container[data-v-d54137a5]{background:#fff;width:90%;max-width:400px;padding:20px;border-radius:10px}.input[data-v-d54137a5]{width:100%;padding:10px;margin-bottom:12px;border:1px solid #ccc;border-radius:5px}.date-input[data-v-d54137a5]{cursor:pointer}.modal-footer[data-v-d54137a5]{display:flex;justify-content:space-between}.cancel-btn[data-v-d54137a5],.submit-btn[data-v-d54137a5]{padding:10px 16px;border:none;border-radius:5px;color:#fff}.cancel-btn[data-v-d54137a5]{background:#999}.submit-btn[data-v-d54137a5]{background:#dc0071}.filters[data-v-d54137a5]{display:flex;gap:10px;margin-bottom:16px}.filters select[data-v-d54137a5]{height:100%;padding:10px}.filter-input[data-v-d54137a5]{width:20%}.filters button[data-v-d54137a5]{margin:0;background:#dc0071;color:#fff}.test-card p[data-v-d54137a5]{white-space:pre-line!important}[data-v-40b14de6]{box-sizing:border-box}.stock-page[data-v-40b14de6]{min-height:100vh;background:#fff;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.page-header[data-v-40b14de6]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;background:#dc0071;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:10px}.header-content[data-v-40b14de6]{flex:1}.page-title[data-v-40b14de6]{font-size:18px;font-weight:600;color:#fff;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.1)}.page-subtitle[data-v-40b14de6]{font-size:1.1rem;color:#fffc;margin:0}.header-actions[data-v-40b14de6]{display:flex;gap:1rem}.btn[data-v-40b14de6]{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:12px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease;text-decoration:none;white-space:nowrap}.btn[data-v-40b14de6]:disabled{opacity:.6;cursor:not-allowed}.btn-primary[data-v-40b14de6]{background:#fa1a8e;color:#fff;box-shadow:0 4px 15px #4facfe66}.btn-primary[data-v-40b14de6]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #4facfe99}.btn-danger[data-v-40b14de6]{background:#fa1a8e;color:#fff;box-shadow:0 4px 15px #ff6b6b66}.btn-danger[data-v-40b14de6]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ff6b6b99}.btn-secondary[data-v-40b14de6]{background:#ffffff1a;color:#ffffffe6;border:1px solid rgba(255,255,255,.2)}.btn-secondary[data-v-40b14de6]:hover{background:#fff3}.btn-icon[data-v-40b14de6]{font-size:1.1rem;font-weight:700}.btn-icon-small[data-v-40b14de6]{width:32px;height:32px;border:none;border-radius:8px;background:#4facfe1a;color:#4facfe;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.btn-icon-small[data-v-40b14de6]:hover{background:#4facfe33;transform:translate(2px)}.table-container[data-v-40b14de6]{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;overflow:hidden;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2)}.table-header[data-v-40b14de6]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:#ffffff1a;border-bottom:1px solid rgba(0,0,0,.05)}.table-header h2[data-v-40b14de6]{margin:0;font-size:1.5rem;font-weight:600;color:#2d3748}.item-count[data-v-40b14de6]{background:#4facfe1a;color:#4facfe;padding:.25rem .75rem;border-radius:20px;font-size:.875rem;font-weight:500}.table-wrapper[data-v-40b14de6]{overflow-x:auto}.products-table[data-v-40b14de6]{width:100%;border-collapse:collapse;background:#fff}.products-table th[data-v-40b14de6]{background:#f8fafc;padding:1rem 1.5rem;text-align:left;font-weight:600;color:#4a5568;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid #e2e8f0}.product-row[data-v-40b14de6]{cursor:pointer;transition:all .2s ease;border-bottom:1px solid #f1f5f9}.product-row[data-v-40b14de6]:hover{background:#f8fafc;transform:translate(4px)}.products-table td[data-v-40b14de6]{padding:1.25rem 1.5rem;vertical-align:middle}.product-info[data-v-40b14de6]{display:flex;align-items:center;gap:.75rem}.product-avatar[data-v-40b14de6]{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.1rem}.product-name[data-v-40b14de6]{font-weight:500;color:#2d3748}.price[data-v-40b14de6]{font-weight:600;color:#38a169;font-size:1.1rem}.volume-badge[data-v-40b14de6]{background:#e6fffa;color:#38a169;padding:.25rem .75rem;border-radius:20px;font-weight:500;font-size:.875rem}.volume-badge.low-stock[data-v-40b14de6]{background:#fed7d7;color:#e53e3e}.empty-state[data-v-40b14de6]{text-align:center;padding:4rem 2rem;color:#718096}.empty-icon[data-v-40b14de6]{font-size:4rem;margin-bottom:1rem}.empty-state h3[data-v-40b14de6]{margin:0 0 .5rem;color:#4a5568;font-size:1.5rem}.empty-state p[data-v-40b14de6]{margin:0 0 2rem;font-size:1.1rem}.modal-overlay[data-v-40b14de6]{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal[data-v-40b14de6]{background:#fff;border-radius:16px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-header[data-v-40b14de6]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid #e2e8f0}.modal-header h3[data-v-40b14de6]{margin:0;font-size:1.5rem;font-weight:600;color:#2d3748}.modal-close[data-v-40b14de6]{width:32px;height:32px;border:none;background:#f7fafc;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#718096;transition:all .2s ease}.modal-close[data-v-40b14de6]:hover{background:#edf2f7;color:#4a5568}.modal-body[data-v-40b14de6]{padding:2rem}.modal-footer[data-v-40b14de6]{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem 2rem;border-top:1px solid #e2e8f0;background:#f8fafc}.form-group[data-v-40b14de6]{margin-bottom:1.5rem}.form-row[data-v-40b14de6]{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group label[data-v-40b14de6]{display:block;margin-bottom:.5rem;font-weight:500;color:#4a5568;font-size:.875rem}.form-input[data-v-40b14de6],.form-select[data-v-40b14de6]{width:100%;padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:all .2s ease;background:#fff}.form-input[data-v-40b14de6]:focus,.form-select[data-v-40b14de6]:focus{outline:none;border-color:#4facfe;box-shadow:0 0 0 3px #4facfe1a}.form-input.error[data-v-40b14de6]{border-color:#e53e3e}.form-help[data-v-40b14de6]{margin-top:.5rem;font-size:.875rem;color:#718096}.error-text[data-v-40b14de6]{color:#e53e3e;font-weight:500}.modal-enter-active[data-v-40b14de6],.modal-leave-active[data-v-40b14de6]{transition:all .3s ease}.modal-enter-from[data-v-40b14de6],.modal-leave-to[data-v-40b14de6]{opacity:0;transform:scale(.9)}@media (max-width: 768px){.stock-page[data-v-40b14de6]{padding:1rem}.page-header[data-v-40b14de6]{flex-direction:column;gap:1.5rem;align-items:stretch}.header-actions[data-v-40b14de6]{justify-content:center}.page-title[data-v-40b14de6]{font-size:2rem}.form-row[data-v-40b14de6]{grid-template-columns:1fr}.table-header[data-v-40b14de6]{padding:1rem}.products-table th[data-v-40b14de6],.products-table td[data-v-40b14de6]{padding:.75rem 1rem}.modal[data-v-40b14de6]{margin:1rem;max-width:none}.modal-body[data-v-40b14de6]{padding:1.5rem}}@media (max-width: 480px){.btn[data-v-40b14de6]{padding:.625rem 1rem;font-size:.875rem}.products-table th[data-v-40b14de6],.products-table td[data-v-40b14de6]{padding:.5rem .75rem;font-size:.875rem}.product-avatar[data-v-40b14de6]{width:32px;height:32px;font-size:.875rem}}.container[data-v-c5ff0314]{padding:2rem}.date-nav[data-v-c5ff0314]{display:flex;align-items:center;justify-content:space-between}.today-text[data-v-c5ff0314]{font-size:12px;color:#666}.date-text[data-v-c5ff0314]{font-size:16px;font-weight:700}.class-button[data-v-c5ff0314]{background:#a900a3;color:#fff;padding:8px;border:none;border-radius:4px;margin-top:8px}.homework-header[data-v-c5ff0314]{display:flex;justify-content:space-between;align-items:center;margin:16px 0}.card[data-v-c5ff0314]{background:#f1f1f1;padding:12px;margin-bottom:8px;border-radius:6px}.row-between[data-v-c5ff0314]{display:flex;align-items:center;gap:6px}.dot[data-v-c5ff0314]{color:#a900a3}.subject[data-v-c5ff0314]{font-weight:700}.title[data-v-c5ff0314]{margin-top:4px}.details[data-v-c5ff0314]{margin:4px 0}.due[data-v-c5ff0314]{color:#333}.modal-overlay[data-v-c5ff0314]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center}.modal-content[data-v-c5ff0314]{background:#fff;width:90%;max-width:400px;padding:20px;border-radius:8px}.input[data-v-c5ff0314]{width:100%;padding:8px;margin:6px 0;border:1px solid #ccc;border-radius:4px}.modal-footer[data-v-c5ff0314]{display:flex;justify-content:space-between;margin-top:12px}.cancel-btn[data-v-c5ff0314],.submit-btn[data-v-c5ff0314]{padding:8px 14px;border:none;border-radius:4px;color:#fff}.cancel-btn[data-v-c5ff0314]{background:#999}.submit-btn[data-v-c5ff0314]{background:#dc0071}button[data-v-c5ff0314]{background:#dc0071;color:#fff;padding:8px 12px;border:none;border-radius:4px;cursor:pointer}.date-container[data-v-c5ff0314]{display:flex;flex-direction:column;align-items:center;background:#ff61b1;padding:20px;border-radius:12px}.class-dropdown[data-v-c5ff0314]{margin-top:8px;padding:8px;border:1px solid #ccc;border-radius:4px;width:100%;max-width:300px}.date-display[data-v-c5ff0314]{padding:10px 20px}.row[data-v-c5ff0314]{display:flex;justify-content:space-evenly;width:100%}.homework-cards[data-v-c5ff0314]{justify-content:start;flex-wrap:wrap;gap:1.5%}.home-card[data-v-c5ff0314]{width:32%}.container[data-v-3186e2f8]{padding:2rem;margin:auto}.add-btn[data-v-3186e2f8]{background:#ff61b1;color:#fff;padding:8px 12px;border:none;border-radius:5px;margin-bottom:12px;cursor:pointer}.loading[data-v-3186e2f8]{text-align:center;padding:20px}.flex[data-v-3186e2f8]{display:flex;flex-wrap:wrap;gap:10px}.feed-card[data-v-3186e2f8]{background:#f8f9fa;width:47%;margin:20px 1%;padding:12px;border-radius:6px;position:relative;box-sizing:border-box}.feed-image[data-v-3186e2f8]{width:150px;height:150px;object-fit:cover;border-radius:6px;display:block;margin:0 auto 8px}.timestamp[data-v-3186e2f8]{font-size:12px;color:#555;margin-bottom:8px}.delete-btn[data-v-3186e2f8]{background:red;color:#fff;border:none;padding:4px 8px;cursor:pointer;border-radius:4px}.modal-overlay[data-v-3186e2f8]{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center}.modal-box[data-v-3186e2f8]{background:#fff;padding:20px;border-radius:8px;width:90%;max-width:400px;box-sizing:border-box}.input[data-v-3186e2f8]{width:100%;padding:8px;margin-bottom:10px;border-radius:4px;border:1px solid #ccc;box-sizing:border-box}.preview-grid[data-v-3186e2f8]{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px;margin-bottom:10px}.preview[data-v-3186e2f8]{width:100%;height:80px;object-fit:cover;border-radius:4px}.actions[data-v-3186e2f8]{display:flex;justify-content:space-between;margin-top:12px}.submit-btn[data-v-3186e2f8]{background:#28a745;color:#fff;padding:8px 14px;border:none;border-radius:4px;cursor:pointer}.cancel-btn[data-v-3186e2f8]{background:#6c757d;color:#fff;padding:8px 14px;border:none;border-radius:4px;cursor:pointer}.image-slider[data-v-3186e2f8]{display:flex;flex-direction:column;align-items:center;gap:8px}.dots-container[data-v-3186e2f8]{display:flex;justify-content:center;gap:6px}.dot[data-v-3186e2f8]{width:12px;height:12px;background-color:#bbb;border-radius:50%;display:inline-block;cursor:pointer;transition:background-color .3s}.dot.active[data-v-3186e2f8]{background-color:#007bff}.notifications-app{min-height:100vh;background:#fff;padding:2rem}.header-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.2)}.header-content{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.title-icon{font-size:2rem}.add-button{background:#fff3;color:#fff;border:2px solid rgba(255,255,255,.3);padding:.75rem 1.5rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.add-button:hover{background:#ffffff4d;transform:translateY(-2px);box-shadow:0 8px 25px #0003}.button-icon{font-size:1.2rem;font-weight:700}.notifications-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem}.notification-card{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 10px 30px #0000001a;transition:all .3s ease;border:1px solid rgba(255,255,255,.2)}.notification-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #00000026}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.card-title{color:#2d3748;font-size:1.25rem;font-weight:600;margin:0;line-height:1.4}.delete-button{background:#fed7d7;color:#c53030;border:none;padding:.5rem;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:1rem}.delete-button:hover{background:#feb2b2;transform:scale(1.1)}.card-description{color:#4a5568;line-height:1.6;margin-bottom:1.5rem}.card-footer{border-top:1px solid #e2e8f0;padding-top:1rem}.date-time{display:flex;gap:1rem;flex-wrap:wrap}.date,.time{color:#718096;font-size:.875rem;display:flex;align-items:center;gap:.25rem}.empty-state{text-align:center;padding:4rem 2rem;color:#fff}.empty-icon{font-size:4rem;margin-bottom:1rem}.empty-state h3{font-size:1.5rem;margin-bottom:.5rem;font-weight:600}.empty-state p{opacity:.8;margin-bottom:2rem}.empty-cta{background:#fff;color:#667eea;border:none;padding:.75rem 2rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease}.empty-cta:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0003}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-container{background:#fff;border-radius:20px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px #00000040}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:2rem 2rem 1rem;border-bottom:1px solid #e2e8f0;background:#ff61b1!important}.modal-title{font-size:1.5rem;font-weight:600;color:#2d3748;margin:0}.close-button{background:none;border:none;font-size:2rem;color:#a0aec0;cursor:pointer;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.close-button:hover{background:#f7fafc;color:#4a5568}.modal-body{padding:2rem}.form-group{margin-bottom:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-label{display:block;color:#2d3748;font-weight:600;margin-bottom:.5rem;font-size:.875rem}.form-input,.form-textarea{width:100%;padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;transition:all .2s ease;background:#f7fafc}.form-input:focus,.form-textarea:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea1a}.form-textarea{resize:vertical;min-height:80px}.classes-container{max-height:300px;overflow-y:auto;border:2px solid #e2e8f0;border-radius:12px;padding:1rem;background:#f7fafc}.class-group{margin-bottom:1rem}.class-checkbox,.section-checkbox{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:.5rem;border-radius:8px;transition:background .2s ease}.class-checkbox:hover,.section-checkbox:hover{background:#667eea1a}.checkbox-input{display:none}.checkbox-custom{width:20px;height:20px;border:2px solid #cbd5e0;border-radius:4px;position:relative;transition:all .2s ease}.checkbox-input:checked+.checkbox-custom{background:#667eea;border-color:#667eea}.checkbox-input:checked+.checkbox-custom:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.class-name{font-weight:600;color:#2d3748}.sections-list{margin-left:2rem;margin-top:.5rem}.section-name{color:#4a5568;font-size:.875rem}.file-upload-area{position:relative}.file-input{display:none}.file-upload-label{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#f7fafc;border:2px dashed #cbd5e0;border-radius:12px;cursor:pointer;transition:all .2s ease;color:#4a5568;font-weight:500}.file-upload-label:hover{border-color:#667eea;background:#667eea0d}.file-selected{margin-top:.5rem;padding:.5rem 1rem;background:#e6fffa;border:1px solid #81e6d9;border-radius:8px;color:#234e52;font-size:.875rem;display:flex;align-items:center;gap:.5rem}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1rem 2rem 2rem;border-top:1px solid #e2e8f0}.cancel-button,.submit-button{padding:.75rem 1.5rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.cancel-button{background:#f7fafc;color:#4a5568;border:2px solid #e2e8f0}.cancel-button:hover{background:#edf2f7}.submit-button{background:#667eea;color:#fff}.submit-button:hover{background:#5a67d8;transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}@media (max-width: 768px){.header-content{flex-direction:column;gap:1rem;text-align:center}.page-title{font-size:2rem}.notifications-grid,.form-row{grid-template-columns:1fr}.modal-container{margin:1rem;width:calc(100% - 2rem)}}.container[data-v-a6c5617e]{padding:2rem}.card[data-v-a6c5617e]{margin-bottom:12px;padding:16px;background-color:#fff;border-radius:12px;box-shadow:0 2px 6px #0000001a;cursor:pointer}.title[data-v-a6c5617e]{font-size:18px;font-weight:700;margin-bottom:12px;background:#dc0071;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:15px;color:#fff}.dateText[data-v-a6c5617e]{font-size:16px;font-weight:600}.secondaryText[data-v-a6c5617e]{color:#666}.empty[data-v-a6c5617e]{color:#888;margin-top:20px}.loading[data-v-a6c5617e]{margin-top:20px;color:#007bff;font-weight:700}.filter-bar[data-v-a6c5617e]{display:flex;gap:2%;margin-bottom:20px}input[data-v-a6c5617e],select[data-v-a6c5617e]{width:32%!important;padding:10px;border-radius:8px;border:1px solid grey}.attendence-cards[data-v-a6c5617e]{width:100%!important;justify-content:flex-start;width:60%;flex-wrap:wrap;gap:1%}.attendence-cards .row[data-v-a6c5617e]{width:100%!important;justify-content:flex-start;flex-wrap:wrap}.attendence-cards .card[data-v-a6c5617e]{width:32%}.attendence-cards p[data-v-a6c5617e]{font-weight:700;margin:0 5%}.container[data-v-b4fc6740]{padding:2rem;background-color:#f4f4f4;min-height:100vh}.title[data-v-b4fc6740]{font-size:18px;font-weight:700;margin-bottom:12px}.loader[data-v-b4fc6740]{text-align:center;font-size:16px}.card[data-v-b4fc6740]{margin-bottom:12px;padding:16px;background-color:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;cursor:pointer;transition:transform .1s ease;width:31%}.card[data-v-b4fc6740]:hover{transform:scale(1.01)}.standard-text[data-v-b4fc6740]{font-size:16px;font-weight:600}.secondary-text[data-v-b4fc6740]{color:#666;margin-top:4px}.no-data[data-v-b4fc6740]{margin-top:20px;color:#999;font-style:italic;text-align:center}.attendence-cards[data-v-b4fc6740]{width:100%!important;justify-content:flex-start;width:60%;gap:1%}.row[data-v-b4fc6740]{flex-wrap:wrap;gap:10px}.container[data-v-c78e8aa7]{padding:2rem;background-color:#f3f4f6;min-height:100vh}.content-box[data-v-c78e8aa7]{margin:0 auto;background-color:#fff;padding:30px;border-radius:10px;box-shadow:0 2px 8px #0000001a}.title[data-v-c78e8aa7]{text-align:center;font-size:24px;color:#4f46e5;margin-bottom:25px}.filter-box[data-v-c78e8aa7]{display:flex;flex-direction:row;gap:15px;margin-bottom:25px}.input-field[data-v-c78e8aa7]{padding:12px;font-size:16px;border:1px solid #ccc;border-radius:8px;background-color:#f9fafb;outline:none;transition:border-color .2s;width:46%}.input-field[data-v-c78e8aa7]:focus{border-color:#6366f1}.loading[data-v-c78e8aa7]{text-align:center;color:#6b7280;padding:20px}.student-grid[data-v-c78e8aa7]{display:flex;flex-wrap:wrap}.student-card[data-v-c78e8aa7]{background-color:#f9fafb;padding:15px 20px;width:23%;margin:10px 1%;border-radius:8px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d;transition:box-shadow .2s}.student-card[data-v-c78e8aa7]:hover{box-shadow:0 2px 6px #00000014}.student-info[data-v-c78e8aa7]{display:flex;justify-content:space-between;align-items:center}.student-name[data-v-c78e8aa7]{font-weight:700;color:#1f2937}.status-badge[data-v-c78e8aa7]{padding:5px 12px;font-size:14px;border-radius:20px;font-weight:700;text-align:center}.present[data-v-c78e8aa7]{background-color:#d1fae5;color:#065f46}.absent[data-v-c78e8aa7]{background-color:#fee2e2;color:#991b1b}.no-results[data-v-c78e8aa7]{text-align:center;margin-top:40px;color:#9ca3af}.first-half[data-v-c78e8aa7]{background:#ffc107;color:#000}.second-half[data-v-c78e8aa7]{background:#17a2b8}.fees-container[data-v-06b0b301]{min-height:100vh;padding:2rem;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.header-section[data-v-06b0b301]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding:8px 15px;background:#dc0071;border-radius:10px;box-shadow:0 8px 32px #0000001a}.success-msg[data-v-06b0b301]{color:green;margin-top:10px;font-weight:700}.page-title[data-v-06b0b301]{font-size:18px;color:#fff;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.1)}.add-fee-btn[data-v-06b0b301]{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#ff4ff7,#ff85f9);color:#000;border:none;padding:12px 24px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #4facfe66}.add-fee-btn[data-v-06b0b301]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4facfe99}.add-fee-btn .icon[data-v-06b0b301]{width:20px;height:20px;stroke-width:2}.controls-section[data-v-06b0b301]{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:15px;margin-bottom:24px;box-shadow:0 8px 32px #0000001a}.tabs-container[data-v-06b0b301]{display:flex;gap:8px;margin-bottom:0;flex-wrap:wrap;width:100%;align-items:flex-start}.stat-content[data-v-06b0b301]{display:flex;gap:20px;align-items:center}.tab-button[data-v-06b0b301]{padding:12px 20px;border:none;background:linear-gradient(352deg,#b4b2b2cc,#f3f0f0);color:#6c757d;border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s ease;text-transform:capitalize}.tab-button.active[data-v-06b0b301]{background:#dc0071;color:#fff;box-shadow:0 4px 15px #667eea66}.tab-button[data-v-06b0b301]:hover:not(.active){background:#e9ecef;color:#495057}.filters-container[data-v-06b0b301]{display:flex;gap:16px;flex-wrap:wrap;align-items:center}.filter-group[data-v-06b0b301]{position:relative;flex:1;width:30%}.search-input[data-v-06b0b301]{width:100%;padding:7px 16px 7px 44px;border:2px solid #e9ecef;border-radius:12px;font-size:14px;transition:all .3s ease;background:#fff}.search-input[data-v-06b0b301]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.search-icon[data-v-06b0b301]{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:#6c757d;stroke-width:2}.filter-select[data-v-06b0b301]{padding:7px 16px;border:2px solid #e9ecef;border-radius:12px;background:#fff;font-size:14px;cursor:pointer;transition:all .3s ease;min-width:150px;width:30%}.filter-select[data-v-06b0b301]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.stats-grid[data-v-06b0b301]{display:flex;gap:20px;margin-bottom:10px}.stat-card[data-v-06b0b301]{background:linear-gradient(352deg,#b4b2b2cc,#f3f0f0);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:7px;display:flex;align-items:center;gap:16px;box-shadow:0 8px 32px #0000001a;transition:transform .3s ease;width:20%}.stat-card[data-v-06b0b301]:hover{transform:translateY(-4px)}.stat-icon[data-v-06b0b301]{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.stat-icon.completed[data-v-06b0b301]{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.stat-icon.pending[data-v-06b0b301]{background:linear-gradient(135deg,#fa709a,#fee140);color:#fff}.stat-icon.total[data-v-06b0b301]{background:linear-gradient(135deg,#a8edea,#fed6e3);color:#333}.stat-icon svg[data-v-06b0b301]{width:24px;height:24px;stroke-width:2}.stat-content[data-v-06b0b301]{flex:1}.stat-number[data-v-06b0b301]{font-size:20px;font-weight:700;color:#333;line-height:1}.stat-label[data-v-06b0b301]{font-size:14px;color:#6c757d;font-weight:500;margin-top:4px}.table-container[data-v-06b0b301]{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;overflow:hidden;box-shadow:0 8px 32px #0000001a}.table-wrapper[data-v-06b0b301]{overflow-x:auto}.fees-table[data-v-06b0b301]{width:100%;border-collapse:collapse}.fees-table th[data-v-06b0b301]{background:#b332ad;color:#fff;padding:16px;text-align:left;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.fees-table th[data-v-06b0b301]:first-child{border-top-left-radius:0}.fees-table th[data-v-06b0b301]:last-child{border-top-right-radius:0}.fee-row[data-v-06b0b301]{border-bottom:1px solid #e9ecef;cursor:pointer;transition:all .3s ease}.fee-row[data-v-06b0b301]:hover{background:#667eea0d;transform:scale(1.01)}.fee-row[data-v-06b0b301]:last-child{border-bottom:none}.fees-table td[data-v-06b0b301]{padding:16px;vertical-align:middle}.student-info[data-v-06b0b301]{display:flex;align-items:center;gap:12px}.student-avatar[data-v-06b0b301]{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px}.student-details[data-v-06b0b301]{flex:1}.student-name[data-v-06b0b301]{font-weight:600;color:#333;font-size:14px}.roll-number[data-v-06b0b301]{font-size:12px;color:#6c757d;margin-top:2px}.class-info[data-v-06b0b301]{display:flex;flex-direction:column;gap:2px}.class-name[data-v-06b0b301]{font-weight:600;color:#333;font-size:14px}.section-name[data-v-06b0b301]{font-size:12px;color:#6c757d}.contact-info[data-v-06b0b301]{display:flex;flex-direction:column;gap:2px}.mobile[data-v-06b0b301]{font-weight:500;color:#333;font-size:14px}.class-id[data-v-06b0b301]{font-size:12px;color:#6c757d}.amount[data-v-06b0b301]{font-weight:600;color:#333;text-align:right}.amount.total[data-v-06b0b301]{color:#667eea;font-size:16px}.amount.paid[data-v-06b0b301]{color:#28a745}.status-badge[data-v-06b0b301]{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.completed[data-v-06b0b301]{background:#28a7451a;color:#28a745}.status-badge.partial[data-v-06b0b301]{background:#ffc1071a;color:#ffc107}.status-badge.pending[data-v-06b0b301]{background:#dc35451a;color:#dc3545}.modal-backdrop[data-v-06b0b301]{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-container[data-v-06b0b301]{background:#fff;border-radius:20px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.add-fee-modal[data-v-06b0b301]{max-width:600px}.modal-header[data-v-06b0b301]{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e9ecef;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:20px 20px 0 0}.modal-header h3[data-v-06b0b301]{margin:0;font-size:20px;font-weight:600}.close-btn[data-v-06b0b301]{background:none;border:none;color:#fff;cursor:pointer;padding:8px;border-radius:8px;transition:background .3s ease}.close-btn[data-v-06b0b301]:hover{background:#ffffff1a}.close-btn svg[data-v-06b0b301]{width:20px;height:20px;stroke-width:2}.modal-content[data-v-06b0b301]{padding:24px}.student-summary[data-v-06b0b301]{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:32px}.summary-card[data-v-06b0b301]{background:#f8f9fa;border-radius:12px;padding:20px}.summary-card h4[data-v-06b0b301]{margin:0 0 16px;color:#333;font-size:16px;font-weight:600}.info-grid[data-v-06b0b301]{display:flex;flex-direction:column;gap:12px}.info-item[data-v-06b0b301]{display:flex;justify-content:space-between;align-items:center}.label[data-v-06b0b301]{font-weight:500;color:#6c757d;font-size:14px}.value[data-v-06b0b301]{font-weight:600;color:#333;font-size:14px}.fee-summary[data-v-06b0b301]{background:#f8f9fa;border-radius:12px;padding:20px}.fee-item[data-v-06b0b301]{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #e9ecef}.fee-item[data-v-06b0b301]:last-child{border-bottom:none}.fee-item.total-fee[data-v-06b0b301]{border-top:5px solid #ff61b1;margin-top:8px;padding-top:12px;font-weight:600;color:#667eea}.fee-item.paid-fee[data-v-06b0b301]{color:#28a745;font-weight:600}.fee-label[data-v-06b0b301]{font-size:14px}.fee-amount[data-v-06b0b301]{font-weight:600;font-size:14px}.pending[data-v-06b0b301]{color:red}.fee-history h4[data-v-06b0b301]{margin:0 0 20px;color:#333;font-size:18px;font-weight:600}.history-timeline[data-v-06b0b301]{display:flex;flex-direction:column;gap:16px}.timeline-item[data-v-06b0b301]{background:#f8f9fa;border-radius:12px;padding:16px;border-left:4px solid #667eea}.timeline-date[data-v-06b0b301]{font-size:12px;color:#6c757d;font-weight:500;margin-bottom:8px}.timeline-content[data-v-06b0b301]{display:flex;flex-direction:column;gap:4px}.payment-item[data-v-06b0b301]{display:flex;justify-content:space-between;align-items:center;font-size:14px}.payment-label[data-v-06b0b301]{color:#333}.payment-amount[data-v-06b0b301]{font-weight:600;color:#28a745}.add-fees-section[data-v-06b0b301]{margin:32px 0}.add-fees-section h4[data-v-06b0b301]{margin:0 0 20px;color:#333;font-size:18px;font-weight:600}.fee-inputs[data-v-06b0b301]{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.fee-input-row[data-v-06b0b301]{display:grid;grid-template-columns:1fr 150px;gap:12px}.fee-label-input[data-v-06b0b301],.fee-amount-input[data-v-06b0b301]{padding:12px 16px;border:2px solid #e9ecef;border-radius:8px;font-size:14px;transition:all .3s ease}.fee-label-input[data-v-06b0b301]:focus,.fee-amount-input[data-v-06b0b301]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.add-more-btn[data-v-06b0b301]{display:flex;align-items:center;gap:8px;background:#f8f9fa;color:#667eea;border:2px dashed #667eea;padding:12px 16px;border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s ease}.add-more-btn[data-v-06b0b301]:hover{background:#667eea0d}.add-more-btn .icon[data-v-06b0b301]{width:16px;height:16px;stroke-width:2}.modal-actions[data-v-06b0b301]{display:flex;gap:12px;justify-content:flex-end;padding-top:24px;border-top:1px solid #e9ecef}.submit-btn[data-v-06b0b301]{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.submit-btn[data-v-06b0b301]:hover{transform:translateY(-2px);box-shadow:0 4px 15px #4facfe66}.cancel-btn[data-v-06b0b301]{background:#6c757d;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.cancel-btn[data-v-06b0b301]:hover{background:#5a6268}.form-group[data-v-06b0b301]{margin-bottom:20px}.form-group label[data-v-06b0b301]{display:block;margin-bottom:8px;font-weight:600;color:#333;font-size:14px}.form-select[data-v-06b0b301]{width:100%;padding:12px 16px;border:2px solid #e9ecef;border-radius:8px;font-size:14px;background:#fff;cursor:pointer;transition:all .3s ease}.form-select[data-v-06b0b301]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.fetch-btn[data-v-06b0b301]{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;padding:12px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:24px}.fetch-btn[data-v-06b0b301]:hover{transform:translateY(-2px);box-shadow:0 4px 15px #28a74566}.fetch-btn .icon[data-v-06b0b301]{width:16px;height:16px;stroke-width:2}.student-preview[data-v-06b0b301]{background:#f8f9fa;border-radius:12px;padding:20px;margin-bottom:24px}.preview-header h4[data-v-06b0b301]{margin:0 0 16px;color:#333;font-size:16px;font-weight:600}.preview-content[data-v-06b0b301]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:24px}.detail-row[data-v-06b0b301]{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.detail-label[data-v-06b0b301]{font-weight:500;color:#6c757d;font-size:14px}.detail-value[data-v-06b0b301]{font-weight:600;color:#333;font-size:14px}.fee-inputs-section h4[data-v-06b0b301]{margin:0 0 16px;color:#333;font-size:16px;font-weight:600}@media (max-width: 768px){.fees-container[data-v-06b0b301]{padding:16px}.page-title[data-v-06b0b301]{font-size:24px}.header-section[data-v-06b0b301]{flex-direction:column;gap:16px;align-items:stretch}.filters-container[data-v-06b0b301]{flex-direction:column}.filter-group[data-v-06b0b301]{min-width:auto}.stats-grid[data-v-06b0b301],.student-summary[data-v-06b0b301],.fee-input-row[data-v-06b0b301]{grid-template-columns:1fr}.modal-actions[data-v-06b0b301]{flex-direction:column}.preview-content[data-v-06b0b301]{grid-template-columns:1fr}}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;background:#dc0071;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:10px}.row{display:flex;justify-content:space-between;width:60%}.col-md-4{width:25%}input,select{border-radius:10px;width:99%;height:100%}th{background:#f8fafc;padding:1rem 1.5rem;text-align:left;font-weight:600;color:#000;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid #e2e8f0}table{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;overflow:hidden;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2);width:100%}td{color:#595959;font-size:1.1rem;padding:1.25rem 1.5rem;vertical-align:middle}.page-title{font-size:18px;font-weight:700;color:#fff;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.1)}.main-page{padding:2rem}.product-avatar{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.1rem}.product-info{display:flex;align-items:center;gap:.75rem}.filter-options div{display:flex;margin:10px;align-items:center;gap:10px}button{margin:10px;padding:10px;text-align:center;background:#fff;border-radius:10px;border:0}.filter-options label{color:#fff;font-weight:600}.price-tags{margin:12px 0;display:flex;justify-content:space-between;background:#dc0071;color:#fff;padding:13px;border-radius:10px;font-size:20px}.capitalize{text-transform:capitalize}.stock-history[data-v-4eb75fdc]{padding:20px;font-family:Arial,sans-serif}.filters[data-v-4eb75fdc]{margin-bottom:15px}.filters input[data-v-4eb75fdc]{margin:0 10px;padding:5px}.tables-container[data-v-4eb75fdc]{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.stock-header[data-v-4eb75fdc]{padding:8px;color:#fff;text-align:center}.stock-header.in[data-v-4eb75fdc]{background-color:green}.stock-header.out[data-v-4eb75fdc]{background-color:orange}.stock-header.balance[data-v-4eb75fdc]{background-color:#4682b4}.stock-table[data-v-4eb75fdc]{width:100%;border-collapse:collapse}.stock-table th[data-v-4eb75fdc],.stock-table td[data-v-4eb75fdc]{border:1px solid #ccc;padding:5px;text-align:center}.btn-primary[data-v-4eb75fdc]{padding:5px 10px;background-color:#007bff;color:#fff;border:none}.btn-secondary[data-v-4eb75fdc]{margin-top:20px;padding:5px 10px;background-color:gray;color:#fff;border:none}.late-btn[data-v-be51c63d]{padding:8px 15px;background:#ff61b1;border:none;color:#fff;cursor:pointer;margin-bottom:15px;border-radius:4px}.late-btn[data-v-be51c63d]:hover{background:#0056b3}.filters[data-v-be51c63d]{display:flex;gap:15px;margin-bottom:15px;flex-wrap:wrap;align-items:center}.over-limit[data-v-be51c63d]{background-color:#fcc!important}.permission-table[data-v-be51c63d]{width:100%;border-collapse:collapse}select[data-v-be51c63d],input[data-v-be51c63d]{width:200px;padding:5px 10px;margin:10px 0;border-radius:5px;border:1px oslid grey}.permission-table th[data-v-be51c63d],.permission-table td[data-v-be51c63d]{padding:10px;border:1px solid #ddd}.permission-table tr[data-v-be51c63d]:nth-child(2n){background:#fafafa}.modal-overlay[data-v-be51c63d]{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center}.modal[data-v-be51c63d]{background:#fff;padding:20px;border-radius:6px;width:350px}.modal-actions[data-v-be51c63d]{display:flex;justify-content:space-between;margin-top:15px}.submit-btn[data-v-be51c63d]{padding:6px 12px;background:#28a745;color:#fff;border:none;border-radius:4px}.cancel-btn[data-v-be51c63d]{padding:6px 12px;background:#dc3545;color:#fff;border:none;border-radius:4px}.modal select[data-v-be51c63d],.modal input[data-v-be51c63d]{width:100%;padding:5px 10px;margin:5px 0 10px;border-radius:5px}.heading[data-v-be51c63d]{display:flex;flex-wrap:wrap;justify-content:space-between;background:#dc0071;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:10px;margin:20px 0;align-items:center}.heading h2[data-v-be51c63d]{color:#fff;margin:0}table[data-v-86d825f2]{font-size:14px}div[data-v-86d825f2]:hover{transition:all .2s ease-in-out}table[data-v-86d825f2]{font-size:14px;width:100%;text-align:justify}tr.bg-blue-100.text-left[data-v-86d825f2]{background:#feb5fa}td.border.p-3[data-v-86d825f2]{border-bottom:1px solid #959595;padding:9px}.header[data-v-86d825f2]{justify-content:space-around;padding:20px;margin-bottom:20px}.container[data-v-86d825f2]{padding:2rem}.feedback-section[data-v-0c62248a]{min-height:100vh;padding:2rem}.header-section[data-v-0c62248a]{margin-bottom:15px;background:#dc0071;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:10px;border:1px solid rgba(255,255,255,.2)}.title[data-v-0c62248a]{font-size:18px;font-weight:600;margin-bottom:.5rem;color:#fff}.filters-container[data-v-0c62248a]{background:#fff;border-radius:16px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 8px 32px #0000001a}.filters[data-v-0c62248a]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.filter-group[data-v-0c62248a]{display:flex;flex-direction:column}.filter-group label[data-v-0c62248a]{font-weight:600;color:#374151;margin-bottom:.5rem;font-size:.9rem}.filter-select[data-v-0c62248a]{padding:.75rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;transition:all .2s ease;background:#fff}.filter-select[data-v-0c62248a]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.filter-select[data-v-0c62248a]:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.search-group[data-v-0c62248a]{grid-column:span 2}.search-input-wrapper[data-v-0c62248a]{position:relative}.search-input[data-v-0c62248a]{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;transition:all .2s ease}.search-input[data-v-0c62248a]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.search-icon[data-v-0c62248a]{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:1.25rem;height:1.25rem;color:#9ca3af}.stats-container[data-v-0c62248a]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.stat-card[data-v-0c62248a]{background:#fff;padding:5px;border-radius:12px;text-align:center;box-shadow:0 4px 16px #0000001a;transition:transform .2s ease}.stat-card[data-v-0c62248a]:hover{transform:translateY(-2px)}.stat-card.unread[data-v-0c62248a]{background:#ff61b1;color:#fff}.stat-number[data-v-0c62248a]{font-size:25px;font-weight:700;margin-bottom:.5rem}.stat-label[data-v-0c62248a]{font-size:.9rem;opacity:.8}.feedback-grid[data-v-0c62248a]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.student-card[data-v-0c62248a]{background:#fff;border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #0000001a;position:relative;overflow:hidden}.student-card[data-v-0c62248a]:hover{transform:translateY(-4px);box-shadow:0 8px 32px #00000026}.student-card.has-unread[data-v-0c62248a]{border-left:4px solid #ff6b6b}.student-card.has-unread[data-v-0c62248a]:before{content:"";position:absolute;top:0;right:0;width:0;height:0;border-style:solid;border-width:0 20px 20px 0;border-color:transparent #ff6b6b transparent transparent}.student-avatar[data-v-0c62248a]{width:3rem;height:3rem;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;flex-shrink:0}.student-info[data-v-0c62248a]{flex:1}.student-name[data-v-0c62248a]{font-size:1.1rem;font-weight:600;color:#1f2937;margin:0 0 .25rem}.feedback-count[data-v-0c62248a]{color:#6b7280;font-size:.9rem;margin:0}.unread-badge[data-v-0c62248a]{background:#ff6b6b;color:#fff;padding:.25rem .5rem;border-radius:12px;font-size:.8rem;font-weight:600;min-width:1.5rem;text-align:center}.arrow-icon[data-v-0c62248a]{width:1.25rem;height:1.25rem;color:#9ca3af;flex-shrink:0}.empty-state[data-v-0c62248a]{text-align:center;padding:3rem;background:#fff;border-radius:16px;box-shadow:0 4px 16px #0000001a}.empty-icon[data-v-0c62248a]{width:4rem;height:4rem;color:#9ca3af;margin:0 auto 1rem}.empty-state h3[data-v-0c62248a]{color:#374151;margin-bottom:.5rem}.empty-state p[data-v-0c62248a]{color:#6b7280;margin:0}.modal-overlay[data-v-0c62248a]{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content[data-v-0c62248a]{background:#fff;border-radius:16px;width:90%;max-width:600px;max-height:80vh;overflow:hidden;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column}.modal-header[data-v-0c62248a]{padding:1.5rem;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;background:#f9fafb}.modal-student-info[data-v-0c62248a]{display:flex;align-items:center;gap:1rem}.modal-avatar[data-v-0c62248a]{width:3rem;height:3rem;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem}.modal-title[data-v-0c62248a]{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0}.modal-subtitle[data-v-0c62248a]{color:#6b7280;font-size:.9rem;margin:.25rem 0 0}.close-button[data-v-0c62248a]{background:none;border:none;padding:.5rem;cursor:pointer;border-radius:8px;transition:background-color .2s ease}.close-button[data-v-0c62248a]:hover{background:#e5e7eb}.close-button svg[data-v-0c62248a]{width:1.5rem;height:1.5rem;color:#6b7280}.modal-controls[data-v-0c62248a]{padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb}.toggle-button[data-v-0c62248a]{background:#f3f4f6;border:none;padding:.75rem 1rem;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;font-weight:500}.toggle-button[data-v-0c62248a]:hover{background:#e5e7eb}.toggle-button.active[data-v-0c62248a]{background:#667eea;color:#fff}.toggle-button svg[data-v-0c62248a]{width:1.25rem;height:1.25rem}.feedback-timeline[data-v-0c62248a]{flex:1;overflow-y:auto;padding:1.5rem}.feedback-entry[data-v-0c62248a]{display:flex;gap:1rem;margin-bottom:1.5rem;cursor:pointer;transition:all .2s ease;padding:1rem;border-radius:8px}.feedback-entry[data-v-0c62248a]:hover{background:#f9fafb}.feedback-entry.unread[data-v-0c62248a]{background:#fef2f2;border-left:4px solid #ff6b6b}.feedback-indicator[data-v-0c62248a]{width:.75rem;height:.75rem;border-radius:50%;background:#d1d5db;margin-top:.25rem;flex-shrink:0}.feedback-entry.unread .feedback-indicator[data-v-0c62248a]{background:#ff6b6b}.feedback-content[data-v-0c62248a]{flex:1}.feedback-text[data-v-0c62248a]{color:#1f2937;margin:0 0 .5rem;line-height:1.5}.feedback-meta[data-v-0c62248a]{display:flex;align-items:center;gap:1rem}.feedback-date[data-v-0c62248a]{color:#6b7280;font-size:.85rem}.unread-label[data-v-0c62248a]{background:#ff6b6b;color:#fff;padding:.125rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500}@media (max-width: 768px){.feedback-section[data-v-0c62248a]{padding:1rem}.filters[data-v-0c62248a]{grid-template-columns:1fr}.search-group[data-v-0c62248a]{grid-column:span 1}.feedback-grid[data-v-0c62248a]{grid-template-columns:1fr}.modal-content[data-v-0c62248a]{width:95%;margin:1rem}}.staff-detail-container[data-v-cae9b411]{min-height:100vh;padding:2rem 0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.loading-container[data-v-cae9b411]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;color:#fff}.loading-spinner[data-v-cae9b411]{width:48px;height:48px;border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;animation:spin-cae9b411 1s linear infinite;margin-bottom:1rem}.loading-text[data-v-cae9b411]{font-size:1.1rem;opacity:.9}.staff-detail-card[data-v-cae9b411]{height:100%;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;box-shadow:0 25px 50px #00000026;transition:all .3s ease}.staff-detail-card[data-v-cae9b411]:hover{transform:translateY(-2px);box-shadow:0 30px 60px #0003}.card-header[data-v-cae9b411]{background:linear-gradient(8deg,#b521ae,#ff82f9);padding:2rem;color:#fff}.header-content[data-v-cae9b411]{display:flex;justify-content:space-between;align-items:center;gap:1rem}.avatar-section[data-v-cae9b411]{display:flex;align-items:center;gap:1rem}.avatar[data-v-cae9b411]{width:64px;height:64px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:600;border:3px solid rgba(255,255,255,.3)}.staff-info[data-v-cae9b411]{display:flex;flex-direction:column;gap:.25rem}.staff-name[data-v-cae9b411]{font-size:1.75rem;font-weight:700;margin:0;line-height:1.2}.staff-role[data-v-cae9b411]{font-size:1rem;opacity:.9;font-weight:500}.edit-button[data-v-cae9b411]{display:flex;align-items:center;gap:.5rem;background:#fff3;border:2px solid rgba(255,255,255,.3);color:#fff;padding:.75rem 1.5rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.edit-button[data-v-cae9b411]:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-1px)}.edit-button.active[data-v-cae9b411]{background:#ef444433;border-color:#ef444480}.edit-icon[data-v-cae9b411]{width:18px;height:18px;stroke-width:2}.card-content[data-v-cae9b411]{padding:2rem}.info-grid[data-v-cae9b411]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.info-item[data-v-cae9b411]{display:flex;flex-direction:column;gap:.5rem}.info-label[data-v-cae9b411]{font-size:.875rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.info-value[data-v-cae9b411]{font-size:1.125rem;font-weight:500;color:#1f2937;margin:0}.role-badge[data-v-cae9b411]{display:inline-flex;align-items:center;padding:.5rem 1rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:20px;font-size:.875rem;font-weight:600;width:fit-content}.permissions-section[data-v-cae9b411]{border-top:1px solid #e5e7eb;padding-top:2rem}.section-title[data-v-cae9b411]{font-size:1.25rem;font-weight:700;color:#1f2937;margin:0 0 1.5rem}.permissions-grid[data-v-cae9b411]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.permission-item[data-v-cae9b411]{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#f9fafb;border-radius:16px;border:1px solid #e5e7eb;transition:all .3s ease}.permission-item[data-v-cae9b411]:hover{background:#f3f4f6;transform:translateY(-1px)}.permission-icon[data-v-cae9b411]{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.permission-icon.student[data-v-cae9b411]{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.permission-icon.fee[data-v-cae9b411]{background:linear-gradient(135deg,#10b981,#059669)}.permission-icon.attendance[data-v-cae9b411]{background:linear-gradient(135deg,#f59e0b,#d97706)}.permission-icon svg[data-v-cae9b411]{width:24px;height:24px}.permission-content[data-v-cae9b411]{display:flex;flex-direction:column;gap:.25rem}.permission-content h4[data-v-cae9b411]{font-size:1rem;font-weight:600;color:#1f2937;margin:0}.permission-status[data-v-cae9b411]{font-size:.875rem;font-weight:500;color:#ef4444}.permission-status.active[data-v-cae9b411]{color:#10b981}.edit-form[data-v-cae9b411]{animation:fadeIn-cae9b411 .3s ease}.form-grid[data-v-cae9b411]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.form-group[data-v-cae9b411]{display:flex;flex-direction:column;gap:.5rem}.form-label[data-v-cae9b411]{font-size:.875rem;font-weight:600;color:#374151}.form-input[data-v-cae9b411],.form-select[data-v-cae9b411]{padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;transition:all .3s ease;background:#fff}.form-input[data-v-cae9b411]:focus,.form-select[data-v-cae9b411]:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.form-input.error[data-v-cae9b411]{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.error-message[data-v-cae9b411]{font-size:.875rem;color:#ef4444;font-weight:500}.permissions-edit[data-v-cae9b411]{border-top:1px solid #e5e7eb;padding-top:2rem;margin-bottom:2rem}.checkbox-grid[data-v-cae9b411]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.checkbox-item[data-v-cae9b411]{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:1rem;border-radius:12px;transition:all .3s ease}.checkbox-item[data-v-cae9b411]:hover{background:#f9fafb}.checkbox-input[data-v-cae9b411]{display:none}.checkbox-custom[data-v-cae9b411]{width:20px;height:20px;border:2px solid #d1d5db;border-radius:4px;position:relative;transition:all .3s ease}.checkbox-input:checked+.checkbox-custom[data-v-cae9b411]{background:#4f46e5;border-color:#4f46e5}.checkbox-input:checked+.checkbox-custom[data-v-cae9b411]:after{content:"";position:absolute;left:6px;top:2px;width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-label[data-v-cae9b411]{font-weight:500;color:#374151}.form-actions[data-v-cae9b411]{display:flex;gap:1rem;justify-content:flex-end;padding-top:2rem;border-top:1px solid #e5e7eb}.cancel-button[data-v-cae9b411],.save-button[data-v-cae9b411]{padding:.75rem 2rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.cancel-button[data-v-cae9b411]{background:#f3f4f6;border:2px solid #d1d5db;color:#374151}.cancel-button[data-v-cae9b411]:hover{background:#e5e7eb;transform:translateY(-1px)}.save-button[data-v-cae9b411]{background:linear-gradient(135deg,#4f46e5,#7c3aed);border:2px solid transparent;color:#fff}.save-button[data-v-cae9b411]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 25px #4f46e54d}.save-button[data-v-cae9b411]:disabled{opacity:.7;cursor:not-allowed}.button-spinner[data-v-cae9b411]{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin-cae9b411 1s linear infinite}.toast[data-v-cae9b411]{position:fixed;top:2rem;right:2rem;padding:1rem 1.5rem;border-radius:12px;color:#fff;font-weight:500;z-index:1000;animation:slideIn-cae9b411 .3s ease;box-shadow:0 10px 25px #0003}.toast.success[data-v-cae9b411]{background:linear-gradient(135deg,#10b981,#059669)}.toast.error[data-v-cae9b411]{background:linear-gradient(135deg,#ef4444,#dc2626)}.toast-content[data-v-cae9b411]{display:flex;align-items:center;gap:.5rem}.toast-icon[data-v-cae9b411]{width:20px;height:20px}@keyframes spin-cae9b411{to{transform:rotate(360deg)}}@keyframes fadeIn-cae9b411{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn-cae9b411{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media (max-width: 768px){.staff-detail-container[data-v-cae9b411]{padding:1rem}.header-content[data-v-cae9b411]{flex-direction:column;align-items:flex-start;gap:1.5rem}.info-grid[data-v-cae9b411],.form-grid[data-v-cae9b411],.permissions-grid[data-v-cae9b411],.checkbox-grid[data-v-cae9b411]{grid-template-columns:1fr}.form-actions[data-v-cae9b411]{flex-direction:column}.toast[data-v-cae9b411]{top:1rem;right:1rem;left:1rem}}.header-gradient{position:relative;overflow:hidden}.header-gradient:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Ccircle cx='30' cy='30' r='4'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") repeat}.header-container{position:relative;z-index:1;padding:2rem}.header-title-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;background:#dc0071;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:10px;border:1px solid rgba(255,255,255,.2)}.main-title{font-size:18px;font-weight:600;color:#fff;margin-bottom:.5rem;text-shadow:0 4px 6px rgba(0,0,0,.1)}.subtitle{font-size:1.125rem;color:#ffffffe6;font-weight:400}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:16px;display:flex;align-items:center;gap:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px #0000001a}.stat-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000026;background:#fff3}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.total-staff .stat-icon{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.active-staff .stat-icon{background:linear-gradient(135deg,#10b981,#059669)}.inactive-staff .stat-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-content{flex:1}.stat-label{font-size:.875rem;color:#000;margin-bottom:.25rem;font-weight:500}.stat-value{font-size:2rem;font-weight:700;color:#000;line-height:1}.controls-section{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between}.search-container{flex:1;min-width:300px}.search-input-wrapper{position:relative}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);width:20px;height:20px;color:#000000b3;z-index:1}.search-input::placeholder{color:#222121!important;opacity:1}.search-input{width:100%;padding:.875rem 1rem .875rem 3rem;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-color:#0b0a0a66;border-radius:12px;color:#000;font-size:.875rem;transition:all .3s ease}.search-input::placeholder{color:#ffffffb3}.search-input:focus{outline:none;background:#ffffff40;border-color:#0b0a0a66;box-shadow:0 0 0 3px #ffffff1a}.action-buttons{display:flex;gap:.75rem;flex-wrap:wrap}.btn{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;border-radius:12px;font-weight:600;font-size:.875rem;border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 6px #10b9814d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 15px #10b98166;background:linear-gradient(135deg,#059669,#047857)}.btn-secondary{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#000;border:1px solid rgba(0,0,0,.914)}.btn-secondary:hover{background:#252525eb;transform:translateY(-2px)}.table-container{background:#fff;border-radius:20px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;overflow:hidden;border:1px solid rgba(226,232,240,.8)}.table-wrapper{overflow-x:auto}.staff-table{width:100%;border-collapse:collapse}.staff-table thead{background:linear-gradient(135deg,#1e293b,#334155)}.staff-table th{padding:1.25rem 1.5rem;text-align:left;font-weight:600;font-size:.875rem;color:#fff;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid rgba(255,255,255,.1)}.table-row{transition:all .2s ease;cursor:pointer;border-bottom:1px solid #f1f5f9}.table-row:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);transform:scale(1.001)}.staff-table td{padding:1.25rem 1.5rem;vertical-align:middle}.profile-cell{display:flex;align-items:center}.avatar-container{position:relative;width:48px;height:48px}.avatar-image{width:48px;height:48px;border-radius:12px;object-fit:cover;border:2px solid #e2e8f0}.avatar-placeholder{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;border:2px solid #e2e8f0}.avatar-initials{color:#fff;font-weight:600;font-size:.875rem}.status-indicator{position:absolute;bottom:-2px;right:-2px;width:16px;height:16px;border-radius:50%;background:#ef4444;border:2px solid white;transition:all .3s ease}.status-indicator.active{background:#10b981}.name-cell{cursor:pointer}.staff-name{font-weight:700;font-size:1.125rem;color:#1e293b;text-transform:capitalize;transition:color .2s ease}.name-cell:hover .staff-name{color:#667eea}.email-cell,.mobile-cell,.address-cell{color:#64748b;font-size:.875rem}.actions-cell{display:flex;gap:.5rem;align-items:center}.action-btn{padding:.5rem 1rem;border-radius:8px;font-size:.75rem;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.25rem}.activate-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.activate-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px)}.deactivate-btn{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.deactivate-btn:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-1px)}.delete-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;padding:.5rem}.delete-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px)}.no-results{text-align:center;padding:4rem 2rem}.no-results-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.no-results-icon{width:64px;height:64px;color:#cbd5e1}.no-results-title{font-size:1.25rem;font-weight:600;color:#475569}.no-results-subtitle{color:#64748b;font-size:.875rem}.modal-overlay{position:fixed;inset:0;background:linear-gradient(135deg,#0006,#0009);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;padding:1rem;z-index:50;animation:fadeIn .3s ease-out}.modal-container{background:#fff;border-radius:24px;box-shadow:0 25px 50px -12px #00000040;width:100%;max-width:32rem;max-height:90vh;overflow-y:auto;animation:slideUp .4s cubic-bezier(.34,1.56,.64,1)}.modal-header{background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem;border-radius:24px 24px 0 0;position:relative}.modal-header-content{display:flex;align-items:center;gap:1rem}.modal-icon{width:48px;height:48px;background:#fff3;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.modal-title{font-size:1.5rem;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.1)}.close-button{position:absolute;top:1.5rem;right:1.5rem;color:#fffc;padding:.5rem;border-radius:8px;transition:all .2s ease;border:none;background:#ffffff1a;cursor:pointer}.close-button:hover{color:#fff;background:#fff3;transform:scale(1.05)}.modal-form{padding:2rem;display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:0}.form-label{font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.25rem}.form-input,.form-textarea{width:100%;padding:1rem 1.25rem;background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;font-size:.875rem;transition:all .3s cubic-bezier(.4,0,.2,1);outline:none}input{border:1px solid grey;padding:10px;border-radius:10px}.form-input:focus,.form-textarea:focus{border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea1a;transform:translateY(-1px)}.form-textarea{resize:vertical;min-height:100px}.form-actions{display:flex;gap:1rem;padding-top:1rem;border-top:1px solid #f1f5f9}.btn-cancel{flex:1;padding:1rem 1.5rem;background:#f3f4f6;color:#374151;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-cancel:hover{background:#e5e7eb;transform:translateY(-1px)}.btn-submit{flex:1;padding:1rem 1.5rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 6px #10b9814d}.btn-submit:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 8px 15px #10b98166}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){.main-title{font-size:2rem}.stats-grid{grid-template-columns:1fr}.controls-section{flex-direction:column;align-items:stretch}.search-container{min-width:auto}.action-buttons{justify-content:center}.actions-cell{flex-direction:column;gap:.25rem}.modal-container{margin:1rem;max-width:calc(100vw - 2rem)}.modal-form,.modal-header{padding:1.5rem}}@media (max-width: 640px){.staff-table th,.staff-table td{padding:.75rem;font-size:.75rem}.staff-name{font-size:1rem}.stat-value{font-size:1.5rem}}*{box-sizing:border-box}.staff-container{min-height:100vh;background:#fff;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.back-btn{display:inline-flex;align-items:center;gap:8px;background:#000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;padding:12px 20px;border-radius:12px;font-size:14px;font-weight:500;cursor:pointer;border:1px solid rgba(255,255,255,.2);margin-bottom:24px;transition:all .3s ease}.back-btn:hover{background:#ffffff40;transform:translateY(-2px)}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;color:#fff}.loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top:3px solid white;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.staff-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:32px;margin-bottom:24px;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a}.staff-header{display:flex;align-items:center;gap:24px;margin-bottom:32px}.staff-img{width:120px;height:120px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#f093fb,#f5576c);display:flex;align-items:center;justify-content:center;border:4px solid rgba(255,255,255,.8);box-shadow:0 8px 24px #00000026}.staff-img img{width:100%;height:100%;object-fit:cover}.staff-placeholder{color:#fff;display:flex;align-items:center;justify-content:center}.staff-info h1{margin:0 0 8px;font-size:28px;font-weight:700;color:#2d3748}.staff-info .role{color:#718096;font-size:16px;margin:0 0 12px;font-weight:500}.staff-badge{display:inline-block;background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;padding:6px 16px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.detail-item{display:flex;align-items:flex-start;gap:16px;padding:20px;background:#fff9;border-radius:16px;border:1px solid rgba(255,255,255,.3)}.detail-icon{width:44px;height:44px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.detail-content h3{margin:0 0 4px;font-size:12px;color:#a0aec0;text-transform:uppercase;font-weight:600;letter-spacing:.5px}.detail-content p{margin:0;font-size:16px;color:#2d3748;font-weight:500;word-break:break-word}.tabs-container{margin-bottom:24px}.tabs{display:flex;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:6px;gap:12px;border:1px solid rgba(255,255,255,.2)}.tab-button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border:1px solid black;background:#fff;color:#000000b3;border-radius:12px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.tab-button.active{background:#000000f2;color:#fff;box-shadow:0 4px 12px #0000001a}.tab-button:hover:not(.active){background:#ffffff1a;color:#000}.content-section{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:32px;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.section-header h2{margin:0;font-size:24px;font-weight:700;color:#2d3748}.filter-container{display:flex;align-items:center;gap:12px}.filter-container label{font-size:14px;font-weight:500;color:#4a5568}.month-input{padding:10px 16px;border:2px solid #e2e8f0;border-radius:12px;font-size:14px;background:#fff;color:#2d3748;transition:border-color .3s ease}.month-input:focus{outline:none;border-color:#667eea}.attendance-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.stat-card{display:flex;align-items:center;gap:16px;padding:24px;border-radius:16px;border:1px solid rgba(255,255,255,.3);transition:transform .3s ease}.stat-card:hover{transform:translateY(-4px)}.stat-card.present{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff}.stat-card.absent{background:linear-gradient(135deg,#f56565,#e53e3e);color:#fff}.stat-card.total{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.stat-icon{width:48px;height:48px;background:#fff3;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-content h3{margin:0 0 4px;font-size:14px;font-weight:500;opacity:.9}.stat-number{margin:0;font-size:28px;font-weight:700}.stat-label{font-size:12px;opacity:.8;font-weight:500}.leave-cards{display:grid;gap:16px}.leave-card{background:#fff9;border:1px solid rgba(255,255,255,.3);border-radius:16px;padding:24px;transition:transform .3s ease}.leave-card:hover{transform:translateY(-2px)}.leave-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px}.leave-type{font-size:18px;font-weight:600;color:#2d3748}.leave-status{padding:6px 16px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.leave-status.approved{background:#c6f6d5;color:#22543d}.leave-status.pending{background:#fef5e7;color:#744210}.leave-status.rejected{background:#fed7d7;color:#742a2a}.leave-details{display:grid;gap:16px}.leave-dates{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.date-item{display:flex;flex-direction:column;gap:4px}.date-label,.duration-label,.reason-label{font-size:12px;color:#a0aec0;text-transform:uppercase;font-weight:600;letter-spacing:.5px}.date-value,.duration-value{font-size:14px;color:#2d3748;font-weight:500}.leave-duration{display:flex;flex-direction:column;gap:4px}.leave-reason{display:flex;flex-direction:column;gap:8px}.reason-text{margin:0;font-size:14px;color:#4a5568;line-height:1.5}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;color:#718096}.empty-state svg{margin-bottom:16px;opacity:.6}.empty-state h3{margin:0 0 8px;font-size:18px;font-weight:600;color:#4a5568}.empty-state p{margin:0;font-size:14px;max-width:300px}@media (max-width: 768px){.staff-container{padding:16px}.staff-card,.content-section{padding:24px}.staff-header{flex-direction:column;text-align:center;gap:16px}.detail-grid{grid-template-columns:1fr}.section-header{flex-direction:column;align-items:stretch}.attendance-cards,.leave-dates{grid-template-columns:1fr}.leave-header{flex-direction:column;align-items:stretch}}.attendance-container[data-v-14d1d53b]{min-height:100vh;background:#fff;padding:2rem;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.header-section[data-v-14d1d53b]{text-align:center;background:#dc0071;padding:10px 15px;border-radius:15px}.page-title[data-v-14d1d53b]{font-size:18px;font-weight:500;background:linear-gradient(135deg,#fff,#f0f0f0);color:#fff;-webkit-background-clip:text;background-clip:text}.page-subtitle[data-v-14d1d53b]{color:#000;font-size:1.1rem;font-weight:400}.filters-card[data-v-14d1d53b]{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:2rem;margin-bottom:2rem;box-shadow:0 8px 32px #0000001a}.filters-grid[data-v-14d1d53b]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;align-items:end}.filter-group[data-v-14d1d53b]{display:flex;flex-direction:column}.filter-label[data-v-14d1d53b]{color:#000000e6;font-size:.875rem;font-weight:600;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.filter-select[data-v-14d1d53b],.filter-input[data-v-14d1d53b]{background:#ffffffe6;border:1px solid rgb(135,135,135);border-radius:12px;padding:.75rem 1rem;font-size:1rem;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.filter-select[data-v-14d1d53b]:focus,.filter-input[data-v-14d1d53b]:focus{outline:none;border-color:#fff9;box-shadow:0 0 0 3px #ffffff1a;transform:translateY(-2px)}.filter-button[data-v-14d1d53b]{background:#ff61b1;color:#fff;border:none;border-radius:12px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 15px #4facfe4d}.filter-button[data-v-14d1d53b]:hover{transform:translateY(-2px);box-shadow:0 8px 25px #4facfe66}.button-icon[data-v-14d1d53b]{width:1.25rem;height:1.25rem}.stats-grid[data-v-14d1d53b]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card[data-v-14d1d53b]{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:all .3s ease;box-shadow:0 8px 32px #0000001a}.stat-card[data-v-14d1d53b]:hover{transform:translateY(-5px);box-shadow:0 15px 40px #00000026}.stat-icon[data-v-14d1d53b]{width:3rem;height:3rem;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.stat-icon.present[data-v-14d1d53b]{background:linear-gradient(135deg,#4ade80,#22c55e)}.stat-icon.absent[data-v-14d1d53b]{background:linear-gradient(135deg,#f87171,#ef4444)}.stat-icon.total[data-v-14d1d53b]{background:linear-gradient(135deg,#60a5fa,#3b82f6)}.stat-icon svg[data-v-14d1d53b]{width:1.5rem;height:1.5rem}.stat-number[data-v-14d1d53b]{font-size:2rem;font-weight:700;color:#000;line-height:1}.stat-label[data-v-14d1d53b]{color:#000c;font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.table-card[data-v-14d1d53b]{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:20px;overflow:hidden;box-shadow:0 8px 32px #0000001a}.table-header[data-v-14d1d53b]{padding:1.5rem 2rem;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.table-title[data-v-14d1d53b]{color:#000;font-size:1.25rem;font-weight:600;margin:0}.legend[data-v-14d1d53b]{display:flex;gap:1.5rem;flex-wrap:wrap}.legend-item[data-v-14d1d53b]{display:flex;align-items:center;gap:.5rem;color:#000;font-size:.875rem}.legend-dot[data-v-14d1d53b]{width:.75rem;height:.75rem;border-radius:50%}.legend-dot.present[data-v-14d1d53b]{background:#22c55e}.legend-dot.absent[data-v-14d1d53b]{background:#ef4444}.legend-dot.weekend[data-v-14d1d53b]{background:#f59e0b}.table-container[data-v-14d1d53b]{overflow-x:auto;max-height:70vh}.attendance-table[data-v-14d1d53b]{width:100%;border-collapse:collapse;min-width:800px}tr[data-v-14d1d53b]{border-bottom:1px solid #ccc7c7}.staff-header[data-v-14d1d53b]{background:#fff;color:#000;padding:1rem;text-align:left;font-weight:600;position:sticky;left:0;height:72.8px;z-index:10;min-width:200px;border-right:1px solid rgba(255,255,255,.1)}.day-header[data-v-14d1d53b]{background:#ffffff1a;color:#000;padding:.75rem .5rem;text-align:center;font-weight:600;min-width:60px;border-right:1px solid rgba(255,255,255,.05)}.day-header.weekend[data-v-14d1d53b]{background:#f59e0b33}.day-content[data-v-14d1d53b]{display:flex;flex-direction:column;gap:.25rem}.day-number[data-v-14d1d53b]{font-size:1rem;font-weight:700}.day-name[data-v-14d1d53b]{font-size:.75rem;opacity:.8}.staff-row[data-v-14d1d53b]{border-bottom:1px solid rgba(255,255,255,.05);transition:all .3s ease}.staff-row[data-v-14d1d53b]:hover{background:#ffffff0d}.staff-cell[data-v-14d1d53b]{background:#fff;padding:1rem;position:sticky;left:0;z-index:5;border-right:1px solid rgba(255,255,255,.1)}.staff-info[data-v-14d1d53b]{display:flex;align-items:center;gap:.75rem}.staff-avatar[data-v-14d1d53b]{width:2.5rem;height:2.5rem;border-radius:50%;background:linear-gradient(135deg,#4facfe,#00f2fe);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.875rem}.staff-name[data-v-14d1d53b]{color:#000;font-weight:500}.attendance-cell[data-v-14d1d53b]{padding:.75rem .5rem;text-align:center;border-right:1px solid rgba(255,255,255,.05)}.attendance-cell.weekend[data-v-14d1d53b]{background:#f59e0b1a}.attendance-indicator[data-v-14d1d53b]{display:flex;justify-content:center;align-items:center}.status-dot[data-v-14d1d53b]{width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;cursor:pointer}.status-dot.present[data-v-14d1d53b]{background:linear-gradient(135deg,#4ade80,#22c55e);color:#fff}.status-dot.absent[data-v-14d1d53b]{background:linear-gradient(135deg,#f87171,#ef4444);color:#fff}.status-dot[data-v-14d1d53b]:hover{transform:scale(1.1);box-shadow:0 4px 15px #0003}.status-dot svg[data-v-14d1d53b]{width:1rem;height:1rem}.empty-state[data-v-14d1d53b]{text-align:center;padding:4rem 2rem;color:#fffc}.empty-icon[data-v-14d1d53b]{width:4rem;height:4rem;margin:0 auto 1rem;opacity:.5}.empty-icon svg[data-v-14d1d53b]{width:100%;height:100%}.empty-title[data-v-14d1d53b]{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;color:#fff}.empty-description[data-v-14d1d53b]{font-size:1rem;opacity:.8}@media (max-width: 768px){.attendance-container[data-v-14d1d53b]{padding:1rem}.page-title[data-v-14d1d53b]{font-size:2rem}.filters-grid[data-v-14d1d53b],.stats-grid[data-v-14d1d53b]{grid-template-columns:1fr}.table-header[data-v-14d1d53b]{flex-direction:column;align-items:flex-start}.legend[data-v-14d1d53b]{justify-content:center}.staff-header[data-v-14d1d53b],.staff-cell[data-v-14d1d53b]{min-width:150px}}.staff-leaves-container[data-v-1c6360f0]{padding:2rem;background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.header-section[data-v-1c6360f0]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;background:#dc0071;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:10px;border:1px solid rgba(255,255,255,.2)}.page-title[data-v-1c6360f0]{font-size:18px;font-weight:600;color:#fff;margin:0;-webkit-background-clip:text;background-clip:text}.stats-bar[data-v-1c6360f0]{display:flex;gap:2rem}.stat-item[data-v-1c6360f0]{display:flex;gap:10px;align-items:center;padding:4px 10px;background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;min-width:100px}.stat-number[data-v-1c6360f0]{font-size:16px;font-weight:700;color:#3b82f6}.stat-label[data-v-1c6360f0]{font-size:.875rem;color:#64748b;margin-top:.25rem}.table-container[data-v-1c6360f0]{background:#fff;border-radius:16px;box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a;overflow:hidden}.table-wrapper[data-v-1c6360f0]{overflow-x:auto}.modern-table[data-v-1c6360f0]{width:100%;border-collapse:collapse}.modern-table thead[data-v-1c6360f0]{background:linear-gradient(135deg,#ff61b1,#fa1a8e)}.modern-table th[data-v-1c6360f0]{padding:1.25rem 1rem;text-align:left;font-weight:600;color:#fff;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;border:none}.table-row[data-v-1c6360f0]{transition:all .2s ease;border-bottom:1px solid #e2e8f0}.table-row[data-v-1c6360f0]:hover{background:#f8fafc;transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.modern-table td[data-v-1c6360f0]{padding:1rem;border:none;vertical-align:middle}.row-number[data-v-1c6360f0]{font-weight:600;color:#64748b;width:60px}.name-avatar[data-v-1c6360f0]{display:flex;align-items:center;gap:.75rem}.avatar[data-v-1c6360f0]{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem}.staff-name[data-v-1c6360f0]{font-weight:600;color:#1e293b}.leave-type-badge[data-v-1c6360f0]{background:#e0f2fe;color:#0369a1;padding:.375rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.025em}.date-cell[data-v-1c6360f0]{color:#475569;font-weight:500}.reason-cell[data-v-1c6360f0]{max-width:200px}.reason-text[data-v-1c6360f0]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#64748b}.status-badge[data-v-1c6360f0]{padding:.5rem 1rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.status-pending[data-v-1c6360f0]{background:#fef3c7;color:#d97706}.status-approved[data-v-1c6360f0]{background:#d1fae5;color:#059669}.status-rejected[data-v-1c6360f0]{background:#fee2e2;color:#dc2626}.action-cell[data-v-1c6360f0]{width:200px}.action-buttons[data-v-1c6360f0]{display:flex;gap:.5rem}.btn[data-v-1c6360f0]{display:flex;align-items:center;gap:.375rem;padding:.5rem 1rem;border:none;border-radius:8px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.025em}.btn-icon[data-v-1c6360f0]{width:14px;height:14px}.btn-approve[data-v-1c6360f0]{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-approve[data-v-1c6360f0]:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 12px #10b98166}.btn-reject[data-v-1c6360f0]{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.btn-reject[data-v-1c6360f0]:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px);box-shadow:0 4px 12px #ef444466}.action-completed[data-v-1c6360f0]{color:#64748b;font-style:italic;font-size:.875rem}@media (max-width: 768px){.staff-leaves-container[data-v-1c6360f0]{padding:1rem}.header-section[data-v-1c6360f0]{flex-direction:column;align-items:flex-start}.stats-bar[data-v-1c6360f0]{width:100%;justify-content:space-around}.modern-table th[data-v-1c6360f0],.modern-table td[data-v-1c6360f0]{padding:.75rem .5rem;font-size:.875rem}.action-buttons[data-v-1c6360f0]{flex-direction:column}.name-avatar[data-v-1c6360f0]{flex-direction:column;gap:.5rem;text-align:center}}.late-entries-container[data-v-17114ce8]{min-height:100vh;background:#fff;padding:2rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.header-section[data-v-17114ce8]{display:flex;justify-content:space-between;align-items:center;background:#dc0071;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:7px 20px;border-radius:15px;flex-wrap:wrap;gap:1rem}.page-title[data-v-17114ce8]{font-size:18px;font-weight:600;margin:0 0 .5rem;color:#fff}.page-subtitle[data-v-17114ce8]{font-size:1.1rem;opacity:.9;margin:0}.stats-card[data-v-17114ce8]{background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:10px;border:1px solid rgba(255,255,255,.3);color:#fff;text-align:center;min-width:150px;display:flex;flex-direction:row;align-items:center;gap:12px}.stat-number[data-v-17114ce8]{display:block;font-size:15px;font-weight:700;margin-bottom:.5rem;color:#000}.stat-label[data-v-17114ce8]{font-size:.9rem;opacity:.9}.form-container[data-v-17114ce8]{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2rem;margin-bottom:2rem;box-shadow:0 20px 40px #0000001a;border:1px solid rgba(255,255,255,.3)}.form-header[data-v-17114ce8]{margin-bottom:1.5rem}.form-title[data-v-17114ce8]{font-size:1.5rem;font-weight:600;color:#2d3748;margin:0}.form-grid[data-v-17114ce8]{display:flex;gap:20px;align-items:flex-start}.reason-group[data-v-17114ce8]{width:40%}.reason-group[data-v-17114ce8]{grid-column:1 / -1}.form-group[data-v-17114ce8]{display:flex;flex-direction:column}.form-label[data-v-17114ce8]{font-weight:600;color:#4a5568;margin-bottom:.5rem;font-size:.9rem}.select-wrapper[data-v-17114ce8]{position:relative}.form-select[data-v-17114ce8],.form-textarea[data-v-17114ce8]{width:100%;padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;transition:all .3s ease;background:#fff}.form-select[data-v-17114ce8]:focus,.form-textarea[data-v-17114ce8]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-textarea[data-v-17114ce8]{resize:vertical;min-height:47px;height:47px}.form-actions[data-v-17114ce8]{display:flex;justify-content:flex-end}.submit-btn[data-v-17114ce8]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:15px 10px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;margin-top:21px}.submit-btn[data-v-17114ce8]:hover{transform:translateY(-2px);box-shadow:0 10px 25px #667eea4d}.btn-icon[data-v-17114ce8]{font-size:1.1rem}.table-container[data-v-17114ce8]{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2rem;box-shadow:0 20px 40px #0000001a;border:1px solid rgba(255,255,255,.3)}.table-header[data-v-17114ce8]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.table-title[data-v-17114ce8]{font-size:1.5rem;font-weight:600;color:#2d3748;margin:0}.table-info[data-v-17114ce8]{display:flex;align-items:center;gap:1rem}.entry-count[data-v-17114ce8]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:500}.table-wrapper[data-v-17114ce8]{overflow-x:auto;border-radius:12px;border:1px solid #e2e8f0}.late-table[data-v-17114ce8]{width:100%;border-collapse:collapse;background:#fff}.late-table th[data-v-17114ce8]{background:linear-gradient(135deg,#f7fafc,#edf2f7);padding:1rem;text-align:left;font-weight:600;color:#2d3748;border-bottom:2px solid #e2e8f0;font-size:.9rem}.table-row[data-v-17114ce8]{transition:all .3s ease}.table-row[data-v-17114ce8]:hover{background:linear-gradient(135deg,#f7fafc,#edf2f7);transform:scale(1.01)}.late-table td[data-v-17114ce8]{padding:1rem;border-bottom:1px solid #e2e8f0;vertical-align:middle}.row-number[data-v-17114ce8]{font-weight:600;color:#667eea;text-align:center;width:60px}.student-info[data-v-17114ce8]{display:flex;align-items:center;gap:.75rem}.student-avatar[data-v-17114ce8]{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.1rem}.class-cell[data-v-17114ce8],.section-cell[data-v-17114ce8]{font-weight:500;color:#4a5568}.reason-cell[data-v-17114ce8]{max-width:200px;word-wrap:break-word;color:#2d3748}.date-cell[data-v-17114ce8]{color:#718096;font-size:.9rem;white-space:nowrap}.empty-state[data-v-17114ce8]{text-align:center;padding:3rem 2rem;color:#718096}.empty-icon[data-v-17114ce8]{font-size:4rem;margin-bottom:1rem}.empty-state h3[data-v-17114ce8]{font-size:1.5rem;color:#4a5568;margin-bottom:.5rem}.empty-state p[data-v-17114ce8]{font-size:1rem;margin:0}@media (max-width: 768px){.late-entries-container[data-v-17114ce8]{padding:1rem}.page-title[data-v-17114ce8]{font-size:2rem}.header-section[data-v-17114ce8]{flex-direction:column;text-align:center}.form-grid[data-v-17114ce8]{grid-template-columns:1fr}.table-header[data-v-17114ce8]{flex-direction:column;align-items:stretch}.late-table th[data-v-17114ce8],.late-table td[data-v-17114ce8]{padding:.75rem .5rem;font-size:.9rem}.student-info[data-v-17114ce8]{flex-direction:column;gap:.5rem;text-align:center}.reason-cell[data-v-17114ce8]{max-width:150px}}@media (max-width: 480px){.form-container[data-v-17114ce8],.table-container[data-v-17114ce8]{padding:1rem}.student-avatar[data-v-17114ce8]{width:32px;height:32px;font-size:1rem}}[data-v-351cbd06]:host,.page[data-v-351cbd06]{--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-bg: #ffffff;--color-text: #0f172a;--color-border: #e2e8f0;color:var(--color-text);background:transparent}.page[data-v-351cbd06]{padding:2rem}.heading[data-v-351cbd06]{font-size:18px;line-height:1.25;font-weight:600;color:#fff}.subheading[data-v-351cbd06]{font-size:18px;line-height:1.35;font-weight:600;margin:0 0 12px}.modal[data-v-351cbd06]{background:#fff;border-radius:var(--radius);border-radius:25px;width:100%;max-width:420px;box-shadow:var(--shadow);padding:10px}.card[data-v-351cbd06]{border:1px solid var(--color-border);border-radius:12px;padding:16px}.field[data-v-351cbd06]{width:50%}.actions[data-v-351cbd06]{width:100%!important;padding:20px 0}.form-row[data-v-351cbd06]{display:flex;gap:16px;align-items:flex-end;justify-content:space-between}.textarea[data-v-351cbd06]{height:42px}@media (min-width: 640px){.form-row[data-v-351cbd06]{grid-template-columns:1fr 1fr}}.field[data-v-351cbd06]{display:grid;gap:8px}.label[data-v-351cbd06]{font-size:14px;font-weight:600}.input[data-v-351cbd06],.textarea[data-v-351cbd06]{width:100%;border:1px solid var(--color-border);border-radius:10px;padding:10px 12px;font-size:14px;line-height:1.5;transition:border-color .16s ease,outline-color .16s ease,box-shadow .16s ease;background:#fff}.input[data-v-351cbd06]::placeholder,.textarea[data-v-351cbd06]::placeholder{color:#0f172a8c}.input[data-v-351cbd06]:focus,.textarea[data-v-351cbd06]:focus{outline:2px solid var(--color-primary);outline-offset:2px;border-color:var(--color-primary)}.error[data-v-351cbd06]{color:var(--color-primary-hover);font-size:13px}.but-space[data-v-351cbd06]{display:flex;gap:5px;align-items:center;justify-content:space-around;padding:10px}.button[data-v-351cbd06]{appearance:none;border:1px solid transparent;border-radius:10px;padding:10px 14px;font-weight:600;font-size:14px;line-height:1.2;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform 80ms ease}.button[data-v-351cbd06]:disabled{opacity:.6;cursor:not-allowed}.header-section[data-v-351cbd06]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;background:#dc0071;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:10px;border:1px solid rgba(255,255,255,.2)}.button--primary[data-v-351cbd06]{background:#ff61b1;color:#fff}.button--primary[data-v-351cbd06]:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px)}.button--ghost[data-v-351cbd06]{background:transparent;color:var(--color-text);border-color:var(--color-border)}.button--ghost[data-v-351cbd06]:hover:not(:disabled){border-color:var(--color-primary)}.spinner[data-v-351cbd06]{display:inline-block;position:relative;padding-left:22px}.spinner[data-v-351cbd06]:before{content:"";position:absolute;left:0;top:2px;width:14px;height:14px;border:2px solid #fff;border-right-color:transparent;border-radius:50%;animation:spin-351cbd06 .7s linear infinite}@keyframes spin-351cbd06{to{transform:rotate(360deg)}}.table-wrap[data-v-351cbd06]{width:100%;overflow-x:auto;border-radius:10px;border:1px solid var(--color-border)}.table[data-v-351cbd06]{width:100%;border-collapse:collapse;min-width:640px}.table thead[data-v-351cbd06]{background:#ff61b1}.th[data-v-351cbd06],.td[data-v-351cbd06]{text-align:left;padding:10px 12px;border-bottom:1px solid var(--color-border);font-size:14px}thead th[data-v-351cbd06]{font-weight:700;padding:10px;text-align:start}.tr:nth-child(2n) .td[data-v-351cbd06]{background:#fcfdff}.state[data-v-351cbd06]{padding:12px 4px 0}.muted[data-v-351cbd06]{color:#0f172ab3;font-size:14px}.actions[data-v-351cbd06]{display:flex;justify-content:flex-end;gap:8px}.modal-overlay[data-v-f218adb3]{position:fixed;inset:0;background:#11182799;display:flex;align-items:center;justify-content:center;z-index:50;transition:opacity .3s}.badge-scale-enter-active[data-v-f218adb3],.badge-scale-leave-active[data-v-f218adb3]{transition:transform .3s}.badge-scale-enter-from[data-v-f218adb3],.badge-scale-leave-to[data-v-f218adb3]{transform:scale(.8)}.badge-scale-enter-to[data-v-f218adb3],.badge-scale-leave-from[data-v-f218adb3]{transform:scale(1)}.add-bus-form input[data-v-f218adb3],.modal form input[data-v-f218adb3]{margin-bottom:10px;padding:8px 12px;border-radius:10px;border:1px solid #ccc;width:100%}.add-bus-form button[data-v-f218adb3],.modal form button[data-v-f218adb3]{padding:8px 12px;border-radius:10px;border:none;background-color:#ff61b1;color:#fff;cursor:pointer;margin-right:5px}.modal[data-v-f218adb3]{background:#fff!important;border-radius:25px;width:100%;max-width:420px;padding:20px;box-shadow:0 6px 18px #11182714}.header-title-section[data-v-f218adb3]{display:flex;justify-content:space-between;align-items:center;background:#dc0071;padding:10px 15px;border-radius:20px;color:#fff}.badge.highlight[data-v-f218adb3]{background-color:#fc0;color:#000;padding:2px 6px;border-radius:4px;margin-left:5px;font-size:.8em}[data-v-f218adb3]:root{--c-primary: #2563eb;--c-accent: #f59e0b;--c-white: #ffffff;--c-subtle: #f3f4f6;--c-ink: #111827;--radius: 10px;--shadow: 0 6px 18px rgba(17, 24, 39, .08);--ring: 0 0 0 3px rgba(37, 99, 235, .15);--border: 1px solid rgba(17, 24, 39, .12)}.header[data-v-f218adb3]{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.title[data-v-f218adb3]{font-size:18px;font-weight:600;color:#fff}input[data-v-f218adb3],button[data-v-f218adb3]{padding:5px 10px;border-radius:10px;margin-right:10px;border:0;background:#fff}.badge[data-v-f218adb3]{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 8px;border-radius:999px;background:var(--c-subtle);color:var(--c-ink);font-weight:600}.card[data-v-f218adb3]{background:var(--c-white);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;margin-top:16px}.card__header[data-v-f218adb3]{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.card__title[data-v-f218adb3]{font-size:16px;font-weight:600;margin:0}.form[data-v-f218adb3]{display:grid;gap:12px}.form__row[data-v-f218adb3]{display:grid;gap:6px}thead[data-v-f218adb3]{background:#ff61b1}.label[data-v-f218adb3]{font-weight:600;font-size:13px}.input[data-v-f218adb3]{width:100%;height:36px;padding:8px 12px;border-radius:8px;border:var(--border);background:var(--c-white);color:var(--c-ink)}.input[data-v-f218adb3]:focus{outline:none;box-shadow:var(--ring);border-color:transparent}.btn[data-v-f218adb3]{border:none;border-radius:8px;padding:8px 14px;font-weight:600;cursor:pointer}.header-title-section[data-v-f218adb3]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;background:#dc0071;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:10px;border:1px solid rgba(255,255,255,.2)}.btn--primary[data-v-f218adb3]{background:#ff61b1;color:#fff}.error[data-v-f218adb3]{margin-top:8px;color:var(--c-accent);font-weight:600}.table-wrap[data-v-f218adb3]{width:100%;overflow-x:auto;border-radius:8px;border:var(--border)}.table[data-v-f218adb3]{width:100%;border-collapse:collapse;background:var(--c-white);min-width:520px}.table thead th[data-v-f218adb3]{text-align:left;background:var(--c-subtle);padding:10px 12px;font-size:13px;font-weight:700}.table tbody td[data-v-f218adb3]{padding:10px 12px;border-top:var(--border);font-size:14px}.cell--index[data-v-f218adb3]{width:48px;color:#111827bf}.cell--bold[data-v-f218adb3]{font-weight:600}.link[data-v-f218adb3]{color:var(--c-primary);text-decoration:none;border-bottom:1px solid rgba(37,99,235,.35)}.muted[data-v-f218adb3]{color:#1118278c}.empty[data-v-f218adb3]{text-align:center;color:#111827b3;padding:12px 0 4px}.status[data-v-f218adb3]{font-size:13px;color:#111827b3}.bus-page[data-v-f218adb3],.transfered-students[data-v-8fccba88]{padding:2rem}.page-title[data-v-8fccba88]{font-size:22px;font-weight:700;margin-bottom:15px;color:#333}.loading[data-v-8fccba88],.no-data[data-v-8fccba88]{text-align:center;margin-top:20px;font-size:16px;color:#777}.student-list[data-v-8fccba88]{display:flex;flex-direction:column;gap:15px}.student-card[data-v-8fccba88]{background:#fff;padding:15px;border-radius:10px;box-shadow:0 2px 6px #0000001a;display:flex;justify-content:space-between;align-items:center;transition:.3s ease}.student-card[data-v-8fccba88]:hover{transform:translateY(-3px);box-shadow:0 4px 10px #00000026}.student-info[data-v-8fccba88]{display:flex;gap:15px;align-items:center}.student-avatar[data-v-8fccba88]{width:60px;height:60px;border-radius:50%;object-fit:cover;border:2px solid #ddd}.student-name[data-v-8fccba88]{font-size:18px;font-weight:700;color:#222}.student-roll[data-v-8fccba88],.student-transfer[data-v-8fccba88],.student-reason[data-v-8fccba88],.student-behavior[data-v-8fccba88]{font-size:14px;color:#555}.student-actions[data-v-8fccba88]{display:flex;flex-direction:row-reverse;align-items:center;gap:57px;width:60%}.rejoin-btn[data-v-8fccba88]{background:#2196f3;color:#fff;border:none;padding:6px 12px;cursor:pointer;border-radius:6px;transition:.3s}.rejoin-btn[data-v-8fccba88]:hover{background:#1976d2}.rejoin-form[data-v-8fccba88]{margin-top:10px;background:#f9f9f9;padding:12px;border-radius:6px;border:1px dashed #ccc;width:80%;display:flex;flex-direction:row;gap:8px;align-items:center}.rejoin-form label[data-v-8fccba88]{font-size:13px;font-weight:700;color:#333}.rejoin-form select[data-v-8fccba88],.rejoin-form input[data-v-8fccba88]{padding:6px;border:1px solid #ccc;border-radius:4px;width:28%}.confirm-btn[data-v-8fccba88]{background:#4caf50;color:#fff;border:none;padding:6px 10px;cursor:pointer;border-radius:4px;margin-top:5px}.confirm-btn[data-v-8fccba88]:hover{background:#388e3c}.fade-enter-active[data-v-8fccba88],.fade-leave-active[data-v-8fccba88]{transition:opacity .3s}.fade-enter-from[data-v-8fccba88],.fade-leave-to[data-v-8fccba88]{opacity:0}.page-header[data-v-e6ec387f]{display:flex;align-items:center;gap:10px}.back-btn[data-v-e6ec387f]{padding:6px 12px;background:#ddd;border-radius:6px;cursor:pointer}.search-input[data-v-e6ec387f]{width:100%;padding:10px;margin:15px 0;border:1px solid #ccc;border-radius:6px}.empty[data-v-e6ec387f]{text-align:center;margin-top:20px;color:gray}h2.text-white[data-v-e6ec387f]{color:#fff;font-weight:600}.bus-student-page[data-v-e6ec387f]{padding:2rem}