:root {
    --sb-w: 240px;
    --sb-bg: #111827;
    --sb-text: #9ca3af;
    --sb-hover-bg: rgba(255,255,255,.06);
    --sb-active-color: #60a5fa;
    --sb-active-bg: rgba(96,165,250,.1);
    --body-bg: #f1f5f9;
}
*, *::before, *::after { box-sizing: border-box; }
body { margin: 0; background: var(--body-bg); font-family: 'Segoe UI', system-ui, -apple-system, sans-serif; font-size: 14px; color: #1e293b; }

/* ── Sidebar ── */
.adm-sidebar {
    position: fixed; inset: 0 auto 0 0;
    width: var(--sb-w);
    background: var(--sb-bg);
    overflow-y: auto;
    z-index: 1000;
    display: flex;
    flex-direction: column;
}
.sb-logo {
    padding: 20px 20px 16px;
    border-bottom: 1px solid rgba(255,255,255,.07);
    text-decoration: none;
    display: block;
}
.sb-logo .sb-brand { font-size: 15px; font-weight: 700; color: #fff; letter-spacing: .3px; }
.sb-logo .sb-sub   { font-size: 10px; text-transform: uppercase; letter-spacing: 1.5px; color: rgba(255,255,255,.3); margin-top: 2px; }
.sb-section {
    padding: 16px 20px 6px;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: rgba(255,255,255,.25);
}
.sb-nav { padding: 8px 0; flex: 1; }
.sb-link {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 20px;
    color: var(--sb-text);
    text-decoration: none;
    font-size: 13.5px;
    transition: background .15s, color .15s;
    border-right: 3px solid transparent;
}
.sb-link:hover { background: var(--sb-hover-bg); color: #e2e8f0; }
.sb-link.active { color: var(--sb-active-color); background: var(--sb-active-bg); border-right-color: var(--sb-active-color); }
.sb-link i { font-size: 15px; min-width: 18px; text-align: center; }
.sb-badge { margin-left: auto; font-size: 10px; padding: 2px 7px; border-radius: 20px; background: #ef4444; color: #fff; }
.sb-footer { padding: 16px 20px; border-top: 1px solid rgba(255,255,255,.07); }

/* ── Wrapper ── */
.adm-wrap { margin-left: var(--sb-w); min-height: 100vh; display: flex; flex-direction: column; }

/* ── Top bar ── */
.adm-topbar {
    background: #fff;
    border-bottom: 1px solid #e2e8f0;
    padding: 0 24px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: sticky;
    top: 0;
    z-index: 900;
}
.adm-topbar .tb-title { font-size: 15px; font-weight: 600; color: #0f172a; }
.adm-topbar .tb-user  { display: flex; align-items: center; gap: 10px; color: #64748b; font-size: 13px; }
.tb-avatar {
    width: 32px; height: 32px;
    border-radius: 50%;
    background: #3b82f6;
    color: #fff;
    display: flex; align-items: center; justify-content: center;
    font-size: 13px; font-weight: 600;
}

/* ── Content ── */
.adm-content { padding: 24px; flex: 1; }

/* ── Stat cards ── */
.stat-card { border: 0; border-radius: 12px; box-shadow: 0 1px 4px rgba(0,0,0,.06); }
.stat-icon { width: 44px; height: 44px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 18px; }

/* ── Data table wrapper ── */
.data-card { background: #fff; border-radius: 12px; box-shadow: 0 1px 4px rgba(0,0,0,.06); overflow: hidden; }
.data-card-head { padding: 14px 20px; border-bottom: 1px solid #f1f5f9; display: flex; align-items: center; justify-content: space-between; }
.data-card-head h6 { margin: 0; font-size: 14px; font-weight: 600; }
.data-card .table { margin: 0; font-size: 13px; }
.data-card .table thead th {
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .6px;
    color: #94a3b8;
    padding: 10px 16px;
    font-weight: 600;
}
.data-card .table tbody td { padding: 11px 16px; vertical-align: middle; border-color: #f8fafc; }
.data-card .table tbody tr:hover td { background: #fafbfd; }
.data-card-footer { padding: 12px 16px; border-top: 1px solid #f1f5f9; }

/* ── Alerts ── */
.flash-alert { border-radius: 10px; border: 0; font-size: 13.5px; }

/* ── Detail card ── */
.detail-card { background: #fff; border-radius: 12px; box-shadow: 0 1px 4px rgba(0,0,0,.06); }

/* ── Mobile ── */
@media (max-width: 768px) {
    .adm-sidebar { transform: translateX(-100%); }
    .adm-sidebar.show { transform: translateX(0); }
    .adm-wrap { margin-left: 0; }
}



/*!* === Секция старый блок === *!*/
/*    .dashboard-section {*/
/*        padding: 0px 0 0px;*/
/*    }*/

/*    !* === Шапка === *!*/
/*    .dashboard-header {*/
/*        display: flex;*/
/*        align-items: center;*/
/*        justify-content: space-between;*/
/*        margin-bottom: 48px;*/
/*        padding-bottom: 32px;*/
/*        border-bottom: 1px solid var(--border);*/
/*    }*/

/*    .dashboard-header__meta {*/
/*        text-align: right;*/
/*        font-size: 13px;*/
/*        color: var(--text-secondary);*/
/*    }*/

/*    .dashboard-header__role {*/
/*        margin-top: 2px;*/
/*        color: var(--brand);*/
/*        font-weight: 500;*/
/*    }*/

/*    .dashboard-header__user-block {*/
/*        display: flex;*/
/*        align-items: center;*/
/*        gap: 12px;*/
/*    }*/

/*    .dashboard-header__avatar {*/
/*        width: 48px;*/
/*        height: 48px;*/
/*        border-radius: 50%;*/
/*        background: linear-gradient(135deg, var(--brand), var(--cta));*/
/*        display: flex;*/
/*        align-items: center;*/
/*        justify-content: center;*/
/*        color: white;*/
/*        font-weight: 700;*/
/*        font-size: 18px;*/
/*        flex-shrink: 0;*/
/*    }*/

/*    !* === Метрики === *!*/
/*    .dashboard-metrics {*/
/*        display: grid;*/
/*        grid-template-columns: repeat(4, 1fr);*/
/*        gap: 16px;*/
/*        margin-bottom: 40px;*/
/*    }*/

/*    .metric-card {*/
/*        background: white;*/
/*        border: 1px solid var(--border);*/
/*        border-radius: 18px;*/
/*        padding: 24px;*/
/*    }*/

/*    .metric-card__value {*/
/*        font-size: 36px;*/
/*        font-weight: 600;*/
/*        letter-spacing: -0.03em;*/
/*        color: var(--brand);*/
/*    }*/

/*    .metric-card__value--ok {*/
/*        color: #5DD98B;*/
/*    }*/

/*    .metric-card__label {*/
/*        font-size: 13px;*/
/*        color: var(--text-secondary);*/
/*        margin-top: 4px;*/
/*    }*/

/*    !* === Основная сетка === *!*/
/*    .dashboard-grid {*/
/*        display: grid;*/
/*        grid-template-columns: 1fr 340px;*/
/*        gap: 24px;*/
/*        align-items: start;*/
/*    }*/

/*    !* === Операции === *!*/
/*    .operations-card {*/
/*        background: white;*/
/*        border: 1px solid var(--border);*/
/*        border-radius: 20px;*/
/*        padding: 32px;*/
/*    }*/

/*    .operations-card__title {*/
/*        font-size: 18px;*/
/*        font-weight: 600;*/
/*        letter-spacing: -0.02em;*/
/*        margin-bottom: 24px;*/
/*    }*/

/*    .operation-row {*/
/*        display: grid;*/
/*        grid-template-columns: 1fr auto auto;*/
/*        gap: 16px;*/
/*        align-items: center;*/
/*        padding: 14px 0;*/
/*        border-bottom: 1px solid var(--border-soft);*/
/*    }*/

/*    .operation-row__icon {*/
/*        width: 36px;*/
/*        height: 36px;*/
/*        border-radius: 10px;*/
/*        background: var(--bg-soft);*/
/*        flex-shrink: 0;*/
/*    }*/

/*    .operation-row__info {*/
/*        display: flex;*/
/*        align-items: center;*/
/*        gap: 12px;*/
/*    }*/

/*    .skeleton-line {*/
/*        background: var(--bg-soft);*/
/*        border-radius: 4px;*/
/*    }*/

/*    .skeleton-line--title {*/
/*        height: 13px;*/
/*        width: 160px;*/
/*        margin-bottom: 6px;*/
/*    }*/

/*    .skeleton-line--sub {*/
/*        height: 11px;*/
/*        width: 100px;*/
/*    }*/

/*    .skeleton-line--amount {*/
/*        height: 13px;*/
/*        width: 80px;*/
/*    }*/

/*    .skeleton-pill {*/
/*        height: 22px;*/
/*        background: var(--bg-soft);*/
/*        border-radius: 100px;*/
/*        width: 70px;*/
/*    }*/

/*    .operations-card__footer {*/
/*        margin-top: 20px;*/
/*        text-align: center;*/
/*    }*/

/*    .operations-card__footer a {*/
/*        font-size: 13px;*/
/*        color: var(--brand);*/
/*        font-weight: 500;*/
/*        text-decoration: none;*/
/*    }*/

/*    !* === Боковая панель === *!*/
/*    .dashboard-sidebar {*/
/*        display: flex;*/
/*        flex-direction: column;*/
/*        gap: 16px;*/
/*    }*/

/*    !* === Виджет профиля и быстрых действий === *!*/
/*    .sidebar-widget {*/
/*        background: white;*/
/*        border: 1px solid var(--border);*/
/*        border-radius: 20px;*/
/*        padding: 24px;*/
/*    }*/

/*    .sidebar-widget__title {*/
/*        font-size: 15px;*/
/*        font-weight: 600;*/
/*        margin-bottom: 16px;*/
/*    }*/

/*    .profile-row {*/
/*        display: flex;*/
/*        justify-content: space-between;*/
/*        font-size: 13px;*/
/*    }*/

/*    .profile-row__label {*/
/*        color: var(--text-secondary);*/
/*    }*/

/*    .profile-row__value {*/
/*        font-weight: 500;*/
/*    }*/

/*    .profile-list {*/
/*        display: flex;*/
/*        flex-direction: column;*/
/*        gap: 10px;*/
/*    }*/

/*    .section-tag {*/
/*        margin-bottom:12px;*/
/*    }*/

/*    !* === Быстрые действия === *!*/
/*    .quick-actions {*/
/*        display: flex;*/
/*        flex-direction: column;*/
/*        gap: 8px;*/
/*    }*/

/*    .btn--centered {*/
/*        text-align: center;*/
/*        justify-content: center;*/
/*    }*/

/*    !* === Кнопка выхода === *!*/
/*    .logout-btn {*/
/*        width: 100%;*/
/*        padding: 12px;*/
/*        border-radius: 12px;*/
/*        border: 1px solid var(--border);*/
/*        background: white;*/
/*        font-size: 14px;*/
/*        color: var(--text-secondary);*/
/*        cursor: pointer;*/
/*        font-family: inherit;*/
/*        transition: all 0.2s;*/
/*    }*/

/*    .logout-btn:hover {*/
/*        border-color: #F88;*/
/*        color: #B32B2B;*/
/*    }*/

/*    !**/
/*        блок пагинации *!*/
/*    .pagination {*/
/*        display: flex;*/
/*        list-style: none;*/
/*        gap: 4px;*/
/*        padding: 16px 0;*/
/*        margin: 0;*/
/*    }*/

/*    .page-item a,*/
/*    .page-item span {*/
/*        display: block;*/
/*        padding: 6px 12px;*/
/*        border: 1px solid var(--border);*/
/*        border-radius: 8px;*/
/*        color: var(--brand);*/
/*        text-decoration: none;*/
/*        font-size: 13px;*/
/*    }*/

/*    .page-item.active a,*/
/*    .page-item.active span {*/
/*        background: var(--brand);*/
/*        color: white;*/
/*        border-color: var(--brand);*/
/*    }*/

/*    .page-item.disabled span {*/
/*        color: var(--text-secondary);*/
/*        pointer-events: none;*/
/*    }*/

/*    !* dashboard *!*/
/*    !* === Форма добавления пользователя === *!*/
/*    .dashboard {*/
/*        background: white;*/
/*        border: 1px solid var(--border);*/
/*        border-radius: 20px;*/
/*        padding: 32px;*/
/*        margin-bottom: 32px;*/
/*    }*/

/*    .dashboard form {*/
/*        display: flex;*/
/*        flex-direction: column;*/
/*        gap: 16px;*/
/*        max-width: 480px;*/
/*    }*/

/*    .dashboard form > div {*/
/*        display: flex;*/
/*        flex-direction: column;*/
/*        gap: 6px;*/
/*    }*/

/*    .dashboard form label {*/
/*        font-size: 13px;*/
/*        font-weight: 500;*/
/*        color: var(--text-secondary);*/
/*    }*/

/*    .dashboard form input {*/
/*        padding: 10px 14px;*/
/*        border: 1px solid var(--border);*/
/*        border-radius: 10px;*/
/*        font-size: 14px;*/
/*        font-family: inherit;*/
/*        color: var(--text-primary);*/
/*        background: white;*/
/*        transition: border-color 0.2s;*/
/*        outline: none;*/
/*    }*/

/*    .dashboard form input:focus {*/
/*        border-color: var(--brand);*/
/*    }*/

/*    .dashboard form input::placeholder {*/
/*        color: var(--text-secondary);*/
/*    }*/

/*    .dashboard form select {*/
/*        padding: 10px 14px;*/
/*        border: 1px solid var(--border);*/
/*        border-radius: 10px;*/
/*        font-size: 14px;*/
/*        font-family: inherit;*/
/*        color: var(--text-primary);*/
/*        background: white;*/
/*        transition: border-color 0.2s;*/
/*        outline: none;*/
/*        cursor: pointer;*/
/*        appearance: none;*/
/*        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath fill='%23888' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");*/
/*        background-repeat: no-repeat;*/
/*        background-position: right 14px center;*/
/*        padding-right: 36px;*/
/*    }*/

/*    .dashboard form select:focus {*/
/*        border-color: var(--brand);*/
/*    }*/

/*    .dashboard form button[type="submit"] {*/
/*        align-self: flex-start;*/
/*        padding: 10px 24px;*/
/*        background: var(--brand);*/
/*        color: white;*/
/*        border: none;*/
/*        border-radius: 10px;*/
/*        font-size: 14px;*/
/*        font-weight: 500;*/
/*        font-family: inherit;*/
/*        cursor: pointer;*/
/*        transition: opacity 0.2s;*/
/*    }*/

/*    .dashboard form button[type="submit"]:hover {*/
/*        opacity: 0.85;*/
/*    }*/