:root{
  --panel:#0c121a;--panel2:#111923;--line:rgba(255,255,255,.08);
  --text:#eef4ff;--muted:#9db0c8;--orange:#ff971f;--orange2:#ff7a00;--cyan:#00c6ff;
}
body{background:linear-gradient(180deg,#03060a,#07101a 42%,#03070d 100%);color:var(--text);font-family:Inter,Arial,sans-serif;margin:0}
.hero img{width:100%;max-height:200px;object-fit:cover;display:block}
.page-title{font-size:2.4rem;font-weight:900;line-height:1}
.eyebrow{color:var(--orange);text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:800}
.subtle,.item-sub,.path-sub,.current-path{color:var(--muted)}
.panel{background:linear-gradient(180deg,var(--panel),var(--panel2));padding:20px;border-radius:18px;box-shadow:0 0 20px rgba(0,0,0,.5);height:100%;border:1px solid var(--line)}
.tabs,.top-nav{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.tab,.nav-chip{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:14px;background:#0c121a;color:#9cdfff;text-decoration:none;font-weight:800;border:1px solid rgba(156,223,255,.15);box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)}
.tab:hover,.nav-chip:hover{color:#fff;border-color:rgba(255,151,31,.35);box-shadow:0 0 18px rgba(255,151,31,.12)}
.tab.active,.nav-chip.active{background:linear-gradient(45deg,var(--cyan),var(--orange2));color:#fff}
.small-count{display:inline-block;margin-left:8px;background:rgba(255,255,255,.14);padding:2px 7px;border-radius:999px;font-size:.8rem}
.breadcrumbs{display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:#9cdfff}
.breadcrumbs a,.secondary-link{color:#9cdfff;text-decoration:none}
.breadcrumbs a:hover,.secondary-link:hover{color:#fff}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:15px}
.media-grid{grid-template-columns:repeat(auto-fill,minmax(310px,1fr))}
.card2{background:#111923;padding:18px;border-radius:14px;text-align:center;min-height:180px;display:flex;flex-direction:column;justify-content:center;border:1px solid rgba(255,255,255,.08)}
.folder{border-color:rgba(0,198,255,.6)}
.file{border-color:rgba(255,151,31,.7)}
.item-icon{font-size:2rem;margin-bottom:8px}
.item-title{font-size:1rem;font-weight:800;word-break:break-word}
.download-link,.secondary-btn{display:inline-block;margin-top:12px;padding:10px 14px;border-radius:10px;background:#fff;color:#111 !important;text-decoration:none;font-weight:800}
.secondary-btn{background:#0c121a;color:#9cdfff !important;border:1px solid rgba(156,223,255,.15)}
.secondary-btn:hover{color:#fff !important;border-color:rgba(255,151,31,.35)}
.search-input{background:#111923;border:1px solid rgba(255,255,255,.08);color:#fff;padding:12px 14px;border-radius:14px;min-width:250px}
.search-input::placeholder{color:#97a8bd}
.dropzone{border:2px dashed var(--cyan);padding:25px;text-align:center;cursor:pointer;border-radius:14px}
.dropzone.hover{background:#101722}
.drop-icon{font-size:2rem;margin-bottom:8px}
.drop-title{font-size:1.1rem;font-weight:800}
.drop-sub{color:#9ba8b7;margin-top:4px}
.audio-preview{width:100%;margin-top:12px}
.upload-queue{display:grid;gap:10px}
.queue-item{background:#111923;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:10px 12px}
.queue-top{display:flex;justify-content:space-between;gap:10px;align-items:center}
.queue-name{font-size:.92rem;font-weight:700;word-break:break-word}
.queue-status{font-size:.85rem;color:#9ba8b7}
.progress-wrap{height:10px;background:#0a1018;border-radius:999px;overflow:hidden;margin-top:8px}
.progress-fill{height:100%;width:0;background:linear-gradient(90deg,var(--cyan),var(--orange2))}
.count-chip{padding:8px 12px;border-radius:999px;background:#111923;border:1px solid rgba(255,255,255,.08)}
.empty-state{grid-column:1/-1;padding:30px;text-align:center;background:#111923;border-radius:12px;color:#9ba8b7}
.alert-box{background:#1a2433;border:1px solid rgba(255,255,255,.08);padding:12px 14px;border-radius:12px}
.admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.admin-list{display:grid;gap:10px}
.admin-item{background:#111923;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px}
.admin-inline,.admin-actions,.folder-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.mini-btn{background:#1e3147;color:#fff;border:1px solid rgba(255,255,255,.08);padding:8px 10px;border-radius:8px}
.mini-btn.danger{background:#472222}
.pagination-wrap{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:center}
.page-pill{display:inline-flex;align-items:center;justify-content:center;min-width:44px;padding:10px 14px;border-radius:12px;background:#111923;color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.08);font-weight:800}
.page-pill:hover{border-color:rgba(255,151,31,.35);box-shadow:0 0 18px rgba(255,151,31,.12)}
.page-pill.active{background:linear-gradient(45deg,var(--cyan),var(--orange2));border-color:transparent}
.folder-card .item-title{font-size:1.1rem}
.folder-path{font-size:.9rem;word-break:break-word}
.media-file-list{display:grid;gap:12px;margin-top:14px}
.media-file-row{background:#0d1520;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:12px;text-align:left}
.media-file-meta{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
@media (max-width:992px){.admin-grid{grid-template-columns:1fr}.search-input{min-width:100%}.tabs,.top-nav{justify-content:flex-start}.page-title{font-size:2rem}}