body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; margin:0; background:#fafafa; color:#222; }
.topbar { background:#222; color:white; padding:14px 20px; display:flex; justify-content:space-between; align-items:center; gap:20px; flex-wrap:wrap; }
.topbar a { color:white; text-decoration:none; margin-left:12px; }
.container { max-width:1100px; margin:30px auto; padding:0 18px; }
.card { background:white; border:1px solid #ddd; border-radius:10px; padding:18px; margin-bottom:18px; }
table { width:100%; border-collapse:collapse; background:white; }
th, td { padding:10px; border-bottom:1px solid #eee; text-align:left; vertical-align:top; }
input, textarea, select { width:100%; padding:10px; border:1px solid #ccc; border-radius:8px; box-sizing:border-box; }
label { font-weight:600; display:block; margin:12px 0 6px; }
button, .button { display:inline-block; background:#222; color:white; border:0; padding:10px 14px; border-radius:8px; text-decoration:none; cursor:pointer; }
.button.secondary { background:#666; }
.button.danger, button.danger { background:#a01818; }
.notice { padding:12px; background:#eef7ee; border:1px solid #cbe5cb; border-radius:8px; }
.error { padding:12px; background:#ffeeee; border:1px solid #e0bbbb; border-radius:8px; }
.grid { display:grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap:16px; }
.badge { padding:3px 7px; border-radius:99px; background:#eee; font-size:12px; }
.actions form { display:inline; }
.big{font-size:32px;margin:0}.check{display:block;margin:10px 0}.check input{width:auto}.error{background:#ffe5e5;border:1px solid #ffb1b1;padding:10px;border-radius:8px}.button{display:inline-block;text-decoration:none}textarea{min-height:80px}

.alert.success { background: #e8f5e9; border: 1px solid #a5d6a7; padding: 12px; border-radius: 8px; margin: 12px 0; }
.alert.error { background: #ffebee; border: 1px solid #ef9a9a; padding: 12px; border-radius: 8px; margin: 12px 0; }
.form-grid { display: grid; gap: 10px; max-width: 560px; }
.form-grid small, .muted { color: #666; }
.secret-box { background: #f6f6f6; border: 1px solid #ddd; border-radius: 8px; padding: 12px; white-space: pre-wrap; word-break: break-all; font-size: 18px; letter-spacing: 1px; }
.secret-box.small { font-size: 13px; letter-spacing: 0; }
.danger-zone { margin-top: 12px; border-left: 4px solid #c62828; padding-left: 12px; }
button.danger { background: #c62828; }
.button-link { display: inline-block; padding: 10px 14px; border-radius: 8px; background: #222; color: #fff; text-decoration: none; }
.login-card { max-width: 460px; margin: 48px auto; }