*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#0f172a;color:#e5e7eb}a{color:#38bdf8;text-decoration:none}a:hover{text-decoration:underline}main{max-width:1200px;margin:0 auto}h1{margin-bottom:24px;font-size:32px}h2{margin-top:24px;margin-bottom:16px;color:#f8fafc}table{width:100%;border-collapse:collapse;background:#111827;border-radius:12px;overflow:hidden;border:1px solid #334155}th{background:#1e293b;color:#f8fafc;text-align:left}th,td{padding:10px 12px;border-bottom:1px solid #334155}tr:hover{background:#1f2937}input,select{padding:8px 10px;border-radius:8px;border:1px solid #475569;background:#020617;color:#e5e7eb}button{padding:8px 14px;border-radius:8px;border:1px solid #38bdf8;background:#0284c7;color:#fff;cursor:pointer}button:hover{background:#0369a1}button:disabled{opacity:.5;cursor:not-allowed}form{background:#111827;padding:16px;border-radius:12px;border:1px solid #334155}section{margin-bottom:24px}