*{box-sizing:border-box}body{margin:0;background:#f4f6f8;color:#17202a;font:16px Arial,sans-serif}header{display:flex;justify-content:space-between;align-items:center;padding:18px 5%;background:#111827;color:#fff}a{color:#2563eb}.container{max-width:1100px;margin:30px auto;padding:0 18px}.card{background:#fff;border-radius:10px;padding:22px;margin:18px 0;box-shadow:0 2px 12px #00000012}.narrow{max-width:460px;margin:70px auto}h1{margin-top:0}h2{font-size:20px}label{display:block;font-weight:600;margin:10px 0}input{display:block;width:100%;padding:11px;margin-top:6px;border:1px solid #cbd5e1;border-radius:6px;font-size:16px}button{background:#2563eb;color:#fff;border:0;border-radius:6px;padding:11px 18px;margin-top:12px;cursor:pointer;font-weight:700}button:hover{background:#1d4ed8}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.grid button{align-self:end}.success,.error{padding:12px;border-radius:6px;margin:12px 0}.success{background:#dcfce7;color:#166534}.error{background:#fee2e2;color:#991b1b}.table-wrap{overflow:auto;margin-top:18px}table{border-collapse:collapse;width:100%;min-width:650px}th,td{text-align:left;padding:10px;border-bottom:1px solid #e5e7eb}th{background:#f8fafc}code{background:#eef2ff;padding:2px 5px}@media(max-width:650px){.grid{grid-template-columns:1fr}header{font-size:14px}}