:root { --bg:#0b0c10; --card:#12141a; --text:#e9eef3; --muted:#aab7c4; --accent:#4f8cff; --border:#222631; }
*{ box-sizing:border-box; }
body{ margin:0; font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; background: #0f1116; color: var(--text); }
.container{ max-width: 1100px; margin:0 auto; padding: 16px; }
.topbar{ background:#0b0c10; border-bottom:1px solid var(--border); }
.brand{ font-weight:700; }
.nav{ display:flex; gap:12px; align-items:center; justify-content:flex-end; }
.nav a{ color:var(--text); text-decoration:none; }
.inline{ display:inline; }
.btn{ background: var(--accent); color:#fff; border:0; padding:10px 14px; border-radius:10px; cursor:pointer; text-decoration:none; display:inline-block; }
.btn-ghost{ background: transparent; border:1px solid var(--border); }
.btn-small{ padding:6px 10px; border-radius:8px; }
label{ display:block; margin-top:10px; margin-bottom:6px; color:var(--muted); }
input, select{ width:100%; padding:10px 12px; border-radius:10px; border:1px solid var(--border); background:var(--card); color:var(--text); }
.table{ width:100%; border-collapse:collapse; margin-top:12px; }
.table th,.table td{ border-bottom:1px solid var(--border); padding:10px; text-align:left; }
.alert{ background:#3b1b1b; border:1px solid #6b2a2a; padding:10px; border-radius:10px; }
.ok{ background:#14331a; border:1px solid #245f2f; padding:10px; border-radius:10px; }
.card{ border:1px solid var(--border); background:var(--card); padding:12px; border-radius:14px; margin: 12px 0; }
.muted{ color:var(--muted); }
.player{ margin-top:14px; }
.slide{ width:100%; max-height:70vh; object-fit:contain; background:#000; border-radius:14px; border:1px solid var(--border); }
.playerbar{ display:flex; justify-content:space-between; align-items:center; margin-top:10px; gap:10px; }
.container { max-width: 1100px; margin: 0 auto; padding: 24px; }
.topbar { background: #0b0f14; color:#fff; padding: 14px 0; }
.topbar-inner { max-width:1100px; margin:0 auto; padding:0 24px; display:flex; align-items:center; justify-content:space-between; }
.nav a, .linkbtn { color:#fff; margin-left:14px; text-decoration:none; background:none; border:0; cursor:pointer; font:inherit; }
.main { min-height: calc(100vh - 120px); }
.footer { padding: 18px 0; opacity:.7; }