@import url(https://fonts.googleapis.com/css2?family=Pacifico&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100..900;1,100..900&family=Secular+One&display=swap);.admin-header{align-items:center;background-color:#fff;border-bottom:1px solid #e5e7eb;display:flex;height:60px;justify-content:space-between;padding:5px 1rem;position:-webkit-sticky;position:sticky;top:0;z-index:30}.admin-header .header-left{align-items:center;display:flex;gap:1.5rem}@media(max-width:320px){.admin-header .header-left{gap:0}}.admin-header .header-left .menu-btn{align-items:center;background:none;border:none;color:#394656;cursor:pointer;display:flex;font-size:1.5rem;justify-content:center;padding:.5rem;transition:color .2s ease}.admin-header .header-left .menu-btn:hover{color:#1e1e1e}.admin-header .header-left .header-title{color:#1e1e1e;font-size:1rem;font-weight:600;margin:0}@media(max-width:370px){.admin-header .header-left .header-title{font-size:.75rem}}.admin-header .header-right{align-items:center;display:flex;gap:1.5rem}.admin-header .header-right .notification-btn,.admin-header .header-right .profile-btn{align-items:center;background:none;border:none;color:#1e1e1e;cursor:pointer;display:flex;font-size:1.25rem;justify-content:center;padding:.5rem;position:relative;transition:color .2s ease}.admin-header .header-right .notification-btn:hover,.admin-header .header-right .profile-btn:hover{color:#4ea44b}.admin-header .header-right .notification-btn .notification-dot,.admin-header .header-right .profile-btn .notification-dot{background-color:#ef4444;border-radius:50%;height:8px;position:absolute;right:4px;top:4px;width:8px}.admin-header .header-right .profile-info{align-items:center;cursor:pointer;display:flex;gap:.5rem}.admin-header .header-right .profile-info .profile-avatar{align-items:center;background-color:#4ea44b;border-radius:50%;color:#fff;display:flex;font-size:.875rem;font-weight:600;height:36px;justify-content:center;width:36px}.admin-layout{background-color:#fff;display:flex;min-height:100vh}.admin-layout .sidebar{background-color:#eefdf4;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;left:0;min-height:100%;position:fixed;top:0;transition:all .3s ease;width:200px;z-index:40}.admin-layout .sidebar.collapsed{width:80px}@media(max-width:400px){.admin-layout .sidebar.collapsed{width:50px}}.admin-layout .sidebar.collapsed .sidebar-header{padding:1.5rem .5rem}.admin-layout .sidebar.collapsed .sidebar-header h1{display:none}.admin-layout .sidebar.collapsed .nav-items .nav-item{display:flex;justify-content:space-around}.admin-layout .sidebar.collapsed .nav-items .nav-item .nav-label{display:none}.admin-layout .sidebar.collapsed .nav-items .nav-item .nav-badge{position:absolute;right:-5px;top:-5px}.admin-layout .sidebar .sidebar-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:.75rem;height:60px;padding:1rem;transition:padding .3s ease}.admin-layout .sidebar .sidebar-header .logo{align-items:center;background-color:#4ea44b;border-radius:8px;color:#fff;display:flex;flex-shrink:0;font-size:1.25rem;height:40px;justify-content:center;width:40px}.admin-layout .sidebar .sidebar-header h1{color:#1e1e1e;font-size:.875rem;font-weight:600;transition:opacity .3s ease;white-space:nowrap}.admin-layout .sidebar .nav-items{display:flex;flex:1 1;flex-direction:column;gap:.5rem;padding:.5rem .2rem}.admin-layout .sidebar .nav-items .nav-item{align-items:center;border-radius:8px;color:#1e1e1e;cursor:pointer;display:flex;font-size:.75rem;font-weight:600;gap:1rem;padding:.75rem 1rem;position:relative;text-decoration:none;transition:all .2s ease}@media(max-width:700px){.admin-layout .sidebar .nav-items .nav-item{padding:.75rem .4rem}}.admin-layout .sidebar .nav-items .nav-item:hover{background-color:#22c55e;color:#fff}.admin-layout .sidebar .nav-items .nav-item:hover .nav-icon{color:#fff}.admin-layout .sidebar .nav-items .nav-item.active{background-color:#4ea44b;color:#fff}.admin-layout .sidebar .nav-items .nav-item.active .nav-icon{color:#fff}.admin-layout .sidebar .nav-items .nav-item .nav-icon{align-items:center;color:#4b5563;display:flex;flex-shrink:0;font-size:1.2rem;height:24px;justify-content:center;transition:color .2s ease;width:24px}.admin-layout .sidebar .nav-items .nav-item .nav-label{flex:1 1;font-family:Roboto,sans-serif;transition:opacity .3s ease}.admin-layout .sidebar .nav-items .nav-item .nav-badge{align-items:center;background-color:#ef4444;border-radius:50%;color:#fff;display:flex;font-size:.75rem;font-weight:600;height:24px;justify-content:center;width:24px}.admin-layout .main-content{display:flex;flex:1 1;flex-direction:column;margin-left:200px;transition:margin-left .3s ease}.admin-layout .main-content.sidebar-collapsed{margin-left:80px}@media(max-width:400px){.admin-layout .main-content.sidebar-collapsed{margin-left:50px}}.dashboard-content{background-color:#f7f8fa}.dashboard-content .stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));margin-bottom:2rem}.dashboard-content .stats-grid .stat-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #00000014;height:172px;padding:24px;transition:all .2s ease}.dashboard-content .stats-grid .stat-card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.dashboard-content .stats-grid .stat-card .stat-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.dashboard-content .stats-grid .stat-card .stat-header .stat-icon{align-items:center;border-radius:8px;display:flex;font-size:1.75rem;height:50px;justify-content:center;width:50px}.dashboard-content .stats-grid .stat-card .stat-header .stat-change{font-size:.875rem;font-weight:600}.dashboard-content .stats-grid .stat-card .stat-header .stat-change.positive{color:#15803d}.dashboard-content .stats-grid .stat-card .stat-header .stat-change.negative{color:#ef4444}.dashboard-content .stats-grid .stat-card .stat-value{color:#1e1e1e;font-size:1.875rem;font-weight:700;margin-bottom:.25rem}.dashboard-content .stats-grid .stat-card .stat-label{color:#4b5563;font-size:.875rem}.dashboard-content .activity-section{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #00000014;padding:1.5rem}.dashboard-content .activity-section h2{color:#1e1e1e;font-size:1.25rem;font-weight:700;margin:0 0 1.5rem}.dashboard-content .activity-section ul{display:flex;flex-direction:column;gap:1rem}.dashboard-content .activity-section ul li{list-style:none}.dashboard-content .activity-section ul .activity-item{border-bottom:1px solid #e5e7eb;display:flex;gap:1rem;padding-bottom:1rem}.dashboard-content .activity-section ul .activity-item:last-child{border-bottom:none;padding-bottom:0}.dashboard-content .activity-section ul .activity-item .activity-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:1.25rem;height:48px;justify-content:center;width:48px}.dashboard-content .activity-section ul .activity-item .activity-content{flex:1 1}.dashboard-content .activity-section ul .activity-item .activity-content .activity-text{color:#1e1e1e;font-size:.9375rem;line-height:1.4;margin:0 0 .25rem}.dashboard-content .activity-section ul .activity-item .activity-content .activity-text .highlight{color:#1e1e1e;font-weight:600}.dashboard-content .activity-section ul .activity-item .activity-content .activity-time{color:#7b8ca3;font-size:.8125rem;margin:0}.container{align-items:center;background-color:#f0fdf4;display:flex;font-family:Poppins,Segoe UI,Roboto,sans-serif;justify-content:center;min-height:100vh;padding:16px}.login-card{background-color:#fff;border-radius:12px;box-shadow:0 10px 25px #0000001a;display:flex;flex-direction:column;gap:24px;max-width:400px;padding:20px 32px;width:100%}.login-card .header-login{display:flex;flex-direction:column;gap:16px;text-align:center}.login-card .header-login .icon{align-items:center;background-color:#16a34a;border-radius:12px;color:#fff;display:flex;font-size:32px;height:60px;justify-content:center;margin:0 auto;width:60px}.login-card .header-login h1{color:#1f2937;font-size:24px;font-weight:600;letter-spacing:-.5px;margin:0}.login-card .header-login .subtitle{color:#6b7280;font-size:14px;line-height:1.5;margin:0}.login-card .form-group{display:flex;flex-direction:column;gap:8px}.login-card .form-group label{color:#1f2937;font-size:14px;font-weight:500;margin-bottom:4px}.login-card .form-group input{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#1f2937;font-size:14px;padding:12px 16px;transition:all .3s ease}.login-card .form-group input::placeholder{color:#9ca3af}.login-card .form-group input:focus{border-color:#16a34a;box-shadow:0 0 0 3px #16a34a1a;outline:none}.login-card .form-group input:hover{border-color:#6b7280}.login-card .error-message{animation:slideDown .3s ease;background-color:#dc26261a;border-radius:6px;color:#dc2626;font-size:14px;margin:0;padding:8px 12px;text-align:center}.login-card .login-btn{background-color:#16a34a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.login-card .login-btn:hover:not(:disabled){background-color:#15803d;box-shadow:0 4px 12px #16a34a4d}.login-card .login-btn:active:not(:disabled){transform:translateY(0)}.login-card .login-btn:disabled{cursor:not-allowed;opacity:.6}.login-card .back-link{color:#16a34a;cursor:pointer;font-size:14px;text-align:center;text-decoration:none;transition:color .3s ease}.login-card .back-link:hover{color:#15803d;text-decoration:underline}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){.container{padding:12px}.card{gap:20px;padding:32px 20px}.card .header{gap:12px}.card .header .icon{font-size:28px;height:56px;width:56px}.card .header h1{font-size:20px}.card .header .subtitle{font-size:13px}.card .form-group input{font-size:16px}.card .btn{font-size:15px;padding:11px 20px}}@media(max-width:480px){.login-card{gap:18px;padding:24px 16px}.login-card .header .icon{font-size:24px;height:52px;width:52px}.login-card .header h1{font-size:18px}.login-card .header .subtitle{font-size:12px}.login-card .form-group{gap:6px}.login-card .form-group label{font-size:13px}.login-card .form-group input{padding:10px 14px}.login-card .login-btn{font-size:14px;padding:10px 16px}}.lost-and-found-container{align-items:center;background:linear-gradient(135deg,#e0f9f7,#e8fffe);display:flex;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.lost-and-found-content{max-width:600px;padding:40px 20px;text-align:center;z-index:1}.icon-wrapper{display:flex;justify-content:center;margin-bottom:30px}.icon-wrapper .icon{background:#fff;border:3px solid #16a085;border-radius:50%;box-sizing:border-box;color:#16a085;height:80px;padding:15px;width:80px}.heading{color:#1a2332;font-size:52px;font-weight:700;letter-spacing:-.5px;margin:0 0 15px}.subtitle{color:#6b7d8f;font-size:18px;line-height:1.6;margin:0 0 30px}.error-box{background:#f0fffe;border:1px solid #d4f0ed;border-radius:8px;display:flex;gap:8px;justify-content:center;margin-bottom:30px;padding:15px 20px}.error-box .error-label{color:#16a085;font-weight:600}.error-box .error-message{color:#6b7d8f;font-weight:500}.button-group{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:25px}.btn{align-items:center;border:2px solid #0000;border-radius:6px;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:8px;padding:12px 28px;text-decoration:none;transition:all .3s ease;white-space:nowrap}.btn .btn-icon{font-size:18px}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-primary{background-color:#16a085;border-color:#16a085;color:#fff}.btn-primary:hover{background-color:#138571;border-color:#138571;box-shadow:0 4px 12px #16a08540}.footer-text{color:#8a9aaa;font-size:14px;margin:0}.decoration{background:#16a085;border-radius:50% 50% 0 0;bottom:0;height:300px;opacity:.1;position:absolute;right:0;width:300px;z-index:0}@media(max-width:640px){.lost-and-found-container{padding:20px}.lost-and-found-content{padding:20px 0}.heading{font-size:36px}.subtitle{font-size:16px}.btn{font-size:14px;padding:10px 24px}.decoration{height:200px;width:200px}}*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}.App{min-height:100svh;width:100%}.App .youth-programs-header{margin:50px 0;text-align:center}.App .youth-programs-header h1{font-family:poppins,sans-serif;font-size:2.25rem;font-weight:700;letter-spacing:-.5px;line-height:1.2;margin-bottom:16px}@media(max-width:768px){.App .youth-programs-header h1{font-size:36px}}@media(max-width:480px){.App .youth-programs-header h1{display:inline-block;font-size:28px;text-align:center}}.App .youth-programs-header p{font-size:1.125rem;font-weight:400;line-height:1.6;margin:0 auto;max-width:700px}@media(max-width:768px){.App .youth-programs-header p{font-size:15px}}@media(max-width:450px){.App .youth-programs-header{padding:0 5px;text-align:left}.App .youth-programs-header h1{font-size:24px}}.App .home-btn{display:flex;justify-content:center}.App .home-btn button{align-items:center;background-color:#4ea44b;border:none;border-radius:24px;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:8px;padding:14px 32px;transition:all .3s ease}.App .home-btn button:hover{background-color:#336c30;transform:translateX(.25px)}.App .home-btn button:active{transform:translateX(0)}.App .programs-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(265px,1fr));margin-bottom:50px}@media(max-width:1024px){.App .programs-grid{gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media(max-width:640px){.App .programs-grid{gap:16px;grid-template-columns:1fr;margin-bottom:30px}}.App .card{background-color:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.App .card .dateAndTime{display:flex;justify-content:space-between}.App .card .dateAndTime p{font-size:10px;margin-bottom:5px}.App .card:hover{box-shadow:0 12px 24px #0000001f;transform:translateY(-4px)}.App .card .img{aspect-ratio:16/10;background-color:#f0f4f8;overflow:hidden;position:relative;width:100%}.App .card .img img{height:100%;object-fit:cover;transition:transform .4s ease;width:100%}.card:hover .App .card .img img{transform:scale(1.05)}.App .card .img .badge{background-color:#d1fae5;border-radius:20px;box-shadow:0 2px 8px #0000001a;color:#065f46;font-size:12px;font-weight:600;padding:6px 14px;position:absolute;right:12px;text-transform:capitalize;top:12px}.App .card .body{display:flex;flex-direction:column;flex-grow:1;padding:24px}.App .card .body h2{color:#1e1e1e;font-size:16px;font-weight:700;line-height:1.4;margin-bottom:8px}.App .card .body>p{color:#1f2937;flex-grow:1;font-size:11px;line-height:1.6;margin-bottom:20px}.App .card .stats{border-bottom:1px solid #e5e7eb;display:flex;gap:30px;margin-bottom:24px;padding-bottom:20px}.App .card .stats>div{align-items:center;display:flex;gap:8px}.App .card .stats>div>span:first-child{font-size:18px;line-height:1}.App .card .stats>div>span:last-child{color:#0f172a;font-size:13px;font-weight:500}.App .green-header .youth-programs-header{color:#f0fdf4;letter-spacing:.5px;margin:0;padding:60px 0}@media screen and (max-width:480px){.App .green-header .youth-programs-header{padding:40px 10px}}.App .section-wrapper-admin{background-color:#f9fafb;flex:1 1;padding:15px 35px}@media(max-width:650px){.App .section-wrapper-admin{background-color:#f9fafb;flex:1 1;padding:15px 12px}}@media(max-width:400px){.App .section-wrapper-admin{background-color:#f9fafb;flex:1 1}.App .section-wrapper-admin .form-wrapper{padding:2px}}.dashboard-header{margin-bottom:2rem;padding:10px}.dashboard-header h1{color:#1e1e1e;font-size:1.275rem;font-weight:700}.dashboard-header p{color:#4b5563;font-family:Roboto,sans-serif;font-size:.95rem}.social-icons{display:flex;flex-wrap:wrap;gap:16px;margin-top:24px}@media(max-width:480px){.social-icons{gap:10px}}.social-icons a{align-items:center;background-color:#111827;border-radius:50%;color:#fff;display:inline-flex;height:40px;justify-content:center;text-decoration:none;transition:all .3s ease;width:40px}@media(max-width:480px){.social-icons a{height:30px;width:30px}}.social-icons a i{background:none;border-radius:0;color:#fff;font-size:20px;height:auto;line-height:1;width:auto}.social-icons a:hover{background-color:#4ea44b;color:#111827;transform:translateY(-3px)}@media(max-width:650px){.section-wrapper-admin{padding:2px}}
/*# sourceMappingURL=main.38a7fd39.css.map*/