:root{font-family:system-ui;color:#e3edf7;background:#101b2b}body{margin:0}header{display:flex;align-items:center;gap:24px;padding:25px 6vw;border-bottom:1px solid #304255}header b{margin-left:auto;font-size:13px;color:#96e2d1}.brand{font-size:28px;font-weight:800}main{max-width:1100px;margin:50px auto;padding:0 24px}h1{font-size:34px}h2{font-size:20px}.muted{color:#9cb1c7;line-height:1.7}section{background:#192a3e;border:1px solid #304255;border-radius:16px;padding:24px;margin:20px 0}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}label{display:block;color:#b9cadd;font-size:14px;margin:14px 0}input,textarea{box-sizing:border-box;display:block;width:100%;background:#0f1c2b;color:#eef7ff;border:1px solid #47617c;border-radius:8px;padding:12px;margin-top:8px;font:inherit}button{background:#a3e6d6;color:#132e3b;border:0;padding:11px 18px;border-radius:8px;font-weight:700;cursor:pointer;margin:10px 10px 0 0}table{width:100%;border-collapse:collapse;font-size:14px}td,th{text-align:left;padding:14px 8px;border-bottom:1px solid #304255;word-break:break-word}#message{color:#a3e6d6;white-space:pre-wrap}textarea{height:110px}@media(max-width:720px){.grid{grid-template-columns:1fr}h1{font-size:25px}header{gap:10px}table{font-size:12px}}

select{background:#12151e;color:#f3eddf;border:1px solid #514733;border-radius:8px;padding:12px;width:100%}input[type=checkbox]{width:auto;margin-right:10px}table{font-size:13px}section{overflow-x:auto}