*{box-sizing:border-box}
body{margin:0;font:15px/1.45 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:#1d2330;background:#f5f6f8}
header{display:flex;align-items:center;gap:16px;padding:12px 24px;background:#fff;border-bottom:1px solid #dde1e7}
header .brand{font-weight:600}
header nav{display:flex;gap:14px;flex:1}
header form{margin:0}
main{max-width:1100px;margin:24px auto;padding:0 24px}
h1{font-size:22px;margin:0 0 16px}
h2{font-size:17px;margin:28px 0 10px}
a{color:#2456c7;text-decoration:none}
a:hover{text-decoration:underline}
.card{background:#fff;border:1px solid #dde1e7;border-radius:8px;padding:16px 18px;margin-bottom:14px}
table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #dde1e7;border-radius:8px;overflow:hidden}
th,td{text-align:left;padding:8px 10px;border-bottom:1px solid #eceff3;vertical-align:top}
th{font-size:13px;color:#5b6474;font-weight:600;background:#fafbfc}
tr:last-child td{border-bottom:0}
.muted{color:#6b7383}
.small{font-size:13px}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}
.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.btn,button{display:inline-block;font:inherit;padding:6px 14px;border-radius:6px;border:1px solid #2456c7;background:#2456c7;color:#fff;cursor:pointer;text-decoration:none}
.btn.secondary,button.secondary{background:#fff;color:#2456c7}
button.danger{background:#b42318;border-color:#b42318}
button.link{background:none;border:0;color:#2456c7;padding:0}
input[type=text],input[type=email],input[type=password],select{font:inherit;padding:7px 9px;border:1px solid #c5ccd6;border-radius:6px;min-width:260px}
textarea{display:block;width:100%;font:inherit;padding:7px 9px;border:1px solid #c5ccd6;border-radius:6px;margin-bottom:6px}
fieldset{margin:0 0 14px}
legend{font-weight:600;padding:0 6px}
h3{font-size:15px;margin:20px 0 8px}
label.inline{display:flex;gap:6px;align-items:center;font-weight:400}
.copy{white-space:pre-wrap;background:#fafbfc;border:1px solid #eceff3;border-radius:6px;padding:6px 9px;margin:6px 0}
label{display:block;margin:10px 0 4px;font-weight:600;font-size:14px}
.notice{padding:10px 14px;border-radius:6px;margin-bottom:14px;background:#eef3fd;border:1px solid #c9d7f5}
.error{background:#fdf0ef;border-color:#f3c7c3}
.dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;vertical-align:middle;background:#9aa3b2}
.dot.ok{background:#1f9d55}
.dot.warn{background:#d69e00}
.dot.bad{background:#c53030}
.dot.off{background:#9aa3b2}
.pager{margin-top:10px}
.wide{width:100%}
.auth{max-width:420px;margin:60px auto}