@keyframes slideInRight{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.btn-outline-secondary{transition:all .2s ease}.btn-outline-secondary:hover{background-color:#6c757d;border-color:#6c757d;color:white}.btn-outline-danger:hover{background-color:#dc3545;border-color:#dc3545;color:white}:root{--background:#ffffff;--foreground:#171717;--primary-color:#0c1a44;--accent-color:#ff5e62}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}body,html{max-width:100vw;overflow-x:hidden;color:black}body{color:var(--foreground);background:#f8f9fa;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;text-decoration:none}.navbar-custom{background-color:var(--primary-color);padding:.5rem 1rem}.logo-text{font-weight:700;margin:0}.logo-text span{color:var(--accent-color)}.master-data-container{max-width:1400px;margin:0 auto;padding:40px 2rem 2rem}.master-data-container h2{font-size:30px;font-weight:600;margin-bottom:24px}.search-container{margin-bottom:1.5rem}a.text-white.ms-3.nav-link{font-size:14px;font-weight:600;margin-top:8px}.search-box{position:relative;display:flex;align-items:center;background:white;border:1px solid #d0d5dd;border-radius:8px;padding:.5rem 1rem;box-shadow:0 1px 2px 0 #1018280D;transition:all .3s ease}.search-box:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.search-box .form-control{padding:0;margin-left:.5rem;font-size:.875rem;background:transparent}.search-box .form-control,.search-box .form-control:focus{border:none;outline:none;box-shadow:none}.search-icon{color:#6b7280;flex-shrink:0}.search-indicator{position:absolute;right:1rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:.5rem;background:rgba(59,130,246,.1);padding:.25rem .75rem;border-radius:20px;font-size:.75rem;color:#3b82f6;font-weight:500;animation:fadeIn .3s ease}.search-spinner{width:12px;height:12px;border:2px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}@media (max-width:768px){.search-indicator{right:.5rem;padding:.2rem .5rem;font-size:.7rem}.search-spinner{width:10px;height:10px}}.search-box:hover{border-color:#9ca3af;box-shadow:0 2px 4px 0 #1018281A}.search-box.searching{border-color:#3b82f6;background-color:#f8fafc}.search-box .form-control::placeholder{color:#9ca3af;font-style:italic}.search-box:focus-within .search-icon{color:#3b82f6}@media (max-width:576px){.search-indicator{position:static;transform:none;margin-top:.5rem;justify-content:center;width:100%}.search-box{align-items:center;gap:7px}.search-box .form-control{margin-left:0;margin-top:0}}.filters-button{padding:6px 16px;border-radius:8px;color:#212529;font-weight:400;height:40px;border:1px solid #d0d5dd;box-shadow:0 1px 2px 0 #1018280d}.data-card{background-color:white;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.05);box-shadow:0 1px 2px 0 #1018280f;box-shadow:0 1px 3px 0 #1018281a;border:1px solid #eaecf0}.data-table{width:100%;margin-bottom:0;border-collapse:separate;border-spacing:0;position:relative}.data-table thead{background-color:#f8f9fa}.data-table th{border-top:none;color:#212529;padding:15px 16px;border-bottom:1px solid #dee2e6;font-size:12px;text-align:left;padding:1rem!important;background-color:#f8f8fa!important}.data-table td{padding:.3rem .9rem!important;color:#212529;border-bottom:1px solid #eaeaea;font-size:14px;color:#475467!important}.status-active{color:#28a745}.status-active,.status-processing{display:flex;align-items:center;font-weight:500;font-size:14px}.status-processing{color:#ffc107}.status-error{display:flex;align-items:center;color:#dc3545;font-weight:500;font-size:14px}.status-dot{margin-right:6px}.dot-active{background-color:#28a745}.dot-processing{background-color:#ffc107}.dot-error{background-color:#dc3545}.card-footer{background-color:white!important;padding:0 16px 12px!important}.pagination-container{justify-content:space-between}.pagination-items-per-page{margin-right:1rem}.pagination-select{padding:.375rem .75rem}.pagination-button{text-align:center;box-shadow:0 1px 2px rgba(0,0,0,.05)}.pagination-first:hover:not(:disabled),.pagination-last:hover:not(:disabled){background:#f0f9ff;border-color:#3b82f6;color:#1e40af}.modal-header{background-color:#f8f9fa;border-bottom:1px solid #dee2e6}.modal-title{font-size:1.25rem;font-weight:600}.empty-state,.loading-spinner{display:flex;justify-content:center;align-items:center;min-height:200px}.empty-state{flex-direction:column;color:#6c757d}.empty-state h5{margin-bottom:.5rem;font-weight:500}.empty-state p{margin-bottom:0;font-size:.9rem}.avatar-img{width:35px;height:35px;border-radius:50%;object-fit:cover}.dropdown-toggle:after{display:none!important}.dropdown-toggle{cursor:pointer}@media (min-width:992px){nav.navbar-custom.navbar.navbar-expand-lg.navbar-dark{height:75px}}.dropdown-menu{border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);border:1px solid #eaeaea;padding:8px 0}.dropdown-item{font-size:14px;padding:8px 16px;color:#212529;display:flex;align-items:center}.dropdown-item:hover{background-color:#f8f9fa}.dropdown-item.text-danger{color:#dc3545!important}.dropdown-item.text-danger:hover{background-color:#fff5f5}@media (prefers-color-scheme:dark){html{color-scheme:dark}}@media (max-width:768px){.master-data-container{padding:1rem}.search-container{margin-bottom:1rem}.pagination-container{flex-direction:column;gap:1rem;align-items:stretch;padding:.75rem}.pagination-info{text-align:center;font-size:.85rem;padding:0 .5rem;line-height:1.3}.pagination-controls{justify-content:center;flex-wrap:nowrap;gap:.375rem;padding:0 .25rem;overflow-x:auto;-webkit-overflow-scrolling:touch}.pagination-button{padding:.5rem .625rem;font-size:.8rem;display:flex;border-width:2px;font-weight:500}.pagination-button,.pagination-ellipsis{min-width:36px;height:36px;align-items:center;justify-content:center;flex-shrink:0}.pagination-ellipsis{padding:.5rem .125rem}.pagination-first,.pagination-last{background:#f8fafc;border-color:#cbd5e1;color:#475569;min-width:50px}.pagination-first:hover:not(:disabled),.pagination-last:hover:not(:disabled){background:#e2e8f0;border-color:#94a3b8;color:#334155}.pagination-button:not(.active):not(.pagination-first):not(.pagination-last):not(.pagination-previous):not(.pagination-next){display:none}.pagination-ellipsis{display:flex}}.filter-panel{padding:.5rem 1rem!important;margin:.5rem 0!important}.filter-panel .form-label{font-weight:600;color:#4a5568;margin-bottom:.5rem;font-size:.9rem;letter-spacing:.5px;position:relative}.filter-actions{gap:1rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid rgba(0,0,0,.1)}.filter-actions .btn{border-radius:10px;padding:.5rem 1.5rem;font-weight:500;transition:all .3s ease;letter-spacing:.5px;font-size:.85rem}.filter-actions .btn-primary{background:#0080ff;border:none;box-shadow:0 4px 15px rgba(102,126,234,.3)}.filter-actions .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,.4)}.filter-actions .btn-outline-secondary{border:2px solid #e1e5e9;color:#6c757d;background:white}.filter-actions .btn-outline-secondary:hover{background:#f8f9fa;border-color:#adb5bd;color:#495057}.data-card{z-index:1!important}.data-card,.table-responsive{position:relative}.search-container{position:relative;z-index:100}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.filter-panel-loading{text-align:center;padding:20px;color:#6c757d}.filter-actions{display:flex;justify-content:flex-end;margin-top:20px;gap:10px}.filter-select{border-radius:4px;background-color:white}.filters-button{display:flex;align-items:center;gap:8px;padding:.375rem .75rem;background-color:white;border:1px solid #dee2e6;border-radius:4px;cursor:pointer;transition:all .2s ease}.filters-button:hover{background-color:#f8f9fa}.filters-button.has-filters{background-color:#007bff;color:white;border-color:#007bff}.filters-button.has-filters:hover{background-color:#0056b3;border-color:#0056b3}.filters-button.active{background-color:#e9ecef;border-color:#dee2e6}.back-button{color:var(--primary-color);font-size:20px;transition:transform .2s ease}.back-button:hover{transform:translateX(-3px)}.asset-details-card{border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.05);border:1px solid #eaeaea}.asset-details-card .card-header{padding:16px 20px;border-bottom:1px solid #eaeaea;font-weight:500}.asset-id{font-size:13px;font-weight:400;padding:5px 10px;border-radius:20px}.section-title{font-size:16px;margin-bottom:16px;color:var(--primary-color);padding-bottom:8px;border-bottom:1px solid #eaeaea}.detail-row{margin-bottom:15px}.detail-item{margin-bottom:10px}.detail-label{font-size:13px;margin-bottom:4px;font-weight:500}.detail-value{font-size:15px}.path-value{font-family:var(--font-geist-mono);font-size:13px;padding:8px;border-radius:4px;border:1px solid #eaeaea}.icon{color:#6c757d}.technical-details{background-color:#f8f9fa;padding:15px;border-radius:8px;border:1px solid #eaeaea;height:100%}.technical-details .detail-item{margin-bottom:15px}.technical-details .detail-value{font-weight:500}.section-divider{margin:25px 0;border-color:#eaeaea}.action-buttons{margin-top:20px;display:flex;justify-content:flex-start}.status-badge{font-size:13px;padding:6px 10px;border-radius:20px;white-space:nowrap}.error-container{text-align:center;padding:40px;background-color:white;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.05)}.error-container h3{margin-bottom:15px;color:#dc3545}.error-container p{margin-bottom:20px}@media (max-width:768px){.asset-details-card .card-header{flex-direction:column;align-items:flex-start}.asset-id{margin-top:10px}.technical-details{margin-top:20px}}.clickable-row{cursor:pointer;transition:background-color .2s ease}.clickable-row:hover{background-color:rgba(0,123,255,.05)}.sidebar{position:fixed;left:0;top:0;bottom:0;width:240px;background-color:var(--primary-color);color:white;display:flex;flex-direction:column;transition:all .3s ease;z-index:1050;transform:translateX(-100%)}.sidebar:not(.collapsed){transform:translateX(0)}.sidebar.collapsed{width:80px;transform:translateX(-100%)}.sidebar-header{justify-content:space-between;padding:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-brand,.sidebar-header,.sidebar-toggle{display:flex;align-items:center}.sidebar-toggle{background:transparent;border:none;color:white;cursor:pointer;width:30px;height:30px;justify-content:center;border-radius:4px;transition:background-color .2s ease}.sidebar-toggle:hover{background-color:rgba(255,255,255,.1)}.sidebar-toggle-button{position:fixed;top:1rem;left:1rem;z-index:1100;background:var(--primary-color);border:none;color:white;width:40px;height:40px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px rgba(0,0,0,.1)}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:1040;display:block}.sidebar-menu{flex:1 1;padding:1rem 0;overflow-y:auto}.sidebar-link{display:flex;align-items:center;padding:.75rem 1rem;color:rgba(255,255,255,.8);text-decoration:none;transition:background-color .2s ease,color .2s ease;border-left:3px solid transparent}.sidebar-link.active,.sidebar-link:hover{background-color:rgba(255,255,255,.1);color:white}.sidebar-link.active{border-left-color:var(--accent-color)}.sidebar-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;margin-right:12px;flex-shrink:0}.sidebar.collapsed .sidebar-text{display:none}.sidebar-footer{padding:1rem;border-top:1px solid rgba(255,255,255,.1)}.user-profile{display:flex;align-items:center}.sidebar.collapsed .user-info{display:none}.user-avatar{width:35px;height:35px;border-radius:50%;margin-right:12px;flex-shrink:0;overflow:hidden}.user-name{font-size:14px;color:white}.user-email{font-size:12px;color:rgba(255,255,255,.7)}.main-with-sidebar{margin-left:0;transition:margin-left .3s ease;padding-top:1rem}.page-title-container{position:relative;z-index:50}.sidebar-logout{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.logout-button{background:transparent;color:rgba(255,255,255,.8);padding:.75rem 1rem;border-radius:4px;transition:background-color .2s ease,color .2s ease}.logout-button:hover{background-color:rgba(255,255,255,.1);color:white}.logout-text{margin-left:8px}.sidebar.collapsed .logout-text{display:none}.type-badge{font-size:.75rem;padding:.25rem .5rem;border-radius:.375rem;font-weight:500;display:inline-flex;align-items:center;white-space:nowrap}.type-badge .icon{font-size:.875rem}.asset-title{font-weight:500;color:#333}.asset-title small{font-size:.75rem;color:#6c757d;display:block;margin-top:.125rem}.data-table th{background-color:#f8f9fa;border-bottom:2px solid #dee2e6;font-weight:600;color:#495057}.data-table td,.data-table th{padding:.75rem;vertical-align:middle}.data-table td{border-bottom:1px solid #dee2e6}.data-table tbody tr:hover{background-color:#f8f9fa;cursor:pointer}.status-success{color:#198754;font-weight:500}.status-secondary{color:#6c757d;font-weight:500}.status-warning{color:#fd7e14;font-weight:500}.status-danger{color:#dc3545;font-weight:500}.status-delivered{background-color:#6c757d}.status-available,.status-delivered{color:white;font-weight:500;padding:4px 12px;border-radius:20px;display:inline-flex;align-items:center;font-size:13px}.status-available{background-color:#198754}.status-unavailable{background-color:#dc3545}.status-qc-complete,.status-unavailable{color:white;font-weight:500;padding:4px 12px;border-radius:20px;display:inline-flex;align-items:center;font-size:13px}.status-qc-complete{background-color:#fd7e14}.status-default{background-color:#6c757d;color:white;font-weight:500;padding:4px 12px;border-radius:20px;display:inline-flex;align-items:center;font-size:13px}.status-dot{display:inline-block;margin-right:.5rem;background-color:white}.filter-panel{background:#fff;border:1px solid #dee2e6;border-radius:.5rem;margin-bottom:1.5rem;box-shadow:0 .125rem .25rem rgba(0,0,0,.075)}.filter-select{border:1px solid #ced4da;border-radius:.375rem;padding:.375rem .75rem;font-size:.875rem}.filter-select:focus{border-color:#86b7fe;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.asset-details-card{border:1px solid #dee2e6;border-radius:.5rem;box-shadow:0 .125rem .25rem rgba(0,0,0,.075)}.asset-details-card .card-header{background-color:#f8f9fa;border-bottom:1px solid #dee2e6;padding:1rem 1.5rem}.section-title{color:#495057;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #e9ecef}.section-divider{margin:2rem 0;border-color:#dee2e6}.detail-item{margin-bottom:1rem}.detail-label{font-weight:600;color:#6c757d;font-size:.875rem;margin-bottom:.25rem;display:flex;align-items:center}.detail-value{color:#333;font-size:.95rem;word-break:break-word}.path-value{font-family:Courier New,monospace;background-color:#f8f9fa;padding:.25rem .5rem;border-radius:.25rem;font-size:.875rem}@media (max-width:768px){.data-table{font-size:.875rem}.data-table td,.data-table th{padding:.5rem .25rem}.type-badge{font-size:.7rem;padding:.2rem .4rem}.filter-panel{padding:1rem}.asset-details-card .card-header{padding:.75rem 1rem}}.asset-details-modal .modal-content{border:none;border-radius:20px;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);overflow:hidden}.asset-details-modal .modal-header{background:var(--primary-color);color:white;border-radius:0;padding:0;position:relative;overflow:hidden}.asset-details-modal .modal-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.05));pointer-events:none}.modal-header-enhanced{padding:.8rem!important}.modal-header-content{display:flex;justify-content:space-between;align-items:flex-start;width:100%;position:relative;z-index:1;padding-bottom:14px}.modal-header-left{flex:1 1;min-width:0}.modal-header-right{display:flex;align-items:center;gap:1rem;flex-shrink:0}.modal-title-section{display:flex;align-items:center;gap:1.25rem}.modal-icon-wrapper{display:flex;align-items:center;justify-content:center;width:60px;height:60px;background:rgba(255,255,255,.2);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);flex-shrink:0}.modal-icon{color:white;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.modal-title-text{flex:1 1;min-width:0}.modal-main-title{font-size:1.75rem;font-weight:700;margin:0;line-height:1.2;color:white;text-shadow:0 2px 4px rgba(0,0,0,.1);word-break:break-word}.modal-subtitle{font-size:1rem;font-weight:400;margin:.5rem 0 0;color:rgba(255,255,255,.9);text-shadow:0 1px 2px rgba(0,0,0,.1)}.modal-badges{gap:.75rem}.modal-badges,.modal-close-btn{display:flex;align-items:center}.modal-close-btn{justify-content:center;width:24px;height:24px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.3);border-radius:12px;color:white;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-shrink:0}.modal-close-btn:hover{background:rgba(255,255,255,.25);transform:scale(1.05);box-shadow:0 4px 12px rgba(0,0,0,.15)}.modal-close-btn:active{transform:scale(.95)}.asset-details-modal .modal-body{padding:.5rem 2rem;max-height:75vh;overflow-y:auto;background:#f8fafc}.asset-details-content .card{border-radius:16px;transition:all .3s ease;border:none;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.asset-details-content .card:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.asset-details-content .card-header{border-radius:16px 16px 0 0!important;font-weight:600;color:#374151;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-bottom:1px solid #e2e8f0;padding:1.25rem 1.5rem}.asset-details-content .detail-item{margin-bottom:1.25rem}.asset-details-content .detail-label{font-size:.875rem;font-weight:600;color:#6b7280;margin-bottom:.5rem;letter-spacing:.05em}.asset-details-content .detail-value{font-size:1rem;color:#111827;font-weight:500;word-break:break-word;line-height:1.5}.asset-details-content .path-value{font-family:Courier New,monospace;font-size:.875rem;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);padding:.75rem;border-radius:8px;border-left:4px solid #3b82f6;box-shadow:inset 0 1px 3px rgba(0,0,0,.1)}.asset-details-modal .status-badge,.asset-details-modal .type-badge{padding:.5rem 1rem;border-radius:25px;font-weight:600;font-size:.875rem;border:none;box-shadow:0 2px 4px rgba(0,0,0,.1);letter-spacing:.025em}.asset-details-modal .type-badge{text-transform:uppercase}.asset-details-modal .status-success{background:linear-gradient(135deg,#10b981,#059669);color:white}.asset-details-modal .status-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:white}.asset-details-modal .status-warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:white}.asset-details-modal .status-secondary{background:linear-gradient(135deg,#6b7280,#4b5563);color:white}.asset-details-modal .bg-primary{background:linear-gradient(135deg,#3b82f6,#2563eb)!important}.asset-details-modal .bg-info{background:linear-gradient(135deg,#06b6d4,#0891b2)!important}.asset-details-modal .bg-warning{background:linear-gradient(135deg,#f59e0b,#d97706)!important}.asset-details-modal .bg-secondary{background:linear-gradient(135deg,#6b7280,#4b5563)!important}@media (max-width:768px){.asset-details-modal .modal-dialog{margin:.5rem;max-width:calc(100% - 1rem)}.modal-header-enhanced{padding:1.5rem!important}.modal-title-section{gap:1rem}.modal-icon-wrapper{width:50px;height:50px}.modal-main-title{font-size:1.5rem}.modal-subtitle{font-size:.9rem}.modal-header-right{gap:.75rem}.modal-close-btn{width:40px;height:40px}.asset-details-modal .modal-body{padding:1.5rem}.asset-details-content .card,.asset-details-content .detail-item{margin-bottom:1rem}.asset-details-content .detail-label{font-size:.8rem}.asset-details-content .detail-value{font-size:.9rem}}@media (max-width:576px){.modal-header-content{flex-direction:column;align-items:flex-start;gap:1rem}.modal-header-right{align-self:flex-end}.modal-title-section{flex-direction:column;align-items:flex-start;gap:.75rem}.modal-icon-wrapper{width:45px;height:45px}.modal-main-title{font-size:1.25rem}.modal-subtitle{font-size:.85rem}.modal-badges{flex-direction:column;gap:.5rem}.asset-details-content .card-body{padding:1rem}.asset-details-content .row{margin:0}.asset-details-content .col-md-12,.asset-details-content .col-md-6{padding:0 .5rem}}.asset-details-modal .modal-content{animation:modalSlideIn .4s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-60px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.asset-details-modal .modal-body::-webkit-scrollbar{width:8px}.asset-details-modal .modal-body::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.asset-details-modal .modal-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.asset-details-modal .modal-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}.asset-details-modal .icon{color:#3b82f6}.asset-details-content .card-header .icon{color:#6b7280}.asset-details-modal .btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.asset-details-content .card:hover .card-header{background:linear-gradient(135deg,#f1f5f9,#e2e8f0)}.asset-details-modal .loading-spinner{display:flex;justify-content:center;align-items:center;min-height:200px}.asset-details-modal .error-container{text-align:center;padding:2rem}.asset-details-modal .error-container h5{color:#dc2626;margin-bottom:1rem}.asset-details-modal .error-container p{color:#6b7280;margin-bottom:1.5rem}.sortable-header{padding-right:1.5rem!important}.sortable-header:after{right:.5rem;color:#6b7280}.sortable-header:hover:after{color:#3b82f6}.data-table thead th{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-bottom:2px solid #e2e8f0;font-weight:600;color:#374151;text-transform:none;letter-spacing:.025em;font-size:.875rem;padding:1.25rem 1rem;position:-webkit-sticky;position:sticky;top:0;transition:all .2s ease;white-space:nowrap;text-align:left;vertical-align:middle}.data-table thead th:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);color:#1f2937;transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.1)}.sortable-header{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;padding-right:2rem!important;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-bottom:2px solid #e2e8f0;font-weight:600;color:#374151;text-transform:none;letter-spacing:.025em;font-size:.875rem;transition:all .2s ease}.sortable-header:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);color:#1f2937;transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.1)}.sortable-header:after{content:"↕";position:absolute;right:.75rem;top:50%;transform:translateY(-50%);font-size:.75rem;color:#9ca3af;transition:all .2s ease;font-weight:400}.sortable-header:hover:after{color:#6b7280}.sortable-header.sort-asc:after{content:"↑";color:#3b82f6;font-weight:700;font-size:.875rem}.sortable-header.sort-desc:after{content:"↓";color:#3b82f6;font-weight:700;font-size:.875rem}.data-table thead th:not(.sortable-header){background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-bottom:2px solid #e2e8f0;cursor:default}.data-table thead th:not(.sortable-header):hover{background:linear-gradient(135deg,#f8fafc,#e2e8f0);transform:none;box-shadow:none}.data-table tbody tr{transition:all .2s ease;border-bottom:1px solid #f1f5f9;background:white}.data-table tbody tr:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.05)}.data-table tbody td{padding:1rem;vertical-align:middle;border-bottom:1px solid #f1f5f9;font-size:.875rem;color:#374151;line-height:1.5}.data-table tbody td:has(.status-danger),.data-table tbody td:has(.status-secondary),.data-table tbody td:has(.status-success),.data-table tbody td:has(.status-warning){text-align:center}.data-table{border-radius:12px;overflow:hidden;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);border:1px solid #e2e8f0;background:white}.data-table thead{background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.sortable-header.sort-asc,.sortable-header.sort-desc{animation:sortPulse .3s ease}@keyframes sortPulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}@media (max-width:768px){.data-table thead th{padding:1rem .75rem;font-size:.8rem}.sortable-header{padding-right:1.5rem!important}.sortable-header:after{font-size:.7rem;right:.5rem}.sortable-header.sort-asc:after,.sortable-header.sort-desc:after{font-size:.8rem}}@media (max-width:576px){.data-table thead th{padding:.75rem .5rem;font-size:.75rem}.sortable-header{padding-right:1.25rem!important}.sortable-header:after{font-size:.65rem;right:.25rem}.sortable-header.sort-asc:after,.sortable-header.sort-desc:after{font-size:.75rem}}.status-success{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:linear-gradient(135deg,#10b981,#059669);color:white;border-radius:20px;font-size:.75rem;font-weight:600;letter-spacing:.025em;box-shadow:0 2px 4px rgba(16,185,129,.2);border:1px solid rgba(255,255,255,.2);position:relative;overflow:hidden}.status-success:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.status-success:hover:before{left:100%}.status-danger{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 4px rgba(239,68,68,.2)}.status-danger,.status-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;color:white;border-radius:20px;font-size:.75rem;font-weight:600;letter-spacing:.025em;border:1px solid rgba(255,255,255,.2)}.status-secondary{background:linear-gradient(135deg,#6b7280,#4b5563);box-shadow:0 2px 4px rgba(107,114,128,.2)}.status-warning{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:linear-gradient(135deg,#f59e0b,#d97706);color:white;border-radius:20px;font-size:.75rem;font-weight:600;letter-spacing:.025em;box-shadow:0 2px 4px rgba(245,158,11,.2);border:1px solid rgba(255,255,255,.2)}.status-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.9);box-shadow:0 0 0 2px rgba(255,255,255,.3);flex-shrink:0;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255,255,255,.7)}70%{box-shadow:0 0 0 6px rgba(255,255,255,0)}to{box-shadow:0 0 0 0 rgba(255,255,255,0)}}.status-danger,.status-secondary,.status-success,.status-warning{animation:slideInUp .3s ease}@keyframes slideInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.status-danger,.status-secondary,.status-success,.status-warning{padding:.25rem .5rem;font-size:.7rem}.status-dot{width:6px;height:6px}}.badge-language{display:inline-flex;align-items:center;padding:1px 12px;border-radius:20px;font-size:12px;font-weight:600;color:white;letter-spacing:.5px;background:#0080ff;white-space:nowrap;box-shadow:0 2px 4px rgba(0,36,138,.3);transition:all .3s ease;position:relative;overflow:hidden}.badge-language:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.badge-language:hover:before{left:100%}.badge-language:hover{transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,36,138,.4)}.badge-language .badge-dot{width:6px;height:6px;background-color:white;border-radius:50%;margin-right:8px;flex-shrink:0;animation:pulse 2s infinite}.badge-version{display:inline-flex;align-items:center;padding:1px 12px;border-radius:20px;font-size:12px;font-weight:600;color:white;letter-spacing:.5px;background:#00e0ab;white-space:nowrap;box-shadow:0 2px 4px rgba(255,22,119,.3);transition:all .3s ease;position:relative;overflow:hidden}.badge-version:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.badge-version:hover:before{left:100%}.badge-version:hover{transform:translateY(-1px);box-shadow:0 4px 8px rgba(255,22,119,.4)}.badge-version .badge-dot{width:6px;height:6px;background-color:white;border-radius:50%;margin-right:8px;flex-shrink:0;animation:pulse 2s infinite}@media (max-width:768px){.badge-language,.badge-version{padding:4px 8px;font-size:11px}.badge-language .badge-dot,.badge-version .badge-dot{width:4px;height:4px;margin-right:6px}}@media (max-width:576px){.badge-language,.badge-version{padding:3px 6px;font-size:10px}.badge-language .badge-dot,.badge-version .badge-dot{width:3px;height:3px;margin-right:4px}}.navbar-custom-container-style{width:100%;display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between;padding:0 1rem}.autocomplete-container{width:100%}.filter-autocomplete{width:100%;border:1px solid #d0d5dd;padding:8px 12px;font-size:14px;transition:all .3s ease;position:relative}.filter-autocomplete:not(:placeholder-shown){border-color:#10b981;background-color:#f0fdf4}.filter-autocomplete::placeholder{color:#9CA3AF;font-size:14px;transition:color .3s ease}.filter-autocomplete:focus::placeholder{color:#6b7280}.autocomplete-suggestions{border:1px solid #e5e7eb;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);max-height:300px;margin-top:2px;animation:slideDown .2s ease-out;scrollbar-width:thin;scrollbar-color:#D1D5DB #F3F4F6}.autocomplete-suggestion-item{padding:10px 12px;border-bottom:1px solid #f3f4f6;font-size:14px;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.autocomplete-suggestion-item:hover{background-color:#F9FAFB;color:#1F2937;padding-left:16px}.autocomplete-suggestion-item:active{background-color:#E5E7EB}.autocomplete-suggestion-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background-color:#3b82f6;transform:scaleY(0);transition:transform .2s ease}.autocomplete-suggestion-item:hover:before{transform:scaleY(1)}.autocomplete-loading{padding:15px;color:#6b7280;font-size:14px;background-color:#f9fafb;border-top:1px solid #f3f4f6}.autocomplete-loading .loading-spinner{margin-right:8px}.autocomplete-no-more{padding:12px;font-size:13px;border-top:1px solid #f3f4f6;font-style:italic}.autocomplete-no-more,.autocomplete-no-results{text-align:center;color:#9ca3af;background-color:#f9fafb}.autocomplete-no-options,.autocomplete-no-results{padding:20px;font-size:14px}.autocomplete-no-options{text-align:center;color:#ef4444;background-color:#fef2f2;border-top:1px solid #fee2e2}.autocomplete-scroll-listener{position:absolute;bottom:0;left:0;right:0;height:1px;pointer-events:none}.autocomplete-suggestions::-webkit-scrollbar{width:6px}.autocomplete-suggestions::-webkit-scrollbar-track{background:#F3F4F6;border-radius:3px}.autocomplete-suggestions::-webkit-scrollbar-thumb{background:#D1D5DB;border-radius:3px}.autocomplete-suggestions::-webkit-scrollbar-thumb:hover{background:#9CA3AF}.filter-autocomplete.has-value{border-color:#10b981;background-color:#f0fdf4}.filter-autocomplete.has-value:after{content:"✓";position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#10b981;font-weight:700;font-size:14px}.autocomplete-suggestions{will-change:scroll-position;contain:layout style paint;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.autocomplete-suggestion-item{contain:layout style;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.autocomplete-suggestions{scroll-behavior:smooth}.autocomplete-suggestion-item{transition:background-color .15s ease,padding-left .15s ease,color .15s ease}.autocomplete-suggestion-item:before{transition:transform .15s ease}.autocomplete-suggestion-item:hover,.autocomplete-suggestion-item:hover:before{will-change:transform}@media (max-width:768px){.autocomplete-suggestions{max-height:250px}.autocomplete-suggestion-item{padding:8px 10px;font-size:13px}.autocomplete-suggestion-item:hover{padding-left:14px}.autocomplete-loading,.autocomplete-no-more,.autocomplete-no-results{padding:10px;font-size:12px}}@media (max-width:576px){.autocomplete-suggestions{max-height:200px}.autocomplete-suggestion-item{padding:6px 8px;font-size:12px}.autocomplete-suggestion-item:hover{padding-left:12px}.autocomplete-loading,.autocomplete-no-more,.autocomplete-no-results{padding:8px;font-size:11px}}.export-button-container{position:relative}.export-btn{white-space:nowrap;min-width:120px}.export-btn:disabled{cursor:not-allowed}.export-status{position:absolute;top:100%;left:0;right:0;z-index:1000;font-size:.875rem;margin-top:.5rem}.export-status.alert-success{background-color:#d1e7dd;border-color:#badbcc;color:#0f5132}.export-status.alert-danger{background-color:#f8d7da;border-color:#f5c2c7;color:#842029}.export-status.alert-info{background-color:#cff4fc;border-color:#b6effb;color:#055160}@media (max-width:768px){.search-container .col-lg-1{margin-top:.5rem}.export-btn{min-width:100px;font-size:.875rem}}.nav-link-custom{color:rgba(255,255,255,.8)!important;font-weight:500;padding:.4rem 1.2rem!important;margin:0 .25rem;border-radius:8px;transition:all .3s ease;position:relative;text-decoration:none}.nav-link-custom:hover{background-color:rgba(255,255,255,.1)}.nav-link-active,.nav-link-custom:hover{color:white!important;transform:translateY(-1px)}.nav-link-active{background:linear-gradient(135deg,#667eea,#764ba2)!important;box-shadow:0 4px 15px rgba(102,126,234,.3)}@keyframes activeIndicator{to{width:80%}}.avatar-initials{transition:all .3s ease;cursor:pointer}.avatar-initials:hover{transform:scale(1.05);box-shadow:0 4px 12px rgba(0,0,0,.25)}.dropdown-menu{border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);padding:.5rem 0}.user-info-item{padding:1rem 1.5rem!important;cursor:default;opacity:1!important}.user-info-item:hover{background-color:transparent!important}.user-info{text-align:center}.user-name{font-weight:600;color:#2d3748;font-size:1rem;margin-bottom:.25rem}.user-email{color:#718096;font-size:.85rem;font-style:italic}@media (max-width:991.98px){.nav-link-custom{margin:.25rem 0;text-align:center}.nav-link-active:before{display:none}}.autocomplete-container{margin-bottom:.5rem}.filter-autocomplete{border:2px solid #e2e8f0;cursor:pointer}.filter-autocomplete:hover{border-color:#cbd5e0;box-shadow:0 2px 8px rgba(0,0,0,.1)}.filter-autocomplete:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.filter-autocomplete::placeholder{color:#a0aec0;font-style:italic}.autocomplete-suggestions{border:2px solid #e2e8f0;border-top:none;border-radius:0 0 8px 8px;animation:dropdownFadeIn .2s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.autocomplete-suggestion-item{border-bottom:1px solid #f7fafc;transition:all .15s ease;color:#2d3748}.autocomplete-suggestion-item:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:white;transform:translateX(4px)}.autocomplete-suggestion-item:first-child{border-radius:0 0 0 6px}.autocomplete-suggestion-item:last-child{border-radius:0 0 6px 6px}.autocomplete-loading,.autocomplete-no-more,.autocomplete-no-results{padding:1rem;color:#718096;border-top:1px solid #f7fafc}.autocomplete-loading{display:flex;align-items:center;justify-content:center;gap:.5rem}.loading-spinner{width:16px;height:16px;border:2px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite}.autocomplete-container:focus-within .autocomplete-suggestions,.autocomplete-container:hover .autocomplete-suggestions{display:block}@media (max-width:768px){.filter-autocomplete{padding:.5rem .75rem;font-size:.85rem}.autocomplete-suggestions{max-height:150px}}.filter-loading-indicator{box-shadow:0 2px 5px rgba(0,0,0,.1)}.field-loading-indicator,.filter-loading-indicator{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(255,255,255,.8);display:flex;align-items:center;justify-content:center;text-align:center;border-radius:4px;z-index:10}.field-loading-indicator{pointer-events:none}.field-loading-indicator .loading-spinner{width:16px;height:16px;border:2px solid rgba(0,123,255,.2);border-top-color:#007bff;border-radius:50%;animation:spin .8s linear infinite}@keyframes filterLoadingPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}.field-loading-indicator span,.filter-loading-indicator span{background-color:#fff;padding:8px 16px;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.15);font-weight:500;color:#333;display:flex;align-items:center;gap:8px;font-size:14px}.field-loading-indicator span:before,.filter-loading-indicator span:before{content:"";display:inline-block;width:16px;height:16px;border:2px solid #ccc;border-top-color:#007bff;border-radius:50%;animation:spin .8s linear infinite}.field-loading-indicator span{padding:4px 10px;font-size:12px}.field-loading-indicator span:before{width:12px;height:12px}.filter-panel{box-shadow:0 10px 30px rgba(0,0,0,.1);border:1px solid rgba(255,255,255,.3);position:relative;overflow:hidden}@keyframes filterPanelBorder{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.dropdown-menu{border:none;border-radius:16px;box-shadow:0 20px 40px rgba(0,0,0,.15);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:rgba(255,255,255,.95);border:1px solid rgba(255,255,255,.3);margin-top:.75rem;animation:dropdownSlideIn .3s ease-out}.dropdown-menu,.profile-dropdown{padding:0;min-width:280px;overflow:hidden}.profile-dropdown{border:none;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.15);animation:dropdownSlideIn .2s ease-out}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.profile-info{padding:1.25rem;background:#f8fafc;border-bottom:1px solid #e2e8f0}.profile-avatar,.profile-info{display:flex;align-items:center}.profile-avatar{width:48px;height:48px;border-radius:50%;justify-content:center;font-size:1.1rem;font-weight:600;color:white;margin-right:1rem;flex-shrink:0;box-shadow:0 4px 12px rgba(0,0,0,.15)}.profile-details{flex:1 1;min-width:0}.profile-name{font-size:.95rem;font-weight:600;color:#1a202c;margin-bottom:.25rem}.profile-email,.profile-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-email{font-size:.85rem;color:#718096}.profile-divider{height:1px;background:#e2e8f0;margin:0}.logout-button{display:flex;align-items:center;width:100%;padding:.875rem 1.25rem;background:none;border:none;color:#e53e3e;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left}.logout-button:hover{background:#fef5f5;color:#c53030}.profile-button{display:flex;align-items:center;width:100%;padding:.875rem 1.25rem;background:none;border:none;color:#4a5568;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left}.profile-button:hover{background:#f7fafc;color:#2d3748}.profile-icon{margin-right:.75rem;font-size:1rem;opacity:.8}.logout-button:active{background:#fed7d7}.logout-icon{margin-right:.75rem;font-size:1rem;width:18px;height:18px}@media (max-width:768px){.pagination-container{flex-direction:column;gap:1rem;align-items:stretch;padding:.75rem}.pagination-info{text-align:center;font-size:.85rem;padding:0 .5rem;line-height:1.3;order:2}.pagination-controls{justify-content:center;flex-wrap:nowrap;gap:.375rem;padding:0 .25rem;overflow-x:auto;-webkit-overflow-scrolling:touch;order:3}.pagination-items-per-page{order:1;justify-content:center;margin-right:0;margin-bottom:.5rem;flex-wrap:wrap;gap:.5rem}.pagination-label{font-size:.8rem;white-space:nowrap}.pagination-select{font-size:.8rem;padding:.375rem .5rem;min-width:60px}.pagination-button{padding:.5rem .625rem;font-size:.8rem;display:flex;border-width:2px;font-weight:500}.pagination-button,.pagination-ellipsis{min-width:36px;height:36px;align-items:center;justify-content:center;flex-shrink:0}.pagination-ellipsis{padding:.5rem .125rem}.pagination-first,.pagination-last{background:#f8fafc;border-color:#cbd5e1;color:#475569;min-width:50px}.pagination-first:hover:not(:disabled),.pagination-last:hover:not(:disabled){background:#e2e8f0;border-color:#94a3b8;color:#334155}.pagination-button:not(.active):not(.pagination-first):not(.pagination-last):not(.pagination-previous):not(.pagination-next){display:none}.pagination-ellipsis{display:flex}.navbar-custom,.navbar-custom .navbar-custom-container-style{position:relative}.navbar-profile{position:absolute;right:1rem;top:.75rem;z-index:1100}}@media (max-width:480px){.pagination-container{gap:.75rem;padding:.5rem}.pagination-info{font-size:.8rem;padding:0 .25rem}.pagination-controls{gap:.25rem;padding:0;justify-content:center;flex-wrap:nowrap}.pagination-button{padding:.375rem .5rem;font-size:.75rem;min-width:32px;height:32px;flex-shrink:0}.pagination-ellipsis{padding:.375rem .125rem;min-width:32px;height:32px}.pagination-first,.pagination-last{min-width:44px;font-size:.7rem}.pagination-button:not(.active):not(.pagination-first):not(.pagination-last):not(.pagination-previous):not(.pagination-next){display:none}.pagination-ellipsis{display:flex}}@media (max-width:360px){.pagination-container{gap:.5rem;padding:.375rem}.pagination-controls{gap:.125rem;justify-content:center;flex-wrap:nowrap}.pagination-button{font-size:.65rem;padding:.25rem .375rem;flex-shrink:0}.pagination-button,.pagination-ellipsis{min-width:28px;height:28px}.pagination-first,.pagination-last{min-width:36px;font-size:.6rem}.pagination-button:not(.active):not(.pagination-first):not(.pagination-last):not(.pagination-previous):not(.pagination-next){display:none}}.pagination-button[title*=Next],.pagination-button[title*=Previous],.pagination-button[title*=next],.pagination-button[title*=previous]{display:flex!important}.autocomplete-container{position:relative}.autocomplete-suggestions{position:absolute;top:100%;left:0;right:0;background:white;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 10px 25px rgba(0,0,0,.15);max-height:200px;overflow-y:auto;margin-top:4px}.filter-input-wrapper{position:relative}.filter-clear-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:#6b7280;font-size:16px;cursor:pointer;padding:2px;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.filter-clear-btn:hover{background:#f3f4f6;color:#374151}.filter-autocomplete{border:1px solid #e2e8f0;border-radius:8px;padding:.75rem 1rem;font-size:.9rem;transition:all .2s ease;background:white}.filter-autocomplete:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.filter-input-wrapper.has-value .filter-autocomplete{background:#f0f9ff;border-color:#0ea5e9;color:#0369a1;font-weight:500}.autocomplete-suggestion-item{padding:.75rem 1rem;cursor:pointer;border-bottom:1px solid #f1f5f9;transition:all .2s ease;font-size:.9rem;color:#374151}.autocomplete-suggestion-item:hover{background:#f8fafc;color:#1e293b}.autocomplete-suggestion-item:last-child{border-bottom:none}.autocomplete-loading,.autocomplete-no-more,.autocomplete-no-results{padding:.75rem 1rem;text-align:center;color:#6b7280;font-size:.85rem;font-style:italic}.autocomplete-loading .loading-spinner{display:inline-block;width:16px;height:16px;border:2px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-right:.5rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.filter-panel{background:white;border-radius:16px;padding:1.5rem;margin:1rem 0;box-shadow:0 4px 20px rgba(0,0,0,.08);border:1px solid rgba(255,255,255,.8)}.filter-panel .row{margin:0;position:relative!important;overflow:visible!important}.filter-panel .col,.filter-panel .col-lg,.filter-panel .col-md-4{padding:.5rem;position:relative!important;overflow:visible!important}.autocomplete-container,.filter-input-wrapper{position:relative!important;overflow:visible!important}.filter-input-wrapper{display:flex;align-items:center}.autocomplete-suggestions{position:fixed!important;top:auto!important;left:auto!important;right:auto!important;z-index:9999999!important}.data-card,.pagination-container,.search-container,.table,.table-responsive,tbody,td,th,thead,tr{position:relative!important;overflow:visible!important}#__next,.container,.filter-panel,.row,body,main{overflow:visible!important}.filter-panel{position:relative!important;isolation:isolate!important}.autocomplete-suggestions{position:absolute!important;top:100%!important;left:0!important;right:0!important;background:white!important;border:1px solid #e2e8f0!important;border-radius:8px!important;box-shadow:0 10px 25px rgba(0,0,0,.15)!important;max-height:200px!important;overflow-y:auto!important;z-index:2147483647!important;margin-top:4px!important;width:100%!important;pointer-events:auto!important;visibility:visible!important;opacity:1!important}.autocomplete-suggestions,.filter-panel{transform:translateZ(0)!important;will-change:transform!important}.filter-panel{-webkit-backface-visibility:hidden!important;backface-visibility:hidden!important}.filter-actions,.navbar-custom{position:relative}.navbar-custom{z-index:6000}.navbar-custom .dropdown-menu,.profile-dropdown{z-index:7000!important}.filter-panel .autocomplete-suggestions{position:absolute!important;z-index:2147483647!important}.relations-card{margin-top:20px}.user-create-label{font-weight:600;color:#334155}select.multi-select{border-radius:8px;box-shadow:inset 0 1px 2px rgba(0,0,0,.05);padding:8px}select.multi-select option{padding:6px 8px}select.multi-select option:checked{background:#e0ecff linear-gradient(0deg,#e0ecff,#e0ecff);color:#111827}.modal .react-select__menu,.modal .react-select__menu-list,.modal .react-select__menu-portal,.modal .react-select__option{z-index:9999999!important;position:relative!important}.modal.show .react-select__menu{z-index:9999999!important;position:absolute!important}.modal{z-index:105000000000!important}.modal-backdrop{z-index:1040!important}.modal .react-select__menu{position:fixed!important;z-index:9999999!important}.modal .react-select__menu-list,.modal .react-select__option{z-index:9999999!important}.modal .react-select__container{position:relative!important;z-index:9999999!important}.react-select__menu-portal{position:fixed!important;z-index:9999999!important}.modal-backdrop.show{z-index:1040!important}.modal .react-select__control--is-disabled{background-color:#e9ecef!important}.modal .react-select__single-value{color:#495057!important;font-weight:500!important}.modal .react-select__control--is-focused{border-color:#80bdff!important;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)!important}.modal .react-select__value-container{padding:2px 8px!important}.modal .react-select__control{min-height:38px!important}.admin-panel .filter-panel{position:relative}.modal-open .autocomplete-container,.modal-open .autocomplete-suggestions,.modal-open .filter-clear-btn,.modal-open .filter-panel,.modal-open .filter-panel *{z-index:500!important}.content-filters .autocomplete-suggestions,.modal .react-select__menu,.modal .react-select__menu-list,.modal .react-select__option,.react-select__menu-portal{z-index:2147483647!important}.filter-panel .react-select__control{border-radius:6px;border:1px solid #ced4da;min-height:38px;box-shadow:none}.filter-panel .react-select__control:hover{border-color:#80bdff}.filter-panel .react-select__value-container{padding:2px 8px}.filter-panel .react-select__single-value{color:#495057;font-weight:500}.filter-panel .react-select__indicator-separator{display:none}.filter-panel .react-select__multi-value{background-color:#e3f2fd;border-radius:4px;margin:2px;padding:2px 6px;display:flex;align-items:center}.filter-panel .react-select__multi-value__label{color:#1976d2;font-size:.875rem;font-weight:500;padding:0;margin:0}.filter-panel .react-select__multi-value__remove{color:#1976d2;background:none;border:none;padding:0 4px;margin-left:4px;cursor:pointer;border-radius:2px}.filter-panel .react-select__multi-value__remove:hover{background-color:#bbdefb;color:#1565c0}.filter-panel .react-select__value-container--has-value,.filter-panel .react-select__value-container--is-multi{padding:2px 8px;min-height:38px}.filter-panel .react-select__control--is-focused,.filter-panel .react-select__control--menu-is-open{border-color:#80bdff;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.filter-panel .react-select__input,.filter-panel .react-select__input-container{margin:0;padding:0}.filter-panel .react-select__placeholder{color:#6c757d;margin:0;padding:0}.filter-panel .react-select__clear-indicator{color:#6c757d;cursor:pointer;padding:4px}.filter-panel .react-select__clear-indicator:hover{color:#dc3545;background-color:#f8f9fa;border-radius:4px}.filter-panel .react-select__dropdown-indicator{color:#6c757d;padding:4px}.filter-panel .react-select__dropdown-indicator:hover{color:#495057;background-color:#f8f9fa;border-radius:4px}.filter-panel .react-select__menu{border:1px solid #ced4da;border-radius:6px;box-shadow:0 .5rem 1rem rgba(0,0,0,.15);margin-top:2px;z-index:2147483647}.filter-panel .react-select__menu-list{padding:0;max-height:200px}.filter-panel .react-select__option{padding:8px 12px;cursor:pointer;background-color:transparent;color:#495057}.filter-panel .react-select__option:hover{background-color:#f8f9fa}.filter-panel .react-select__option--is-focused{background-color:#e3f2fd;color:#495057}.filter-panel .react-select__option--is-selected{background-color:#007bff;color:white}.filter-panel .react-select__option--is-selected:hover{background-color:#0056b3}.filter-panel .react-select__menu-portal{z-index:2147483647!important}.filter-panel .text-muted{font-size:.875rem;color:#6c757d}.filter-panel .spinner-border-sm{width:1rem;height:1rem}.filter-panel .text-danger{font-size:.75rem;color:#dc3545}.filter-panel .react-select__control{transition:all .2s ease}.filter-panel .react-select__menu{animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.profile-header{text-align:center;margin-bottom:2rem}.profile-avatar-large{width:80px;height:80px;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;box-shadow:0 4px 12px rgba(12,26,68,.15)}.profile-title{font-size:2.5rem;font-weight:700;color:var(--primary-color);margin-bottom:.5rem}.profile-subtitle{font-size:1.1rem;color:#6c757d}.profile-alert{border-radius:12px;border:none;box-shadow:0 2px 8px rgba(0,0,0,.1)}.profile-card{border:none;border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.1);overflow:hidden;background:white}.profile-card-header{background:linear-gradient(135deg,var(--primary-color),#1a365d);color:white;border:none;padding:1.5rem;font-weight:600}.profile-card-body{padding:2rem}.profile-form-group{margin-bottom:1.5rem}.profile-label{font-weight:600;color:var(--primary-color);margin-bottom:.5rem;display:flex;align-items:center;font-size:.95rem}.profile-input{border:2px solid #e2e8f0;border-radius:8px;padding:.75rem 1rem;font-size:.95rem;transition:all .3s ease;background:#f8fafc}.profile-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(12,26,68,.1);background:white}.profile-input-disabled,.profile-input:disabled{background:#f1f5f9;color:#64748b;cursor:not-allowed}.profile-input-disabled{border:2px solid #e2e8f0;border-radius:8px;padding:.75rem 1rem;font-size:.95rem}.profile-help-text{font-size:.85rem;color:#64748b;margin-top:.25rem}.edit-button{border-radius:8px;padding:.5rem 1rem;font-weight:500;transition:all .3s ease}.edit-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(12,26,68,.2)}.profile-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.profile-action-btn{border-radius:8px;padding:.75rem 1.5rem;font-weight:500;transition:all .3s ease;min-width:120px}.profile-action-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.password-header{text-align:center;margin-bottom:2rem}.password-avatar-large{width:80px;height:80px;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;box-shadow:0 4px 12px rgba(12,26,68,.15)}.password-title{font-size:2.5rem;font-weight:700;color:var(--primary-color);margin-bottom:.5rem}.password-subtitle{font-size:1.1rem;color:#6c757d}.password-alert{border-radius:12px;border:none;box-shadow:0 2px 8px rgba(0,0,0,.1)}.password-card{border:none;border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.1);overflow:hidden;background:white}.password-card-header{background:linear-gradient(135deg,var(--primary-color),#1a365d);color:white;border:none;padding:1.5rem;font-weight:600}.password-card-body{padding:2rem}.password-form-group{margin-bottom:1.5rem}.password-label{font-weight:600;color:var(--primary-color);margin-bottom:.5rem;display:flex;align-items:center;font-size:.95rem}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input{border:2px solid #e2e8f0;border-radius:8px;padding:.75rem 3rem .75rem 1rem;font-size:.95rem;transition:all .3s ease;background:#f8fafc;width:100%}.password-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(12,26,68,.1);background:white;outline:none}.password-toggle-btn{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#64748b;padding:.25rem;border-radius:4px;transition:all .2s ease}.password-toggle-btn:hover{color:var(--primary-color);background:rgba(12,26,68,.05)}.password-requirements{margin-top:.75rem;padding:1rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.password-requirements-list{list-style:none;padding:0;margin:.5rem 0 0}.password-requirements-list li{font-size:.85rem;display:flex;align-items:center;position:relative;padding:.25rem 0 .25rem 1.5rem}.password-requirements-list li:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:16px;height:16px;border-radius:50%;border:2px solid #cbd5e1}.password-requirements-list li.valid{color:#059669}.password-requirements-list li.valid:before{background:#059669;border-color:#059669;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");background-size:8px 8px;background-position:50%;background-repeat:no-repeat}.password-requirements-list li.invalid{color:#64748b}.password-match-indicator{margin-top:.5rem;padding:.5rem;border-radius:6px;background:#f8fafc}.password-actions{display:flex;justify-content:space-between;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.password-action-btn{border-radius:8px;padding:.75rem 1.5rem;font-weight:500;transition:all .3s ease;min-width:120px}.password-action-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}@media (max-width:768px){.password-title,.profile-title{font-size:2rem}.password-card-body,.profile-card-body{padding:1.5rem}.password-actions,.profile-actions{flex-direction:column}.password-action-btn,.profile-action-btn{width:100%}}@media (max-width:576px){.password-avatar-large,.profile-avatar-large{width:60px;height:60px}.password-title,.profile-title{font-size:1.75rem}.password-subtitle,.profile-subtitle{font-size:1rem}}.mfa-input-field{background-color:transparent;border:1px solid #2a3550;color:white;border-radius:8px;padding:.75rem 1rem;font-size:1rem;height:45px;width:45px!important;margin:2px!important}.table-responsive{overflow:auto!important}.react-select__value-container{max-height:300px!important;overflow-y:auto!important;flex-wrap:wrap!important;align-items:flex-start!important}.react-select__multi-value{margin:2px!important;max-width:100%!important;word-break:break-word!important}.react-select__multi-value__label{font-size:.875rem!important;padding:2px 6px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:150px!important}.react-select__multi-value__remove{padding:2px 4px!important}.react-select__input-container{min-width:2px!important}.asset-details-modal .modal-body::-webkit-scrollbar{width:16px!important}.asset-details-modal .modal-body::-webkit-scrollbar-track{background:#f8f9fa!important;border-radius:8px!important;border:2px solid #e9ecef!important;box-shadow:inset 0 1px 3px rgba(0,0,0,.1)!important}.asset-details-modal .modal-body::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#007bff,#0056b3)!important;border-radius:8px!important;border:2px solid #f8f9fa!important;box-shadow:0 2px 6px rgba(0,123,255,.4)!important;-webkit-transition:all .3s ease!important;transition:all .3s ease!important}.asset-details-modal .modal-body::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#0056b3,#004085)!important;box-shadow:0 3px 8px rgba(0,123,255,.6)!important;transform:scale(1.05)!important}.asset-details-modal .modal-body::-webkit-scrollbar-corner{background:#f8f9fa!important}.asset-details-modal .modal-body{scrollbar-width:thick!important;scrollbar-color:#007bff #f8f9fa!important}.pagination-container{display:flex;flex-direction:column;gap:1rem;align-items:center;padding:1rem;margin-top:1rem;border-top:1px solid #e2e8f0;background:#fafbfc;border-radius:8px}.pagination-items-per-page{display:flex;align-items:center;gap:.5rem;justify-content:center;flex-wrap:wrap;order:1}.pagination-label{font-size:.9rem;font-weight:500;color:#374151;margin:0;white-space:nowrap}.pagination-select{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:6px;background-color:white;font-size:.875rem;color:#374151;cursor:pointer;transition:all .2s ease;min-width:70px}.pagination-select:hover{border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}.pagination-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.1)}.pagination-info{font-size:.9rem;color:#64748b;font-weight:500;line-height:1.4;text-align:center;order:2}.pagination-controls{gap:.5rem;flex-wrap:wrap;order:3;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:.5rem 0}.pagination-button,.pagination-controls{display:flex;align-items:center;justify-content:center}.pagination-button{padding:.5rem .75rem;border:1px solid #d1d5db;background:white;color:#374151;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:40px;height:40px;flex-shrink:0}.pagination-button:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af;color:#1f2937;transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.1)}.pagination-button:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 2px rgba(0,0,0,.05)}.pagination-button.active{background:#3b82f6;border-color:#3b82f6;color:white;box-shadow:0 2px 4px rgba(59,130,246,.3)}.pagination-button.active:hover{background:#2563eb;border-color:#2563eb;box-shadow:0 3px 6px rgba(59,130,246,.4)}.pagination-button:disabled{background:#f9fafb;border-color:#e5e7eb;color:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.pagination-ellipsis{padding:.5rem .25rem;color:#6b7280;font-weight:500;-webkit-user-select:none;-moz-user-select:none;user-select:none;min-width:40px;height:40px;text-align:center;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pagination-button-text{white-space:nowrap}.pagination-first,.pagination-last{font-weight:600;min-width:50px;background:#f8fafc;border-color:#cbd5e1;color:#475569}.pagination-first:hover:not(:disabled),.pagination-last:hover:not(:disabled){background:#e2e8f0;border-color:#94a3b8;color:#334155}.pagination-next,.pagination-previous{font-weight:600;min-width:45px;background:#f8fafc;border-color:#cbd5e1;color:#475569}.pagination-next:hover:not(:disabled),.pagination-previous:hover:not(:disabled){background:#e2e8f0;border-color:#94a3b8;color:#334155}@media (min-width:769px){.pagination-container{flex-direction:row;justify-content:space-between;align-items:center}.pagination-items-per-page{order:0;margin-right:1rem;justify-content:flex-start}.pagination-info{order:1;text-align:left}.pagination-controls{order:2;justify-content:flex-end;flex-wrap:nowrap}}@media (max-width:768px){.pagination-container{gap:.75rem;padding:.75rem}.pagination-info{font-size:.85rem;padding:0 .5rem}.pagination-controls{gap:.375rem;padding:0 .25rem;flex-wrap:nowrap}.pagination-button{padding:.5rem .625rem;font-size:.8rem;min-width:36px;height:36px;border-width:2px;font-weight:500}.pagination-ellipsis{padding:.5rem .125rem;min-width:36px;height:36px}.pagination-first,.pagination-last{min-width:50px}.pagination-next,.pagination-previous{min-width:45px}.pagination-button:not(.active):not(.pagination-first):not(.pagination-last):not(.pagination-previous):not(.pagination-next){display:none}.pagination-ellipsis{display:flex}}@media (max-width:480px){.pagination-container{gap:.5rem;padding:.5rem}.pagination-info{font-size:.8rem;padding:0 .25rem}.pagination-items-per-page{gap:.375rem;margin-bottom:.375rem}.pagination-label{font-size:.75rem}.pagination-select{font-size:.75rem;padding:.25rem .375rem;min-width:50px}.pagination-controls{gap:.25rem;padding:0;flex-wrap:nowrap}.pagination-button{padding:.375rem .5rem;font-size:.75rem;min-width:32px;height:32px}.pagination-ellipsis{padding:.375rem .125rem;min-width:32px;height:32px}.pagination-first,.pagination-last{min-width:44px;font-size:.7rem}.pagination-next,.pagination-previous{min-width:40px;font-size:.7rem}.pagination-button:not(.active):not(.pagination-first):not(.pagination-last):not(.pagination-previous):not(.pagination-next){display:none}.pagination-ellipsis{display:flex}}@media (max-width:360px){.pagination-container{gap:.375rem;padding:.375rem}.pagination-controls{gap:.125rem;flex-wrap:nowrap}.pagination-button{font-size:.65rem;padding:.25rem .375rem}.pagination-button,.pagination-ellipsis{min-width:28px;height:28px}.pagination-first,.pagination-last{min-width:36px;font-size:.6rem}.pagination-next,.pagination-previous{min-width:32px;font-size:.6rem}.pagination-label{font-size:.7rem}.pagination-select{font-size:.7rem;padding:.2rem .3rem;min-width:45px}.pagination-info{font-size:.75rem}.pagination-button:not(.active):not(.pagination-first):not(.pagination-last):not(.pagination-previous):not(.pagination-next){display:none}}.recaptcha-container>div>div>div{width:100%!important}