/* ================================================================
   admin-layout.css — Sidebar + app layout + KPI (extracted from index.html Block 2)
   ================================================================ */

body { margin: 0; padding: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }
.app-wrapper { display: flex; min-height: 100vh; }

.sidebar {
    width: fit-content;
    max-width: 260px;
    background: #1e293b;
    min-height: 100vh;
    position: relative;
    flex-shrink: 0;
}
.sidebar-logo { display: none; }
.sidebar-menu { padding: 15px 0; }
.sidebar-group { margin-bottom: 20px; }
.sidebar-group-title {
    color: #94a3b8;
    font-size: 16px;
    text-transform: uppercase;
    padding: 8px 20px;
    letter-spacing: 1px;
    font-weight: 600;
}
.sidebar-item {
    display: block;
    color: #cbd5e1;
    padding: 0.5rem 2.5rem;
    cursor: pointer;
    transition: all 0.2s;
    font-size: 14px;
    text-decoration: none;
}
.sidebar-item:hover {
    background: #334155;
    color: #fff;
}
.sidebar-item.active {
    background: #3b82f6;
    color: #ffffff;
}
.main-content {
    flex: 1;
    margin-left: 0;
    padding: 0;
    background: #f1f5f9;
    min-height: 100vh;
    overflow: hidden;
}
.header {
    background: #0f172a !important;
    padding: 15px 30px !important;
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #334155;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
.header h1 { font-size: 20px; color: #ffffff; margin: 0; }
.header .subtitle { display: block; }
.nav { display: none !important; }
.container { padding: 20px; }

/* KPI Cards */
.kpi-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
    margin-bottom: 20px;
}
.kpi-card {
    background: #fff;
    border-radius: 8px;
    padding: 15px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
.kpi-card .label {
    font-size: 12px;
    color: #64748b;
    margin-bottom: 5px;
}
.kpi-card .value {
    font-size: 24px;
    font-weight: bold;
    color: #1e293b;
}
.kpi-card .sub {
    font-size: 11px;
    color: #94a3b8;
    margin-top: 3px;
}
.kpi-section-title {
    font-size: 16px;
    font-weight: 600;
    color: #1e293b;
    margin: 20px 0 15px;
    padding-bottom: 8px;
    border-bottom: 2px solid #e2e8f0;
}