.App{min-height:100vh;display:flex;flex-direction:column}main{flex:1}:root{--kmu-blue: #1a4f8b;--kmu-green: #008577;--kmu-light: #f8f9fa;--kmu-dark: #333;--kmu-gray: #6c757d;--kmu-light-gray: #e9ecef}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f5f7f9;color:var(--kmu-dark);line-height:1.6}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 15px}.btn-kmu{background-color:var(--kmu-green);color:#fff;padding:10px 25px;border-radius:30px;font-weight:600;transition:all .3s;border:none;cursor:pointer;text-decoration:none;display:inline-block}.btn-kmu:hover{background-color:#006c5f;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a;color:#fff}.btn-icon{background:none;border:none;cursor:pointer;font-size:16px;color:var(--kmu-blue);margin:0 5px}.section-title{position:relative;padding-bottom:15px;margin-bottom:30px;text-align:center;color:var(--kmu-blue)}.section-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80px;height:3px;background-color:var(--kmu-green)}.form-container{background-color:#fff;border-radius:10px;box-shadow:0 5px 15px #0000000d;padding:30px;margin-bottom:30px}.required-field:after{content:"*";color:red;margin-left:3px}.form-group{margin-bottom:20px}.form-label{display:block;margin-bottom:8px;font-weight:500}.form-control{width:100%;padding:10px 15px;border:1px solid #ddd;border-radius:5px;font-size:16px}.form-control:focus{outline:none;border-color:var(--kmu-blue);box-shadow:0 0 0 2px #1a4f8b33}.form-row{display:flex;flex-wrap:wrap;margin:0 -10px}.form-row .form-group{flex:1 0 calc(50% - 20px);margin:0 10px 20px}.form-actions{text-align:center;margin-top:30px}.checkbox-group,.radio-group{display:flex;gap:15px;margin-top:8px}.checkbox-group label,.radio-group label{display:flex;align-items:center;font-weight:400;cursor:pointer}.checkbox-group input,.radio-group input{margin-right:8px}.navbar{background-color:var(--kmu-blue);box-shadow:0 2px 4px #0000001a;padding:15px 0}.nav-content{display:flex;justify-content:space-between;align-items:center}.nav-brand{display:flex;align-items:center;color:#fff;text-decoration:none;font-weight:700;font-size:1.2rem}.nav-brand i{margin-right:10px;font-size:1.5rem}.nav-toggle{display:none;flex-direction:column;background:none;border:none;cursor:pointer}.nav-toggle span{width:25px;height:3px;background-color:#fff;margin:3px 0;border-radius:2px}.nav-links{display:flex;list-style:none;margin:0;padding:0}.nav-links li{margin-left:20px}.nav-links a{color:#fffc;text-decoration:none;transition:color .3s}.nav-links a:hover,.nav-links a.active{color:#fff}footer{background-color:var(--kmu-blue);color:#fff;padding:40px 0 20px;margin-top:auto}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-bottom:30px}.footer-section h5{margin-bottom:15px;position:relative;padding-bottom:10px}.footer-section h5:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:2px;background-color:var(--kmu-green)}.footer-section p{margin-bottom:10px;display:flex;align-items:center}.footer-section i{margin-right:10px}.footer-links{display:flex;flex-direction:column}.footer-links a{color:#fffc;text-decoration:none;margin-bottom:8px;transition:color .3s}.footer-links a:hover{color:#fff}.footer-bottom{text-align:center;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.hero-section{background:linear-gradient(#1a4f8bcc,#1a4f8be6),url(https://images.unsplash.com/photo-1523050854058-8df90110c9f1?ixlib=rb-4.0.3&auto=format&fit=crop&w=1000&q=80);background-size:cover;background-position:center;color:#fff;padding:80px 0;text-align:center}.hero-content h1{font-size:2.5rem;margin-bottom:20px}.hero-content p{font-size:1.2rem;margin-bottom:30px;max-width:700px;margin-left:auto;margin-right:auto}.features-section{padding:60px 0}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.feature-card{background-color:#fff;border-radius:10px;padding:30px;text-align:center;box-shadow:0 5px 15px #0000000d;transition:transform .3s,box-shadow .3s}.feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}.feature-icon{font-size:2.5rem;color:var(--kmu-blue);margin-bottom:20px}.feature-card h3{margin-bottom:15px;color:var(--kmu-blue)}.feature-card p{color:var(--kmu-gray)}.programs-section{padding:60px 0;background-color:var(--kmu-light)}.programs-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.program-item{display:flex;align-items:flex-start;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 3px 10px #0000000d}.program-item i{color:var(--kmu-blue);font-size:1.5rem;margin-right:15px;margin-top:5px}.program-item h4{margin-bottom:10px;color:var(--kmu-blue)}.program-item p{color:var(--kmu-gray)}.form-page-header{text-align:center;margin:40px 0}.form-page-header h1{color:var(--kmu-blue);margin-bottom:10px}.form-page-header p{color:var(--kmu-gray);font-size:1.1rem}.admin-header{display:flex;justify-content:space-between;align-items:center;margin:40px 0 20px}.admin-header h1{color:var(--kmu-blue)}.empty-state{text-align:center;padding:60px 20px;color:var(--kmu-gray)}.empty-state i{font-size:3rem;margin-bottom:20px;color:var(--kmu-blue)}.empty-state h3{margin-bottom:10px;color:var(--kmu-blue)}.admin-table-container{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;background-color:#fff;border-radius:10px;overflow:hidden;box-shadow:0 5px 15px #0000000d}.admin-table th,.admin-table td{padding:12px 15px;text-align:left;border-bottom:1px solid #ddd}.admin-table th{background-color:var(--kmu-blue);color:#fff}.admin-table tr:hover{background-color:#f5f5f5}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.modal{background-color:#fff;border-radius:10px;width:100%;max-width:600px;max-height:80vh;overflow-y:auto;box-shadow:0 5px 20px #0003}.modal-header{padding:20px;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;align-items:center}.modal-header h2{color:var(--kmu-blue)}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--kmu-gray)}.modal-body{padding:20px}.detail-row{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #eee}.detail-row:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.toast{position:fixed;top:20px;right:20px;padding:15px 20px;background-color:#28a745;color:#fff;border-radius:5px;box-shadow:0 4px 8px #0000001a;z-index:1000;display:flex;align-items:center;animation:slideIn .3s ease-out}.toast.error{background-color:#dc3545}.toast i{margin-right:10px}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 768px){.nav-toggle{display:flex}.nav-links{position:fixed;top:70px;left:0;right:0;background-color:var(--kmu-blue);flex-direction:column;padding:20px;transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .3s;box-shadow:0 4px 8px #0000001a}.nav-links.active{transform:translateY(0);opacity:1;visibility:visible}.nav-links li{margin:10px 0}.form-row .form-group{flex:1 0 100%}.hero-content h1{font-size:2rem}.features-grid,.programs-list{grid-template-columns:1fr}.admin-header{flex-direction:column;gap:15px;align-items:flex-start}.admin-table{font-size:.9rem}.admin-table th,.admin-table td{padding:8px 10px}}.text-center{text-align:center}.mt-4{margin-top:1.5rem}.mb-4{margin-bottom:1.5rem}.fas,.far,.fab{font-style:normal}.popup-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.popup{background:#fff;padding:20px 30px;border-radius:8px;text-align:center;box-shadow:0 4px 15px #0000004d;animation:fadeIn .3s ease-in-out}.popup p{margin-bottom:15px;font-size:16px;font-weight:500}.popup button{background:#007bff;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer}.popup button:hover{background:#0056b3}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}