:root{--qtag-green: #39ff14;--sidebar-width: 240px;--sidebar-collapsed-width: 70px;--sidebar-bg: linear-gradient(165deg, #000 40%, #39ff14 200%);--sidebar-bg-collapsed: #000;--main-bg: #181c23;--toolbar-height: 64px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#222;border-radius:4px}::-webkit-scrollbar-thumb{background:var(--qtag-green);border-radius:4px}::-webkit-scrollbar-corner{background:#222}*{scrollbar-width:thin;scrollbar-color:var(--qtag-green) #222}.expiry-date{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;border-radius:4px;font-weight:500;font-size:.9rem}.expiry-date.expired{background-color:#dc3545;color:#fff}.expiry-date.expires-soon{background-color:#ffc107;color:#000}.expiry-date.expires-warning{background-color:#fd7e14;color:#fff}.expiry-date.valid{background-color:#28a745;color:#fff}.expiry-date.no-date{background-color:#6c757d;color:#fff}.expiry-summary-compact{margin-bottom:16px}.summary-compact-bar{display:flex;align-items:center;gap:24px;padding:12px 20px;background:#1a1e25;border-radius:8px;border:1px solid #333;flex-wrap:wrap}.summary-item{display:flex;align-items:center;gap:8px;font-size:.9rem;cursor:help;position:relative}.summary-item:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-6px);padding:8px 12px;font-family:Segoe UI,Arial,sans-serif;font-size:.85rem;font-weight:400;line-height:1.4;color:#ddd;background:#1a1e25;border:1px solid #333;border-radius:6px;width:max-content;max-width:280px;white-space:normal;text-align:center;box-shadow:0 4px 12px #0006;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;z-index:1000;pointer-events:none}.summary-item:before{content:"";position:absolute;bottom:100%;left:50%;margin-left:-6px;margin-bottom:-6px;border:6px solid transparent;border-top-color:#333;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;z-index:1001}.summary-item:hover:after,.summary-item:hover:before{opacity:1;visibility:visible}.summary-item i{font-size:1rem;width:20px;text-align:center}.summary-item .summary-label{color:#aaa;font-weight:500}.summary-item .summary-value{color:#fff;font-weight:700;font-size:1.1rem}.summary-item.expired i,.summary-item.expired .summary-value{color:#dc3545}.summary-item.critical i,.summary-item.critical .summary-value{color:#ffc107}.summary-item.warning i,.summary-item.warning .summary-value{color:#fd7e14}.summary-item.valid i,.summary-item.valid .summary-value{color:#28a745}.summary-item:first-child i,.summary-item:first-child .summary-value{color:#007bff}.expiry-summary{margin-bottom:24px}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:16px}.summary-card{display:flex;align-items:center;padding:16px;border-radius:8px;background:#1a1e25;border:1px solid #333;transition:all .3s ease}.summary-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.summary-card.expired{border-left:4px solid #dc3545}.summary-card.critical{border-left:4px solid #ffc107}.summary-card.warning{border-left:4px solid #fd7e14}.summary-card.valid{border-left:4px solid #28a745}.summary-card.total{border-left:4px solid #007bff}.card-icon{font-size:2rem;margin-right:16px;width:48px;text-align:center}.summary-card.expired .card-icon{color:#dc3545}.summary-card.critical .card-icon{color:#ffc107}.summary-card.warning .card-icon{color:#fd7e14}.summary-card.valid .card-icon{color:#28a745}.summary-card.total .card-icon{color:#007bff}.card-content{flex:1}.card-number{font-size:2rem;font-weight:700;color:#fff;line-height:1}.card-label{font-size:.9rem;color:#aaa;margin-top:4px}html,body{height:100%;margin:0;padding:0;font-family:Segoe UI,Arial,sans-serif;background:var(--main-bg);color:#fff;min-height:100vh;width:100vw;box-sizing:border-box;overflow:hidden}body{min-height:100vh;min-width:100vw;overflow-x:hidden;overflow-y:hidden}.admin-root{display:flex;height:100vh;width:100vw;overflow:hidden}.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);color:#fff;display:flex;flex-direction:column;align-items:stretch;transition:width .3s;position:relative;z-index:10}.sidebar.collapsed{width:var(--sidebar-collapsed-width);background:var(--sidebar-bg-collapsed)}.sidebar .logo{display:flex;align-items:center;justify-content:center;height:80px;background:#000;border-bottom:1px solid #222}.sidebar .logo img{height:48px;width:auto}.sidebar.collapsed .logo img{height:35px;width:auto;max-width:100%}.sidebar nav{display:flex;flex-direction:column;margin-top:16px}.sidebar nav a{display:flex;align-items:center;gap:16px;padding:12px 24px;color:#fff;font-size:1.08rem;border-left:4px solid transparent;transition:background .2s,border-color .2s;text-decoration:none;font-weight:500}.sidebar nav a.active,.sidebar nav a:hover{background:#39ff141f;border-left:4px solid var(--qtag-green);color:var(--qtag-green)}.sidebar nav a i{min-width:22px;text-align:center;font-size:1.2em}.sidebar .logout{margin-top:16px;margin-bottom:0;padding:0 24px}.sidebar .logout button{width:100%;background:var(--qtag-green);color:#000;border:none;border-radius:6px;padding:12px 0;font-weight:700;font-size:1rem;cursor:pointer;transition:background .2s}.sidebar .logout button:hover{background:#000;color:#fff;border:1px solid var(--qtag-green)}.sidebar.collapsed nav a span,.sidebar.collapsed .logout button span{display:none}.sidebar.collapsed nav a{justify-content:center;padding:14px 0;font-size:0!important}.sidebar.collapsed nav a i{font-size:1.2rem!important}.sidebar.collapsed .logout button{padding:12px 0;font-size:1.2rem}.toolbar{height:var(--toolbar-height);background:#000;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid #222;position:sticky;top:0;z-index:5}.toolbar .menu-btn{background:none;border:none;color:var(--qtag-green);font-size:1.8rem;cursor:pointer;margin-right:18px;transition:color .2s}.toolbar .menu-btn:hover{color:#fff}.toolbar .toolbar-logo{display:flex;align-items:center;gap:12px;overflow:hidden;max-width:200px}.toolbar .toolbar-logo img{height:38px;width:auto}.admin-root:has(.sidebar.collapsed) .toolbar .toolbar-logo img,.admin-root.sidebar-collapsed .toolbar .toolbar-logo img{height:28px;width:auto;max-width:100%}.toolbar .toolbar-right{display:flex;align-items:center;gap:16px}.toolbar .user-icon{width:40px;height:40px;border-radius:50%;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;border:2px solid var(--qtag-green);cursor:pointer;transition:transform .2s;position:relative}.toolbar .user-icon:hover{transform:scale(1.05)}.toolbar .user-icon img{width:100%;height:100%;object-fit:cover}.main-container{min-height:0;overflow:hidden;height:100%}.main-content{flex:1;background:var(--main-bg);padding:32px;overflow-y:auto;overflow-x:hidden;min-width:0;min-height:0;display:flex;flex-direction:column;position:relative}.assets-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;gap:12px;flex-wrap:wrap;min-width:0;overflow:visible}.assets-header .header-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;flex:1 1 100%;min-width:0;max-width:100%;justify-content:flex-end;overflow:visible}.assets-header .header-actions>.btn{padding:6px 10px;font-size:.8rem;font-weight:600;white-space:nowrap;line-height:1.25;flex-shrink:0}.assets-header .header-actions>.btn i{margin-right:.25em}.assets-header h2{color:var(--qtag-green);font-size:1.5rem;margin:0;flex:0 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.filters-section{background:#1a1e25;border-radius:8px;border:1px solid #333;margin-bottom:16px;overflow:hidden}.filters-header{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;cursor:pointer;user-select:none;background:#222;border-bottom:1px solid #333;transition:background .2s}.filters-header:hover{background:#2a2e35}.filters-header h3{margin:0;color:var(--qtag-green);font-size:1rem;font-weight:600;display:flex;align-items:center;gap:8px}.filters-header #filterChevron{color:var(--qtag-green);transition:transform .3s ease;font-size:.9rem}.filters-content{padding:20px;transition:all .3s ease;overflow:hidden;display:block}.filters-section.collapsed .filters-content{display:none}.filters-row{display:flex;gap:20px;align-items:flex-end;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-group label{font-weight:600;color:#ccc;font-size:.9rem;line-height:1.2}.filter-group select,.filter-group input{padding:10px 16px;border:1px solid #333;border-radius:6px;background:#2a2e35;color:#fff;font-size:1rem;min-width:200px;height:42px;min-height:42px;box-sizing:border-box}.filter-group select:focus,.filter-group input:focus{outline:none;border-color:var(--qtag-green)}.filter-group.filter-actions{gap:8px}.filter-actions .filter-actions-label{visibility:hidden;font-size:.9rem;line-height:1.2;margin:0;height:1.08em}.filter-actions-buttons{display:flex;gap:12px;align-items:center;height:42px}.filter-actions .btn,.assets-filter-btn{padding:10px 20px;height:42px;min-height:42px;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s;font-size:1rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;box-sizing:border-box}.filter-actions .btn-primary,.assets-filter-btn.btn-primary{background:var(--qtag-green);color:#000}.filter-actions .btn-primary:hover,.assets-filter-btn.btn-primary:hover{background:#2dff2d;transform:translateY(-1px)}.filter-actions .btn-secondary,.assets-filter-btn.btn-secondary{background:#444;color:#fff}.filter-actions .btn-secondary:hover,.assets-filter-btn.btn-secondary:hover{background:#555}.btn{padding:10px 20px;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s;font-size:1rem}.btn-primary:hover{background:#2dff2d;transform:translateY(-1px)}.btn-secondary{background:#333;color:#fff}.btn-secondary:hover{background:#444}.assets-table{background:#1a1e25;border-radius:12px;overflow:hidden;border:1px solid #333;flex:1;display:flex;flex-direction:column;min-height:0;min-width:0;max-height:100%}.table-header{background:#000;padding:20px 24px;border-bottom:1px solid #333;display:flex;align-items:center;gap:16px}.table-header h2{margin:0;color:var(--qtag-green);font-size:1.5rem}.fullscreen-toggle-btn{background:none;border:none;color:var(--qtag-green);font-size:1.4rem;cursor:pointer;margin:0;padding:8px;border-radius:4px;transition:color .2s;display:flex;align-items:center;justify-content:center}.fullscreen-toggle-btn:hover{color:#fff;background:#39ff141a}.fullscreen-toggle-btn i{transition:transform .3s ease}.fullscreen-toggle-btn.fullscreen i{transform:rotate(180deg)}.freeze-toggle-btn{background:#39ff141a;border:1px solid var(--qtag-green);color:var(--qtag-green);font-size:.9rem;cursor:pointer;padding:8px 16px;border-radius:4px;transition:all .2s;display:inline-flex;align-items:center;gap:6px;margin-left:0}.freeze-toggle-btn:hover{background:#39ff1433;color:#fff}.freeze-toggle-btn.unfrozen{background:#ffffff1a;border-color:#666;color:#ccc}.freeze-toggle-btn.unfrozen:hover{background:#ffffff26;color:#fff}.assets-table.headers-frozen .table-container{position:relative}.assets-table.headers-frozen thead{position:sticky;top:0;z-index:10;background-color:#2a2e35}.assets-table.headers-frozen thead th{background-color:#2a2e35;box-shadow:0 2px 4px #0000004d}.admin-root:fullscreen{background:var(--main-bg);width:100vw;height:100vh}.admin-root:fullscreen .sidebar{display:none}.admin-root:fullscreen .main-content{padding:20px;width:100%;max-width:100%}.admin-root:fullscreen .assets-table{height:calc(100vh - 100px)}.admin-root:fullscreen .table-container{height:100%;max-height:100%}.admin-root.fullscreen-mode{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;background:var(--main-bg)}.admin-root.fullscreen-mode .sidebar{display:none}.admin-root.fullscreen-mode .main-content{padding:20px;width:100%;max-width:100%}.admin-root.fullscreen-mode .assets-table{height:calc(100vh - 100px)}.admin-root.fullscreen-mode .table-container{height:100%;max-height:100%}.table-container{overflow-x:auto;overflow-y:auto;flex:1;min-height:0}.assets-table table{width:100%;border-collapse:collapse}.assets-table th{background-color:#2a2e35;padding:12px;text-align:left;font-weight:600;color:var(--qtag-green);border-bottom:1px solid #333}.assets-table th.sortable{cursor:pointer;user-select:none;position:relative;transition:background-color .2s}.assets-table th.sortable:hover{background-color:#343d37}.assets-table th.sortable .sort-icon{margin-left:8px;font-size:.85rem;opacity:.5;transition:opacity .2s}.assets-table th.sortable:hover .sort-icon{opacity:1}.assets-table th.sortable.sort-asc .sort-icon,.assets-table th.sortable.sort-desc .sort-icon{opacity:1;color:var(--qtag-green)}.assets-table td{padding:12px;border-bottom:1px solid #333;color:#ccc}.asset-text-cell{max-width:320px}.asset-text-cell--clickable{cursor:pointer}.asset-text-cell--empty{text-align:center;color:#7e8897}.asset-cell-empty{color:#7e8897;font-size:.85rem}.asset-cell-view-link{margin:0;padding:4px 8px;border:1px solid #3d4c66;border-radius:6px;background:#202a3a;color:#b6ccf7;font-size:.76rem;font-weight:600;letter-spacing:.01em;text-decoration:none;cursor:pointer}.asset-cell-view-link:hover{color:#d7e6ff;border-color:#5f7fb2;background:#273449}.asset-cell-clamp{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.35;max-height:2.7em;color:#c9ced6;word-break:break-word}.asset-details-drawer-overlay{position:fixed;inset:0;z-index:1400;pointer-events:none}.asset-details-drawer-backdrop{position:absolute;inset:0;background:#04080f8c;opacity:0;transition:opacity .2s ease}.asset-details-drawer{position:absolute;top:0;right:0;height:100%;width:min(520px,96vw);background:#12161d;border-left:1px solid #2f3540;box-shadow:-8px 0 24px #00000059;transform:translate(100%);transition:transform .25s ease;display:flex;flex-direction:column}.asset-details-drawer-overlay.open{pointer-events:auto}.asset-details-drawer-overlay.open .asset-details-drawer-backdrop{opacity:1}.asset-details-drawer-overlay.open .asset-details-drawer{transform:translate(0)}.asset-details-drawer-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;border-bottom:1px solid #2f3540;background:#0d1117}.asset-details-drawer-header h3{margin:0;font-size:1rem;color:#dce2ea;display:inline-flex;align-items:center;gap:8px}.asset-details-drawer-close{background:transparent;border:1px solid #3b4452;color:#c4ccd8;width:34px;height:34px;border-radius:6px;font-size:1.3rem;line-height:1;cursor:pointer}.asset-details-drawer-close:hover{border-color:var(--qtag-green);color:#fff}.asset-details-drawer-body{padding:18px 20px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.asset-details-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px;background:#171c24;border:1px solid #2f3540;border-radius:10px;padding:12px}.asset-details-meta-grid .label{display:block;font-size:.75rem;letter-spacing:.02em;color:#8f98a6;margin-bottom:4px;text-transform:uppercase}.asset-details-meta-grid span{color:#e5ebf3;font-size:.92rem;word-break:break-word}.asset-details-block{background:#171c24;border:1px solid #2f3540;border-radius:10px;padding:12px}.asset-details-block h4{margin:0 0 8px;font-size:.88rem;font-weight:600;color:#9fb1c8;text-transform:uppercase;letter-spacing:.03em}.asset-details-scroll-content{white-space:pre-wrap;word-break:break-word;line-height:1.45;color:#d6dde7;max-height:260px;overflow-y:auto;padding-right:4px}.assets-table tr:hover:not(.highlighted-asset){background:#39ff140d}.assets-table table tbody tr.highlighted-asset,.assets-table tbody tr.highlighted-asset,.assets-table tr.highlighted-asset{outline:none!important;box-shadow:0 0 20px #39ff1499,0 0 40px #39ff1466,0 0 60px #39ff1433!important;animation:highlightPulse 2s ease-in-out infinite!important;cursor:pointer!important;position:relative!important}.assets-table table tbody tr.highlighted-asset td,.assets-table tbody tr.highlighted-asset td,.assets-table tr.highlighted-asset td{background-color:#39ff1433!important;color:#fff!important;box-shadow:none!important;outline:none!important;text-shadow:none!important;filter:none!important;animation:none!important;position:relative}.assets-table table tbody tr.highlighted-asset td *:not(.action-btn):not(.action-buttons),.assets-table tbody tr.highlighted-asset td *:not(.action-btn):not(.action-buttons),.assets-table tr.highlighted-asset td *:not(.action-btn):not(.action-buttons){background-color:transparent!important;background-image:none!important;background:transparent!important;box-shadow:none!important;outline:none!important;text-shadow:none!important;filter:none!important}.assets-table tr.highlighted-asset:hover,.assets-table tbody tr.highlighted-asset:hover{box-shadow:0 0 30px #39ff14cc,0 0 50px #39ff1480,0 0 70px #39ff144d!important}.assets-table tr.highlighted-asset:hover td,.assets-table tbody tr.highlighted-asset:hover td{background-color:#39ff1440!important}@keyframes highlightPulse{0%,to{box-shadow:0 0 20px #39ff1499,0 0 40px #39ff1466,0 0 60px #39ff1433!important}50%{box-shadow:0 0 30px #39ff14cc,0 0 50px #39ff1499,0 0 70px #39ff1466!important}}.assets-table tr.highlighted-asset .action-buttons,.assets-table tbody tr.highlighted-asset .action-buttons{position:relative!important;z-index:1000!important;pointer-events:auto!important;isolation:isolate}.assets-table tr.highlighted-asset .action-btn,.assets-table tbody tr.highlighted-asset .action-btn{position:relative!important;z-index:1001!important;pointer-events:auto!important}.assets-table td,.assets-table tr{position:relative}.assets-table tr.highlighted-asset td:has(.action-buttons),.assets-table tbody tr.highlighted-asset td:has(.action-buttons){z-index:999!important;position:relative!important}.asset-status{padding:4px 12px;border-radius:20px;font-size:.85rem;font-weight:600}.status-active{background:#39ff1433;color:var(--qtag-green)}.status-inactive{background:#ff393933;color:#ff3939}.status-maintenance{background:#ffc10733;color:#ffc107}.action-buttons{display:flex;gap:8px;justify-content:center;align-items:center}.action-btn{width:36px;height:36px;border:none;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff!important;font-size:1rem;transition:all .2s ease;cursor:pointer;background:#222!important}.action-btn:hover{opacity:.9;transform:scale(1.1)}.btn-upload,.btn-document{background:#0d6efd!important;color:#fff!important}.btn-upload:hover,.btn-document:hover{background:#0b5ed7!important;color:#fff!important}.btn-photo{background:#198754!important;color:#fff!important}.btn-photo:hover{background:#39ff14!important;color:#000!important}.btn-report{background:#6c757d!important;color:#fff!important}.btn-history{background:#ffc107!important;color:#000!important}.btn-history:hover{background:gold!important;color:#000!important}.btn-edit{background:#17a2b8!important;color:#fff!important}.btn-edit:hover{background:#138496!important;color:#fff!important}.btn-view{background:#17a2b8!important;color:#fff!important}.btn-details{background:#495468!important;color:#eef2f8!important}.btn-details:hover{background:#5a667c!important;color:#fff!important}.btn-delete{background:#dc3545!important;color:#fff!important}.btn-delete:hover{background:#bb2d3b!important;color:#fff!important}.btn-deactivate{background:#dc3545!important;color:#fff!important}.btn-deactivate:hover{background:#bb2d3b!important;color:#fff!important}.btn-activate{background:#198754!important;color:#fff!important}.btn-activate:hover{background:#39ff14!important;color:#000!important}.asset-lifecycle-action{width:36px;min-width:36px;height:36px;padding:0;justify-content:center;border-radius:6px}.asset-lifecycle-action__icon{position:relative;display:inline-flex;width:20px;height:20px;align-items:center;justify-content:center;flex:0 0 20px}.asset-lifecycle-action__box{font-size:.92rem;line-height:1}.asset-lifecycle-action__slash,.asset-lifecycle-action__check{position:absolute;right:-3px;bottom:-3px;width:12px;height:12px;display:inline-flex;align-items:center;justify-content:center;font-size:.58rem;border-radius:999px;background:#000000a6;box-shadow:0 0 0 1px #ffffff29}.asset-lifecycle-action__slash{transform:rotate(-18deg)}.asset-lifecycle-action--deactivate,.asset-lifecycle-action--activate{box-shadow:inset 0 0 0 1px #ffffff0f}.asset-photos{position:relative;display:inline-block}.asset-photos img{border:1px solid #444}.photo-count{position:absolute;top:-5px;right:-5px;background:var(--qtag-green);color:#000;border-radius:50%;width:18px;height:18px;font-size:.7rem;display:flex;align-items:center;justify-content:center;font-weight:700}.no-photos{color:#666;font-style:italic;font-size:.9rem}.asset-location-guided-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 640px){.asset-location-guided-grid{grid-template-columns:1fr}}.modal:not(.fade){display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#000c;overflow-y:auto;padding:20px;box-sizing:border-box}.modal-content{background:#1a1e25;margin:20px auto;padding:24px;border-radius:12px;width:100%;max-width:800px;border:1px solid #333;max-height:calc(100vh - 40px);overflow-y:auto;position:relative;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.modal-header h2{margin:0;color:var(--qtag-green)}.close{color:#aaa;font-size:28px;font-weight:700;cursor:pointer;background:none;border:none;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.close:hover{color:var(--qtag-green);background:#39ff141a}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px;border:1px solid #333;border-radius:6px;background:#2a2e35;color:#fff;font-size:1rem;box-sizing:border-box}.form-group label:has(+select){color:#ddd;font-weight:700}.form-group select:focus+label,.form-group select:hover+label{color:var(--qtag-green)}.form-group select{border:2px solid #333;background:linear-gradient(145deg,#2a2e35,#1a1e25);transition:all .3s ease;cursor:pointer;position:relative;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2339ff14' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:40px}.form-group select:hover{border-color:#555;background-color:#2a2e35}.form-group select:focus{border-color:var(--qtag-green);box-shadow:0 0 0 3px #39ff141a;outline:none;background-color:#2a2e35}.form-group select option{background:#1a1e25;color:#fff;padding:12px;border:none;font-size:.95rem;transition:all .2s ease}.form-group select option:hover{background:#2a2e35;color:var(--qtag-green);transform:translate(4px)}.form-group select option:checked{background:var(--qtag-green);color:#000;font-weight:600;box-shadow:0 2px 4px #39ff144d}.form-group select option:first-child{font-weight:600;color:#888;font-style:italic}.form-group select{background-color:#1a1e25;border:2px solid #333;border-radius:8px;box-shadow:0 4px 12px #0000004d}.form-group select::-webkit-listbox{background-color:#1a1e25;border:2px solid #333;border-radius:8px;box-shadow:0 4px 12px #0000004d;padding:8px}.form-group select:-moz-focusring{color:transparent;text-shadow:0 0 0 #fff}.form-group select:focus{background-color:#1a1e25;border-color:var(--qtag-green);box-shadow:0 0 0 3px #39ff141a,0 4px 12px #0000004d}.form-group select:focus{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2339ff14' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='18,15 12,9 6,15'%3e%3c/polyline%3e%3c/svg%3e")}.form-group select{background-color:#1a1e25!important;color:#fff!important}.form-group select:focus{background-color:#1a1e25!important}.form-group select option{background-color:#1a1e25!important;color:#fff!important;border:none!important;padding:12px 16px!important;margin:2px 0!important;border-radius:4px!important;font-size:.95rem!important;transition:all .2s ease!important}.form-group select option:hover{background-color:#2a2e35!important;color:var(--qtag-green)!important;transform:translate(4px)!important}.form-group select option:checked{background-color:var(--qtag-green)!important;color:#000!important;font-weight:600!important;box-shadow:0 2px 4px #39ff144d!important}.form-group select option:first-child{font-weight:600!important;color:#888!important;font-style:italic!important}.form-group select{scrollbar-width:thin;scrollbar-color:var(--qtag-green) #1a1e25}.form-group select::-webkit-scrollbar{width:8px}.form-group select::-webkit-scrollbar-track{background:#1a1e25;border-radius:4px}.form-group select::-webkit-scrollbar-thumb{background:var(--qtag-green);border-radius:4px}.form-group select:focus{border:2px solid var(--qtag-green)!important;box-shadow:0 0 0 3px #39ff141a,0 8px 25px #0006!important}.enhanced-dropdown{position:relative;z-index:10}.enhanced-dropdown:focus{z-index:20}.enhanced-dropdown option{position:relative;z-index:30}.enhanced-dropdown:focus{background-color:#1a1e25!important;border-color:var(--qtag-green)!important;box-shadow:0 0 0 3px #39ff141a,0 8px 25px #0006!important}.form-group select{box-shadow:0 2px 4px #0000001a}.form-group select:focus{box-shadow:0 0 0 3px #39ff141a,0 2px 8px #0003}.form-group select[readonly],.form-group select:disabled{background:#1a1e25;color:#ccc;cursor:not-allowed;opacity:.8;border-color:#555;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23555' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e")}.form-group select[readonly]:focus,.form-group select:disabled:focus{border-color:#555;box-shadow:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23555' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e")}.readonly-indicator{color:#888;font-size:.85rem;font-style:italic}.organisation-display{background:#1a1e25;border:2px solid #555;border-radius:6px;padding:12px 16px;color:#ccc;font-size:1rem;min-height:44px;display:flex;align-items:center;opacity:.8;cursor:not-allowed;width:100%;box-sizing:border-box}.organisation-display i{margin-right:8px;color:#888}.form-group textarea{resize:vertical;min-height:100px}.form-row{display:flex;gap:20px}.form-row .form-group{flex:1}.form-section{margin-bottom:32px;padding:24px;background:linear-gradient(145deg,#1e2228,#252932);border-radius:12px;border:1px solid #333;box-shadow:0 4px 12px #0003}.section-title{color:var(--qtag-green);font-size:1.1rem;font-weight:700;margin:0 0 20px;padding-bottom:12px;border-bottom:2px solid var(--qtag-green);text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:8px}.section-title:before{content:"";width:4px;height:20px;background:var(--qtag-green);border-radius:2px}.form-section .form-group{margin-bottom:24px}.form-section .form-group:last-child{margin-bottom:0}.form-section .form-group label{color:#e0e0e0;font-weight:600;font-size:.95rem;margin-bottom:8px;display:flex;align-items:center;gap:6px}.form-section .form-group input,.form-section .form-group select,.form-section .form-group textarea{background:linear-gradient(145deg,#2a2e35,#1e2228);border:2px solid #444;border-radius:8px;padding:14px 16px;color:#fff;font-size:.95rem;transition:all .3s ease;box-shadow:inset 0 2px 4px #0000001a}.form-section .form-group input:focus,.form-section .form-group select:focus,.form-section .form-group textarea:focus{border-color:var(--qtag-green);box-shadow:0 0 0 3px #39ff141a,inset 0 2px 4px #0000001a;background:linear-gradient(145deg,#2e3239,#22262d)}.form-section .form-group input:hover,.form-section .form-group select:hover,.form-section .form-group textarea:hover{border-color:#666;background:linear-gradient(145deg,#2e3239,#22262d)}.form-section .form-group select{background:linear-gradient(145deg,#2a2e35,#1e2228);border:2px solid #444;cursor:pointer}.form-section .form-group select:hover{border-color:#666;background:linear-gradient(145deg,#2e3239,#22262d)}.form-section .form-group select:focus{border-color:var(--qtag-green);box-shadow:0 0 0 3px #39ff141a;background:linear-gradient(145deg,#2e3239,#22262d)}.form-section .form-group textarea{resize:vertical;min-height:100px;font-family:inherit;line-height:1.5}.form-section .photo-upload-section{background:linear-gradient(145deg,#1a1e25,#0f1318);border:2px dashed #444;border-radius:8px;padding:20px;text-align:center;transition:all .3s ease}.form-section .photo-upload-section:hover{border-color:var(--qtag-green);background:linear-gradient(145deg,#1e2228,#141822)}.form-section .photo-preview{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px;justify-content:center}.form-section .photo-upload-controls{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.modal-actions{display:flex;gap:16px;justify-content:flex-end;padding:24px 0 0;border-top:1px solid #333;margin-top:24px}.modal-actions .btn{padding:12px 24px;font-weight:600;border-radius:8px;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;font-size:.9rem}.modal-actions .btn-primary{background:linear-gradient(145deg,var(--qtag-green),#2dff2d);color:#000;border:none;box-shadow:0 4px 12px #39ff144d}.modal-actions .btn-primary:hover{background:linear-gradient(145deg,#2dff2d,var(--qtag-green));box-shadow:0 6px 16px #39ff1466;transform:translateY(-2px)}.modal-actions .btn-secondary{background:linear-gradient(145deg,#444,#333);color:#fff;border:1px solid #555}.modal-actions .btn-secondary:hover{background:linear-gradient(145deg,#555,#444);border-color:#666;transform:translateY(-1px)}.photo-upload-section{border:2px dashed #333;border-radius:8px;padding:16px;background:#2a2e35;margin-top:8px}.photo-preview{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px;min-height:60px}.photo-preview img{border-radius:4px;border:1px solid #444;cursor:pointer;transition:transform .2s}.photo-preview img:hover{transform:scale(1.05)}.photo-upload-controls{display:flex;gap:8px;align-items:center}.photo-upload-controls .btn{padding:8px 16px;font-size:.9rem}@media (max-width: 1200px){.form-row{flex-wrap:wrap}.form-row .form-group{flex:1 1 calc(50% - 10px);min-width:200px}}@media (max-width: 768px){.modal:not(.fade){padding:10px}.modal-content{margin:10px auto;padding:16px;max-width:100%}.form-row{flex-direction:column}.form-row .form-group{flex:1 1 100%;min-width:auto}.modal-actions{flex-direction:column;gap:8px}.modal-actions .btn{width:100%}}@media (max-width: 480px){.modal-content{padding:12px}.modal-header h2{font-size:1.2rem}.form-group input,.form-group select,.form-group textarea{padding:10px;font-size:.9rem}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;z-index:2000;display:flex;align-items:center;justify-content:center}.photo-viewer,.document-viewer{background:#1a1e25;border-radius:12px;max-width:95%;max-height:95%;overflow:hidden;border:1px solid #333}.photo-viewer .modal-header,.document-viewer .modal-header{background:#000;padding:16px 24px;border-bottom:1px solid #333;display:flex;justify-content:space-between;align-items:center}.photo-viewer .modal-header h3,.document-viewer .modal-header h3{margin:0;color:var(--qtag-green);font-size:1.2rem}.close-btn{background:none;border:none;color:#aaa;font-size:24px;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.close-btn:hover{color:var(--qtag-green);background:#39ff141a}.photo-viewer .modal-body,.document-viewer .modal-body{padding:24px;max-height:85vh;overflow-y:auto}.photo-container{background-color:#222;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 4px 20px #39ff141a;border:1px solid rgba(57,255,20,.1);position:relative}.main-photo{width:100%;max-height:600px;object-fit:contain;border-radius:8px;box-shadow:0 4px 6px #0003;transition:transform .3s ease}.main-photo:hover{transform:scale(1.02)}.photo-actions{display:flex;gap:12px;margin-top:16px}.photo-action-btn{background:#222;color:var(--qtag-green);border:1px solid var(--qtag-green);border-radius:8px;padding:10px 20px;font-weight:700;transition:all .2s ease;display:flex;align-items:center;gap:8px;cursor:pointer}.photo-action-btn:hover{background:var(--qtag-green);color:#000;transform:translateY(-2px)}.document-container{background:#222;border-radius:12px;padding:24px;margin-bottom:24px;min-height:600px;box-shadow:0 4px 24px #39ff1414;border:1px solid #333}.document-preview{width:100%;height:600px;border-radius:8px;box-shadow:0 4px 6px #0000004d;background-color:#fff;overflow:hidden}.document-actions{margin-top:20px;display:flex;gap:12px;flex-wrap:wrap}.document-actions button{background:var(--qtag-green);color:#000;border:none;border-radius:6px;padding:12px 20px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.document-actions button:hover{background:#000;color:var(--qtag-green);border:1px solid var(--qtag-green)}.document-actions button.secondary{background:transparent;color:#fff;border:1px solid #333}.document-actions button.secondary:hover{background:var(--qtag-green);color:#000;border-color:var(--qtag-green)}.description-box{background-color:#222;border-radius:12px;padding:20px;margin-top:24px;box-shadow:0 4px 20px #39ff141a;border:1px solid rgba(57,255,20,.1)}.description-box h4{color:var(--qtag-green);margin-bottom:16px;font-weight:700}.file-list{background-color:#222;border-radius:12px;padding:20px;max-height:400px;overflow-y:auto;box-shadow:0 4px 20px #39ff141a;border:1px solid rgba(57,255,20,.1)}.file-list h4{color:var(--qtag-green);margin-bottom:16px;font-weight:700}.file-item{padding:12px;border-bottom:1px solid #333;cursor:pointer;transition:all .2s ease;border-radius:8px;margin-bottom:8px;display:flex;align-items:center}.file-item:hover{background-color:#333;transform:translate(4px)}.file-item.active{background-color:#333;border-left:4px solid var(--qtag-green)}.file-item img{width:60px;height:60px;object-fit:cover;border-radius:8px;margin-right:16px;border:2px solid var(--qtag-green)}.file-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#181c23;border-radius:8px;margin-right:16px;border:1px solid #333}.file-icon i{font-size:24px;color:var(--qtag-green)}.file-item .file-info{display:flex;flex-direction:column;flex:1}.file-item .file-name{color:#fff;font-weight:500;margin-bottom:4px}.file-item .file-date{color:#888;font-size:.9rem}.file-list::-webkit-scrollbar{width:8px}.file-list::-webkit-scrollbar-track{background:#222;border-radius:4px}.file-list::-webkit-scrollbar-thumb{background:var(--qtag-green);border-radius:4px}.table-container::-webkit-scrollbar{width:8px;height:8px}.table-container::-webkit-scrollbar-track{background:#222;border-radius:4px}.table-container::-webkit-scrollbar-thumb{background:var(--qtag-green);border-radius:4px}.main-content::-webkit-scrollbar{width:8px}.main-content::-webkit-scrollbar-track{background:#222;border-radius:4px}.main-content::-webkit-scrollbar-thumb{background:var(--qtag-green);border-radius:4px}.btn-document{color:#dc3545}.add-photo-btn,.add-document-btn{background:var(--qtag-green);color:#000;border:none;border-radius:6px;padding:8px 16px;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.add-photo-btn:hover,.add-document-btn:hover{background:#2dff2d;transform:translateY(-1px)}.add-photo-form,.add-document-form{background:#1a1e25;border-radius:12px;max-width:500px;width:90%;border:1px solid #333}.add-photo-form .modal-header,.add-document-form .modal-header{background:#000;padding:16px 24px;border-bottom:1px solid #333;display:flex;justify-content:space-between;align-items:center}.add-photo-form .modal-header h3,.add-document-form .modal-header h3{margin:0;color:var(--qtag-green);font-size:1.2rem}.add-photo-form .modal-body,.add-document-form .modal-body{padding:24px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#ccc}.form-group input,.form-group textarea{width:100%;padding:12px;border:1px solid #333;border-radius:6px;background:#2a2e35;color:#fff;font-size:1rem;box-sizing:border-box}.form-group textarea{resize:vertical;min-height:80px}.form-text{color:#888;font-size:.8rem;margin-top:4px;display:block}.upload-preview{margin:16px 0;text-align:center}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.btn-primary,.btn-secondary{padding:10px 20px;border-radius:6px;font-weight:700;cursor:pointer;transition:all .2s ease;border:none;display:flex;align-items:center;gap:6px}.btn-primary{background:var(--qtag-green);color:#000}.btn-primary:hover{background:#2dff2d}.btn-secondary{background:transparent;color:#ccc;border:1px solid #333}.btn-secondary:hover{background:#333;color:#fff}@media (max-width: 768px){.form-row .form-group{flex:1 1 100%}.modal-content{width:98%;margin:2% auto;padding:20px}}.avatar-modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000c}.avatar-modal-content{background-color:#1a1e25;margin:5% auto;padding:20px;border:1px solid #333;border-radius:12px;width:90%;max-width:500px;position:relative}.avatar-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #333}.avatar-modal-header h3{color:var(--qtag-green);margin:0}.avatar-modal-close{color:#aaa;float:right;font-size:28px;font-weight:700;background:none;border:none;cursor:pointer}.avatar-modal-close:hover{color:#fff}.avatar-preview{text-align:center;margin:20px 0;padding:20px;background:#2a2e35;border-radius:8px;border:2px solid #333}.avatar-preview img{max-width:200px;max-height:200px;border-radius:50%;border:3px solid var(--qtag-green)}.avatar-controls{display:flex;gap:10px;justify-content:center;margin:20px 0;flex-wrap:wrap}.avatar-control-btn{background:#333;color:#fff;border:1px solid #555;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .2s}.avatar-control-btn:hover{background:#444;border-color:var(--qtag-green)}.avatar-upload-btn{background:var(--qtag-green);color:#000;border:none;padding:12px 24px;border-radius:6px;cursor:pointer;font-weight:700;font-size:1rem;width:100%;margin-top:10px;transition:all .2s}.avatar-upload-btn:hover{background:#2dff2d}.avatar-upload-btn input[type=file]{display:none}.delete-confirm-modal{max-width:500px;animation:modalSlideIn .3s ease-out}.delete-confirm-header{display:flex;align-items:center;gap:16px;padding-bottom:20px;border-bottom:1px solid #333}.delete-icon-wrapper{width:48px;height:48px;border-radius:50%;background:#dc354533;display:flex;align-items:center;justify-content:center;flex-shrink:0}.delete-icon-wrapper i{font-size:24px;color:#dc3545;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.delete-confirm-header h2{margin:0;color:#dc3545;font-size:1.5rem;flex:1}.delete-confirm-body{padding:24px 0}.delete-warning-text{font-size:1.1rem;color:#fff;margin:0 0 24px;line-height:1.6;text-align:center}.asset-details-preview{background:#1a1e25;border:1px solid #333;border-radius:8px;padding:20px;margin-bottom:20px}.asset-detail-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #2a2e35}.asset-detail-item:last-child{border-bottom:none}.detail-label{font-weight:600;color:#888;font-size:.9rem}.detail-value{color:#fff;font-weight:500;text-align:right;word-break:break-word}.delete-warning-box{background:#dc35451a;border:1px solid rgba(220,53,69,.3);border-radius:8px;padding:16px;display:flex;align-items:flex-start;gap:12px;color:#ff6b6b}.delete-warning-box i{font-size:1.2rem;margin-top:2px;flex-shrink:0}.delete-warning-box span{font-size:.9rem;line-height:1.5}.delete-confirm-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:20px;border-top:1px solid #333}.btn-danger{background:#dc3545;color:#fff;border:none;padding:12px 24px;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.btn-danger:hover{background:#c82333;transform:translateY(-2px);box-shadow:0 4px 12px #dc354566}.btn-danger:active{transform:translateY(0)}.delete-confirm-actions .btn-secondary{display:flex;align-items:center;gap:8px}#reactivateAssetModal .delete-confirm-modal{max-width:780px}#reactivateAssetModal .delete-confirm-header h2{color:var(--qtag-green);font-size:1.25rem}#reactivateAssetModal .reactivate-modal-actions{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:12px;padding-top:16px;margin-top:16px}#reactivateAssetModal .reactivate-modal-actions__choices{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-end;gap:8px;flex:1;min-width:0}#reactivateAssetModal .reactivate-modal-actions .btn{padding:7px 10px;font-size:.78rem;font-weight:500;text-transform:none;letter-spacing:normal;line-height:1.25;white-space:nowrap;flex-shrink:0}#reactivateAssetModal .reactivate-modal-actions__cancel{background:transparent;border:1px solid transparent;color:#ffffff8c;box-shadow:none}#reactivateAssetModal .reactivate-modal-actions__cancel:hover{background:#ffffff0f;border-color:#444;color:#fff;transform:none}#reactivateAssetModal .reactivate-btn-ghost{background:transparent;border:1px solid transparent;color:#ffffffb8;box-shadow:none}#reactivateAssetModal .reactivate-btn-ghost:hover{background:#ffffff0f;border-color:#555;color:#fff;transform:none}#reactivateAssetModal .reactivate-btn-ghost--accent{color:#39ff14d9}#reactivateAssetModal .reactivate-btn-ghost--accent:hover{background:#39ff1414;border-color:#39ff1473;color:var(--qtag-green)}#reactivateAssetModal .reactivate-modal-actions .btn-primary{box-shadow:none;padding:7px 14px}#reactivateAssetModal .reactivate-modal-actions .btn-primary:hover{box-shadow:0 2px 8px #39ff1440;transform:translateY(-1px)}@media (max-width: 768px){.delete-confirm-modal{max-width:95%;margin:10px auto}.delete-confirm-header{flex-wrap:wrap}.delete-icon-wrapper{width:40px;height:40px}.delete-icon-wrapper i{font-size:20px}.delete-confirm-header h2{font-size:1.2rem}.delete-confirm-actions{flex-direction:column}.delete-confirm-actions .btn{width:100%;justify-content:center}#reactivateAssetModal .reactivate-modal-actions{flex-wrap:wrap}#reactivateAssetModal .reactivate-modal-actions__choices{flex-wrap:wrap;width:100%;justify-content:flex-end}#reactivateAssetModal .reactivate-modal-actions .btn{white-space:normal}}.action-buttons .btn-test{color:var(--qtag-green, #2e7d32)}
