/* public/css/admin.css */
:root{
    --sb-bg: #0f172a; /* slate-900 */
    --sb-fg: #e2e8f0; /* slate-200 */
    --sb-muted: #94a3b8; /* slate-400 */
    --sb-accent: #38bdf8; /* sky-400 */
    --border: #e5e7eb;
}
html, body { height: 100%; }
.admin-layout { display: grid; grid-template-columns: 260px 1fr; min-height: 100vh; width: 100%; }
.admin-sidebar {
    position: sticky; top: 0; align-self: start; height: 100vh; overflow-y: auto;
    background: var(--sb-bg); color: var(--sb-fg); padding: 16px 12px;
}
.sidebar-brand .brand{ display:inline-block; font-weight:700; letter-spacing:.3px; color:var(--sb-fg); text-decoration:none; font-size:1.05rem; margin-bottom:8px; }
.sidebar-nav { margin-top: 8px; }
.sidebar-nav ul { list-style:none; margin:0 0 16px 0; padding:0; }
.sidebar-nav .nav-section { margin: 8px 8px; font-size:.75rem; text-transform:uppercase; color:var(--sb-muted); }
.sidebar-nav .nav-link{ display:block; padding:10px 12px; border-radius:10px; color:var(--sb-fg); text-decoration:none; }
.sidebar-nav .nav-link:hover{ background: rgba(148,163,184,.18); }
.sidebar-footer{ position: sticky; bottom: 0; padding-top: 12px; background: linear-gradient(transparent, rgba(15,23,42,.4)); }
.sidebar-toggle{ width:100%; border:1px solid rgba(226,232,240,.15); background:transparent; color:var(--sb-fg); padding:8px 10px; border-radius:10px; cursor:pointer; }
.admin-main { display:flex; flex-direction:column; min-width:0; }
.admin-header { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:10px 20px 10 20px; }
.admin-h1 { font-size:1.5rem; line-height:1.2; margin:0; }
.admin-actions { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.admin-container { width:100%; max-width:100%; margin:0; padding:16px 20px 24px 20px; }
.admin-container .table-responsive { width:100%; overflow-x:auto; }
.admin-container table { width:100%; table-layout:auto; border-collapse:collapse; }
.admin-container table th, .admin-container table td { padding:8px 10px; border-bottom:1px solid var(--border); }
.admin-container table th { text-align:left; font-weight:600; }
.admin-container form { width:100%; }
.admin-container form .form-row, .admin-container form .row { display:flex; flex-wrap:wrap; gap:12px; }
.admin-container form .form-group, .admin-container form .col { flex:1 1 280px; min-width:240px; }
@media (max-width: 1024px){ .admin-layout { grid-template-columns: 220px 1fr; } }
@media (max-width: 768px){
    .admin-layout.sidebar-collapsed { grid-template-columns: 64px 1fr; }
    .admin-sidebar { padding: 12px 8px; }
    .sidebar-nav .nav-link { padding: 10px 8px; }
    .sidebar-brand .brand { font-size: 0.95rem; }
}
@media (max-width: 640px){
    .admin-layout { grid-template-columns: 1fr; }
    .admin-sidebar { position: fixed; z-index: 40; transform: translateX(-100%); transition: transform .25s ease; width: 240px; }
    .admin-layout.sidebar-open .admin-sidebar { transform: translateX(0); }
}
.container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
    max-width: 100% !important; width: 100% !important; padding-left: 0 !important; padding-right: 0 !important;
}