@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f8f9fa;color:#333;line-height:1.6}:root{--primary-color: #667eea;--secondary-color: #764ba2;--accent-color: #ffd700;--success-color: #28a745;--warning-color: #ffc107;--danger-color: #dc3545;--info-color: #17a2b8;--light-color: #f8f9fa;--dark-color: #343a40;--bg-color: #f5f5f5}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.d-flex{display:flex}.d-none{display:none}.justify-center{justify-content:center}.align-center{align-items:center}.flex-column{flex-direction:column}.flex-wrap{flex-wrap:wrap}.btn{display:inline-block;padding:10px 20px;border:none;border-radius:4px;cursor:pointer;text-decoration:none;transition:all .3s ease;font-size:14px;font-weight:500}.btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.btn-secondary{background:#6c757d;color:#fff}.btn-success{background:var(--success-color);color:#fff}.btn-danger{background:var(--danger-color);color:#fff}.btn-warning{background:var(--warning-color);color:#212529}.btn-info{background:var(--info-color);color:#fff}.btn-light{background:var(--light-color);color:var(--dark-color);border:1px solid #dee2e6}.btn-dark{background:var(--dark-color);color:#fff}.card{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;overflow:hidden;transition:all .3s ease}.card:hover{box-shadow:0 4px 20px #00000026;transform:translateY(-2px)}.card-header{padding:20px;background:#f8f9fa;border-bottom:1px solid #dee2e6;font-weight:600}.card-body{padding:20px}.card-footer{padding:15px 20px;background:#f8f9fa;border-top:1px solid #dee2e6}.form-group{margin-bottom:20px}.form-label{display:block;margin-bottom:5px;font-weight:500;color:#555}.form-control{width:100%;padding:10px 12px;border:1px solid #dee2e6;border-radius:4px;font-size:14px;transition:all .3s ease}.form-control:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #667eea33}.form-control.is-invalid{border-color:var(--danger-color);box-shadow:0 0 0 2px #dc354533}.form-control.is-valid{border-color:var(--success-color);box-shadow:0 0 0 2px #28a74533}.invalid-feedback{display:block;color:var(--danger-color);font-size:12px;margin-top:5px}.valid-feedback{display:block;color:var(--success-color);font-size:12px;margin-top:5px}.table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 10px #0000001a}.table thead{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff}.table th,.table td{padding:12px 15px;text-align:left;border-bottom:1px solid #dee2e6}.table tbody tr:hover{background:#f8f9fa}.spinner{display:inline-block;width:20px;height:20px;border:3px solid rgba(102,126,234,.3);border-radius:50%;border-top-color:var(--primary-color);animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.d-md-none{display:none!important}.d-md-block{display:block!important}}@media (max-width: 576px){.d-sm-none{display:none!important}.d-sm-block{display:block!important}}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--secondary-color)}