*{box-sizing:border-box}body{margin:0;background:#f5f6fa;color:#162033;font:15px Arial,sans-serif}header{height:68px;background:#10131a;color:#fff;padding:0 5%;display:flex;align-items:center;justify-content:space-between}header b{font-size:22px}header span,h1 span{color:#f32749}a{color:#fff}main{width:min(1200px,94%);margin:28px auto}.card,.login{background:#fff;border-radius:14px;padding:24px;margin-bottom:24px;box-shadow:0 5px 24px #0000000c}.login{max-width:420px;margin:10vh auto}.login input,.login button{width:100%;padding:13px;margin:8px 0}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.grid label{display:block}.grid input,.grid textarea{width:100%;padding:10px;margin-top:5px}.wide{grid-column:1/-1}button{background:#f32749;color:#fff;border:0;border-radius:7px;padding:9px 14px;cursor:pointer}.secondary{background:#596273}.table{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid #e7e9ee;vertical-align:top}.inline{display:inline-block;margin:2px}.new-key{background:#eaf9ef;border:1px solid #9bd7aa;padding:14px;margin:14px 0}.new-key code{display:block;font-size:18px;margin-top:8px}@media(max-width:700px){.grid{grid-template-columns:1fr}.wide{grid-column:auto}}