@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)}
