.page-header{background:linear-gradient(135deg,#f0f7fc 0%,#ffffff 100%);border-left:4px solid #0078c6;border-radius:8px;padding:20px 25px;margin-bottom:25px;box-shadow:0 2px 8px rgba(0,0,0,8%)}.page-header h3{color:#0078c6;font-weight:700;margin:0;font-size:24px}.page-header p{color:#666;margin:8px 0 0;font-size:14px}.content-container{padding:20px 30px}.form-card{background:#fff;border-radius:8px;padding:30px;box-shadow:0 2px 8px rgba(0,0,0,8%);border:1px solid #e4e5ec}.form-card .form-label{font-weight:500;color:#333;margin-bottom:8px}.form-card .form-control{border:1px solid #ddd;border-radius:6px;padding:10px 15px;transition:all .3s ease}.form-card .form-control:focus{border-color:#0078c6;box-shadow:0 0 0 3px rgba(0,120,198,.1)}.form-card .help-block{font-size:13px;color:#999;margin-top:5px;margin-bottom:0}.form-card .btn-primary{background:linear-gradient(135deg,#0078c6 0%,#0156a8 100%);border:none;padding:10px 30px;font-weight:500;border-radius:6px;transition:all .3s ease}.form-card .btn-primary:hover{background:linear-gradient(135deg,#0156a8 0%,#014486 100%);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,120,198,.3)}.table-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,8%);border:1px solid #e4e5ec}.table-card .table{margin-bottom:0}.table-card .table thead{background:linear-gradient(135deg,#f0f7fc 0%,#ffffff 100%)}.table-card .table thead th{border-bottom:2px solid #0078c6;color:#0078c6;font-weight:700;padding:15px;font-size:14px}.table-card .table tbody tr{transition:background-color .2s ease}.table-card .table tbody tr:hover{background-color:#f0f7fc}.table-card .table tbody td{padding:15px;vertical-align:middle;border-bottom:1px solid #f2f1f1}.empty-state{padding:80px 20px;text-align:center}.empty-state .icon{font-size:64px;color:#ccc;margin-bottom:20px}.empty-state .title{font-size:18px;color:#666;margin-bottom:10px}.empty-state .description{font-size:14px;color:#999;margin-bottom:20px}.empty-state .btn{padding:10px 30px;background:linear-gradient(135deg,#0078c6 0%,#0156a8 100%);border:none;color:#fff;border-radius:6px;text-decoration:none;display:inline-block;transition:all .3s ease}.empty-state .btn:hover{background:linear-gradient(135deg,#0156a8 0%,#014486 100%);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,120,198,.3);text-decoration:none;color:#fff}.pagination-container{padding:20px;background:#f8f9fa;border-top:1px solid #e4e5ec}.pagination{margin-bottom:0}.pagination .page-link{color:#0078c6;border:1px solid #dee2e6;padding:8px 16px;margin:0 4px;border-radius:6px;transition:all .3s ease}.pagination .page-link:hover{background-color:#0078c6;color:#fff;border-color:#0078c6;transform:translateY(-2px);box-shadow:0 2px 8px rgba(0,120,198,.3)}.pagination .page-item.active .page-link{background-color:#0078c6;border-color:#0078c6}.pagination .page-item.disabled .page-link{opacity:.5;cursor:not-allowed}.badge-status{padding:5px 12px;border-radius:12px;font-size:12px;font-weight:500}.badge-status.success{background-color:#d4edda;color:#155724}.badge-status.warning{background-color:#fff3cd;color:#856404}.badge-status.danger{background-color:#f8d7da;color:#721c24}.badge-status.info{background-color:#d1ecf1;color:#0c5460}.alert-card{border-radius:8px;border-left-width:4px;padding:15px 20px;margin-bottom:20px}.alert-card.alert-success{background-color:#d4edda;border-left-color:#28a745;color:#155724}.alert-card.alert-info{background-color:#d1ecf1;border-left-color:#17a2b8;color:#0c5460}.alert-card.alert-warning{background-color:#fff3cd;border-left-color:#ffc107;color:#856404}.alert-card.alert-danger{background-color:#f8d7da;border-left-color:#dc3545;color:#721c24}.action-buttons{display:flex;gap:10px;align-items:center}.action-buttons .btn{padding:6px 15px;font-size:13px;border-radius:6px;transition:all .3s ease}.action-buttons .btn-sm{padding:4px 10px;font-size:12px}.info-card{background:linear-gradient(135deg,#f0f7fc 0%,#ffffff 100%);border-radius:8px;padding:20px;margin-bottom:20px;border:1px solid #e4e5ec}.info-card .info-label{font-size:13px;color:#666;margin-bottom:5px}.info-card .info-value{font-size:16px;color:#333;font-weight:500}@media(max-width:768px){.content-container{padding:15px}.page-header{padding:15px 20px}.page-header h3{font-size:20px}.form-card{padding:20px}.table-card .table{font-size:13px}.table-card .table thead th,.table-card .table tbody td{padding:10px}}