.auth-page[data-v-15c5e999]{min-height:100vh;display:flex}.auth-container[data-v-15c5e999]{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;background:var(--light)}.auth-decoration[data-v-15c5e999]{flex:1;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;padding:3rem;position:relative;overflow:hidden}.decoration-content[data-v-15c5e999]{position:relative;color:#fff;max-width:380px}.decoration-content h2[data-v-15c5e999]{font-size:2rem;font-weight:700;margin-bottom:.75rem}.decoration-content p[data-v-15c5e999]{font-size:1rem;opacity:.9;margin-bottom:1.5rem}.features-list[data-v-15c5e999]{list-style:none;padding:0}.features-list li[data-v-15c5e999]{display:flex;align-items:center;gap:.75rem;padding:.625rem 0;font-size:.875rem;opacity:.9}.auth-card[data-v-15c5e999]{width:100%;max-width:380px;background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:2rem}.auth-header[data-v-15c5e999]{text-align:center;margin-bottom:1.5rem}.logo-icon[data-v-15c5e999]{color:var(--primary);margin-bottom:.5rem}.auth-title[data-v-15c5e999]{font-size:1.5rem;font-weight:700;color:var(--primary);margin-bottom:.25rem}.auth-subtitle[data-v-15c5e999]{color:var(--secondary);font-size:.875rem}.password-field[data-v-15c5e999]{position:relative}.password-toggle[data-v-15c5e999]{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--secondary);padding:0}.password-toggle[data-v-15c5e999]:hover{color:var(--text)}.form-actions[data-v-15c5e999]{display:flex;justify-content:flex-end;margin-bottom:1rem}.forgot-link[data-v-15c5e999]{font-size:.8125rem;color:var(--primary);text-decoration:none}.forgot-link[data-v-15c5e999]:hover{text-decoration:underline}.btn-block[data-v-15c5e999]{width:100%}.auth-divider[data-v-15c5e999]{display:flex;align-items:center;margin:1.25rem 0}.auth-divider[data-v-15c5e999]:before,.auth-divider[data-v-15c5e999]:after{content:"";flex:1;height:1px;background:var(--border)}.auth-divider span[data-v-15c5e999]{padding:0 .75rem;color:var(--secondary);font-size:.8125rem}.auth-footer[data-v-15c5e999]{text-align:center}.auth-footer p[data-v-15c5e999]{color:var(--secondary);font-size:.875rem;margin-bottom:.625rem}.mobile-note[data-v-15c5e999]{display:flex;align-items:center;justify-content:center;gap:.375rem;margin-top:.75rem;padding:.625rem;background:var(--light);border-radius:var(--radius);font-size:.75rem!important;color:var(--text-light)!important}@media(max-width:1024px){.auth-decoration[data-v-15c5e999]{display:none}.auth-container[data-v-15c5e999]{background:linear-gradient(135deg,#6366f1,#8b5cf6)}}.auth-page[data-v-13fe20b9]{min-height:100vh;display:flex}.auth-container[data-v-13fe20b9]{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;background:var(--light)}.auth-decoration[data-v-13fe20b9]{flex:1;background:linear-gradient(135deg,#10b981,#059669);display:flex;align-items:center;justify-content:center;padding:3rem}.decoration-content[data-v-13fe20b9]{color:#fff;max-width:380px}.decoration-content h2[data-v-13fe20b9]{font-size:2rem;font-weight:700;margin-bottom:.75rem}.decoration-content p[data-v-13fe20b9]{font-size:1rem;opacity:.9;margin-bottom:1.5rem}.features-list[data-v-13fe20b9]{list-style:none;padding:0}.features-list li[data-v-13fe20b9]{display:flex;align-items:center;gap:.75rem;padding:.625rem 0;font-size:.875rem;opacity:.9}.auth-card[data-v-13fe20b9]{width:100%;max-width:400px;background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:2rem}.auth-header[data-v-13fe20b9]{text-align:center;margin-bottom:1.5rem}.logo-icon[data-v-13fe20b9]{color:#10b981;margin-bottom:.5rem}.auth-title[data-v-13fe20b9]{font-size:1.5rem;font-weight:700;color:#10b981;margin-bottom:.25rem}.auth-subtitle[data-v-13fe20b9]{color:var(--secondary);font-size:.875rem}.btn-block[data-v-13fe20b9]{width:100%}.mobile-notice[data-v-13fe20b9]{display:flex;gap:.75rem;padding:.875rem;background:#ecfdf5;border-radius:var(--radius);margin-top:1.25rem;border:1px solid #6ee7b7;color:#065f46}.mobile-notice p[data-v-13fe20b9]{font-size:.75rem;margin:0}.auth-footer[data-v-13fe20b9]{text-align:center;margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--border)}.auth-footer p[data-v-13fe20b9]{font-size:.875rem;color:var(--secondary);margin-bottom:.375rem}.auth-footer a[data-v-13fe20b9]{color:var(--primary);text-decoration:none;font-weight:500}.admin-note[data-v-13fe20b9]{font-size:.75rem!important;color:var(--text-light)!important}@media(max-width:1024px){.auth-decoration[data-v-13fe20b9]{display:none}.auth-container[data-v-13fe20b9]{background:linear-gradient(135deg,#10b981,#059669)}}.auth-page[data-v-2e36cccf]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);padding:2rem}.auth-container[data-v-2e36cccf]{width:100%;max-width:380px}.auth-card[data-v-2e36cccf]{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:2rem}.auth-header[data-v-2e36cccf]{text-align:center;margin-bottom:1.5rem}.logo-icon[data-v-2e36cccf]{color:var(--primary);margin-bottom:.5rem}.auth-title[data-v-2e36cccf]{font-size:1.5rem;font-weight:700;color:var(--primary);margin-bottom:.25rem}.auth-subtitle[data-v-2e36cccf]{color:var(--secondary);font-size:.875rem}.form-hint[data-v-2e36cccf]{color:var(--secondary);font-size:.8125rem;margin-bottom:1.25rem;line-height:1.5}.btn-block[data-v-2e36cccf]{width:100%}.auth-footer[data-v-2e36cccf]{text-align:center;margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--border)}.auth-footer p[data-v-2e36cccf]{font-size:.875rem;color:var(--secondary)}.auth-footer a[data-v-2e36cccf]{color:var(--primary);text-decoration:none;font-weight:500}.sidebar-footer[data-v-22850cfb]{padding:.75rem;border-top:1px solid rgba(255,255,255,.1)}.user-profile[data-v-22850cfb]{display:flex;align-items:center;gap:.625rem;padding:.625rem;margin-bottom:.5rem;background:#ffffff0d;border-radius:var(--radius)}.user-avatar[data-v-22850cfb]{width:32px;height:32px;border-radius:50%;background:var(--sidebar-active);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.75rem}.user-info[data-v-22850cfb]{display:flex;flex-direction:column}.user-info .user-name[data-v-22850cfb]{font-weight:500;font-size:.8125rem;color:#fff}.user-info .user-role[data-v-22850cfb]{font-size:.6875rem;color:#fff9}.logout-btn[data-v-22850cfb]{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .625rem;background:#ef444426;border:none;border-radius:var(--radius);color:#fca5a5;cursor:pointer;font-size:.8125rem;font-weight:500;transition:var(--transition)}.logout-btn[data-v-22850cfb]:hover{background:#ef444440}.header-left[data-v-22850cfb],.header-right[data-v-22850cfb]{display:flex;align-items:center;gap:.75rem}.academic-info[data-v-22850cfb]{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:var(--light);border-radius:var(--radius);font-size:.8125rem}.academic-year[data-v-22850cfb]{font-weight:600;color:var(--text)}.academic-term[data-v-22850cfb]{color:var(--primary);font-weight:500}.academic-term[data-v-22850cfb]:before{content:"•";margin-right:.5rem;color:var(--secondary)}.sidebar-overlay[data-v-22850cfb]{display:none;position:fixed;inset:0;background:#00000080;z-index:35;opacity:0;transition:opacity .3s}.sidebar-overlay.visible[data-v-22850cfb]{opacity:1}@media(max-width:1024px){.sidebar-overlay[data-v-22850cfb]{display:block;pointer-events:none}.sidebar-overlay.visible[data-v-22850cfb]{pointer-events:auto}}.dashboard[data-v-042f0657]{display:flex;flex-direction:column;gap:1.25rem}.charts-grid[data-v-042f0657]{display:grid;grid-template-columns:2fr 1fr;gap:1rem}.chart-container[data-v-042f0657]{height:250px}.chart-doughnut[data-v-042f0657]{height:220px}.grid-2[data-v-042f0657]{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1rem}.days-badge[data-v-042f0657]{padding:.125rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500}.days-badge.critical[data-v-042f0657]{background:#fee2e2;color:#991b1b}.days-badge.warning[data-v-042f0657]{background:#fef3c7;color:#92400e}.days-badge.good[data-v-042f0657]{background:#d1fae5;color:#065f46}@media(max-width:1024px){.charts-grid[data-v-042f0657]{grid-template-columns:1fr}}@media(max-width:900px){.grid-2[data-v-042f0657]{grid-template-columns:1fr}}.dashboard[data-v-f74aeff5]{display:flex;flex-direction:column;gap:1.5rem}.stats-grid[data-v-f74aeff5]{display:grid;gap:1rem}.stats-grid.primary[data-v-f74aeff5]{grid-template-columns:repeat(4,1fr)}.stats-grid.secondary[data-v-f74aeff5]{grid-template-columns:repeat(2,1fr)}.stat-card[data-v-f74aeff5]{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;display:flex;align-items:center;gap:1rem;transition:all .2s}.stat-card[data-v-f74aeff5]:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.stat-card.highlight[data-v-f74aeff5]{background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;color:#fff}.stat-card.highlight .stat-label[data-v-f74aeff5]{color:#ffffffd9}.stat-card.highlight .stat-value[data-v-f74aeff5]{color:#fff}.stat-card.highlight .stat-icon[data-v-f74aeff5]{background:#fff3;color:#fff}.stat-icon[data-v-f74aeff5]{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--light);color:var(--secondary);flex-shrink:0}.icon-success[data-v-f74aeff5]{background:#d1fae5;color:#10b981}.icon-primary[data-v-f74aeff5]{background:var(--primary-light);color:var(--primary)}.icon-info[data-v-f74aeff5]{background:#dbeafe;color:#3b82f6}.icon-warning[data-v-f74aeff5]{background:#fef3c7;color:#f59e0b}.icon-earned[data-v-f74aeff5]{background:#fff3;color:#fff}.stat-content[data-v-f74aeff5]{display:flex;flex-direction:column;gap:.25rem}.stat-label[data-v-f74aeff5]{font-size:.8125rem;color:var(--secondary);font-weight:500}.stat-value[data-v-f74aeff5]{font-size:1.5rem;font-weight:700;color:var(--dark)}.charts-grid[data-v-f74aeff5]{display:grid;grid-template-columns:2fr 1fr;gap:1rem}.chart-container[data-v-f74aeff5]{height:250px;position:relative}.chart-container.chart-doughnut[data-v-f74aeff5]{height:220px}.empty-state[data-v-f74aeff5]{display:flex;align-items:center;justify-content:center;height:100%;color:var(--secondary);font-size:.875rem}.card-title[data-v-f74aeff5]{font-size:1.125rem;font-weight:600;margin-bottom:1rem}@media(max-width:1024px){.charts-grid[data-v-f74aeff5]{grid-template-columns:1fr}}@media(max-width:768px){.stats-grid.primary[data-v-f74aeff5],.stats-grid.secondary[data-v-f74aeff5]{grid-template-columns:repeat(2,1fr)}.stat-value[data-v-f74aeff5]{font-size:1.25rem}}@media(max-width:480px){.stats-grid.primary[data-v-f74aeff5],.stats-grid.secondary[data-v-f74aeff5]{grid-template-columns:1fr}}.stat-card[data-v-5595f563]{background:#fff;border-radius:var(--radius, 12px);padding:1.5rem;display:flex;align-items:flex-start;gap:1rem;box-shadow:0 1px 3px #0000000d,0 1px 2px #0000001a;transition:transform .2s ease,box-shadow .2s ease;border:1px solid rgba(0,0,0,.04)}.stat-card[data-v-5595f563]:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.stat-icon-wrapper[data-v-5595f563]{padding:.75rem;border-radius:12px;display:flex;align-items:center;justify-content:center}.bg-blue-100[data-v-5595f563]{background-color:#dbeafe}.text-blue-600[data-v-5595f563]{color:#2563eb}.bg-green-100[data-v-5595f563]{background-color:#dcfce7}.text-green-600[data-v-5595f563]{color:#16a34a}.bg-purple-100[data-v-5595f563]{background-color:#f3e8ff}.text-purple-600[data-v-5595f563]{color:#9333ea}.bg-orange-100[data-v-5595f563]{background-color:#ffedd5}.text-orange-600[data-v-5595f563]{color:#ea580c}.bg-red-100[data-v-5595f563]{background-color:#fee2e2}.text-red-600[data-v-5595f563]{color:#dc2626}.stat-content[data-v-5595f563]{flex:1}.stat-label[data-v-5595f563]{font-size:.875rem;color:#64748b;margin-bottom:.25rem;font-weight:500}.stat-value[data-v-5595f563]{font-size:1.5rem;font-weight:700;color:#0f172a;line-height:1.25}.stat-trend[data-v-5595f563]{display:flex;align-items:center;gap:.25rem;margin-top:.5rem;font-size:.75rem;font-weight:500}.chart-container[data-v-8614adda]{background:#fff;border-radius:var(--radius, 12px);padding:1.5rem;box-shadow:0 1px 3px #0000000d;border:1px solid rgba(0,0,0,.04);height:100%;display:flex;flex-direction:column}.chart-title[data-v-8614adda]{font-size:1rem;font-weight:600;color:#1e293b;margin-bottom:1rem}.chart-wrapper[data-v-8614adda]{flex:1;min-height:250px;position:relative}.loading-state[data-v-8614adda]{display:flex;align-items:center;justify-content:center;height:100%;color:#94a3b8}.chart-container[data-v-b7a9d6f4]{background:#fff;border-radius:var(--radius, 12px);padding:1.5rem;box-shadow:0 1px 3px #0000000d;border:1px solid rgba(0,0,0,.04);height:100%;display:flex;flex-direction:column}.chart-title[data-v-b7a9d6f4]{font-size:1rem;font-weight:600;color:#1e293b;margin-bottom:1rem}.chart-wrapper[data-v-b7a9d6f4]{flex:1;min-height:250px}.chart-container[data-v-17c05b54]{background:#fff;border-radius:var(--radius, 12px);padding:1.5rem;box-shadow:0 1px 3px #0000000d;border:1px solid rgba(0,0,0,.04);height:100%;display:flex;flex-direction:column}.chart-title[data-v-17c05b54]{font-size:1rem;font-weight:600;color:#1e293b;margin-bottom:1rem}.chart-wrapper[data-v-17c05b54]{flex:1;min-height:200px;position:relative;display:flex;align-items:center;justify-content:center}.legend-custom[data-v-17c05b54]{margin-top:1.5rem;display:flex;flex-direction:column;gap:.75rem}.legend-item[data-v-17c05b54]{display:flex;align-items:center;justify-content:space-between;font-size:.875rem}.legend-item .label[data-v-17c05b54]{color:#64748b;flex:1;margin-left:.5rem}.legend-item .value[data-v-17c05b54]{font-weight:600;color:#0f172a}.dot[data-v-17c05b54]{width:10px;height:10px;border-radius:50%}.dot.paid[data-v-17c05b54]{background-color:#10b981}.dot.unpaid[data-v-17c05b54]{background-color:#ef4444}.empty-state[data-v-17c05b54]{color:#94a3b8;font-size:.875rem}.chart-container[data-v-50c30497]{background:#fff;border-radius:var(--radius, 12px);padding:1.5rem;box-shadow:0 1px 3px #0000000d;border:1px solid rgba(0,0,0,.04);height:100%;display:flex;flex-direction:column}.chart-title[data-v-50c30497]{font-size:1rem;font-weight:600;color:#1e293b;margin-bottom:1rem}.chart-wrapper[data-v-50c30497]{flex:1;min-height:250px}.chart-container[data-v-583f5321]{background:#fff;border-radius:var(--radius, 12px);padding:1.5rem;box-shadow:0 1px 3px #0000000d;border:1px solid rgba(0,0,0,.04);height:100%;display:flex;flex-direction:column}.chart-title[data-v-583f5321]{font-size:1rem;font-weight:600;color:#1e293b;margin-bottom:1rem}.chart-wrapper[data-v-583f5321]{flex:1;min-height:250px}.chart-container[data-v-3ef113e8]{background:#fff;border-radius:var(--radius, 12px);padding:1.5rem;box-shadow:0 1px 3px #0000000d;border:1px solid rgba(0,0,0,.04);height:100%;display:flex;flex-direction:column}.chart-title[data-v-3ef113e8]{font-size:1rem;font-weight:600;color:#1e293b;margin-bottom:1rem}.chart-wrapper[data-v-3ef113e8]{flex:1;min-height:250px}.chart-container[data-v-0f4bca2b]{background:#fff;border-radius:var(--radius, 12px);padding:1.5rem;box-shadow:0 1px 3px #0000000d;border:1px solid rgba(0,0,0,.04);height:100%;display:flex;flex-direction:column}.chart-container.minimal[data-v-0f4bca2b]{background:transparent;border:none;box-shadow:none;padding:0;border-radius:0}.chart-title[data-v-0f4bca2b]{font-size:1rem;font-weight:600;color:#1e293b;margin-bottom:1rem}.chart-wrapper[data-v-0f4bca2b]{flex:1;min-height:220px;position:relative;display:flex;align-items:center;justify-content:center}.empty-state[data-v-0f4bca2b]{color:#94a3b8;font-size:.875rem}.chart-container[data-v-6ae8333e]{background:#fff;border-radius:var(--radius, 12px);padding:1.5rem;box-shadow:0 1px 3px #0000000d;border:1px solid rgba(0,0,0,.04);height:100%;display:flex;flex-direction:column}.chart-title[data-v-6ae8333e]{font-size:1rem;font-weight:600;color:#1e293b;margin-bottom:1rem}.chart-wrapper[data-v-6ae8333e]{flex:1;min-height:200px;position:relative;display:flex;align-items:center;justify-content:center}.empty-state[data-v-6ae8333e]{color:#94a3b8;font-size:.875rem}.widget-card[data-v-d3a099b7]{background:#fff;border-radius:var(--radius);border:1px solid var(--border);padding:1.25rem;box-shadow:0 1px 3px #0000000d;transition:transform .2s ease,box-shadow .2s ease}.widget-card[data-v-d3a099b7]:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.widget-header[data-v-d3a099b7]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.header-title[data-v-d3a099b7]{display:flex;align-items:center;gap:.5rem}.header-icon[data-v-d3a099b7]{color:var(--primary)}.widget-header h3[data-v-d3a099b7]{font-size:1rem;font-weight:600;margin:0}.btn-link[data-v-d3a099b7]{background:none;border:none;color:var(--primary);font-size:.8rem;cursor:pointer}.btn-link[data-v-d3a099b7]:hover{text-decoration:underline}.empty-widget[data-v-d3a099b7]{text-align:center;color:#94a3b8;padding:2rem 1rem;font-size:.875rem}.announcement-list-mini[data-v-d3a099b7]{display:flex;flex-direction:column;gap:.75rem}.announcement-item-mini[data-v-d3a099b7]{position:relative;padding:.75rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;border-left:3px solid #cbd5e1;transition:all .2s ease}.announcement-item-mini[data-v-d3a099b7]:hover{border-color:var(--primary);background:#f0f9ff}.announcement-item-mini.pinned[data-v-d3a099b7]{border-left-color:var(--primary);background:#f0f9ff}.announcement-item-mini.important[data-v-d3a099b7]{border-left-color:#f59e0b}.announcement-item-mini.urgent[data-v-d3a099b7]{border-left-color:#ef4444}.ann-header-mini[data-v-d3a099b7]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.ann-badges-mini[data-v-d3a099b7]{display:flex;gap:.35rem;align-items:center}.pin-icon[data-v-d3a099b7]{color:var(--primary);display:flex}.priority-badge-mini[data-v-d3a099b7]{font-size:.6rem;padding:.1rem .3rem;border-radius:4px;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.priority-badge-mini.normal[data-v-d3a099b7]{background:#e2e8f0;color:#475569}.priority-badge-mini.important[data-v-d3a099b7]{background:#fef3c7;color:#b45309}.priority-badge-mini.urgent[data-v-d3a099b7]{background:#fee2e2;color:#b91c1c}.target-badge-mini[data-v-d3a099b7]{font-size:.6rem;padding:.1rem .3rem;background:#fff;border:1px solid #e2e8f0;border-radius:4px;color:#64748b}.ann-date-mini[data-v-d3a099b7]{font-size:.65rem;color:#94a3b8}.ann-body-mini h4[data-v-d3a099b7]{margin:0 0 .25rem;font-size:.875rem;font-weight:600;color:#1e293b}.ann-body-mini p[data-v-d3a099b7]{margin:0;font-size:.785rem;color:#64748b;line-height:1.4}.ann-actions-mini[data-v-d3a099b7]{position:absolute;top:.5rem;right:.5rem;opacity:0;transition:opacity .2s ease}.announcement-item-mini:hover .ann-actions-mini[data-v-d3a099b7]{opacity:1}.action-btn[data-v-d3a099b7]{background:#fff;border:1px solid #e2e8f0;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 1px 2px #0000000d}.action-btn.delete[data-v-d3a099b7]:hover{background:#fee2e2;border-color:#fecaca;color:#ef4444}.dashboard-page[data-v-6f5dce1a]{padding-bottom:2rem}.notice-card[data-v-6f5dce1a]{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background:#fef3c7;border:1px solid #f59e0b;border-radius:var(--radius);margin-bottom:1.5rem}.notice-icon[data-v-6f5dce1a]{font-size:2rem}.notice-content h3[data-v-6f5dce1a]{color:#92400e;margin:0 0 .5rem}.notice-content p[data-v-6f5dce1a]{color:#78350f;margin:0}.stats-grid[data-v-6f5dce1a]{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:1.5rem}.main-grid[data-v-6f5dce1a]{display:grid;grid-template-columns:1fr 300px;gap:1.5rem}@media(max-width:1024px){.main-grid[data-v-6f5dce1a]{grid-template-columns:1fr}}.left-col[data-v-6f5dce1a],.right-col[data-v-6f5dce1a]{display:flex;flex-direction:column;gap:1.5rem}.sub-grid[data-v-6f5dce1a]{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}@media(max-width:768px){.sub-grid[data-v-6f5dce1a]{grid-template-columns:1fr}}.grid-card[data-v-6f5dce1a]{height:360px}.grid-card.wide[data-v-6f5dce1a]{height:400px}.widget-card[data-v-6f5dce1a]{background:#fff;border-radius:var(--radius);border:1px solid var(--border);padding:1.25rem;box-shadow:0 1px 3px #0000000d}.widget-header[data-v-6f5dce1a]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.widget-header h3[data-v-6f5dce1a]{font-size:1rem;font-weight:600;margin:0}.btn-link[data-v-6f5dce1a]{background:none;border:none;color:var(--primary);font-size:.8rem;cursor:pointer}.empty-widget[data-v-6f5dce1a]{text-align:center;color:#94a3b8;padding:1rem;font-size:.875rem}.events-list[data-v-6f5dce1a]{display:flex;flex-direction:column;gap:.75rem}.event-item[data-v-6f5dce1a]{display:flex;gap:.75rem;padding:.5rem;border-radius:8px;background:#f8fafc}.event-date-box[data-v-6f5dce1a]{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:.25rem .5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:48px}.event-date-box .day[data-v-6f5dce1a]{font-weight:700;font-size:1.1rem;line-height:1}.event-date-box .month[data-v-6f5dce1a]{font-size:.7rem;text-transform:uppercase;color:#64748b}.event-info h4[data-v-6f5dce1a]{margin:0;font-size:.875rem;font-weight:600}.event-info p[data-v-6f5dce1a]{margin:0;font-size:.75rem;color:#64748b}.transactions-list[data-v-6f5dce1a]{display:flex;flex-direction:column;gap:.75rem}.tx-item[data-v-6f5dce1a]{display:flex;align-items:center;gap:.75rem;padding-bottom:.75rem;border-bottom:1px solid #f1f5f9}.tx-item[data-v-6f5dce1a]:last-child{border-bottom:none;padding-bottom:0}.tx-icon[data-v-6f5dce1a]{width:32px;height:32px;border-radius:50%;background:#dcfce7;color:#16a34a;display:flex;align-items:center;justify-content:center}.tx-info[data-v-6f5dce1a]{flex:1}.tx-top[data-v-6f5dce1a]{display:flex;justify-content:space-between;font-size:.875rem;font-weight:500}.tx-amount[data-v-6f5dce1a]{color:#16a34a}.tx-bottom[data-v-6f5dce1a]{display:flex;justify-content:space-between;font-size:.75rem;color:#64748b;margin-top:.1rem}.tx-method[data-v-6f5dce1a]{text-transform:capitalize}.chart-wrapper-mini[data-v-6f5dce1a]{height:260px}.dashboard-page[data-v-f9697855]{padding-bottom:2rem}.stats-grid[data-v-f9697855]{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:1rem}.main-grid[data-v-f9697855]{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem}@media(max-width:1024px){.main-grid[data-v-f9697855]{grid-template-columns:1fr}}.left-col[data-v-f9697855],.right-col[data-v-f9697855]{display:flex;flex-direction:column;gap:1rem}.widget-card[data-v-f9697855]{background:#fff;border-radius:var(--radius);padding:1.25rem;border:1px solid var(--border);box-shadow:0 1px 2px #0000000d}.widget-header[data-v-f9697855]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.widget-header h3[data-v-f9697855]{font-size:1rem;font-weight:600;margin:0}.btn-link[data-v-f9697855]{color:var(--primary);font-size:.875rem;text-decoration:none}.empty-widget[data-v-f9697855]{color:var(--secondary);text-align:center;padding:2rem;font-size:.875rem}.schedule-list[data-v-f9697855]{display:flex;flex-direction:column;gap:.75rem}.lesson-item[data-v-f9697855]{display:flex;align-items:center;gap:1rem;padding:.75rem;background:#f8fafc;border-radius:8px;border-left:3px solid var(--primary)}.time-box[data-v-f9697855]{display:flex;flex-direction:column;align-items:center;min-width:50px;font-size:.75rem;font-weight:600;color:var(--text)}.time-box .end-time[data-v-f9697855]{color:var(--secondary);font-weight:400}.lesson-info[data-v-f9697855]{flex:1}.lesson-info h4[data-v-f9697855]{margin:0;font-size:.9rem;font-weight:600}.lesson-info p[data-v-f9697855]{margin:.1rem 0 0;font-size:.8rem;color:var(--secondary)}.badge[data-v-f9697855]{padding:.25rem .5rem;border-radius:99px;font-size:.7rem;font-weight:500}.badge-success[data-v-f9697855]{background:#dcfce7;color:#16a34a}.badge-warning[data-v-f9697855]{background:#fef9c3;color:#ca8a04}.badge-secondary[data-v-f9697855]{background:#e2e8f0;color:#64748b}.quick-modules-grid[data-v-f9697855]{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.module-card[data-v-f9697855]{display:flex;flex-direction:row;align-items:center;padding:1rem;background:#fff;border:1px solid var(--border);border-radius:var(--radius);text-decoration:none;color:var(--text);transition:all .2s;gap:1rem;text-align:left}.module-card[data-v-f9697855]:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a;border-color:var(--primary)}.module-icon[data-v-f9697855]{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.module-info h4[data-v-f9697855]{margin:0;font-weight:700;font-size:.9rem}.module-info p[data-v-f9697855]{margin:2px 0 0;font-size:.75rem;color:var(--secondary)}.events-list[data-v-f9697855]{display:flex;flex-direction:column;gap:.75rem}.event-item[data-v-f9697855]{display:flex;gap:.75rem;padding-bottom:.75rem;border-bottom:1px solid #f1f5f9}.event-item[data-v-f9697855]:last-child{border-bottom:none}.event-date[data-v-f9697855]{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f1f5f9;border-radius:6px;width:44px;height:44px;flex-shrink:0}.event-date .day[data-v-f9697855]{font-weight:700;font-size:1rem;line-height:1}.event-date .month[data-v-f9697855]{font-size:.65rem;text-transform:uppercase;color:var(--secondary)}.event-details h4[data-v-f9697855]{margin:0 0 .25rem;font-size:.875rem;font-weight:600}.event-time[data-v-f9697855]{font-size:.75rem;color:var(--secondary)}.messages-list[data-v-f9697855]{display:flex;flex-direction:column;gap:1rem}.msg-item[data-v-f9697855]{display:flex;gap:.75rem}.msg-avatar[data-v-f9697855]{width:36px;height:36px;border-radius:50%;background:#e0e7ff;color:#4338ca;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;flex-shrink:0}.msg-content[data-v-f9697855]{flex:1;overflow:hidden}.msg-top[data-v-f9697855]{display:flex;justify-content:space-between;font-size:.8rem;margin-bottom:.15rem}.sender[data-v-f9697855]{font-weight:600}.time[data-v-f9697855]{color:var(--secondary)}.preview[data-v-f9697855]{margin:0;font-size:.85rem;color:var(--secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bg-indigo-100[data-v-f9697855]{background-color:#e0e7ff}.text-indigo-600[data-v-f9697855]{color:#4f46e5}.bg-rose-100[data-v-f9697855]{background-color:#ffe4e6}.text-rose-600[data-v-f9697855]{color:#e11d48}.bg-emerald-100[data-v-f9697855]{background-color:#d1fae5}.text-emerald-600[data-v-f9697855]{color:#059669}.bg-amber-100[data-v-f9697855]{background-color:#fef3c7}.text-amber-600[data-v-f9697855]{color:#d97706}.dashboard-page[data-v-dea1ceff]{display:flex;flex-direction:column;gap:1.5rem}.card[data-v-dea1ceff]{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}.welcome-section[data-v-dea1ceff]{display:flex;justify-content:space-between;align-items:center;background:var(--primary);color:#fff;border:none}.welcome-content h1[data-v-dea1ceff]{font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.welcome-content p[data-v-dea1ceff]{margin:0;opacity:.9;font-size:.875rem}.welcome-badge[data-v-dea1ceff]{width:64px;height:64px;background:#fff3;border-radius:16px;display:flex;align-items:center;justify-content:center}.assignment-grid[data-v-dea1ceff]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.assignment-card[data-v-dea1ceff]{display:flex;flex-direction:column;gap:1rem}.card-header[data-v-dea1ceff]{display:flex;align-items:center;gap:.75rem;color:var(--secondary);border-bottom:1px solid var(--border);padding-bottom:.75rem;margin-bottom:.25rem}.card-header h3[data-v-dea1ceff]{font-size:.875rem;font-weight:600;margin:0;text-transform:uppercase;letter-spacing:.05em}.bus-details[data-v-dea1ceff]{display:flex;flex-direction:column;gap:.25rem}.bus-plate[data-v-dea1ceff]{font-size:1.5rem;font-weight:700;color:var(--text)}.bus-name[data-v-dea1ceff]{font-size:.875rem;color:var(--secondary)}.bus-cap[data-v-dea1ceff]{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:var(--secondary);margin-top:.25rem}.route-details[data-v-dea1ceff]{display:flex;flex-direction:column;gap:.75rem}.route-name[data-v-dea1ceff]{font-size:1.25rem;font-weight:700;color:var(--text)}.route-schedule[data-v-dea1ceff]{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.schedule-item[data-v-dea1ceff]{display:flex;flex-direction:column;gap:.125rem;padding:.5rem;border-radius:8px}.schedule-item.morning[data-v-dea1ceff]{background:#fee2e2;color:#991b1b}.schedule-item.evening[data-v-dea1ceff]{background:#fef3c7;color:#92400e}.schedule-item .label[data-v-dea1ceff]{font-size:.65rem;font-weight:600;text-transform:uppercase}.schedule-item .time[data-v-dea1ceff]{font-size:1rem;font-weight:700}.empty-assignment[data-v-dea1ceff]{text-align:center;padding:2rem;color:var(--secondary);font-style:italic;font-size:.875rem}.quick-actions-section h3[data-v-dea1ceff]{font-size:1rem;font-weight:600;margin-bottom:1rem}.actions-grid[data-v-dea1ceff]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.action-btn[data-v-dea1ceff]{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:#fff;border:1px solid var(--border);border-radius:var(--radius);text-decoration:none;color:var(--text);transition:all .2s}.action-btn[data-v-dea1ceff]:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow)}.action-icon[data-v-dea1ceff]{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.morning .action-icon[data-v-dea1ceff]{background:#eff6ff;color:#2563eb}.evening .action-icon[data-v-dea1ceff]{background:#fefce8;color:#ca8a04}.action-text[data-v-dea1ceff]{flex:1}.action-text h4[data-v-dea1ceff]{margin:0 0 .125rem;font-weight:600}.action-text p[data-v-dea1ceff]{margin:0;font-size:.75rem;color:var(--secondary)}.loading-state[data-v-dea1ceff]{text-align:center;padding:3rem;color:var(--secondary)}:root{--primary: #6366f1;--primary-hover: #4f46e5;--primary-light: #eef2ff;--secondary: #64748b;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--dark: #1e293b;--light: #f8fafc;--white: #ffffff;--border: #e2e8f0;--text: #334155;--text-light: #94a3b8;--radius: .5rem;--radius-lg: .75rem;--shadow: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--transition: all .2s ease;--sidebar-bg: linear-gradient(180deg, #1e293b 0%, #0f172a 100%);--sidebar-text: rgba(255, 255, 255, .7);--sidebar-active: #6366f1}[data-theme=super_admin]{--primary: #8b5cf6;--primary-hover: #7c3aed;--primary-light: #f5f3ff;--sidebar-bg: linear-gradient(180deg, #4c1d95 0%, #2e1065 100%);--sidebar-active: #a78bfa}[data-theme=agent_admin]{--primary: #06b6d4;--primary-hover: #0891b2;--primary-light: #ecfeff;--sidebar-bg: linear-gradient(180deg, #155e75 0%, #083344 100%);--sidebar-active: #22d3ee}[data-theme=school_admin]{--primary: #10b981;--primary-hover: #059669;--primary-light: #ecfdf5;--sidebar-bg: linear-gradient(180deg, #065f46 0%, #022c22 100%);--sidebar-active: #34d399}[data-theme=teacher]{--primary: #f59e0b;--primary-hover: #d97706;--primary-light: #fffbeb;--sidebar-bg: linear-gradient(180deg, #92400e 0%, #451a03 100%);--sidebar-active: #fbbf24}*{margin:0;padding:0;box-sizing:border-box}html{font-family:Poppins,-apple-system,BlinkMacSystemFont,sans-serif}body{font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;background:var(--light);color:var(--text);line-height:1.5;font-size:14px}input,button,select,textarea{font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:1.25rem;border:1px solid var(--border)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem 1rem;border-radius:var(--radius);font-weight:500;font-size:.8125rem;cursor:pointer;transition:var(--transition);border:none;text-decoration:none}.btn-primary{background:var(--primary);color:var(--white)}.btn-primary:hover{background:var(--primary-hover)}.btn-secondary{background:var(--white);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--light);border-color:var(--primary)}.btn-danger{background:var(--danger);color:var(--white)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-sm{padding:.375rem .625rem;font-size:.75rem}.form-group{margin-bottom:1rem}.form-label{display:block;font-size:.8125rem;font-weight:500;margin-bottom:.375rem;color:var(--text)}.form-input{width:100%;padding:.625rem .75rem;border:1px solid var(--border);border-radius:var(--radius);font-size:.875rem;font-family:inherit;transition:var(--transition);background:var(--white)}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.form-select{width:100%;padding:.625rem .75rem;border:1px solid var(--border);border-radius:var(--radius);font-size:.875rem;font-family:inherit;background:var(--white);cursor:pointer}.table-container{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:.8125rem}.table th,.table td{padding:.75rem 1rem;text-align:left}.table th{background:var(--light);font-weight:600;font-size:.6875rem;text-transform:uppercase;letter-spacing:.05em;color:var(--secondary);border-bottom:1px solid var(--border)}.table td{border-bottom:1px solid var(--border)}.table tr:hover td{background:var(--primary-light)}.badge{display:inline-flex;align-items:center;padding:.25rem .5rem;font-size:.6875rem;font-weight:500;border-radius:9999px}.badge-success{background:#d1fae5;color:#065f46}.badge-warning{background:#fef3c7;color:#92400e}.badge-danger{background:#fee2e2;color:#991b1b}.badge-info{background:var(--primary-light);color:var(--primary-hover)}.layout{display:flex;min-height:100vh}.sidebar{width:240px;background:var(--sidebar-bg);color:var(--white);display:flex;flex-direction:column;position:fixed;height:100vh;z-index:40}.sidebar-header{padding:1.25rem 1rem;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-logo{font-size:1.125rem;font-weight:600;color:var(--white);display:flex;align-items:center;gap:.5rem}.sidebar-nav{flex:1;padding:.75rem 0;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:.625rem;padding:.625rem 1rem;color:var(--sidebar-text);text-decoration:none;transition:var(--transition);margin:.125rem .5rem;border-radius:var(--radius);font-size:.8125rem;font-weight:500}.nav-item:hover{background:#ffffff1a;color:var(--white)}.nav-item.active{background:#ffffff26;color:var(--white)}.nav-icon{width:18px;height:18px;flex-shrink:0}.main-content{flex:1;display:flex;flex-direction:column;margin-left:240px}.header{background:var(--white);padding:.75rem 1.5rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:30}.header-title h1{font-size:1.125rem;font-weight:600;color:var(--text)}.page-content{flex:1;padding:1.5rem;background:var(--light)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-card{background:var(--white);border-radius:var(--radius-lg);padding:1rem 1.25rem;box-shadow:var(--shadow);border:1px solid var(--border);border-left:3px solid var(--primary)}.stat-label{font-size:.75rem;color:var(--secondary);margin-bottom:.25rem;font-weight:500}.stat-value{font-size:1.5rem;font-weight:600;color:var(--text)}.stat-change{font-size:.6875rem;margin-top:.25rem;font-weight:500}.stat-change.positive{color:var(--success)}.stat-change.negative{color:var(--danger)}.alert{padding:.75rem 1rem;border-radius:var(--radius);margin-bottom:1rem;font-size:.8125rem;display:flex;align-items:center;gap:.5rem}.alert-success{background:#d1fae5;color:#065f46;border:1px solid #6ee7b7}.alert-error{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.alert-warning{background:#fef3c7;color:#92400e;border:1px solid #fcd34d}.modal-overlay{position:fixed;inset:0;background:#0f172a80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:50;padding:1rem}.modal{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);width:100%;max-width:440px;max-height:90vh;overflow-y:auto}.modal-header{padding:1rem 1.25rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.modal-title{font-size:1rem;font-weight:600}.modal-body{padding:1.25rem}.modal-footer{padding:.75rem 1.25rem;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:.5rem;background:var(--light)}.spinner{width:1rem;height:1rem;border:2px solid rgba(255,255,255,.3);border-top-color:var(--white);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;color:var(--secondary);padding:2rem 1rem;font-size:.875rem}.page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--secondary)}.page-loading-spinner{width:2.5rem;height:2.5rem;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1rem}.page-loading-text{font-size:.875rem;color:var(--secondary)}.skeleton{background:linear-gradient(90deg,var(--light) 25%,var(--border) 50%,var(--light) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:var(--radius)}.skeleton-text{height:1rem;margin-bottom:.5rem}.skeleton-text-sm{height:.75rem;width:60%}.skeleton-card{height:80px;margin-bottom:1rem}.skeleton-row{height:3rem;margin-bottom:.5rem}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.header-user{display:flex;align-items:center;gap:.75rem}.user-name{font-weight:500;font-size:.875rem;color:var(--text)}.menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:.375rem;color:var(--text)}.btn-close{background:none;border:none;font-size:1.25rem;cursor:pointer;color:var(--secondary);padding:0;line-height:1}.btn-close:hover{color:var(--text)}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.page-header h2{font-size:1.25rem;font-weight:600}.card-title{font-size:.9375rem;font-weight:600;margin-bottom:1rem}@media(max-width:1024px){.sidebar{left:-240px;transition:left .3s ease}.sidebar.open{left:0}.main-content{margin-left:0}.menu-toggle{display:flex}}@media(max-width:640px){.stats-grid{grid-template-columns:1fr 1fr}.page-content{padding:1rem}.header{padding:.75rem 1rem}}