*{box-sizing:border-box}body{margin:0;background:#0f172a;color:#e2e8f0;font:16px/1.5 Arial,sans-serif;padding:32px 16px}main{max-width:560px;margin:0 auto;padding:28px;background:#1e293b;border:1px solid #334155;border-radius:12px}h1{font-size:25px}a{color:#93c5fd}label{display:block;margin:18px 0 6px}input{width:100%;padding:12px;border:1px solid #64748b;border-radius:6px;background:#0f172a;color:white;font:inherit}button{margin-top:24px;border:0;border-radius:6px;background:#2563eb;color:white;padding:12px 20px;font:inherit;cursor:pointer}small{display:block;margin-top:8px;color:#cbd5e1}.error{padding:12px;background:#7f1d1d;border-radius:6px}.success{padding:12px;background:#14532d;border-radius:6px}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:12px;border-bottom:1px solid #475569}th{color:#93c5fd}.wide{max-width:1050px}.table-wrap{overflow-x:auto}