:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;line-height:1.4}
body{margin:0;background:#f6f7fb;color:#111}
.container{max-width:960px;margin:0 auto;padding:24px}
.card{background:#fff;border:1px solid #e5e7ef;border-radius:12px;padding:18px;margin:16px 0;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.card.danger{border-color:#f3b2b2;background:#fff5f5}
.card.success{border-color:#b7e2c1;background:#f4fff7}
label{display:block;margin:10px 0}
input,select{width:100%;padding:10px;border:1px solid #d6d9e6;border-radius:10px;font-size:14px}
button{padding:10px 14px;border:0;border-radius:10px;font-size:14px;cursor:pointer;background:#111;color:#fff}
button.secondary{background:#eef0f6;color:#111;border:1px solid #d6d9e6}
.small{font-size:12px;color:#555}
nav a{margin-right:12px}
table{width:100%;border-collapse:collapse}
th,td{border-bottom:1px solid #eef0f6;padding:10px;text-align:left;vertical-align:top}
code{background:#f0f2f8;padding:2px 6px;border-radius:6px}
.flex{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.right{margin-left:auto}