:root{--primary-green: #39ff14;--secondary-green: #2d8a1f;--accent-blue: #4a9eff;--warning-orange: #ff6b35;--danger-red: #ff4757;--success-green: #2ed573;--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}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}body{min-height:100vh;min-width:100vw;overflow-x:hidden;overflow-y:auto}.admin-root::-webkit-scrollbar,.main-content::-webkit-scrollbar{width:8px;height:8px}.admin-root::-webkit-scrollbar-track,.main-content::-webkit-scrollbar-track{background:#222;border-radius:4px}.admin-root::-webkit-scrollbar-thumb,.main-content::-webkit-scrollbar-thumb{background:var(--qtag-green);border-radius:4px}.admin-root::-webkit-scrollbar-corner,.main-content::-webkit-scrollbar-corner{background:#222}.admin-root,.main-content{scrollbar-width:thin;scrollbar-color:var(--qtag-green) #222}.admin-root{display:flex;min-height:100vh;width:100vw}.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;cursor:pointer;position:relative;z-index:1}.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}.register-link{color:var(--qtag-green)!important;text-decoration:none!important;margin-right:8px;cursor:pointer;font-weight:500}.status-badge{padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease}.site-status.status-active{background:linear-gradient(45deg,var(--success-green),#7bed9f);color:#000;box-shadow:0 2px 8px #2ed5734d}.site-status.status-inactive{background:linear-gradient(45deg,var(--danger-red),#ff6b6b);color:#fff;box-shadow:0 2px 8px #ff47574d}.location-status.status-active{background:linear-gradient(45deg,var(--success-green),#7bed9f);color:#000;box-shadow:0 2px 8px #2ed5734d}.location-status.status-inactive{background:linear-gradient(45deg,var(--danger-red),#ff6b6b);color:#fff;box-shadow:0 2px 8px #ff47574d}.register-link:hover{background:#39ff141a;transform:translateY(-1px);box-shadow:0 2px 4px #39ff1433}.main-content{flex:1;background:var(--main-bg);padding:20px 24px;overflow-y:auto;min-width:0;min-height:0;display:flex;flex-direction:column;height:100vh}.sites-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap}.sites-header h2{color:var(--qtag-green);font-size:1.5rem;margin:0}.sites-cards-container{margin-top:16px}.sites-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,350px),1fr));gap:20px;align-items:start}.sites-load-more-wrapper{grid-column:1 / -1;text-align:center;padding:24px 16px;margin-top:8px;border-top:1px solid #333}.btn-load-more-sites{display:inline-flex;align-items:center;gap:8px;background:#39ff1426;border:1px solid var(--qtag-green);color:var(--qtag-green);padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-load-more-sites:hover{background:#39ff1440;transform:translateY(-1px)}.btn-load-more-sites i{transition:transform .2s}.sites-showing-count{margin:12px 0 0;color:#888;font-size:.9rem}.site-card{background:linear-gradient(135deg,#111,#1a1a1a);border:1px solid #333;border-radius:12px;padding:20px;transition:all .3s ease;box-shadow:0 2px 8px #0000004d;display:flex;flex-direction:column;min-height:300px;width:100%;box-sizing:border-box}@media (max-width: 480px){.site-card{min-height:272px}}.site-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #39ff1426;border-color:var(--qtag-green)}.site-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #333}.site-card-title{display:flex;align-items:center;gap:12px;flex:1}.site-card-title i{color:var(--qtag-green);font-size:1.5rem}.site-card-title h3{margin:0;color:#fff;font-size:1.2rem;font-weight:600}.site-card-actions{display:flex;gap:8px}.site-card-actions button{background:none;border:none;color:var(--qtag-green);cursor:pointer;font-size:1rem;padding:4px 8px;border-radius:4px;transition:all .2s}.site-card-actions button:hover{background:#39ff141a}.site-card-actions .site-activate-btn,.site-card-actions .site-deactivate-btn{font-size:.8rem;display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;border:1px solid transparent;font-weight:600}.site-card-actions .site-activate-btn{color:var(--qtag-green);border-color:#39ff1459;background:#39ff1414}.site-card-actions .site-activate-btn:hover{background:#39ff142e}.site-card-actions .site-deactivate-btn{color:#ff6b6b;border-color:#ff6b6b59;background:#ff6b6b14}.site-card-actions .site-deactivate-btn:hover{background:#ff6b6b26}.site-card-inactive{opacity:1;border-color:#ff475773;background:linear-gradient(135deg,#161314,#1c1517);box-shadow:0 2px 10px #ff47571f}.site-card-inactive:hover{box-shadow:0 4px 18px #ff475738;border-color:#ff6b6bb3}.site-card-inactive .site-card-header{border-bottom-color:#ff6b6b47}.site-card-inactive .site-card-title i{color:#ff6b6b}.site-card-inactive .site-card-title h3{color:#f0c4c4}.site-card-inactive .site-info-item i{color:#ff8a8a}.site-card-inactive .site-stat i{color:#ff6b6b}.site-card-inactive .site-stats-row{border-top-color:#ff6b6b38}.site-card-inactive .site-card-actions .edit-site-btn{color:#ff9a9a}.site-card-inactive .site-card-actions .edit-site-btn:hover{background:#ff6b6b24;color:#ffb4b4}.site-card-inactive .toggle-locations-btn{background:#ff6b6b1f;border-color:#ff6b6b73;color:#ff9a9a}.site-card-inactive .toggle-locations-btn:hover{background:#ff6b6b38}.site-card-inactive .toggle-locations-btn .location-chevron{color:#ff6b6b}.site-card-inactive .locations-header{border-bottom-color:#ff6b6b38}.site-card-inactive .locations-header h4{color:#ff9a9a}.sites-status-btn-row{display:flex;gap:10px;flex-wrap:wrap}.sites-status-pill{flex:1;min-width:120px;padding:10px 16px;border-radius:8px;border:1px solid #555;background:#2a2e35;color:#aaa;font-weight:600;cursor:pointer;transition:all .2s;font-size:.95rem}.sites-status-pill:hover{border-color:#777;color:#fff}.sites-status-pill.selected.sites-status-pill-active{background:#39ff142e;border-color:var(--qtag-green);color:var(--qtag-green)}.sites-status-pill.selected.sites-status-pill-deactivate{background:#ff6b6b1f;border-color:#ff6b6b;color:#ff6b6b}.site-card-body{flex:1 0 auto;display:flex;flex-direction:column;gap:12px;min-height:0}.site-card>.location-section{flex-shrink:0}.site-card-details{flex:1 1 auto;min-height:3.25rem;max-height:7.5rem;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding-right:4px;scrollbar-width:thin;scrollbar-color:rgba(57,255,20,.45) #2a2a2a}.site-card-details::-webkit-scrollbar{width:6px}.site-card-details::-webkit-scrollbar-thumb{background:#39ff1459;border-radius:4px}.site-info-item{display:flex;align-items:flex-start;gap:8px;color:#ccc;font-size:.9rem;line-height:1.45}.site-info-item i{color:var(--qtag-green);width:16px;flex-shrink:0;margin-top:2px;line-height:1.2}.site-info-item span{min-width:0;word-break:break-word}.site-stats-row{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px;flex-shrink:0;border-top:1px solid #333}.site-stat{display:flex;flex-direction:column;align-items:center;gap:4px}.site-stat i{color:var(--qtag-green);font-size:1.2rem}.site-stat .stat-value{font-size:1.5rem;font-weight:700;color:#fff}.site-stat .stat-label{font-size:.75rem;color:#888;text-transform:uppercase}.toggle-locations-btn{display:flex;align-items:center;gap:6px;background:#39ff141a;border:1px solid var(--qtag-green);color:var(--qtag-green);padding:6px 12px;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .2s}.toggle-locations-btn:hover{background:#39ff1433}.toggle-locations-btn .location-chevron{transition:transform .3s ease}.toggle-locations-btn .location-chevron.expanded{transform:rotate(180deg)}.site-link{color:var(--qtag-green);text-decoration:none;font-weight:500}.site-link:hover{text-decoration:underline}.location-chevron{transition:transform .3s cubic-bezier(.4,0,.2,1);cursor:pointer;color:var(--qtag-green);font-size:1.2rem}.location-chevron.expanded{transform:rotate(90deg)}.search-filters{display:flex;gap:16px;margin-bottom:16px;flex-wrap:wrap}.search-input{flex:1;min-width:200px;padding:12px 16px;border:2px solid #333;border-radius:8px;background:#111;color:#fff;font-size:1rem;transition:border-color .3s ease}.search-input:focus{outline:none;border-color:var(--qtag-green);box-shadow:0 0 0 3px #39ff141a}.site-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin-bottom:12px}.stat-card{background:linear-gradient(135deg,#111,#1a1a1a);border:1px solid #333;border-radius:8px;padding:10px 12px;text-align:center;transition:all .25s ease;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--qtag-green),var(--accent-blue))}.stat-card:hover{transform:translateY(-1px);box-shadow:0 4px 14px #39ff141f;border-color:var(--qtag-green)}.stat-card i{font-size:1.15rem;color:var(--qtag-green);margin-bottom:4px}.stat-number{display:block;font-size:1.2rem;font-weight:700;color:#fff;margin-bottom:2px;line-height:1.15}.stat-label{color:#aaa;font-size:.65rem;text-transform:uppercase;letter-spacing:.04em;line-height:1.25}.site-name{display:flex;align-items:center;gap:12px;font-size:1.1rem;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease;padding:4px 8px;border-radius:6px}.site-name:hover{background:#39ff141a;color:var(--qtag-green);transform:translate(2px)}.site-name i{color:var(--qtag-green);font-size:1.2rem}.site-name span{transition:color .2s ease}.site-name:hover span{color:var(--qtag-green)}.location-section{margin-top:16px;transition:all .3s ease;overflow:hidden;max-height:0;opacity:0}.location-section.expanded{max-height:5000px;opacity:1}.location-section.collapsed{max-height:0;opacity:0}.locations-list{padding:0}.locations-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px 12px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #333}.locations-header h4{margin:0;padding:0;color:var(--qtag-green);font-size:.95rem;font-weight:600;line-height:1.3;display:inline-flex;align-items:center;gap:8px;min-width:0;flex:1 1 auto}.locations-header h4 i{font-size:1em;line-height:1;flex-shrink:0}.locations-header .add-location-btn{background:var(--qtag-green);color:#000;border:none;padding:4px 10px;border-radius:6px;font-size:.78rem;font-weight:600;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:5px;flex-shrink:0;transition:background .2s}.locations-header .add-location-btn i{font-size:.7rem;line-height:1}.locations-header .add-location-btn:hover{background:var(--secondary-green)}.locations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.location-card{background:#0000004d;border:1px solid #333;border-radius:8px;padding:12px;transition:all .2s}.location-card:hover{border-color:var(--qtag-green);background:#39ff140d}.location-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.location-name{display:flex;align-items:center;gap:8px;color:#fff;font-weight:500;font-size:.95rem}.location-name i{color:var(--qtag-green)}.location-actions{display:flex;gap:6px}.location-actions button{background:none;border:none;color:var(--qtag-green);cursor:pointer;font-size:.9rem;padding:4px;border-radius:4px;transition:all .2s}.location-actions button:hover{background:#39ff141a}.location-actions .location-activate-btn,.location-actions .location-deactivate-btn{font-size:.75rem;display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:6px;border:1px solid transparent;font-weight:600}.location-actions .location-activate-btn{color:var(--qtag-green);border-color:#39ff144d;background:#39ff140f}.location-actions .location-activate-btn:hover{background:#39ff1424}.location-actions .location-deactivate-btn{color:#ff6b6b;border-color:#ff6b6b4d;background:#ff6b6b0f}.location-actions .location-deactivate-btn:hover{background:#ff6b6b1f}.location-card-body{display:flex;justify-content:space-between;align-items:center}.location-asset-count-wrapper{display:flex;flex-direction:column;align-items:center;gap:4px}.location-asset-count{background:#666;color:#fff;padding:6px 10px;border-radius:12px;font-size:.9rem;font-weight:600;min-width:40px;text-align:center;transition:all .2s}.location-asset-count.has-assets{background:var(--qtag-green);color:#000}.location-asset-label{font-size:.7rem;color:#888;text-transform:uppercase}.toggle-location-assets-btn{display:flex;align-items:center;gap:6px;background:none;border:1px solid #555;color:#ccc;padding:4px 10px;border-radius:6px;cursor:pointer;font-size:.8rem;transition:all .2s}.toggle-location-assets-btn:hover{border-color:var(--qtag-green);color:var(--qtag-green)}.toggle-location-assets-btn .location-assets-chevron{transition:transform .3s ease;font-size:.7rem}.locations-empty{text-align:center;padding:40px 20px;color:#888}.locations-empty i{font-size:2rem;color:var(--qtag-green);margin-bottom:12px;display:block}.locations-empty p{margin:12px 0 20px}.locations-empty .add-location-btn{background:var(--qtag-green);color:#000;border:none;padding:5px 12px;border-radius:6px;font-size:.78rem;font-weight:600;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:5px}.locations-empty .add-location-btn i{font-size:.7rem;line-height:1}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:60px 20px;color:#ccc}.empty-state>i{font-size:4rem;color:var(--qtag-green);margin-bottom:20px;line-height:1}.empty-state h3{color:#fff;margin:0 0 12px;font-size:1.5rem;text-align:center;width:100%;max-width:28rem}.empty-state p{margin:0 auto 24px;max-width:28rem;width:100%;font-size:1.1rem;line-height:1.5;text-align:center}.empty-state .btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.empty-state .btn-primary i{font-size:1rem;line-height:1;margin:0}.btn-primary{background:var(--qtag-green);color:#000;border:none;border-radius:8px;padding:12px 24px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.sites-header .btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.sites-header .btn-primary i{font-size:1rem;line-height:1}.btn-primary:hover{background:var(--secondary-green);transform:translateY(-1px);box-shadow:0 4px 12px #39ff144d}.location-assets-container{margin-top:12px;padding-top:12px;border-top:1px solid #333;transition:all .3s ease;overflow:hidden;max-height:0}.location-assets-container.expanded{max-height:320px;padding-top:12px}.location-assets-container.collapsed{max-height:0;padding-top:0}.assets-compact-list{display:flex;flex-direction:column;gap:8px;max-height:220px;overflow-y:auto;overflow-x:hidden;padding-right:4px;margin-bottom:8px}.assets-compact-list::-webkit-scrollbar{width:8px}.assets-compact-list::-webkit-scrollbar-track{background:#222;border-radius:4px}.assets-compact-list::-webkit-scrollbar-thumb{background:var(--qtag-green);border-radius:4px}.assets-compact-list{scrollbar-width:thin;scrollbar-color:var(--qtag-green) #222}.location-assets-show-more{margin-top:8px;text-align:center}.btn-show-more-assets{background:none;border:1px solid #555;color:var(--qtag-green);padding:6px 12px;border-radius:6px;font-size:.8rem;cursor:pointer;transition:all .2s}.btn-show-more-assets:hover{border-color:var(--qtag-green);background:#39ff141a}.asset-item{background:#0000004d;border:1px solid #333;border-radius:6px;padding:10px;transition:all .2s}.asset-item:hover{border-color:var(--qtag-green);background:#39ff140d}.asset-item-main{display:flex;align-items:center;gap:12px;margin-bottom:6px}.asset-qtag{color:var(--qtag-green);font-weight:600;font-family:monospace;font-size:.9rem}.asset-name{color:#fff;font-weight:500;font-size:.9rem}.asset-item-meta{display:flex;align-items:center;gap:12px;font-size:.8rem}.asset-category{background:#39ff141a;color:var(--qtag-green);padding:2px 6px;border-radius:4px;font-size:.75rem;font-weight:500}.test-result{padding:2px 6px;border-radius:4px;font-size:.75rem;font-weight:600}.test-result.pass{background:#2ed57333;color:#2ed573}.test-result.fail{background:#ff475733;color:#ff4757}.no-assets{text-align:center;color:#888;padding:20px;font-style:italic}.no-assets i{font-size:1.5rem;color:#666;margin-bottom:8px;display:block}.location-row{transition:background-color .2s ease}.location-row:hover{background:#39ff140d!important}.location-expand-chevron{transition:transform .3s ease}.location-expand-chevron.expanded{transform:rotate(90deg)}.location-assets-row,.location-assets-container{transition:all .3s ease}@media (max-width: 768px){.search-filters{flex-direction:column}.site-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sites-grid,.locations-grid{grid-template-columns:1fr}.site-card{padding:16px}}.sites-confirm-modal{display:none;position:fixed;inset:0;z-index:10050;align-items:center;justify-content:center;padding:24px;background:#000000d1;box-sizing:border-box}.sites-confirm-dialog{width:100%;max-width:440px;background:#1a1e25;border:1px solid rgba(57,255,20,.2);border-radius:16px;padding:28px 28px 24px;box-shadow:0 8px 40px #0000008c}.sites-confirm-title{margin:0 0 14px;font-size:1.25rem;font-weight:700;color:var(--qtag-green);letter-spacing:.02em}.sites-confirm-message{margin:0 0 26px;color:#c8cdd5;font-size:1rem;line-height:1.55}.sites-confirm-message strong{color:#fff;font-weight:600}.sites-confirm-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}.sites-confirm-btn{padding:12px 22px;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;border:1px solid transparent;transition:background .2s,border-color .2s,color .2s}.sites-confirm-btn--secondary{background:#2a2e35;color:#e8eaed;border-color:#444}.sites-confirm-btn--secondary:hover{background:#353a44;border-color:#555}.sites-confirm-btn--danger{background:#ff475726;color:#ff8a94;border-color:#ff475773}.sites-confirm-btn--danger:hover{background:#ff475747;color:#fff;border-color:var(--danger-red)}.sites-toast{position:fixed;top:20px;right:20px;z-index:10000;max-width:min(420px,calc(100vw - 32px));padding:14px 18px;border-radius:8px;background:#1e2329;color:#e8eaed;border:1px solid rgba(57,255,20,.35);box-shadow:0 8px 28px #00000080;font-size:.95rem;line-height:1.45;animation:sitesToastIn .3s ease-out}.sites-toast--success{border-color:#39ff148c}.sites-toast--error{border-color:#ff47578c}.sites-toast--info{border-color:#4a9eff73}.sites-toast__title{font-weight:700;font-size:1rem;margin-bottom:6px;color:var(--qtag-green)}.sites-toast--error .sites-toast__title{color:var(--danger-red)}.sites-toast--info .sites-toast__title{color:var(--accent-blue)}.sites-toast__message{font-weight:500;color:#cfd4dc}@keyframes sitesToastIn{0%{transform:translate(110%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes sitesToastOut{0%{transform:translate(0);opacity:1}to{transform:translate(110%);opacity:0}}.avatar-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;z-index:1000;justify-content:center;align-items:center}.avatar-modal.active{display:flex}.avatar-modal-content{background:#111;padding:24px;border-radius:12px;width:90%;max-width:400px;box-shadow:0 4px 20px #39ff141a}.avatar-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.avatar-modal-header h3{color:var(--qtag-green);margin:0;font-size:1.2rem}.avatar-modal-close{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:4px}.avatar-preview{width:150px;height:150px;border-radius:50%;margin:0 auto 20px;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;border:3px solid var(--qtag-green);position:relative}.avatar-preview img{width:100%;height:100%;object-fit:cover;cursor:move;transition:transform .1s}.avatar-controls{display:flex;gap:12px;margin-top:16px;justify-content:center}.avatar-control-btn{background:#222;color:#fff;border:1px solid var(--qtag-green);border-radius:6px;padding:8px 16px;cursor:pointer;transition:all .2s}.avatar-control-btn:hover{background:var(--qtag-green);color:#000}.avatar-control-btn i{margin-right:6px}.avatar-upload-btn{background:var(--qtag-green);color:#000;border:none;border-radius:6px;padding:12px 24px;font-weight:700;cursor:pointer;width:100%;margin-top:16px;transition:background .2s}.avatar-upload-btn:hover{background:#000;color:#fff;border:1px solid var(--qtag-green)}.avatar-upload-btn input[type=file]{display:none}@media (max-width: 900px){.admin-root{flex-direction:column}.sidebar{position:fixed;left:0;top:0;height:100vh;z-index:100;box-shadow:2px 0 12px #0000002e}.main-content{padding:16px 12px}.sites-header{flex-direction:column;align-items:flex-start;gap:16px}.sites-table{font-size:.9rem}.sites-table th,.sites-table td{padding:10px 12px}}