/* assets/style.css */
* { box-sizing: border-box; }
body { margin:0; font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; background:#0f0f0f; color:#fff; }
.topbar { display:flex; justify-content:space-between; align-items:center; padding:12px 16px; background:#141414; border-bottom:1px solid #222; position:sticky; top:0; z-index:10; }
.brand { font-weight:700; letter-spacing:.5px; }
.nav { display:flex; gap:16px; align-items:center; }
.nav a { color:#ddd; text-decoration:none; margin-left:8px; }
.nav a:hover { color:#fff; }
.current { margin-left:8px; color:#aaa; }
.container { padding:20px 16px 64px; max-width:1100px; margin:0 auto; }
.grid { display:grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap:16px; }
.card { background:#1a1a1a; border:1px solid #222; border-radius:12px; overflow:hidden; display:flex; flex-direction:column; }
.card img { width:100%; height:130px; object-fit:cover; display:block; }
.card .meta { padding:12px; display:flex; flex-direction:column; gap:8px; }
.badge { display:inline-block; padding:2px 8px; border-radius:999px; background:#222; color:#ccc; font-size:12px; }
.button { display:inline-block; padding:8px 12px; border-radius:8px; background:#e50914; color:#fff; text-decoration:none; text-align:center; }
.button.secondary { background:#333; }
.paybox { background:#111; border:1px solid #222; padding:12px; border-radius:10px; margin-bottom:20px; }
.flash { padding:10px 12px; border-radius:8px; margin-bottom:10px; }
.flash.ok { background:#112f19; color:#9cff9c; border:1px solid #1e5f2a; }
.flash.err { background:#2f1111; color:#ff9c9c; border:1px solid #5f1e1e; }
.admin-table { width:100%; border-collapse: collapse; margin-top:16px; }
.admin-table th, .admin-table td { border-bottom:1px solid #222; padding:10px; text-align:left; }
.admin-actions a { margin-right:8px; }
.video-wrap { max-width: 980px; margin: 0 auto; }
.video-wrap video { width:100%; max-height:70vh; background:#000; }