* { box-sizing: border-box; }
body { font: 14px/1.5 system-ui, sans-serif; margin: 0; color: #1a1a1a; }
header { display: flex; align-items: center; gap: .7rem; padding: .8rem 1rem; background: #111; color: #fff; }
header strong { font-weight: 600; }
main { max-width: 860px; margin: 1rem auto; padding: 0 1rem; }
h2, h3 { margin: 1rem 0 .5rem; }
input, button { font: inherit; padding: .4rem .6rem; border: 1px solid #ccc; border-radius: 6px; }
button { background: #111; color: #fff; cursor: pointer; border-color: #111; }
button.ghost { background: transparent; color: #fff; border-color: #666; }
button:disabled { opacity: .5; cursor: not-allowed; }
nav#tabs { display: flex; gap: .25rem; border-bottom: 1px solid #eee; margin-bottom: 1rem; }
nav#tabs button { background: transparent; color: #333; border: none; border-bottom: 2px solid transparent; border-radius: 0; }
nav#tabs button.active { border-bottom-color: #111; font-weight: 600; }
table { width: 100%; border-collapse: collapse; margin-top: .5rem; }
td, th { text-align: left; padding: .35rem .5rem; border-bottom: 1px solid #eee; }
.row { display: flex; gap: .5rem; align-items: center; flex-wrap: wrap; }
.spacer { flex: 1; }
.error { color: #c00; }
ul { list-style: none; padding: 0; }
ul li { padding: .4rem 0; border-bottom: 1px solid #eee; display: flex; gap: .5rem; align-items: center; }
ul li .spacer { flex: 1; }
form { display: flex; gap: .5rem; flex-wrap: wrap; margin-bottom: .5rem; }
code { background: #f4f4f4; padding: .15rem .35rem; border-radius: 4px; }

/* logout в шапке */
#logout-header { margin-left: auto; }
#logout-header:hover { background: #333; }

/* атрибут hidden перебивался display:flex у .modal в admin.css — фикс здесь тоже */
[hidden] { display: none !important; }