body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary:#2563eb;--primary-dark:#1d4ed8;--primary-light:#dbeafe;--success:#16a34a;--danger:#dc2626;--warning:#f59e0b;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-500:#6b7280;--gray-700:#374151;--gray-900:#111827;--sidebar-width:250px}*{box-sizing:border-box;margin:0;padding:0}body{background:#f9fafb;background:var(--gray-50);color:#111827;color:var(--gray-900);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.loading{align-items:center;color:#6b7280;color:var(--gray-500);display:flex;font-size:1.2rem;height:100vh;justify-content:center}.layout{display:flex;min-height:100vh}.sidebar{background:#111827;background:var(--gray-900);color:#fff;display:flex;flex-direction:column;height:100vh;position:fixed;width:250px;width:var(--sidebar-width);z-index:100}.sidebar-brand{border-bottom:1px solid #ffffff1a;padding:1.5rem;text-align:center}.sidebar-brand h2{color:#dbeafe;color:var(--primary-light);font-size:1.2rem}.sidebar-brand small{color:#6b7280;color:var(--gray-500);font-size:.75rem}.sidebar-nav{flex:1 1;overflow-y:auto;padding:1rem 0}.sidebar-nav a{align-items:center;color:#d1d5db;color:var(--gray-300);display:flex;font-size:.9rem;gap:.75rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s}.sidebar-nav a:hover{background:#ffffff1a;color:#fff}.sidebar-nav a.active{background:#2563eb;background:var(--primary);color:#fff}.sidebar-footer{border-top:1px solid #ffffff1a;font-size:.85rem;padding:1rem 1.5rem}.sidebar-footer .user-info{color:#d1d5db;color:var(--gray-300);margin-bottom:.5rem}.sidebar-footer button{background:none;border:1px solid #6b7280;border:1px solid var(--gray-500);border-radius:4px;color:#d1d5db;color:var(--gray-300);cursor:pointer;font-size:.8rem;padding:.4rem .8rem;width:100%}.sidebar-footer button:hover{background:#ffffff1a}.main-content{flex:1 1;margin-left:250px;margin-left:var(--sidebar-width);min-height:100vh;padding:2rem}.login-page{align-items:center;background:linear-gradient(135deg,#1e3a5f,#2563eb);display:flex;justify-content:center;min-height:100vh}.login-card{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:400px;padding:2.5rem;width:100%}.login-card h1{color:#2563eb;color:var(--primary);font-size:1.5rem;margin-bottom:.5rem;text-align:center}.login-card .subtitle{color:#6b7280;color:var(--gray-500);font-size:.9rem;margin-bottom:2rem;text-align:center}.form-group{margin-bottom:1rem}.form-group label{color:#374151;color:var(--gray-700);display:block;font-size:.9rem;font-weight:500;margin-bottom:.3rem}.form-group input,.form-group select,.form-group textarea{border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:6px;font-size:.9rem;padding:.6rem .75rem;transition:border-color .2s;width:100%}.form-group input:focus,.form-group select:focus{border-color:#2563eb;border-color:var(--primary);box-shadow:0 0 0 3px #dbeafe;box-shadow:0 0 0 3px var(--primary-light);outline:none}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.6rem 1.2rem;transition:all .2s}.btn-primary{background:#2563eb;background:var(--primary);color:#fff}.btn-primary:hover{background:#1d4ed8;background:var(--primary-dark)}.btn-success{background:#16a34a;background:var(--success);color:#fff}.btn-danger{background:#dc2626;background:var(--danger);color:#fff}.btn-danger:hover{background:#b91c1c}.btn-outline{background:#fff;border:1px solid #d1d5db;border:1px solid var(--gray-300);color:#374151;color:var(--gray-700)}.btn-outline:hover{background:#f9fafb;background:var(--gray-50)}.btn-sm{font-size:.8rem;padding:.35rem .7rem}.btn-block{justify-content:center;width:100%}.btn:disabled{cursor:not-allowed;opacity:.6}.error-msg{color:#dc2626;color:var(--danger);font-size:.85rem;margin-top:.5rem;text-align:center}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.page-header h1{color:#111827;color:var(--gray-900);font-size:1.5rem}.card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:1.5rem}.stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem}.stat-card{background:#fff;box-shadow:0 1px 3px #0000001a;gap:1rem;padding:1.25rem}.stat-card,.stat-icon{align-items:center;border-radius:8px;display:flex}.stat-icon{height:48px;justify-content:center;width:48px}.stat-icon.blue{background:#dbeafe;background:var(--primary-light);color:#2563eb;color:var(--primary)}.stat-icon.green{background:#dcfce7;color:#16a34a;color:var(--success)}.stat-icon.red{background:#fee2e2;color:#dc2626;color:var(--danger)}.stat-icon.yellow{background:#fef3c7;color:#f59e0b;color:var(--warning)}.stat-info h3{font-size:1.5rem;font-weight:700}.stat-info p{color:#6b7280;color:var(--gray-500);font-size:.8rem}.table-container{overflow-x:auto}table{border-collapse:collapse;width:100%}td,th{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);font-size:.9rem;padding:.75rem 1rem;text-align:left}th{color:#374151;color:var(--gray-700);font-weight:600;position:sticky;top:0}th,tr:hover{background:#f9fafb;background:var(--gray-50)}.badge{border-radius:12px;font-size:.75rem;font-weight:500;padding:.2rem .6rem}.badge-green{background:#dcfce7;color:#166534}.badge-red{background:#fee2e2;color:#991b1b}.badge-blue{background:#dbeafe;background:var(--primary-light);color:#1e40af}.badge-yellow{background:#fef3c7;color:#92400e}.filters{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.filters input,.filters select{border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:6px;font-size:.85rem;padding:.5rem .75rem}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{background:#fff;border-radius:12px;max-height:90vh;max-width:500px;overflow-y:auto;padding:2rem;width:100%}.modal h2{font-size:1.2rem;margin-bottom:1rem}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem}.photo-preview{border:2px solid #e5e7eb;border:2px solid var(--gray-200);border-radius:50%;height:80px;object-fit:cover;width:80px}.photo-preview-lg{border:2px solid #e5e7eb;border:2px solid var(--gray-200);border-radius:8px;height:150px;object-fit:cover;width:150px}.student-photo-sm{border-radius:50%;height:36px;object-fit:cover;width:36px}.live-feed{max-height:400px;overflow-y:auto}.feed-item{align-items:center;border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--gray-100);display:flex;gap:1rem;padding:.75rem}.feed-item .time{color:#6b7280;color:var(--gray-500);font-size:.8rem;min-width:70px}.feed-item .name{font-weight:500}.feed-item .section{color:#6b7280;color:var(--gray-500);font-size:.8rem}.chart-container{height:300px;margin-top:1rem}.guardian-item{align-items:center;background:#f9fafb;background:var(--gray-50);border-radius:6px;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.75rem}@media (max-width:768px){.sidebar{width:60px}.sidebar-brand h2,.sidebar-brand small,.sidebar-footer .user-info,.sidebar-nav a span{display:none}.sidebar-nav a{justify-content:center;padding:.75rem}.main-content{margin-left:60px;padding:1rem}.form-row{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}.page-header{align-items:flex-start;flex-direction:column;gap:.75rem}}
/*# sourceMappingURL=main.842553c5.css.map*/