*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh}.sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border-right:1px solid #ffffff1a;height:100vh;left:0;position:fixed;top:0;transition:transform .3s ease;width:250px;z-index:1000}.sidebar-header{border-bottom:1px solid #ffffff1a;padding:20px}.sidebar-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:1.5rem;font-weight:600;margin:0}.nav-list{list-style:none;margin:0;padding:0}.nav-item{margin:0}.nav-link{align-items:center;border-left:3px solid #0000;color:#ffffffb3;display:flex;padding:15px 20px;text-decoration:none;transition:all .3s ease}.nav-link:hover{background:#ffffff0d;color:#fff}.nav-link.active{background:#ffffff1a;border-left-color:#667eea;color:#fff}.nav-icon{font-size:1.2rem;margin-right:15px;text-align:center;width:20px}.nav-label{font-size:.95rem;font-weight:500}@media (max-width:768px){.sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}}.dashboard{padding:20px}.dashboard-header{margin-bottom:30px}.dashboard-header h1{color:#fff;font-size:2.5rem;margin-bottom:10px}.dashboard-header p{color:#ffffffb3;font-size:1.1rem}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.stat-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;display:flex;padding:25px;transition:transform .3s ease,box-shadow .3s ease}.stat-card:hover{box-shadow:0 10px 30px #0000004d;transform:translateY(-5px)}.stat-icon{font-size:2.5rem;margin-right:20px}.stat-content h3{color:#fff;font-size:2rem;margin:0}.stat-content p{color:#ffffffb3;margin:5px 0}.stat-change{color:#4ecdc4;font-size:.9rem}.charts-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:30px}.chart-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;padding:20px}.chart-container h3{color:#fff;margin-bottom:20px}.recent-activities{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.activity-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;padding:20px}.activity-section h3{color:#fff;margin-bottom:15px}.activity-list{max-height:300px;overflow-y:auto}.activity-item{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:10px 0}.activity-item:last-child{border-bottom:none}.activity-info h4{color:#fff;margin:0}.activity-info p{color:#ffffffb3;font-size:.9rem;margin:0}.activity-date{color:#ffffff80;font-size:.85rem}.no-data{color:#ffffff80;padding:20px;text-align:center}.dashboard-loading{align-items:center;color:#fff;display:flex;flex-direction:column;height:400px;justify-content:center}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:40px;margin-bottom:20px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.dashboard-error{color:#e74c3c;font-size:1.2rem;padding:40px;text-align:center}.athletes-page{padding:20px}.athletes-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.athlete-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;padding:20px;transition:transform .3s ease}.athlete-card:hover{transform:translateY(-5px)}.athlete-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:15px}.athlete-info h3{color:#fff;margin:0 0 5px}.athlete-position{color:#ffffffb3;font-size:.9rem}.status-badge{padding:4px 12px}.athlete-details{margin-bottom:15px}.athlete-actions{display:flex;gap:10px}.checkbox-group label{gap:10px}.teams-page{margin:0 auto;max-width:1400px;padding:20px}.btn-add{background:linear-gradient(135deg,#4ecdc4,#44a3aa);box-shadow:0 4px 15px #4ecdc44d}.btn-add:hover{box-shadow:0 6px 20px #4ecdc466}.teams-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.team-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #0000001a;overflow:hidden;padding:25px;position:relative;transition:all .3s ease}.team-card:before{background:linear-gradient(90deg,#4ecdc4,#44a3aa);content:"";height:4px;left:0;position:absolute;right:0;top:0}.team-card:hover{box-shadow:0 12px 40px #0003;transform:translateY(-5px)}.team-header{gap:15px;margin-bottom:20px}.team-header,.team-icon{align-items:center;display:flex}.team-icon{background:linear-gradient(135deg,#4ecdc4,#44a3aa);border-radius:50%;color:#fff;font-size:1.5rem;height:60px;justify-content:center;width:60px}.team-info h3{color:#fff;font-size:1.3rem;font-weight:600;margin-bottom:5px}.team-sport{color:#fffc;font-size:.9rem}.team-status{margin-left:auto}.status-badge.active{background:#4ecdc433;border:1px solid #4ecdc4;color:#4ecdc4}.status-badge.inactive{background:#ff6b3533;border:1px solid #ff6b35;color:#ff6b35}.team-details{margin-bottom:20px}.detail-icon{color:#4ecdc4}.team-colors{margin-bottom:20px}.team-colors h4{color:#fff;font-size:.9rem;font-weight:600;margin-bottom:10px}.color-tags{display:flex;flex-wrap:wrap;gap:8px}.color-tag{background:#ffffff1a;border:1px solid #fff3;border-radius:15px;color:#ffffffe6;font-size:.8rem;padding:4px 10px}.team-actions{display:flex;gap:10px}.team-form{display:flex;flex-direction:column;gap:20px}.form-group input:focus,.form-group select:focus{border-color:#4ecdc4;box-shadow:0 0 0 3px #4ecdc433}.checkbox-group input[type=checkbox]{accent-color:#4ecdc4}.btn-primary{background:linear-gradient(135deg,#4ecdc4,#44a3aa);box-shadow:0 4px 15px #4ecdc44d}.btn-primary:hover{box-shadow:0 6px 20px #4ecdc466}@media (max-width:768px){.teams-page{padding:15px}.page-header{align-items:stretch;flex-direction:column;gap:20px}.page-header h1{font-size:2rem}.teams-grid{gap:20px;grid-template-columns:1fr}.team-card{padding:20px}.modal-content{margin:20px;padding:20px}.form-grid{grid-template-columns:1fr}}.training-sessions-page{padding:20px}.page-header h1{color:#fff;font-size:2rem;margin:0}.btn-add{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;gap:8px;transition:transform .2s ease}.sessions-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.session-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;padding:20px;transition:transform .3s ease}.session-card:hover{transform:translateY(-5px)}.session-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:15px}.session-info h3{color:#fff;margin:0 0 5px}.session-type{color:#ffffffb3;font-size:.9rem}.session-details{margin-bottom:15px}.detail-item{color:#fffc}.detail-icon{color:#ffffff80}.session-actions{display:flex;gap:10px}.btn-delete,.btn-edit{border-radius:6px;gap:5px;transition:transform .2s ease}.btn-delete:hover,.btn-edit:hover{transform:translateY(-2px)}.btn-edit{background:#3498db;color:#fff}.btn-delete{background:#e74c3c;color:#fff}.modal{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;border:1px solid #fff3;border-radius:15px;max-height:90vh;max-width:500px;overflow-y:auto;padding:30px;width:90%}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.modal-header h2{color:#fff;margin:0}.modal-close{background:none;border:none;color:#fff;cursor:pointer;font-size:2rem}.modal-form{display:flex;flex-direction:column;gap:15px}.form-group label{color:#fff;margin-bottom:5px}.form-group input,.form-group select,.form-group textarea{border-radius:6px;padding:10px}.form-actions{display:flex;gap:10px;margin-top:10px}.btn-cancel,.btn-submit{border:none;border-radius:6px;cursor:pointer;font-size:1rem;padding:10px 20px;transition:transform .2s ease}.btn-cancel:hover,.btn-submit:hover{transform:translateY(-2px)}.btn-cancel{background:#fff3;color:#fff}.btn-submit{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.loading{padding:40px;text-align:center}.equipment-page{margin:0 auto;max-width:1400px;padding:20px}.btn-add{background:linear-gradient(135deg,#96ceb4,#88d8b0);box-shadow:0 4px 15px #96ceb44d}.btn-add:hover{box-shadow:0 6px 20px #96ceb466}.equipment-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.equipment-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #0000001a;overflow:hidden;padding:25px;position:relative;transition:all .3s ease}.equipment-card:before{background:linear-gradient(90deg,#96ceb4,#88d8b0);content:"";height:4px;left:0;position:absolute;right:0;top:0}.equipment-card:hover{box-shadow:0 12px 40px #0003;transform:translateY(-5px)}.equipment-header{align-items:center;display:flex;gap:15px;margin-bottom:20px}.equipment-icon{align-items:center;background:linear-gradient(135deg,#96ceb4,#88d8b0);border-radius:50%;color:#fff;display:flex;font-size:1.5rem;height:60px;justify-content:center;width:60px}.equipment-info h3{color:#fff;font-size:1.3rem;font-weight:600;margin-bottom:5px}.equipment-category{color:#fffc;font-size:.9rem}.equipment-quantity{margin-left:auto}.quantity-badge{background:#fff3;border:1px solid #ffffff4d;border-radius:20px;color:#fff;font-size:1.1rem;font-weight:700;padding:8px 12px}.equipment-details{margin-bottom:20px}.detail-icon{color:#96ceb4}.condition-badge{border-radius:15px;color:#fff;font-size:.8rem;font-weight:600;padding:4px 10px}.cost-value{color:#96ceb4;font-weight:600}.equipment-actions{display:flex;gap:10px}.equipment-form{display:flex;flex-direction:column;gap:20px}.form-group input:focus,.form-group select:focus{border-color:#96ceb4;box-shadow:0 0 0 3px #96ceb433}.btn-primary{background:linear-gradient(135deg,#96ceb4,#88d8b0);box-shadow:0 4px 15px #96ceb44d}.btn-primary:hover{box-shadow:0 6px 20px #96ceb466}@media (max-width:768px){.equipment-page{padding:15px}.page-header{align-items:stretch;flex-direction:column;gap:20px}.page-header h1{font-size:2rem}.equipment-grid{gap:20px;grid-template-columns:1fr}.equipment-card{padding:20px}.modal-content{margin:20px;padding:20px}.form-grid{grid-template-columns:1fr}}.competitions-page{margin:0 auto;max-width:1400px;padding:20px}.btn-add{background:linear-gradient(135deg,#e74c3c,#c0392b);box-shadow:0 4px 15px #e74c3c4d}.btn-add:hover{box-shadow:0 6px 20px #e74c3c66}.competitions-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.competition-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #0000001a;overflow:hidden;padding:25px;position:relative;transition:all .3s ease}.competition-card:before{background:linear-gradient(90deg,#e74c3c,#c0392b);content:"";height:4px;left:0;position:absolute;right:0;top:0}.competition-card:hover{box-shadow:0 12px 40px #0003;transform:translateY(-5px)}.competition-header{align-items:center;display:flex;gap:15px;margin-bottom:20px}.competition-icon{align-items:center;background:linear-gradient(135deg,#e74c3c,#c0392b);border-radius:50%;color:#fff;display:flex;font-size:1.5rem;height:60px;justify-content:center;width:60px}.competition-info h3{color:#fff;font-size:1.3rem;font-weight:600;margin-bottom:5px}.competition-sport{color:#fffc;font-size:.9rem}.competition-status{margin-left:auto}.status-badge{color:#fff}.competition-details{margin-bottom:20px}.detail-label{min-width:80px}.detail-icon{color:#e74c3c}.type-badge{border-radius:15px;color:#fff;font-size:.8rem;font-weight:600;padding:4px 10px}.prize-value{color:#f39c12;font-weight:600}.competition-actions{display:flex;gap:10px}.competition-form{display:flex;flex-direction:column;gap:20px}.form-group input,.form-group select{background:#ffffff1a;border:1px solid #ffffff4d;border-radius:8px;color:#fff;font-size:1rem;padding:12px;transition:all .3s ease}.form-group input:focus,.form-group select:focus{border-color:#e74c3c;box-shadow:0 0 0 3px #e74c3c33;outline:none}.form-group input::placeholder{color:#ffffff80}.btn-primary{background:linear-gradient(135deg,#e74c3c,#c0392b);box-shadow:0 4px 15px #e74c3c4d}.btn-primary:hover{box-shadow:0 6px 20px #e74c3c66}@media (max-width:768px){.competitions-page{padding:15px}.page-header{align-items:stretch;flex-direction:column;gap:20px}.page-header h1{font-size:2rem}.competitions-grid{gap:20px;grid-template-columns:1fr}.competition-card{padding:20px}.modal-content{margin:20px;padding:20px}.form-grid{grid-template-columns:1fr}}.performance-metrics-page{margin:0 auto;max-width:1400px;padding:20px}.btn-add{background:linear-gradient(135deg,#9b59b6,#8e44ad);box-shadow:0 4px 15px #9b59b64d}.btn-add:hover{box-shadow:0 6px 20px #9b59b666}.metrics-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.metric-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #0000001a;overflow:hidden;padding:25px;position:relative;transition:all .3s ease}.metric-card:before{background:linear-gradient(90deg,#9b59b6,#8e44ad);content:"";height:4px;left:0;position:absolute;right:0;top:0}.metric-card:hover{box-shadow:0 12px 40px #0003;transform:translateY(-5px)}.metric-header{gap:15px;margin-bottom:20px}.metric-header,.metric-icon{align-items:center;display:flex}.metric-icon{background:linear-gradient(135deg,#9b59b6,#8e44ad);border-radius:50%;color:#fff;font-size:1.5rem;height:60px;justify-content:center;width:60px}.metric-info{flex:1 1}.metric-info h3{color:#fff;font-size:1.3rem;font-weight:600;margin-bottom:5px}.metric-type{color:#fffc;font-size:.9rem}.metric-value{text-align:right}.value-number{color:#fff;display:block;font-size:1.8rem;font-weight:700;line-height:1}.value-unit{color:#ffffffb3;display:block;font-size:.9rem;margin-top:2px}.metric-details{margin-bottom:15px}.detail-item{margin-bottom:8px}.detail-icon{color:#9b59b6}.metric-notes{background:#ffffff0d;border-left:3px solid #9b59b6;border-radius:8px;margin-top:10px;padding:10px}.metric-notes p{color:#fffc;font-size:.9rem;line-height:1.4;margin:0}.metric-bar{background:#ffffff1a;border-radius:4px;height:8px;margin-bottom:20px;overflow:hidden}.bar-fill{border-radius:4px;height:100%;transition:width .3s ease}.metric-actions{display:flex;gap:10px}.metric-form{display:flex;flex-direction:column;gap:20px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#9b59b6;box-shadow:0 0 0 3px #9b59b633}.btn-primary{background:linear-gradient(135deg,#9b59b6,#8e44ad);box-shadow:0 4px 15px #9b59b64d}.btn-primary:hover{box-shadow:0 6px 20px #9b59b666}@media (max-width:768px){.performance-metrics-page{padding:15px}.page-header{align-items:stretch;flex-direction:column;gap:20px}.page-header h1{font-size:2rem}.metrics-grid{gap:20px;grid-template-columns:1fr}.metric-card{padding:20px}.modal-content{margin:20px;padding:20px}.form-grid{grid-template-columns:1fr}}.facilities-page{margin:0 auto;max-width:1400px;padding:20px}.loading{font-size:1.2rem;height:400px;justify-content:center}.loading,.page-header{align-items:center;color:#fff;display:flex}.page-header{justify-content:space-between;margin-bottom:30px}.page-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fff,#f0f0f0);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700}.btn-add{align-items:center;background:linear-gradient(135deg,#27ae60,#229954);border:none;border-radius:12px;box-shadow:0 4px 15px #27ae604d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:10px;padding:12px 24px;transition:all .3s ease}.btn-add:hover{box-shadow:0 6px 20px #27ae6066;transform:translateY(-2px)}.facilities-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.facility-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #0000001a;overflow:hidden;padding:25px;position:relative;transition:all .3s ease}.facility-card:before{background:linear-gradient(90deg,#27ae60,#229954);content:"";height:4px;left:0;position:absolute;right:0;top:0}.facility-card:hover{box-shadow:0 12px 40px #0003;transform:translateY(-5px)}.facility-header{align-items:center;display:flex;gap:15px;margin-bottom:20px}.facility-icon{align-items:center;background:linear-gradient(135deg,#27ae60,#229954);border-radius:50%;color:#fff;display:flex;font-size:1.5rem;height:60px;justify-content:center;width:60px}.facility-info h3{color:#fff;font-size:1.3rem;font-weight:600;margin-bottom:5px}.facility-type{color:#fffc;font-size:.9rem}.facility-status{margin-left:auto}.status-badge{border-radius:20px;display:inline-block;font-size:.8rem;font-weight:600;padding:6px 12px}.status-badge.available{background:#27ae6033;border:1px solid #27ae60;color:#27ae60}.status-badge.unavailable{background:#e74c3c33;border:1px solid #e74c3c;color:#e74c3c}.facility-details{margin-bottom:20px}.detail-item{align-items:center;color:#ffffffe6;display:flex;font-size:.9rem;gap:10px;margin-bottom:10px}.detail-label{color:#ffffffb3;font-weight:600;min-width:70px}.detail-icon{color:#27ae60;font-size:.9rem}.facility-amenities{margin-bottom:20px}.facility-amenities h4{color:#fff;font-size:.9rem;font-weight:600;margin-bottom:10px}.amenities-list{display:flex;flex-wrap:wrap;gap:8px}.amenity-tag{background:#ffffff1a;border:1px solid #fff3;border-radius:15px;color:#ffffffe6}.amenity-more,.amenity-tag{font-size:.8rem;padding:4px 10px}.amenity-more{background:#ffffff0d;border-radius:15px;color:#fff9;font-style:italic}.facility-actions{display:flex;gap:10px}.btn-delete,.btn-edit{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;padding:8px 16px;transition:all .3s ease}.btn-edit{background:#45b7d133;border:1px solid #45b7d1;color:#45b7d1}.btn-edit:hover{background:#45b7d14d;transform:translateY(-2px)}.btn-delete{background:#ff6b3533;border:1px solid #ff6b35;color:#ff6b35}.btn-delete:hover{background:#ff6b354d;transform:translateY(-2px)}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:linear-gradient(135deg,#1e3c72e6,#2a5298e6);border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;padding:30px;width:90%}.modal-content h2{color:#fff;font-size:1.8rem;font-weight:600;margin-bottom:25px}.facility-form{display:flex;flex-direction:column;gap:20px}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.form-group{display:flex;flex-direction:column;gap:8px}.form-group.full-width{grid-column:1/-1}.form-group label{color:#ffffffe6;font-size:.9rem;font-weight:500}.form-group input,.form-group select,.form-group textarea{background:#ffffff1a;border:1px solid #ffffff4d;border-radius:8px;color:#fff;font-size:1rem;padding:12px;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#27ae60;box-shadow:0 0 0 3px #27ae6033;outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:#ffffff80}.checkbox-group{align-items:center;flex-direction:row}.checkbox-group label{align-items:center;cursor:pointer;display:flex;gap:8px}.checkbox-group input[type=checkbox]{accent-color:#27ae60;height:18px;width:18px}.modal-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:10px}.modal-actions button{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#27ae60,#229954);box-shadow:0 4px 15px #27ae604d;color:#fff}.btn-primary:hover{box-shadow:0 6px 20px #27ae6066;transform:translateY(-2px)}.modal-actions button[type=button]{background:#ffffff1a;border:1px solid #ffffff4d;color:#fff}.modal-actions button[type=button]:hover{background:#fff3}@media (max-width:768px){.facilities-page{padding:15px}.page-header{align-items:stretch;flex-direction:column;gap:20px}.page-header h1{font-size:2rem}.facilities-grid{gap:20px;grid-template-columns:1fr}.facility-card{padding:20px}.modal-content{margin:20px;padding:20px}.form-grid{grid-template-columns:1fr}}.app{background:linear-gradient(135deg,#667eea,#764ba2);display:flex;min-height:100vh}.main-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;flex:1 1;margin-left:250px;min-height:100vh;padding:20px}@media (max-width:768px){.main-content{margin-left:0;padding:10px}}