*{box-sizing:border-box}
body{margin:0;min-height:100vh;display:grid;place-items:center;background:#1b1f27;color:#e6e9ef;font:15px/1.5 system-ui,-apple-system,"Malgun Gothic",sans-serif}
.card{width:min(92vw,380px);background:#252b36;border:1px solid #3a4352;border-radius:10px;padding:24px 26px}
.card.wide{width:min(96vw,980px)}
h1{margin:0 0 4px;font-size:15px;color:#8fb3ff;letter-spacing:.5px}
h2{margin:0 0 16px;font-size:20px}
h2 small{font-size:13px;color:#ffcf66;font-weight:normal;margin-left:8px}
label{display:block;margin:0 0 12px;font-size:13px;color:#b7c0cf}
input{display:block;width:100%;margin-top:4px;padding:9px 10px;border-radius:6px;border:1px solid #47526a;background:#1b1f27;color:#e6e9ef;font:inherit}
input:focus{outline:2px solid #5b8cff;outline-offset:1px}
button{padding:9px 14px;border:0;border-radius:6px;background:#3d4a61;color:#fff;font:inherit;cursor:pointer}
form>button{width:100%;margin-top:6px;background:#3b6ff5}
button.primary{background:#3b6ff5}
button:hover{filter:brightness(1.15)}
a{color:#8fb3ff}
.sub{margin:16px 0 0;font-size:13px;color:#9aa5b8}
.err{background:#4a2228;color:#ffc7cf;padding:8px 10px;border-radius:6px}
.ok{background:#1f3d2c;color:#c5f2d6;padding:8px 10px;border-radius:6px}
table{width:100%;border-collapse:collapse;font-size:14px}
th,td{text-align:left;padding:8px 6px;border-bottom:1px solid #3a4352;vertical-align:middle}
th{color:#9aa5b8;font-weight:normal;font-size:13px}
form.inline{display:inline}
form.inline>button{width:auto;margin:2px 0;padding:5px 10px;font-size:13px;background:#3d4a61}
form.inline>button.primary{background:#3b6ff5}
.tag{font-size:11px;background:#3b6ff5;border-radius:4px;padding:1px 5px}
.st{font-size:12px;border-radius:4px;padding:2px 6px;background:#3d4a61}
.st-pending{background:#6b5310}.st-active{background:#1f5b39}.st-suspended,.st-rejected{background:#5b1f2a}
.link input{margin-top:6px}