*{box-sizing:border-box}body{font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;font-size:16px;line-height:1.6;color:#2c3e50;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);min-height:100vh;margin:0;padding:0}.container-fluid{background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,0.1);margin:20px;padding:20px}#nav{background:linear-gradient(135deg, #2c5aa0, #3498db);color:white;padding:15px 20px;border-radius:8px;margin-bottom:20px;box-shadow:0 2px 10px rgba(0,0,0,0.1);font-weight:500}#nav a{color:white;text-decoration:none;padding:8px 12px;border-radius:4px;transition:all 0.3s ease;margin:0 5px}#nav a:hover{background:rgba(255,255,255,0.2);transform:translateY(-2px)}#main-container{background:white;border-radius:8px;padding:25px;box-shadow:0 2px 10px rgba(0,0,0,0.1);margin:20px 0}h1{color:#2c5aa0;font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:30px;text-shadow:2px 2px 4px rgba(0,0,0,0.1);background:linear-gradient(135deg, #2c5aa0, #3498db);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}h2{color:#2c3e50;font-size:1.8rem;font-weight:600;margin-bottom:20px;border-left:4px solid #f39c12;padding-left:15px}h3{color:#2c3e50;font-size:1.4rem;font-weight:600;margin-bottom:15px;padding:10px 15px;background:#f8f9fa;border-radius:8px;border-left:3px solid #27ae60}a{color:#2c5aa0;text-decoration:none;transition:all 0.3s ease;border-bottom:1px solid transparent}a:hover{color:#f39c12;border-bottom-color:#f39c12}a:visited{color:#e74c3c}table{width:100%;border-collapse:collapse;margin:20px 0;background:white;border-radius:8px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,0.1)}th{background:linear-gradient(135deg, #2c5aa0, #3498db);color:white;padding:15px;text-align:left;font-weight:600;text-transform:uppercase;font-size:0.9rem;letter-spacing:0.5px}td{padding:15px;border-bottom:1px solid #ecf0f1;vertical-align:top}tr:hover{background:#f8f9fa;transition:all 0.3s ease}form{background:white;padding:25px;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,0.1);margin:20px 0}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#2c3e50}.form-control{width:100%;padding:12px 15px;border:2px solid #ecf0f1;border-radius:8px;font-size:16px;transition:all 0.3s ease;margin-bottom:15px}.form-control:focus{outline:none;border-color:#2c5aa0;box-shadow:0 0 0 3px rgba(44,90,160,0.1)}input[type="text"],input[type="email"],input[type="password"],textarea,select{width:100%;padding:12px 15px;border:2px solid #ecf0f1;border-radius:8px;font-size:16px;transition:all 0.3s ease;margin-bottom:15px}input[type="text"]:focus,input[type="email"]:focus,input[type="password"]:focus,textarea:focus,select:focus{outline:none;border-color:#2c5aa0;box-shadow:0 0 0 3px rgba(44,90,160,0.1)}.radio-item{margin:8px 0;padding:8px 12px;border-radius:4px;transition:all 0.3s ease}.radio-item:hover{background:#f8f9fa}.media-selection{max-height:300px;overflow-y:auto;border:1px solid #ecf0f1;border-radius:8px;padding:15px}.media-item{margin:8px 0;padding:8px 12px;border-radius:4px;transition:all 0.3s ease;border-left:3px solid transparent}.media-item:hover{background:#f8f9fa;border-left-color:#f39c12}.text-muted{color:#7f8c8d;font-size:0.9rem}.btn,input[type="submit"],button{background:linear-gradient(135deg, #2c5aa0, #3498db);color:white;padding:12px 25px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all 0.3s ease;text-decoration:none;display:inline-block;margin:5px}.btn:hover,input[type="submit"]:hover,button:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,0.2)}.btn:disabled{opacity:0.6;cursor:not-allowed;transform:none}.btn-sm{padding:8px 16px;font-size:14px}.btn-lg{padding:16px 32px;font-size:18px}.btn-secondary{background:linear-gradient(135deg, #7f8c8d, #95a5a6)}.btn-success{background:linear-gradient(135deg, #27ae60, #2ecc71)}.btn-warning{background:linear-gradient(135deg, #f1c40f, #f39c12)}.btn-danger{background:linear-gradient(135deg, #e74c3c, #e67e22)}.flash-notice{background:linear-gradient(135deg, #27ae60, #2ecc71);color:white;padding:15px 20px;border-radius:8px;margin:20px 0;box-shadow:0 2px 10px rgba(0,0,0,0.1);border-left:4px solid #27ae60}.flash-error{background:linear-gradient(135deg, #e74c3c, #e67e22);color:white;padding:15px 20px;border-radius:8px;margin:20px 0;box-shadow:0 2px 10px rgba(0,0,0,0.1);border-left:4px solid #c0392b}.card{background:white;border-radius:8px;padding:20px;margin:15px 0;box-shadow:0 2px 10px rgba(0,0,0,0.1);border-left:4px solid #2c5aa0;transition:all 0.3s ease}.card:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(0,0,0,0.15)}.pagination{display:flex;justify-content:center;align-items:center;margin:30px 0;gap:10px}.pagination a,.pagination span{padding:10px 15px;border:1px solid #ecf0f1;border-radius:8px;text-decoration:none;color:#2c3e50;transition:all 0.3s ease}.pagination a:hover{background:#2c5aa0;color:white;border-color:#2c5aa0}.pagination .current{background:#2c5aa0;color:white;border-color:#2c5aa0}@media (max-width: 768px){.container-fluid{margin:10px;padding:15px}h1{font-size:2rem}h2{font-size:1.5rem}#nav{padding:10px 15px;display:none}#nav.nav-open{display:block}#nav a{display:block;margin:5px 0}table{font-size:14px}th,td{padding:10px}.table-responsive{overflow-x:auto}.card{padding:15px}.btn{width:100%;margin:5px 0}.col-md-6{margin-bottom:20px}}@media (max-width: 480px){.container-fluid{margin:5px;padding:10px}h1{font-size:1.5rem}h2{font-size:1.3rem}h3{font-size:1.2rem}.card{padding:10px}}.top-description{background:linear-gradient(135deg, #f8f9fa, #e9ecef);padding:20px;border-radius:8px;border-left:4px solid #f39c12;margin-bottom:20px;font-size:1.1rem;line-height:1.7}.auto-link{color:#3498db;text-decoration:none;border-bottom:1px dotted #3498db;transition:all 0.3s ease}.auto-link:hover{color:#2c5aa0;border-bottom-color:#2c5aa0}.loading{display:inline-block;width:20px;height:20px;border:3px solid rgba(255,255,255,0.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}#footer-container{background:#2c3e50;color:white;text-align:center;padding:20px;margin-top:40px;border-radius:8px}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.mt-20{margin-top:20px}.mb-20{margin-bottom:20px}.p-20{padding:20px}.hidden{display:none}.visible{display:block}