@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&family=Poppins:wght@400;600;700&display=swap";html,body,#root{width:100%;height:100%}:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.header{height:60px;background:#edeff2;color:#374151;display:flex;align-items:center;justify-content:space-between;padding:0 16px}.subHeader{display:flex;align-items:center}.header h1{font-size:20px;font-family:Inter;margin:0}.menu-btn{font-size:22px;background:none;border:none;color:#374151;cursor:pointer}.header-menu ul{list-style-type:none;padding:.5rem 2.5rem;margin:0;display:flex;justify-content:center}.header-menu ul li{padding:.2rem .5rem;font-family:Inter;cursor:pointer}.header-avatar{border-radius:25px}.header-avatar,.menu-btn{margin:0 .5rem;padding:0}.header-far-right-menu{display:flex;justify-content:center;align-items:center;padding:.3rem 1.5rem}.sidebar{width:260px;background:#1e88e5;color:#fff;display:flex;flex-direction:column;padding:16px;transition:transform .3s ease}@media(max-width:768px){.sidebar{position:fixed;top:60px;bottom:40px;left:0;transform:translate(-100%);z-index:20}.sidebar.sidebar-open{transform:translate(0)}}.sidebar-header{background:#00acc1;border-radius:16px;padding:16px 14px;margin-bottom:24px;text-align:center;color:#fff;box-shadow:0 6px 16px #0003}.sidebar-header h2{margin:0;font-size:18px;font-weight:700;line-height:1.2;letter-spacing:.3px}.sidebar-header p{display:inline-block;margin:6px 0 8px;padding:4px 12px;font-size:12px;font-weight:600;border-radius:999px;background:#00acc1;color:#fff;letter-spacing:.4px}.sidebar-header h3{margin:0;font-size:15px;font-weight:600;letter-spacing:1.5px;opacity:.95}.sidebar nav{display:flex;flex-direction:column;gap:8px}.sidebar nav a,.sidebar-dropdown-toggle{padding:12px 16px;text-decoration:none;border-radius:5px;color:#fff;cursor:pointer;border:none;background:none;text-align:left;font-size:15px;display:flex;justify-content:space-between;align-items:center}.sidebar-dropdown{display:flex;flex-direction:column}.sidebarmenu-arrow{transition:transform .2s ease}.sidebarmenu-arrow.sidebar-open{transform:rotate(180deg)}.sidebar-dropdown-menu{display:flex;flex-direction:column;margin-left:12px}.sidebar-dropdown-link{padding:10px 16px;font-size:14px;color:#ddd}.sidebar-dropdown-link.active{background:#495057;border-radius:4px}.sidebar nav a:hover{background:#ffffff26;transform:translate(4px)}.sidebar nav a.active{background:#fff;color:#0b5ed7;font-weight:600;box-shadow:0 4px 10px #00000026}*{box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.login-page{min-height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#f2f6fa,#e6edf5)}.login-header{text-align:center;margin-bottom:10px}.login-card{background:#fff;padding:30px 25px;width:100%;max-width:520px;border-radius:14px;box-shadow:0 10px 30px #00000014;text-align:center}.login-logo{width:90px;height:auto;margin-bottom:-20px}.login-title{font-size:20px;font-weight:700;color:#1f2937;letter-spacing:.5px}.login-form{width:70%;text-align:left;margin:0 auto}.login-form-group{margin-bottom:18px}.login-form-group label{display:block;font-size:14px;margin-bottom:6px;color:#374151;font-weight:600}.login-form-group input{width:100%;padding:12px 14px;border-radius:8px;border:1px solid #d1d5db;outline:none;font-size:15px;transition:border .2s,box-shadow .2s}.login-form-group input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.login-btn{width:100%;margin-top:10px;padding:13px;border-radius:8px;border:none;background:#2563eb;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:transform .1s,box-shadow .1s,background .2s}.login-btn:hover{background:#1d4ed8;box-shadow:0 6px 15px #2563eb40}.login-btn:active{transform:scale(.98)}.login-footer{margin-top:22px;font-size:12px;color:#6b7280;text-align:center}@media(max-width:480px){.login-card{padding:30px 22px}.login-title{font-size:18px}.login-logo{width:75px}}.dashboard-container{height:100%}.dashboard-header{margin-bottom:24px}.dashboard-header h2{margin:0;font-size:28px;font-weight:700;color:#0b5ed7}.dashboard-content{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}.schools,.staffs,.facilities,.learners{background:#fff;border-radius:16px;padding:18px 20px;box-shadow:0 6px 18px #00000014;transition:all .25s ease;position:relative;overflow:hidden}.schools:hover,.staffs:hover,.facilities:hover,.learners:hover{transform:translateY(-4px);box-shadow:0 10px 26px #0000001f}.school-infos,.staff-infos,.facilities-infos,.learners-infos{display:flex;align-items:center;gap:12px}.school-infos img,.staff-infos img,.facilities-infos img,.learners-infos img{width:40px;height:40px;object-fit:contain}.school-infos h3,.staff-infos h3,.facilities-infos h3,.learners-infos h3{margin:0;font-size:15px;font-weight:600;color:#1f2933;line-height:1.3}.total-schools-count,.total-staffs-count,.total-facilities-count,.total-learners-count{margin-top:16px}.total-schools-count p,.total-staffs-count p,.total-facilities-count p,.total-learners-count p{margin:0;font-size:36px;font-weight:800;color:#0b5ed7}.schools{border-left:6px solid #0b5ed7}.staffs{border-left:6px solid #00acc1}.facilities{border-left:6px solid #1e88e5}.learners{border-left:6px solid #4fc3f7}.dashboard_filter_panel{margin:1rem 0}@media(max-width:600px){.dashboard-header h2{font-size:24px}.total-schools-count p,.total-staffs-count p,.total-facilities-count p,.total-learners-count p{font-size:30px}}.filter-card{background:#fff;border-radius:8px;padding:16px 20px 20px;box-shadow:0 2px 6px #0000001a}.filter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.filter-header h3{margin:0;font-weight:600}.filter-badge{background:#17a2b8;color:#fff;padding:6px 10px;border-radius:4px;font-size:13px}.filter-body{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}.filter-group{display:flex;flex-direction:column}.filter-group label{font-size:14px;margin-bottom:6px}.filter-group select{padding:10px;width:100%;border-radius:6px;border:1px solid #ccc;font-size:14px}.filter-actions{display:flex;gap:10px}.filter-btn-primary{background:#0d6efd;color:#fff;border:none;padding:10px 16px;border-radius:6px;cursor:pointer}.filter-btn-secondary{background:#6c757d;color:#fff;border:none;padding:10px 16px;border-radius:6px;cursor:pointer}.filter-btn-primary:hover{background:#0b5ed7}.filter-btn-secondary:hover{background:#5c636a}.stats-overview{display:flex;flex-direction:column;gap:30px}.stats-section{background:#f8f9fa;padding:16px;border-radius:10px}.stat-section-title{margin-bottom:14px;font-size:18px;font-weight:600}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat-card{background:#fff;border-radius:8px;padding:16px;display:flex;align-items:center;gap:14px;box-shadow:0 2px 5px #0000001a}.stat-icon{width:48px;height:48px;border-radius:6px}.stat-icon.teal{background:#17a2b8}.stat-icon.blue{background:#0d6efd}.stat-icon.red{background:#dc3545}.stat-icon.green{background:#28a745}.stat-label{margin:0;font-size:14px;color:#555}.stat-value{margin:0;font-size:22px;font-weight:700}.add-school-page{padding:24px;background:#f4f6f9}.as-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.as-breadcrumb{color:#0d6efd;font-size:14px}.as-school-form{background:#fff;padding:20px;border-radius:6px}.as-section-header{background:#6c757d;color:#fff;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;border-radius:4px;margin-bottom:20px}.as-section-title{text-align:center;margin:24px 0 16px;font-size:22px}.as-btn-link{background:#0d6efd;color:#fff;border:none;padding:8px 12px;border-radius:4px;cursor:pointer}.as-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.as-form-group{display:flex;flex-direction:column}.as-form-group label{font-weight:500;margin-bottom:6px}.as-form-group input,.as-form-group select{padding:10px;border-radius:4px;border:1px solid #ced4da}.as-form-group input:disabled{background:#e9ecef}.as-full-width{grid-column:span 2}.as-form-actions{margin-top:24px;display:flex;justify-content:flex-end}.as-btn-primary{background:#0d6efd;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer}.manage-schools{padding:24px;background:#f4f6f9}.ms-page-header{display:flex;justify-content:space-between;margin-bottom:16px}.ms-breadcrumb{color:#0d6efd}.ms-card{background:#fff;border-radius:6px;padding:16px}.ms-card-header{display:flex;justify-content:space-between;align-items:center}.ms-actions{display:flex;gap:8px}.ms-btn{border:none;padding:8px 12px;border-radius:4px;cursor:pointer;color:#fff;font-size:14px}.ms-btn.small{padding:4px 8px;font-size:13px}.blue{background:#0d6efd}.green{background:#28a745}.yellow{background:#ffc107;color:#000}.teal{background:#17a2b8}.cyan{background:#20c997}.ms-filters{display:flex;gap:24px;margin:16px 0}.manage-schools-lga-filter{width:40%}.manage-schools-lga-filter select{border:.4px solid #ccc;width:100%;height:40px;background-color:#fff}.manage-schools-searchbox{width:60%}.ms-search-box{width:100%;text-align:center}.ms-search-box input{width:80%;height:40px}.ms-filters label{display:block;margin-bottom:6px}.search-box{display:flex}.ms-search-box input{width:80%;height:40px;padding:8px;border:1px solid #ccc}.ms-search-box button{margin-left:.3em;padding:8px 12px;border:1px solid #ccc;color:#fff;background:#17a2b8;cursor:pointer}.ms-info-bar{background:#17a2b8;color:#fff;padding:10px;border-radius:4px;margin-bottom:12px}.ms-schools-table{width:100%;border-collapse:collapse}.ms-schools-table th{background:#20a4b8;color:#fff;text-align:left;padding:10px}.ms-schools-table td{padding:10px;border-bottom:1px solid #ddd}.ms-actions-col{display:flex;flex-direction:column;gap:4px}.ms-pagination{display:flex;justify-content:center;gap:6px;margin-top:16px}.ms-pagination button{padding:6px 10px;border:1px solid #ddd;background:#fff;cursor:pointer}.ms-pagination button.active{background:#0d6efd;color:#fff}.filter-pages{padding:10px 20px;background:#f4f6f9}.pf-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.pf-breadcrumb{color:#0d6efd}.pf-card{background:#fff;border-radius:6px;box-shadow:0 2px 6px #00000014}.pf-card-title{padding:16px;border-bottom:1px solid #ddd;font-size:18px;font-weight:500}.pf-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;padding:10px 24px}.pf-form-group{display:flex;flex-direction:column}.pf-form-group label{margin-bottom:6px;font-weight:500}.pf-form-group select{padding:12px;border-radius:6px;border:1px solid #cbd5e1;font-size:15px;background-color:#f4f6f9}.pf-form-actions{display:flex;justify-content:center;padding:2px 15px}.pf-btn-primary{background:#0d6efd;color:#fff;border:none;padding:12px 20px;border-radius:6px;font-size:15px;cursor:pointer}.pf-btn-primary:disabled{background:#9bbcff;cursor:not-allowed}.dt-page-header{display:flex;justify-content:space-between;margin-bottom:20px}.dt-page-header h3{margin:0}.dt-breadcrumb{color:#6c757d}.dt-header-btn{display:flex;justify-content:flex-end}.btn{margin:2px;padding:10px;font-size:16px}.btn-light{background-color:#dee2e6;color:#000}.btn-secondary{background-color:#6c757d;color:#fff}.btn-primary{background-color:#17a2b8;color:#fff}.btn-info{background-color:#0d6efd;color:#fff}.btn-success{background-color:#28a745;color:#fff}.dt-card{background:#fff;padding:10px;border-radius:4px}.dt-card-header{border-bottom:1px solid #eee}.datatable-tools{display:flex;justify-content:center;margin-bottom:10px}.dt-table-header h3{padding:40px 0 5px 30px}.datatable-tools button{margin-right:5px}.datatable-filters{display:flex;justify-content:space-between;margin-bottom:10px}.datatable-filters-dropdown select{width:30%;border-radius:5px;background-color:#dee2e6}.datatable-search input{height:30px;width:120px;border-radius:5px;font-size:15px}.datatable{width:100%;border-collapse:collapse}.datatable tbody tr td{text-align:center;vertical-align:middle;padding:10px}.datatable thead{background-color:#17a2b8;color:#fff}.datatable th,.datatable td{padding:10px;border:1px solid #dee2e6;text-align:left}.dt-table-avatar{width:35px;height:35px;border-radius:50%}.datatable-footer{display:flex;justify-content:space-between;margin-top:10px}*{margin:0;padding:0;box-sizing:border-box}div{height:100vh;width:100%;background:linear-gradient(135deg,#04b2d9,#039ac0);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#fff}h1{font-size:3.5rem;font-weight:700;letter-spacing:2px;margin-bottom:15px;text-shadow:0 4px 12px rgba(0,0,0,.25)}p{font-size:1.2rem;opacity:.9;max-width:500px;line-height:1.6}*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif}.dl-app-container{display:flex;flex-direction:column;min-height:100vh}.dl-body{display:flex;flex:1;overflow:hidden}.dl-content{flex:1;padding:20px;overflow-y:auto;background:#f3f4f6}.dl-footer{height:40px;background:#1f2933;color:#fff;display:flex;align-items:center;justify-content:center}.loading-indicator{width:40px;height:40px;border:4px solid rgba(0,0,255,.2);border-top:4px solid #1e6cff;border-radius:50%;animation:spin .8s linear infinite;margin:20px auto}@keyframes spin{to{transform:rotate(360deg)}}