@import url('/assets/css/style.css');

.admin-body { display: grid; grid-template-columns: 240px 1fr; min-height: 100vh; }
.admin-sidebar {
    background: #12151d; border-right: 1px solid var(--border);
    padding: 1.5rem 1rem; position: sticky; top: 0; height: 100vh;
}
.sidebar-brand { font-weight: 700; margin-bottom: 1.5rem; padding: 0 .5rem; }
.admin-sidebar nav { display: flex; flex-direction: column; gap: .25rem; }
.admin-sidebar nav a {
    color: var(--muted); padding: .55rem .75rem; border-radius: 8px;
}
.admin-sidebar nav a:hover { background: var(--surface-2); color: var(--text); text-decoration: none; }
.sidebar-user { margin-top: 2rem; padding: .75rem; color: var(--muted); font-size: .85rem; border-top: 1px solid var(--border); }

.admin-main { padding: 1.5rem 2rem; }
.admin-content h1 { margin-top: 0; }
.page-toolbar { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem; }

.stat-grid {
    display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 1rem; margin-bottom: 2rem;
}
.stat-card {
    background: var(--surface); border: 1px solid var(--border);
    border-radius: var(--radius); padding: 1rem;
}
.stat-card span { display: block; color: var(--muted); font-size: .85rem; }
.stat-card strong { font-size: 1.6rem; }

.form-grid {
    display: grid; grid-template-columns: 1fr 1fr; gap: 1rem;
    background: var(--surface); border: 1px solid var(--border);
    border-radius: var(--radius); padding: 1.5rem;
}
.form-grid .full { grid-column: 1 / -1; }
.form-grid label { display: block; color: var(--muted); font-size: .9rem; }
.form-grid input, .form-grid textarea, .form-grid select {
    display: block; width: 100%; margin-top: .35rem;
    padding: .65rem .75rem; border-radius: 8px;
    border: 1px solid var(--border); background: var(--bg); color: var(--text);
}
.form-grid textarea { resize: vertical; }
.form-grid .checkbox { display: flex; align-items: center; gap: .5rem; color: var(--text); }
.form-grid .checkbox input { width: auto; margin: 0; }
.hint { color: var(--muted); font-size: .9rem; }

.actions { white-space: nowrap; }
.actions a { margin-right: .75rem; }
.inline-form { display: inline; }
.link-danger { background: none; border: none; color: var(--danger); cursor: pointer; padding: 0; }
.status-banned { background: rgba(255,118,117,.15); color: #ff7675; }
.ban-form { display: flex; gap: .35rem; align-items: center; flex-wrap: wrap; margin-top: .25rem; }
.ban-reason { padding: .35rem .5rem; border-radius: 6px; border: 1px solid var(--border); background: var(--bg); color: var(--text); max-width: 160px; font-size: .85rem; }
code { font-size: .8rem; color: var(--muted); }

@media (max-width: 900px) {
    .admin-body { grid-template-columns: 1fr; }
    .admin-sidebar { position: static; height: auto; }
    .form-grid { grid-template-columns: 1fr; }
}