:root { --bg:#000000; --card:#0b0b0b; --text:#fff; --accent:#E50914; }*{box-sizing:border-box;}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial;background:var(--bg);color:var(--text);}header{padding:16px;border-bottom:1px solid #222;}nav{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px;}nav button{background:#1a1a1a;color:#fff;border:1px solid #2a2f3a;padding:8px 12px;border-radius:8px;cursor:pointer;}nav button:hover{border-color:var(--accent);}main{padding:16px;}.tab{display:none;}.tab.active{display:block;}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;}.card{background:var(--card);padding:16px;border-radius:12px;border:1px solid #232833;}form{display:grid;gap:8px;max-width:520px;background:var(--card);padding:16px;border-radius:12px;border:1px solid #232833;}label{display:grid;gap:6px;}input,select,textarea,button{font:inherit;}input,select,textarea{padding:10px;border-radius:8px;border:1px solid #344152;background:#0d0d0d;color:#fff;}button{background:var(--accent);color:#111;border:none;padding:10px 12px;border-radius:8px;font-weight:600;cursor:pointer;}ul{list-style:none;padding:0;}li{margin:8px 0;padding:10px;border:1px solid #232833;border-radius:8px;background:#111;}img{display:block;}footer{padding:12px 16px;border-top:1px solid #222;color:#9aa3af;}