* { box-sizing: border-box; }
body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    max-width: 960px;
    margin: 0 auto;
    padding: 20px;
    color: #222;
    background: #f7f7f7;
}
header { padding-bottom: 10px; border-bottom: 1px solid #ddd; margin-bottom: 20px; }
nav a { text-decoration: none; color: #06c; margin-right: 10px; }
nav a:hover { text-decoration: underline; }
main {
    background: white;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.06);
}
footer { margin-top: 30px; color: #888; text-align: center; }
code { background: #eef; padding: 2px 6px; border-radius: 4px; font-size: 0.95em; }

/* Таблицы */
table { width: 100%; border-collapse: collapse; margin: 10px 0; }
th, td { padding: 8px 12px; border: 1px solid #ddd; text-align: left; }
th { background: #f0f0f0; }

/* Кнопки */
.btn, button {
    display: inline-block;
    padding: 8px 14px;
    background: #06c;
    color: white;
    border: none;
    border-radius: 4px;
    text-decoration: none;
    cursor: pointer;
    font-size: 14px;
}
.btn:hover, button:hover { background: #05a; }

/* Сообщения */
.error { color: #c00; background: #fee; padding: 10px; border-radius: 4px; }
.flash { color: #060; background: #efe; padding: 10px; border-radius: 4px; }

/* Формы */
label { display: block; margin-bottom: 10px; }
input[type=text], input[type=email], input[type=password], textarea {
    width: 100%;
    max-width: 400px;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
}

/* Баннер impersonate */
.impersonate-banner {
    background: #fff3cd;
    border: 1px solid #ffeaa7;
    color: #856404;
    padding: 10px 15px;
    margin-bottom: 15px;
    border-radius: 4px;
    font-size: 14px;
}
.impersonate-banner a {
    color: #856404;
    text-decoration: underline;
    margin-left: 5px;
}

/* Danger zone */
.danger-zone {
    margin-top: 30px;
    padding: 15px;
    border: 1px solid #f5c6cb;
    border-radius: 4px;
    background: #fff5f5;
}
.danger-zone summary {
    cursor: pointer;
    color: #c00;
    font-weight: bold;
}
.danger-zone[open] summary {
    margin-bottom: 10px;
}
button.danger {
    background: #c00;
}
button.danger:hover {
    background: #a00;
}