@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--primary:#2c5282;--secondary:#4299e1;--accent:#ebf8ff;--text:#2d3748;--light:#f7fafc;--white:#fff;--error:#e53e3e;--success:#38a169;--shadow:0 10px 25px #0000000d;--glass:#fffc;--glass-border:#ffffff4d}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--white);color:var(--text);min-height:100vh;font-family:Outfit,sans-serif;overflow-x:hidden}.app-container{max-width:1200px;margin:0 auto;padding:15px}@media (width>=768px){.app-container{padding:30px}}header{flex-direction:column;align-items:center;gap:15px;margin-bottom:0;padding:20px;display:flex;position:relative}.logo-container img{width:100%;max-width:600px;height:auto;display:block}.header-program-info{text-align:center;flex-direction:column;gap:5px;margin-top:10px;display:flex}.header-program-info p{color:var(--primary);font-size:1rem;font-weight:600}@media (width<=768px){.header-program-info p{font-size:.9rem}}.header-schedule-info{flex-direction:column;gap:3px;margin-top:20px;display:flex}.header-schedule-info p,.address-link{color:#4a5568;font-size:.95rem;font-weight:500}.address-link{color:var(--primary);text-decoration:underline;transition:opacity .2s}.address-link:hover{opacity:.8}@media (width<=768px){.header-schedule-info p,.address-link{font-size:.85rem}}.nav-controls{flex-direction:row;align-items:center;gap:15px;margin-top:10px;display:flex}@media (width>=768px){header{padding:30px 0 10px}.nav-controls{flex-direction:column;align-items:flex-end;gap:10px;margin-top:0;position:absolute;top:20px;right:20px}}.admin-link{color:var(--primary);font-size:.9rem;font-weight:600;text-decoration:none;transition:opacity .2s}.admin-link:hover{opacity:.8}.btn-translate{background:var(--white);border:1px solid var(--primary);color:var(--primary);cursor:pointer;border-radius:20px;padding:6px 12px;font-size:.8rem;font-weight:600;transition:all .2s}.btn-translate:hover{background:var(--primary);color:var(--white)}.hero{text-align:center;margin-bottom:40px}.hero h1{color:var(--primary);margin-bottom:15px;font-size:clamp(2rem,8vw,3.5rem);font-weight:700;line-height:1.2}.hero-info{margin-bottom:40px;padding:0 20px;line-height:1.8}.hero-info p{margin-bottom:10px}.hero-info p:first-child{color:var(--primary);font-size:1.1rem;font-weight:600}@media (width<=480px){.hero-info{margin-bottom:30px;line-height:1.6}}.hero-programs-vertical{flex-direction:column;align-items:center;gap:20px;margin-bottom:30px;display:flex}.program-item{flex-direction:column;align-items:center;gap:4px;display:flex}.program-item a{color:var(--primary);background:var(--accent);border-radius:12px;padding:6px 16px;font-size:clamp(1.1rem,5vw,1.4rem);font-weight:700;text-decoration:none;transition:all .2s}.program-item a:hover{background:var(--primary);color:var(--white);transform:translateY(-2px)}.program-item span{color:#718096;font-size:.9rem;font-weight:500}.program-link-btn{background:var(--accent);color:var(--primary);cursor:pointer;border:none;border-radius:12px;padding:8px 20px;font-size:clamp(1.1rem,5vw,1.4rem);font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1)}.program-link-btn:hover{background:var(--primary);color:var(--white);transform:translateY(-2px);box-shadow:0 4px 12px #2c528233}.program-modal{max-width:450px}.modal-header{text-align:center;margin-bottom:25px}.modal-subtitle{color:#718096;margin-top:5px;font-size:.95rem}.modal-body{flex-direction:column;gap:20px;display:flex}.session-selection label{margin-bottom:10px;font-size:.9rem;font-weight:600;display:block}.radio-group{gap:20px;padding:5px 0;display:flex}.radio-label{cursor:pointer;align-items:center;gap:8px;font-size:.95rem;font-weight:500;display:flex}.radio-label input[type=radio]{cursor:pointer;width:18px;height:18px}.modal-footer{grid-template-columns:1fr 1fr;gap:15px;margin-top:30px;display:grid}.modal-footer button{cursor:pointer;border-radius:10px;padding:12px;font-weight:600;transition:all .2s}.btn-primary{background:var(--primary);color:var(--white);border:none}.btn-primary:hover{opacity:.9}.btn-secondary{color:#4a5568;background:#edf2f7;border:none}.btn-secondary:hover{background:#e2e8f0}.home-buttons{flex-wrap:wrap;justify-content:center;gap:30px;display:flex}.card{background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);box-shadow:var(--shadow);border-radius:24px;padding:20px;transition:transform .3s}@media (width>=768px){.card{padding:40px}}.btn-large{background:var(--white);cursor:pointer;width:100%;max-width:320px;min-height:160px;box-shadow:var(--shadow);border:2px solid #0000;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:15px;padding:20px;transition:all .3s;display:flex}@media (width<=480px){.btn-large{min-height:140px}.home-buttons{gap:15px}}.btn-large:hover{border-color:var(--secondary);transform:translateY(-10px)}.btn-large.primary{background:var(--primary);color:var(--white)}.btn-large.secondary{background:var(--white);color:var(--primary);border:2px solid var(--primary)}.btn-large i,.btn-large svg{width:40px;height:40px}.btn-large span{font-size:1.2rem;font-weight:700}.form-section{max-width:800px;margin:0 auto}.form-grid{grid-template-columns:1fr;gap:15px;margin-bottom:30px;display:grid}@media (width>=600px){.form-grid{grid-template-columns:1fr 1fr;gap:20px}}.input-group{flex-direction:column;gap:8px;display:flex}.input-group label{font-size:.9rem;font-weight:600}.input-group input,.input-group select,.input-group textarea{appearance:none;background-color:var(--white);border:1px solid #e2e8f0;border-radius:12px;width:100%;padding:14px 16px;font-size:16px;transition:border-color .2s}.input-group select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%232C5282' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:18px;padding-right:40px}.input-group input:focus{border-color:var(--secondary);outline:none}.full-width{grid-column:1/-1}.child-card{background:var(--accent);border:1px solid #bee3f8;border-radius:16px;margin-bottom:25px;padding:15px}@media (width>=768px){.child-card{padding:25px}}.child-card h3{color:var(--primary);margin-bottom:20px}.consent-box{border-left:4px solid var(--error);background:#fff5f5;border-radius:8px;margin-bottom:30px;padding:20px}.checkbox-group{align-items:flex-start;gap:12px;margin-top:15px;display:flex}.checkbox-group label{font-size:.9rem;line-height:1.4}.checkbox-group input{flex-shrink:0;width:20px;height:20px;margin-top:2px}.selection-group{flex-wrap:wrap;gap:15px;margin-top:10px;display:flex}@media (width<=480px){.selection-group{gap:10px}.selection-group label{background:var(--white);border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:8px 12px}}.fee-display{background:var(--primary);color:var(--white);text-align:center;border-radius:16px;margin:30px 0;padding:20px;font-size:1.5rem;font-weight:700}.btn-submit{background:var(--primary);width:100%;color:var(--white);cursor:pointer;border:none;border-radius:12px;padding:16px;font-size:1.1rem;font-weight:700;transition:opacity .2s}.btn-submit:hover{opacity:.9}.admin-dashboard{background:var(--white);border-radius:24px;padding:30px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:15px;margin-bottom:40px;display:grid}.dashboard-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:30px;display:flex}.dashboard-actions{gap:10px;display:flex}.section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}.header-controls{flex-wrap:wrap;gap:10px;display:flex}.logout-btn{color:var(--error)!important;border-color:var(--error)!important}.logout-btn:hover{background:var(--error)!important;color:var(--white)!important}@media (width<=600px){.dashboard-header h2{text-align:center;width:100%}.dashboard-actions{justify-content:center;width:100%}.section-header h3,.header-controls{width:100%}.header-controls select,.header-controls button{flex:1}}.stat-card{background:var(--accent);text-align:center;border:1px solid #bee3f8;border-radius:16px;padding:20px}.stat-card h4{color:#4a5568;margin-bottom:10px;font-size:.8rem}.stat-card p{color:var(--primary);font-size:1.8rem;font-weight:700}.table-container{overflow-x:auto}table{border-collapse:collapse;width:100%;margin-bottom:20px}th,td{text-align:left;border-bottom:1px solid #e2e8f0;padding:15px}th{color:var(--primary);background:#edf2f7;font-weight:700}.hyperlink{color:var(--secondary);cursor:pointer;text-decoration:underline}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--white);border-radius:20px;width:95%;max-width:500px;max-height:90vh;padding:25px;position:relative;overflow-y:auto}.close-modal{cursor:pointer;position:absolute;top:15px;right:15px}.signature-pad{border:1px solid #e2e8f0;border-radius:12px;margin:15px 0}.page-footer{text-align:center;border-top:1px solid #e2e8f0;margin-top:80px;padding:40px 0}.footer-content{color:#4a5568;flex-direction:column;align-items:center;gap:12px;font-size:.95rem;display:flex}.form-title{color:var(--primary);margin-bottom:30px}.consent-card,.guardian-card,.signature-card{background:#f7fafc;margin-bottom:30px;padding:20px}.signature-input{background-color:var(--white);border:1px solid #e2e8f0;border-radius:12px;width:100%;padding:14px 16px;font-size:16px}.signature-input:focus{border-color:var(--secondary);outline:none}@media (width<=480px){.consent-card,.guardian-card,.signature-card{margin-bottom:20px;padding:15px}}.footer-content a{color:var(--primary);font-weight:600;text-decoration:none;transition:color .2s}.footer-content a:hover{color:var(--secondary);text-decoration:underline}.actions-cell{justify-content:flex-start;align-items:center;gap:10px;display:flex}.action-btn{cursor:pointer;border:none;border-radius:6px;padding:6px 12px;font-size:.85rem;font-weight:600;transition:all .2s}.action-btn.edit{background:var(--primary);color:#fff}.action-btn.edit:hover{background:#3a50d9}.action-btn.delete{color:#e53e3e;background:#fff5f5;border:1px solid #e53e3e}.action-btn.delete:hover{color:#fff;background:#e53e3e}.edit-modal{width:100%;max-width:800px}.edit-form{flex-direction:column;gap:25px;margin-top:20px;display:flex}.edit-section h4{color:var(--primary);border-bottom:1px solid #e2e8f0;margin-bottom:15px;padding-bottom:8px}.edit-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;display:grid}.edit-grid input,.edit-grid select{border:1px solid #e2e8f0;border-radius:8px;padding:10px;font-size:.9rem}.edit-child-row{grid-template-columns:1fr 1fr 80px;gap:10px;margin-bottom:10px;display:grid}.edit-child-row input,.edit-child-row select{border:1px solid #e2e8f0;border-radius:6px;padding:8px}.modal-footer{border-top:1px solid #e2e8f0;justify-content:flex-end;gap:15px;padding-top:20px;display:flex}.btn-secondary{cursor:pointer;background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;padding:10px 20px}.btn-primary{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 20px}
