:root{--bg: #0b0b0f;--card: #111118;--muted: #b8b8bf;--accent: #caa857;--accent-strong: #e3c46c;--text: #f5f5f7}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}a{color:var(--accent)}.page{max-width:1080px;margin:24px auto;padding:0 18px 48px}.page-wide{max-width:none;width:100%}.card{background:var(--card);border-radius:16px;padding:24px;margin-bottom:18px;box-shadow:0 12px 32px #00000059;border:1px solid rgba(202,168,87,.15)}.stack{display:grid;gap:12px}.cta{display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:#0b0b0f;padding:12px 20px;line-height:1;white-space:nowrap;border-radius:10px;font-weight:800;text-decoration:none;box-shadow:0 10px 24px #00000059;border:none;cursor:pointer}.cta.secondary{background:transparent;color:var(--accent-strong);border:1px solid var(--accent);padding:12px 20px}.pill{display:inline-block;padding:6px 12px;border-radius:999px;background:var(--accent);color:#0b0b0f;font-size:12px;letter-spacing:.5px;text-transform:uppercase;font-weight:800}.grid-two{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.muted{color:var(--muted)}.nav{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid rgba(202,168,87,.25);background:linear-gradient(135deg,#0d0d12,#14141d)}.nav-links{display:flex;gap:16px}.nav-links a{color:var(--muted);text-decoration:none;font-weight:600}.nav-links a:hover{color:var(--accent-strong)}.hero{display:grid;gap:16px}.badge{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#caa85724;color:var(--accent-strong);font-weight:700}.input-row{display:grid;gap:8px}.input-row label{font-weight:600}.input-row input{padding:10px;border-radius:10px;border:1px solid #242433;background:#0b0b0f;color:#fff}.status{min-height:20px;color:var(--accent);font-size:14px}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:10px;border-bottom:1px solid #1e1e2a;text-align:left}.table th{color:var(--muted)}.inline-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.danger{color:#f87171}.banner{margin:16px auto;max-width:1080px;padding:12px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:14px}.youtube-banner{background:linear-gradient(120deg,#caa8571f,#0c0c12e6);border:1px solid rgba(202,168,87,.25);box-shadow:0 12px 32px #0006}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-main{flex:1;display:flex;flex-direction:column}.footer{max-width:1080px;margin:0 auto 28px;padding:16px 18px;display:flex;justify-content:flex-start;gap:16px;align-items:center;border-top:1px solid rgba(202,168,87,.25);color:var(--muted)}.footer a{color:var(--accent-strong);text-decoration:none;font-weight:700}.footer-links{display:flex;gap:12px;align-items:center}.footer-links a{color:var(--muted);font-weight:600}.footer-links a:hover{color:var(--accent-strong)}.footer-social{display:flex;gap:10px;margin-left:auto}.footer-social a{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:#caa8571a;border:1px solid rgba(202,168,87,.25);color:var(--accent-strong)}.footer-social svg{width:18px;height:18px;fill:currentColor}