:root{--bg:#0b1220;--panel:#111b30;--panel2:#16243e;--text:#eaf2ff;--muted:#8ea4c6;--accent:#d7aa55;--red:#e11d48}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:#eef3f9;color:#172033}.login-bg{min-height:100vh;background:radial-gradient(circle at top,#203b63,#08111f);display:grid;place-items:center}.login-card{width:380px;background:white;padding:34px;border-radius:26px;box-shadow:0 24px 80px #0008}.brand{font-weight:900;letter-spacing:.12em;color:var(--accent);margin-bottom:14px}.login-card h1{margin:0 0 20px}.login-card input,.grid-form input{width:100%;padding:13px 14px;border:1px solid #d8e0ec;border-radius:14px;background:#fff}.login-card button,.grid-form button,.btn{border:0;background:linear-gradient(135deg,#d7aa55,#f2d690);color:#1e293b;padding:13px 18px;border-radius:14px;font-weight:800;text-decoration:none;display:inline-block;cursor:pointer}.login-card>*{margin-bottom:12px}.alert{background:#fee2e2;color:#991b1b;padding:10px;border-radius:12px}.admin-body{display:flex;min-height:100vh}.sidebar{width:250px;background:linear-gradient(180deg,#07111f,#111b30);padding:22px;position:fixed;inset:0 auto 0 0}.sidebar a{display:block;color:#dbeafe;text-decoration:none;padding:13px 14px;border-radius:14px;margin:6px 0}.sidebar a:hover{background:#ffffff14}.admin-main{margin-left:250px;flex:1;padding:26px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.topbar h1{margin:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:20px}.stat,.panel{background:white;border-radius:24px;padding:22px;box-shadow:0 12px 35px #1e293b12}.stat b{font-size:42px;color:#0f172a;display:block}.stat span{color:#64748b}.grid-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;align-items:center}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px;border-bottom:1px solid #e5eaf2}a{color:#0f62fe}.panel{margin-bottom:20px}
.dropzone{grid-column:1/-1;border:2px dashed #94a3b8;border-radius:18px;background:#f8fafc;padding:22px;display:grid;gap:6px;text-align:center;cursor:pointer}.dropzone input{margin:auto}.dropzone span{color:#64748b}.preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;margin-top:14px}.preview-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:10px;display:grid;gap:8px}.preview-card img,.preview-card video,.thumb{width:120px;height:70px;object-fit:cover;border-radius:10px;background:#0f172a}.preview-card img,.preview-card video{width:100%;height:100px}.preview-card span{font-size:12px;color:#475569;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini{width:78px!important}td input{padding:8px;border:1px solid #d8e0ec;border-radius:10px;max-width:180px}