#view-admin {width:100vw; height:100vh; display:flex; background:var(--main-bg); z-index:6000;}
.admin-sidebar {display:flex !important; flex-direction:column !important; height:100vh !important; overflow:hidden !important; width:400px; background:var(--sidebar-bg); border-right:1px solid #333; padding:15px; gap:15px;}
.sidebar-header {flex-shrink:0 !important; color:var(--gold); border-bottom:1px solid #333; padding-bottom:15px;}
.sidebar-scroll-area {flex-grow:1 !important; overflow-y:auto !important; overflow-x:hidden !important; padding-right:0 !important; display:flex; flex-direction:column; gap:6px; scrollbar-width:thin; scrollbar-color:transparent transparent; transition:scrollbar-color 0.3s;}
.sidebar-scroll-area::-webkit-scrollbar {width:2px;}
.sidebar-scroll-area::-webkit-scrollbar-track {background:transparent;}
.sidebar-scroll-area::-webkit-scrollbar-thumb {background:transparent; border-radius:4px; transition:background 0.3s;}
.sidebar-scroll-area:hover, .sidebar-scroll-area.is-scrolling {scrollbar-color:transparent;}
.sidebar-scroll-area:hover::-webkit-scrollbar-thumb, .sidebar-scroll-area.is-scrolling::-webkit-scrollbar-thumb {background:#444;}
.mini-monitor {margin-bottom:10px;}
.mini-monitor label {display:block; color:#666; font-size:0.8rem; margin-bottom:5px;}
.monitor-frame-wrapper {width:100%; aspect-ratio:16/9; background:#000; border:1px solid #444; position:relative;}
.monitor-frame-wrapper iframe {width:100%; height:100%; opacity:1;}
.monitor-overlay {display:none !important;}
.live-tag {font-size:0.7rem; color:#888; margin-top:8px; display:flex; align-items:center; gap:8px; letter-spacing:1px;}
.sidebar-controls {background:#0f0f0f; border:1px solid #222; padding:10px; margin-bottom:20px;}
.box-header {font-size:0.9rem; color:var(--gold); margin-bottom:20px; letter-spacing:1px; border-bottom:1px solid #222; padding-bottom:10px;}
.input-group {display:flex; flex-direction:column; gap:12px; margin-bottom:15px;}
.tech-input {background:#050505; border:1px solid #333; color:#fff; padding:15px; font-family:'Share Tech Mono', monospace; width:100%; font-size:1rem; transition:0.2s;}
.tech-input:focus {border-color:var(--gold); box-shadow:0 0 10px rgba(212,175,55,0.2);}
.sidebar-controls .tech-input {padding:8px; font-size:0.85rem; background:#000;}
.sidebar-controls .btn {padding:10px; font-size:0.8rem;}
.sidebar-footer {flex-shrink:0 !important; margin-top:0 !important; padding-top:20px !important; background:var(--sidebar-bg); border-top:1px solid #333; z-index:10;}
.logout-btn {width:100%; background:#1a0a0a; border:1px solid #333; color:#888; padding:12px; cursor:pointer; font-family:'Share Tech Mono', monospace; transition:0.3s;}
.logout-btn:hover {background:#300; color:#f55; border-color:#f00;}
.admin-main {flex:1; padding:30px; display:flex; flex-direction:column; gap:25px; overflow-y:auto;}
.main-header {display:flex; justify-content:space-between; border-bottom:2px solid var(--gold); padding-bottom:15px;}
.time-display {font-size:1.5rem; color:var(--gold); text-shadow:0 0 10px rgba(212,175,55,0.3);}
#admin-catalog-container {display:flex !important; gap:20px !important; align-items:stretch !important; width:100% !important; padding-bottom:50px; box-sizing:border-box !important;}
#admin-category-list {flex:0 0 30%; max-width:30%; display:flex; flex-direction:column; border:1px solid #333; background:#0a0a0a; max-height:75vh; overflow-y:auto;}
.admin-cat-row {display:flex; justify-content:space-between; align-items:center; padding:10px 15px; font-size:0.85rem; color:#ccc; border-bottom:1px solid #222; cursor:pointer; transition:background 0.2s; user-select:none;}
.admin-cat-row:last-child {border-bottom:none;}
.admin-cat-row:hover {background:#151515; color:var(--gold);}
.admin-cat-row.active {background:#1a1a1a; color:var(--gold); border-left:3px solid var(--gold);}
.admin-cat-count {font-size:0.75rem; color:#666; font-family:'Share Tech Mono', monospace;}
#admin-movie-panel {flex:1; min-width:0; border:1px solid #333; background:#0a0a0a; padding:15px; box-sizing:border-box; max-height:75vh; overflow-y:auto;}
#admin-sheet-wrapper {flex:1; min-width:0; display:flex; flex-direction:column;}
#admin-cat-backdrop, #admin-sheet-backdrop, #admin-sheet-handle, #btn-category-menu {display:none;}
#admin-movie-panel .admin-grid {display:grid !important; grid-template-columns:repeat(auto-fill, minmax(100px, 1fr)) !important; gap:10px !important; width:100% !important;}
#admin-movie-panel .admin-card {width:auto !important;}
.admin-card {flex:0 0 auto !important; width:100px !important; height:auto !important; aspect-ratio:2/3 !important; scroll-snap-align:start; margin:0 !important; position:relative; border:1px solid #333; background:#000; cursor:pointer; overflow:hidden; animation:cardEntrance 0.5s cubic-bezier(0.2, 0.8, 0.2, 1) both;}
.admin-card img {width:100%; height:100%; object-fit:cover; opacity:0.6; transition:0.3s;}
.admin-card:hover img {opacity:0.3;}
.admin-card-overlay {position:absolute; inset:0; display:flex; flex-direction:column; justify-content:flex-start; align-items:flex-end; padding:5px; opacity:0; transition:0.2s;}
.admin-card:hover .admin-card-overlay {opacity:1;}
.btn-admin-del {background:rgba(255, 0, 0, 0.2); border:1px solid var(--red); color:var(--red); border-radius:50%; display:flex; align-items:center; justify-content:center; transition:0.2s; width:32px !important; height:32px !important; font-size:0.9rem !important; border-width:1px !important;}
.btn-admin-del:hover {background:var(--red); color:#fff; transform:scale(1.1); box-shadow:0 0 15px var(--red);}
.admin-card-title {font-size:0.55rem !important; padding:2px 4px !important; background:rgba(0,0,0,0.9) !important; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.admin-group-section.collapsed .admin-grid {display:none !important;}
.admin-group-section.collapsed .admin-group-header {border-bottom:none;}
.admin-group-section.collapsed .fa-chevron-down {transform:rotate(-90deg);}
.fa-chevron-down {transition:transform 0.3s ease;}
.admin-group-section .admin-grid::-webkit-scrollbar {height:8px !important; display:block !important;}
.admin-group-section .admin-grid::-webkit-scrollbar-track {background:#0a0a0a !important;}
.admin-group-section .admin-grid::-webkit-scrollbar-thumb {background:#333 !important; border-radius:4px !important;}
.admin-group-section .admin-grid::-webkit-scrollbar-thumb:hover {background:var(--gold) !important;}
.meta-card {display:flex; gap:15px; background:#0a0a0a; border:1px solid #333; padding:15px; margin-top:15px; align-items:center;}
.meta-card img {width:60px; height:90px; object-fit:cover; border:1px solid #444;}
.meta-info h4 {color:var(--gold); font-size:1rem; margin-bottom:5px;}
.meta-info span {color:#666; font-size:0.9rem;}
.login-terminal {background:rgba(5, 5, 5, 0.9) !important; backdrop-filter:blur(15px); border:1px solid rgba(212, 175, 55, 0.3) !important; box-shadow:0 0 50px rgba(0, 0, 0, 0.8), inset 0 0 20px rgba(212, 175, 55, 0.05); padding:25px 30px !important; text-align:center; overflow:hidden; position:relative; width:90% !important; max-width:380px !important; border-radius:2px;}
.biometric-icon {position:relative; font-size:2.2rem; color:#333; margin:0 auto 20px auto; width:50px; height:50px; display:flex; justify-content:center; align-items:center; margin-bottom:16px !important;}
.biometric-icon i {z-index:1; color:rgba(212,175,55, 0.2);}
.scan-line {position:absolute; top:0; left:0; width:100%; height:2px; background:var(--gold); box-shadow:0 0 10px var(--gold); animation:bioScan 2s linear infinite; z-index:2;}
@keyframes bioScan { 0% {top:0%; opacity:0;} 10% {opacity:1;} 90% {opacity:1;} 100% {top:100%; opacity:0;} }
.login-terminal h3 {font-family:'Share Tech Mono', monospace !important; color:var(--gold) !important; letter-spacing:2px; font-size:1rem; margin-bottom:15px; text-shadow:0 0 10px rgba(212,175,55,0.3);}
.input-line {display:flex; align-items:center; border-bottom:1px solid #333; margin-bottom:8px; padding:2px; transition:0.3s;}
.input-line:focus-within {border-bottom-color:var(--gold);}
.input-line i {color:#555; margin-right:15px; font-size:0.9rem;}
.login-terminal input {background:transparent !important; border:none !important; color:#fff !important; width:100%; font-family:'Share Tech Mono', monospace; font-size:.8rem; letter-spacing:1px;}
.login-terminal input::placeholder {color:#444;}
.access-btn {width:100% !important; padding:15px !important; margin-top:15px !important; clip-path:polygon( 10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px ) !important; background:linear-gradient(135deg, var(--gold) 0%, #b8860b 100%) !important; color:#000 !important; border:none !important; font-family:'Share Tech Mono', monospace !important; font-weight:bold !important; font-size:1.1rem !important; letter-spacing:2px !important; cursor:pointer !important; transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; box-shadow:0 0 15px rgba(212, 175, 55, 0.2) !important;}
.access-btn:hover {transform:translateY(-2px) !important; box-shadow:0 5px 30px rgba(212, 175, 55, 0.6) !important; background:#ffd700 !important;}
.access-btn:active {transform:scale(0.98) !important;}
.abort-btn {display:block !important; width:100% !important; padding:12px !important; margin-top:15px !important; background:transparent !important; border:1px solid #552222 !important; color:#884444 !important; clip-path:polygon( 0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 10px 100%, 0 calc(100% - 10px) ) !important; font-family:'Share Tech Mono', monospace !important; font-size:0.8rem !important; letter-spacing:2px !important; text-decoration:none !important; cursor:pointer !important; transition:all 0.3s !important;}
.abort-btn:hover {border-color:#ff3333 !important; color:#ff3333 !important; background:rgba(255, 51, 51, 0.1) !important; box-shadow:0 0 15px rgba(255, 51, 51, 0.3) !important;}
#collection-modal .modal-box { width: 800px; max-width: 95vw; }
.manager-list {text-align:left; max-height:400px; overflow-y:auto; overflow-x:hidden; margin:20px 0; border:1px solid #333; padding:15px; display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:12px;}
@media (max-width: 768px) { #collection-modal .modal-box {width:90%;} .manager-list {grid-template-columns: minmax(0, 1fr);} }
.manager-item {display:flex; justify-content:space-between; align-items:center; padding:12px 15px; border:1px solid #222; background:#0a0a0a; white-space:nowrap; gap:10px; overflow:hidden;}
.manager-item > :first-child {overflow:hidden; text-overflow:ellipsis;}
.manager-item > :last-child {flex-shrink:0; white-space:nowrap; display:flex;}
.manager-item:hover {background:#1a1a1a;}
.btn-edit-col {color:var(--gold); cursor:pointer; margin-right:10px; opacity:0; pointer-events:none; transition:opacity 0.2s;}
.btn-del-col {color:#f55; cursor:pointer; opacity:0; pointer-events:none; transition:opacity 0.2s;}
.manager-item:hover .btn-edit-col, .manager-item:hover .btn-del-col {opacity:1; pointer-events:auto;}
@media (hover: none) {
  .btn-edit-col, .btn-del-col {opacity:1; pointer-events:auto;}
}
.genre-chip {background:#111; border:1px solid #333; color:#aaa; padding:6px 8px; font-size:0.65rem; border-radius:3px; display:flex; justify-content:space-between; align-items:center; cursor:pointer; transition:0.2s; white-space:nowrap; overflow:hidden;}
.genre-chip > span {overflow:hidden; text-overflow:ellipsis;}
.genre-chip:hover {border-color:var(--gold); color:var(--gold);}
.genre-chip.active {background:var(--gold); color:#000; border-color:var(--gold); font-weight:bold;}
.genre-chip .del-genre {color:#f55; margin-left:8px; opacity:0; pointer-events:none; transition:0.2s;}
.genre-chip:hover .del-genre {opacity:1; pointer-events:auto;}
#sidebar-genre-grid::-webkit-scrollbar, #genre-manager-list::-webkit-scrollbar {width:4px;}
#sidebar-genre-grid::-webkit-scrollbar-thumb, #genre-manager-list::-webkit-scrollbar-thumb {background:#333; border-radius:4px;}
.req-item {display:flex !important; justify-content:space-between !important; align-items:center !important; gap:15px !important; padding:15px !important; border-bottom:1px dashed #333 !important; background:#050505;}
.req-info {flex:1 !important; min-width:0 !important; display:flex; flex-direction:column;}
.req-title {color:var(--green); font-weight:bold; font-size:0.95rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.req-date {font-size:0.7rem; color:#555; margin-top:4px;}
.btn-fulfill {flex-shrink:0 !important; background:transparent !important; border:1px solid #333 !important; color:#666 !important; cursor:pointer !important; padding:8px 15px !important; font-family:'Share Tech Mono', monospace !important; font-size:0.75rem !important; font-weight:bold !important; transition:all 0.2s !important; clip-path:polygon(10px 0, 100% 0, 100% 100%, 0 100%, 0 10px);}
.btn-fulfill:hover {border-color:var(--green) !important; background:rgba(0, 255, 65, 0.1) !important; color:var(--green) !important; box-shadow:0 0 10px rgba(0, 255, 65, 0.2) !important;}
@media screen and (max-width: 1024px) {
  #view-admin {flex-direction:column; height:100vh; overflow:hidden;}
  .admin-sidebar {width:100%; height:100dvh !important; overflow:hidden !important; border-right:none; border-bottom:none; padding:15px;}
  .sidebar-header {display:flex !important; justify-content:space-between !important; align-items:center !important; width:100%; padding-right:10px;}
  .sidebar-scroll-area {overflow-y:auto !important; padding-bottom:0 !important;}
  .monitor-frame-wrapper {width:100%; margin:0 auto;}
  .mobile-power-btn {background:transparent; border:transparent; color:#f55; width:40px; height:40px; font-size:1.2rem; cursor:pointer; display:flex; align-items:center; justify-content:center;}
  .sidebar-footer {display:none !important;}
  .admin-main {padding:0; height:0; flex:none;}
  body {overflow:hidden !important; height:100vh !important;}
  .mobile-header-actions {display:flex; align-items:center; gap:10px;}
  #btn-category-menu {display:flex; background:none; border:none; color:var(--gold); font-size:1.2rem; cursor:pointer; width:40px; height:40px; align-items:center; justify-content:center;}
  #admin-cat-backdrop {display:block; position:fixed; inset:0; background:rgba(0,0,0,0.6); z-index:2000; opacity:0; pointer-events:none; transition:opacity 0.3s ease;}
  #admin-cat-backdrop.open {opacity:1; pointer-events:auto;}
  #admin-category-list {position:fixed; top:0; left:0; bottom:0; width:82%; max-width:320px; max-height:none; padding-top:10px; z-index:2001; transform:translateX(-105%); transition:transform 0.35s cubic-bezier(.22,1,.36,1); box-shadow:10px 0 30px rgba(0,0,0,0.6);}
  #admin-category-list.open {transform:translateX(0);}
  #admin-sheet-backdrop {display:block; position:fixed; inset:0; background:rgba(0,0,0,0.6); z-index:2500; opacity:0; pointer-events:none; transition:opacity 0.3s ease;}
  #admin-sheet-backdrop.open {opacity:1; pointer-events:auto;}
  #admin-sheet-wrapper {display:flex !important; position:fixed; left:0; right:0; bottom:0; max-height:80vh; background:#0a0a0a; border-top:1px solid var(--gold); border-radius:16px 16px 0 0; z-index:2600; transform:translateY(105%); transition:transform 0.35s cubic-bezier(.22,1,.36,1); box-shadow:0 -10px 30px rgba(0,0,0,0.6);}
  #admin-sheet-wrapper.open {transform:translateY(0);}
  #admin-sheet-wrapper.dragging {transition:none;}
  #admin-sheet-handle {display:flex !important; flex-direction:column; align-items:center; flex-shrink:0; padding:10px 0 6px; cursor:grab; touch-action:none;}
  #admin-sheet-grip {width:44px; height:5px; border-radius:3px; background:#444; margin-bottom:4px;}
  #btn-close-sheet {background:none; border:none; color:#666; font-size:0.9rem; padding:2px 0 4px; cursor:pointer;}
  #admin-movie-panel {max-height:none; overflow-y:auto; border:none; padding:10px 15px 30px;}
  .main-header {display: none !important;}
  #admin-catalog-container {padding: 0 !important;}}
@media screen and (min-width: 1025px) {
  .mobile-power-btn {display:none;}
}
/* BULK TAG */
.bulk-toggle { background:transparent; border:1px solid #333; color:#666; font-family:'Share Tech Mono', monospace; font-size:0.6rem; letter-spacing:1px; padding:3px 8px; cursor:pointer; transition:0.2s; }
.bulk-toggle:hover { color:var(--gold); border-color:var(--gold); }
body.bulk-mode .bulk-toggle { background:var(--gold); color:#000; border-color:var(--gold); }
body.bulk-mode .admin-card-overlay { display:none; }
.admin-card.bulk-selected { border-color:var(--gold); box-shadow:0 0 0 1px var(--gold); }
.admin-card.bulk-selected img, .admin-card.bulk-selected:hover img { opacity:1; }
.admin-card.bulk-selected::after { content:"\2713"; position:absolute; top:5px; left:5px; width:18px; height:18px; border-radius:50%; background:var(--gold); color:#000; font-size:0.7rem; font-weight:bold; display:flex; align-items:center; justify-content:center; }
#bulk-bar { display:none; position:fixed; left:50%; bottom:24px; transform:translateX(-50%); z-index:3000; align-items:center; justify-content:center; flex-wrap:wrap; gap:12px; padding:10px 14px; max-width:92vw; background:rgba(10,10,10,0.98); backdrop-filter:blur(10px); border:1px solid var(--gold); border-radius:8px; box-shadow:0 10px 40px rgba(0,0,0,0.9); font-family:'Share Tech Mono', monospace; font-size:0.75rem; color:#ccc; }
body.bulk-mode #bulk-bar { display:flex; }
#bulk-count { color:var(--gold); white-space:nowrap; }
.admin-card.bulk-tagged { cursor:not-allowed; border-color:#222; }
.admin-card.bulk-tagged img, .admin-card.bulk-tagged:hover img { opacity:0.25; }
.admin-card.bulk-tagged::after { content:"TAGGED"; position:absolute; top:5px; left:5px; padding:1px 5px; background:#222; color:#888; font-size:0.5rem; letter-spacing:1px; border-radius:2px; }
#bulk-genres { color:#888; max-width:260px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#bulk-bar button { background:transparent; border:1px solid #333; color:#aaa; font-family:inherit; font-size:0.7rem; padding:6px 12px; cursor:pointer; transition:0.2s; }
#bulk-bar button:hover { color:var(--gold); border-color:var(--gold); }
#bulk-bar #bulk-apply { background:var(--gold); color:#000; border-color:var(--gold); font-weight:bold; }
#bulk-bar #bulk-apply:disabled { opacity:0.3; cursor:not-allowed; }

/* ADMIN TYPE SUBTABS */
.admin-type-tabs { display:flex; position:sticky; top:0; z-index:2; background:#0a0a0a; border-bottom:1px solid #222; flex-shrink:0; }
.admin-type-tab { flex:1; background:transparent; border:none; border-bottom:2px solid transparent; color:#666; font-family:'Share Tech Mono', monospace; font-size:0.75rem; letter-spacing:1px; padding:12px 8px; cursor:pointer; transition:0.2s; }
.admin-type-tab span { margin-left:4px; font-size:0.65rem; color:#555; }
.admin-type-tab:hover { color:var(--gold); }
.admin-type-tab.active { color:var(--gold); border-bottom-color:var(--gold); background:#111; font-weight:bold; }
.admin-type-tab.active span { color:var(--gold); }

/* ADMIN ARCHIVE: UNIFORM HEIGHT + PREMIUM POLISH (desktop) */
@media screen and (min-width: 1025px) {
  #admin-catalog-container { flex:1 1 auto; min-height:380px; padding-bottom:0; gap:16px !important; }
  #admin-sheet-wrapper { min-height:0; }
  #admin-category-list, #admin-movie-panel { max-height:none; background:linear-gradient(180deg, #0e0e0e, #080808); border:1px solid rgba(255,255,255,0.08); border-radius:12px; box-shadow:0 12px 40px rgba(0,0,0,0.45), inset 0 1px 0 rgba(255,255,255,0.03); scrollbar-width:thin; scrollbar-color:#2c2c2c transparent; }
  #admin-category-list { overflow-x:hidden; }
  #admin-movie-panel { flex:1; min-height:0; padding:18px; }
  #admin-category-list::-webkit-scrollbar, #admin-movie-panel::-webkit-scrollbar { width:6px; }
  #admin-category-list::-webkit-scrollbar-track, #admin-movie-panel::-webkit-scrollbar-track { background:transparent; }
  #admin-category-list::-webkit-scrollbar-thumb, #admin-movie-panel::-webkit-scrollbar-thumb { background:#2c2c2c; border-radius:6px; }
  #admin-category-list::-webkit-scrollbar-thumb:hover, #admin-movie-panel::-webkit-scrollbar-thumb:hover { background:var(--gold); }
  .admin-cat-row { padding:11px 16px; border-bottom:1px solid rgba(255,255,255,0.04); }
  .admin-cat-row.active { background:linear-gradient(90deg, rgba(212,175,55,0.14), rgba(212,175,55,0.02)); }
  .admin-card { border:1px solid rgba(255,255,255,0.08); border-radius:6px; transition:border-color 0.25s, box-shadow 0.25s; }
  .admin-card:hover { border-color:var(--gold); box-shadow:0 0 0 1px var(--gold), 0 8px 24px rgba(0,0,0,0.6); }
}