.notification-center{position:absolute;top:100%;right:20px;width:350px;background:#fff;border-radius:10px;box-shadow:0 5px 20px #0000001a;z-index:1000;border:1px solid #e0e0e0}.notification-header{padding:15px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center}.notification-list{max-height:400px;overflow-y:auto}.notification-item{padding:15px;border-bottom:1px solid #f0f0f0;display:flex;align-items:flex-start;transition:background-color .2s}.notification-item:hover{background-color:#f8f9fa}.notification-item.read{opacity:.7}.notification-icon{margin-right:12px;font-size:18px}.notification-success .notification-icon{color:#4caf50}.notification-warning .notification-icon{color:#ff9800}.notification-error .notification-icon{color:#f44336}.notification-info .notification-icon{color:#2196f3}.notification-content{flex:1}.notification-title{font-size:14px;font-weight:600;margin-bottom:5px}.notification-message{font-size:13px;color:#666;margin-bottom:5px}.notification-time{font-size:12px;color:#999}.notification-footer{padding:15px;border-top:1px solid #e0e0e0;text-align:center}.header{background:#fff;border-bottom:1px solid #e0e0e0;position:sticky;top:0;z-index:100}.header .notification-badge.badge-active:after{content:"";position:absolute;width:16px;height:16px;top:-6px;right:-4px;border-radius:20px;border:2px solid var(--bg-white);background-color:#e0e0e0}.header-content{display:flex;justify-content:space-between;align-items:center;padding:0 15px}.left-content .info .text{color:#666;font-size:.8rem;margin-bottom:5px}.left-content .info .title{color:#333;font-size:1.2rem;font-weight:600;margin-bottom:0}.mid-content .search-bar{width:300px}.notification-badge{position:relative;text-decoration:none}.badge-count{position:absolute;top:-8px;right:-8px;background:#ff4757;color:#fff;border-radius:50%;width:20px;height:20px;font-size:.7rem;display:flex;align-items:center;justify-content:center}.user-role-badge{font-size:.7rem;padding:3px 10px;border-radius:12px}.avatar{display:flex;align-items:center;justify-content:center}@media(max-width:767.98px){.header-content{padding:10px}.mid-content{display:none}}[data-theme=dark] .header{background:#1a1a1a;border-bottom-color:#333}[data-theme=dark] .left-content .info .title{color:#fff}[data-theme=dark] .left-content .info .text{color:#aaa}#preloader{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;display:flex;justify-content:center;align-items:center;z-index:9999}.loader{text-align:center}.spinner-border{width:3rem;height:3rem}.form-select,.form-control{border:1px solid #dee2e6;border-radius:.375rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-select:focus,.form-control:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem #0d6efd40}.form-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;padding-right:2.5rem;border:1px solid black!important}.form-select:hover,.form-control:hover{border-color:#adb5bd}.input-group-text{border:1px solid #dee2e6;background-color:#f8f9fa}.input-group .form-control.border-start-0{border-left:0}.input-group-text.border-end-0{border-right:0}.input-group:focus-within .input-group-text{border-color:#86b7fe}.input-group:focus-within .form-control{border-color:#86b7fe}.form-label{margin-bottom:.5rem;font-weight:500;color:#495057}.form-label.small{font-size:.875rem}.card{border:1px solid #dee2e6;border-radius:.5rem}.card.shadow-sm{box-shadow:0 .125rem .25rem #00000013}.card-body{padding:1.5rem}.badge{font-weight:500;padding:.35em .65em}.badge.rounded-pill{padding:.35em .85em}.badge .btn-close{margin-left:.5rem;padding:0;background-size:.6rem;opacity:.8}.badge .btn-close:hover{opacity:1}.badge.bg-light{color:#495057;border:1px solid #dee2e6}.btn-group-sm>.btn,.btn-sm{padding:.25rem .5rem;font-size:.875rem;border-radius:.25rem}.btn-outline-primary:hover,.btn-outline-secondary:hover,.btn-outline-warning:hover,.btn-outline-danger:hover{color:#fff}.table{margin-bottom:0}.table>thead{vertical-align:middle}.table>thead>tr>th{font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px;color:#495057;padding:1rem .75rem}.table>tbody>tr>td{padding:1rem .75rem;vertical-align:middle}.table-hover>tbody>tr:hover{background-color:#f8f9fa}.table-light{background-color:#f8f9fa}@media(max-width:767.98px){.card-body{padding:1rem}.table>thead>tr>th,.table>tbody>tr>td{padding:.75rem .5rem;font-size:.875rem}.btn-group-sm>.btn{padding:.2rem .4rem;font-size:.8rem}.badge{font-size:.75rem}}.modal-content{border:none;border-radius:.5rem;box-shadow:0 .5rem 1rem #00000026}.modal-header,.modal-footer{border-color:#dee2e6}.modal-title{font-weight:600}.text-center.py-5{color:#6c757d}.text-center.py-5 i{opacity:.5}.spinner-border{width:3rem;height:3rem;border-width:.3rem}.card.bg-primary,.card.bg-success,.card.bg-secondary,.card.bg-info,.card.bg-warning,.card.bg-danger{border:none}.card.bg-primary .card-body h3,.card.bg-success .card-body h3,.card.bg-secondary .card-body h3{font-size:2rem;font-weight:700}.border-top{border-top:1px solid #dee2e6!important}.gap-2{gap:.5rem!important}.gap-3{gap:1rem!important}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #0d6efd;outline-offset:2px}@media print{.btn,.btn-group,.modal{display:none!important}.card{border:1px solid #000;box-shadow:none}.table{border-collapse:collapse}.table th,.table td{border:1px solid #000}}