*{box-sizing:border-box}body{margin:0;background:#0b0b0e;color:#eee;font:14px Arial,sans-serif}.sidebar{position:fixed;left:0;top:0;bottom:0;width:230px;background:#111116;border-right:1px solid #29292f;padding:22px 14px;overflow:auto}.brand{font-size:22px;font-weight:800;margin:4px 8px 28px}.dot{display:inline-block;width:12px;height:12px;background:#e21b2d;border-radius:50%;margin-right:7px}.nav,#categoryList button{display:block;width:100%;text-align:left;background:none;border:0;color:#aaa;padding:11px 12px;border-radius:7px;cursor:pointer}.nav:hover,.nav.active,#categoryList button:hover{background:#211216;color:#fff}.side-title{color:#666;text-transform:uppercase;font-size:11px;margin:25px 12px 8px}main{margin-left:230px;min-height:100vh}.topbar{height:68px;border-bottom:1px solid #29292f;display:flex;align-items:center;gap:14px;padding:0 24px;background:#0e0e12;position:sticky;top:0;z-index:5}.search{flex:1}.search input{width:100%;background:#19191f;border:1px solid #303038;border-radius:7px;padding:12px;color:#fff}.account{display:flex;align-items:center;gap:10px}.account span{color:#888}.btn{border:1px solid #34343d;background:#1b1b21;color:#fff;padding:10px 15px;border-radius:7px;cursor:pointer}.primary{background:#d7192b;border-color:#d7192b}.hero{display:flex;justify-content:space-between;align-items:center;padding:28px}.hero h1{margin:0 0 8px;font-size:28px}.hero p{margin:0;color:#888}.toolbar{display:flex;justify-content:space-between;padding:0 28px 18px;color:#aaa}.toolbar select{background:#17171c;color:#fff;border:1px solid #303038;padding:8px;border-radius:6px}.grid{padding:0 28px 40px;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}.card{background:#15151a;border:1px solid #292930;border-radius:8px;overflow:hidden}.thumb{aspect-ratio:16/9;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.thumb img,.thumb video{width:100%;height:100%;object-fit:cover}.badge{position:absolute;bottom:7px;right:7px;background:#000b;padding:4px 6px;border-radius:4px;font-size:11px}.card-body{padding:11px}.title{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meta{color:#777;font-size:12px;margin-top:6px}.actions{display:flex;gap:7px;margin-top:9px}.smallbtn{background:#22232a;color:#ddd;border:0;padding:6px 8px;border-radius:5px;cursor:pointer}.status{padding:0 28px 12px;color:#e6a0a8}.modal{position:fixed;inset:0;background:#000b;display:flex;align-items:center;justify-content:center;z-index:20;padding:20px}.hidden{display:none}.modal-card{position:relative;width:min(560px,100%);background:#15151a;border:1px solid #33333b;border-radius:10px;padding:24px}.small{width:min(410px,100%)}.player-card{width:min(1000px,100%)}.player-card video{width:100%;max-height:70vh;background:#000}.close{position:absolute;right:12px;top:9px;background:none;border:0;color:#aaa;font-size:25px;cursor:pointer}.modal-card input,.modal-card textarea{width:100%;margin:8px 0;background:#0f0f13;color:#fff;border:1px solid #33333b;border-radius:6px;padding:11px}.modal-card textarea{min-height:90px}.linkbtn{display:block;background:none;border:0;color:#ef5261;margin:12px auto;cursor:pointer}.muted{color:#777}.check{display:block;margin:12px 0;color:#aaa}.icon{display:none}@media(max-width:800px){.sidebar{transform:translateX(-100%);transition:.2s;z-index:10}.sidebar.open{transform:none}main{margin-left:0}.icon{display:block;background:none;border:0;color:#fff;font-size:22px}.account span{display:none}.hero{align-items:flex-start;gap:15px;flex-direction:column}.grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));padding:0 15px 30px}.hero,.toolbar,.status{padding-left:15px;padding-right:15px}}
.modal-card select{width:100%;margin:8px 0;background:#0f0f13;color:#fff;border:1px solid #33333b;border-radius:6px;padding:11px}.modal-card .linkbtn{margin:4px 0 8px;text-align:left;padding:0}.modal-card input[type="file"]{padding:8px}

.card{cursor:pointer}
.thumb.media-missing{background:#222}
.thumb .missing-label{display:none;position:absolute;inset:0;align-items:center;justify-content:center;color:#888;font-size:12px}
.thumb.media-missing .missing-label{display:flex}
.viewer-image{max-width:100%;max-height:70vh;object-fit:contain;border-radius:8px;display:block;margin:auto}