.manager-dashboard-main {
    padding: 0 38px 34px
}

.manager-home-layout{display:grid;grid-template-columns:minmax(320px,.82fr) minmax(0,1.55fr);gap:20px;align-items:start;direction:ltr}.manager-home-left,.manager-home-right{display:grid;gap:16px;min-width:0;align-content:start;direction:rtl}.manager-home-layout .manager-overview{margin:0}.manager-home-right .section-block{margin-block:0}.manager-home-left .dashboard-widget,.manager-home-right .dashboard-widget{min-width:0}
.role-dashboard-layout{display:grid;grid-template-columns:minmax(320px,.82fr) minmax(0,1.55fr);gap:20px;align-items:start;direction:ltr}.role-dashboard-left,.role-dashboard-right{display:grid;gap:16px;min-width:0;align-content:start;direction:rtl}.role-dashboard-layout .manager-overview{margin:0}
.role-dashboard-right .manager-dashboard-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.role-dashboard-right .manager-dashboard-grid>.manager-panel{min-width:0;padding:13px}
.dashboard-metrics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0 18px}.dashboard-metric{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:5px 9px;min-width:0;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}.dashboard-metric .kpi-mark{grid-row:1/3;margin:0}.dashboard-metric>small{font-size:10px;color:var(--muted)}.dashboard-metric>b{grid-column:3;grid-row:1/3;font-size:22px;color:var(--ink)}.metric-growth{grid-column:2;min-width:0;font-size:9px;color:var(--muted);line-height:1.5}.metric-growth.growth-up{color:#27845c}.metric-growth.growth-down{color:#b85255}
.sales-chart-widget{min-width:0}.sales-chart-widget .section-heading{align-items:flex-start}.sales-chart-widget .section-heading p{margin:4px 0 0;color:var(--muted);font-size:10px;line-height:1.7}.sales-periods{display:flex;flex:none;padding:3px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);gap:2px}.sales-periods a{padding:6px 8px;border-radius:7px;color:var(--muted);font-size:9px;white-space:nowrap}.sales-periods a.active{background:var(--surface);color:var(--brand);font-weight:800;box-shadow:0 2px 8px #21182b12}.sales-summary-row{display:flex;flex-wrap:wrap;gap:10px 24px;margin:14px 0 8px}.sales-summary-row>div{display:grid;gap:3px}.sales-summary-row small{font-size:9px;color:var(--muted)}.sales-summary-row b{font-size:15px;color:var(--ink)}.sales-summary-row b small{font-size:9px}.sales-chart-scroll{overflow-x:auto;max-width:100%;direction:ltr}.sales-chart{display:block;width:100%;min-width:440px;height:auto;overflow:visible}.chart-grid-line{stroke:var(--line);stroke-width:1}.chart-axis-label,.chart-month-label{fill:var(--muted);font:10px Vazirmatn, sans-serif}.chart-area{fill:url(#sales-chart-fill)}.chart-line{fill:none;stroke:#292436;stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}.chart-point{fill:var(--surface);stroke:#4b9c83;stroke-width:2}.sales-chart-widget{--sales-start:#bce8d0;--sales-end:#e8f6ee}.sales-chart-widget .chart-area{fill:var(--brand-soft);opacity:.45}

.manager-overview {
    min-height: 178px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 25px 30px;
    border-radius: 21px;
    background: #181521;
    color: #fff;
    overflow: hidden;
    position: relative
}

.manager-overview:after {
    content: "";
    position: absolute;
    left: 4%;
    top: -115px;
    width: 300px;
    height: 300px;
    border: 1px solid #ffffff20;
    border-radius: 50%;
    box-shadow: inset 0 0 0 25px #ffffff08,inset 0 0 0 55px #ffffff06;
    pointer-events: none
}

.manager-overview>div {
    position: relative;
    z-index: 1
}

.overview-kicker {
    font-size: 11px;
    color: #a9d9c8
}

.manager-overview h2 {
    font-size: 22px;
    margin: 7px 0
}

.manager-overview p {
    max-width: 490px;
    color: #d1dfda;
    font-size: 11px;
    line-height: 1.9;
    margin: 0 0 14px
}

.manager-overview .button {
    padding: 9px 14px;
    font-size: 10px
}

.overview-total {
    min-width: 150px;
    padding: 16px 20px;
    border: 1px solid #ffffff25;
    border-radius: 16px;
    background: #ffffff0b;
    display: grid;
    gap: 4px
}

.overview-total small,.overview-total span {
    font-size: 9px;
    color: #c1d4ce
}

.overview-total strong {
    font-size: 30px;
    line-height: 1.2
}

.manager-dashboard-grid {
    display: grid;
    grid-template-columns: minmax(0,1fr) 310px;
    gap: 20px;
    align-items: start
}

.manager-dashboard-primary,.manager-dashboard-rail {
    min-width: 0
}

.dashboard-widget {
    padding: 19px;
    background: var(--surface);
    border: 1px solid var(--line);
    border-radius: 17px;
    box-shadow: var(--shadow)
}

.dashboard-widget .section-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px
}

.dashboard-widget .section-heading h2 {
    font-size: 15px;
    margin: 4px 0
}

.widget-link {
    font-size: 10px;
    font-weight: 700;
    color: var(--brand);
    white-space: nowrap
}

.manager-kpis {
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 10px;
    margin: 12px 0 20px
}

.manager-kpis .admin-stat {
    position: relative;
    min-height: 112px;
    padding: 14px;
    border-radius: 14px;
    gap: 5px
}

.manager-kpis .admin-stat>small {
    font-size: 10px
}

.manager-kpis .admin-stat>b {
    font-size: 22px
}

.kpi-mark {
    display: grid;
    place-items: center;
    width: 27px;
    height: 27px;
    border-radius: 9px;
    background: var(--brand-soft);
    color: var(--brand);
    font-size: 14px;
    margin-bottom: 2px
}

.kpi-pending .kpi-mark {
    background: var(--amber-soft);
    color: var(--amber)
}

.kpi-correction .kpi-mark {
    background: var(--danger-soft);
    color: var(--danger)
}

.status-breakdown {
    border-top: 1px solid var(--line);
    padding-top: 15px
}

.breakdown-heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 10px;
    margin-bottom: 12px
}

.breakdown-heading span {
    color: var(--muted)
}

.status-stack {
    height: 9px;
    display: flex;
    overflow: hidden;
    border-radius: 20px;
    background: var(--surface-2);
    direction: ltr
}

.status-stack span {
    height: 100%;
    min-width: 0
}

.status-legend {
    display: flex;
    gap: 9px 15px;
    flex-wrap: wrap;
    margin-top: 12px
}

.status-legend span {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 9px;
    color: var(--muted)
}

.status-legend i {
    width: 7px;
    height: 7px;
    background: var(--legend);
    border-radius: 50%
}

.status-legend b {
    color: var(--ink);
    font-size: 9px
}

.manager-dashboard-rail {
    display: grid;
    gap: 15px;
    padding-top: 27px;
}

.recent-widget {
    padding: 17px
}

.recent-widget .section-heading {
    margin-bottom: 8px
}

.recent-request {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 12px 0;
    border-top: 1px solid var(--line);
    min-width: 0
}

.request-avatar {
    display: grid;
    place-items: center;
    flex: 0 0 33px;
    height: 33px;
    border-radius: 10px;
    background: var(--brand-soft);
    color: var(--brand);
    font-size: 15px
}

.recent-request-copy {
    display: grid;
    gap: 3px;
    min-width: 0;
    flex: 1
}

.recent-request-copy b {
    font-size: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.recent-request-copy small {
    color: var(--muted);
    font-size: 9px;
    direction: ltr;
    text-align: right
}

.recent-request-copy em {
    font-style: normal;
    color: var(--muted);
    font-size: 9px
}

.recent-request>i {
    color: var(--muted);
    font-size: 11px
}

.recent-widget .news-empty {
    padding: 24px 6px
}

.quick-links>a {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 12px 2px;
    border-top: 1px solid var(--line);
    font-size: 10px
}

.quick-links>a>i {
    color: var(--brand)
}

.quick-links>a>span {
    margin-right: auto;
    color: var(--muted)
}

.revenue-widget>strong {
    font-size: 27px;
    color: var(--brand)
}

.revenue-widget>strong small {
    font-size: 11px
}

.revenue-widget>p {
    font-size: 10px;
    line-height: 1.8;
    color: var(--muted);
    margin: 7px 0 0
}

.widget-period {
    font-size: 9px;
    color: var(--muted)
}

.compact-service-list {
    display: grid
}

.compact-service {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 0;
    border-top: 1px solid var(--line)
}

.compact-service .service-icon {
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    font-size: 17px
}

.compact-service>span:nth-child(2) {
    display: grid;
    gap: 4px;
    min-width: 0;
    flex: 1
}

.compact-service b {
    font-size: 10px
}

.compact-service small {
    font-size: 9px;
    color: var(--muted)
}

.compact-service>i {
    color: var(--muted)
}

@media(max-width: 1100px) {
    .manager-home-layout,.role-dashboard-layout{grid-template-columns:minmax(270px,.8fr) minmax(0,1.4fr);gap:16px}
    .manager-dashboard-grid {
        grid-template-columns:minmax(0,1fr) 270px
    }

    .manager-dashboard-main {
        padding-right: 24px;
        padding-left: 24px
    }
}

@media(max-width: 900px) {
    .manager-home-layout,.role-dashboard-layout{grid-template-columns:minmax(0,1fr)}
    .manager-home-right,.role-dashboard-right{order:1}
    .manager-home-left,.role-dashboard-left{order:2}
    .manager-dashboard-grid {
        grid-template-columns:1fr
    }

    .manager-dashboard-rail {
        grid-template-columns: repeat(auto-fit,minmax(260px,1fr))
    }
}

@media(max-width:700px){.role-dashboard-right .manager-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

@media(max-width: 760px) {
    .manager-home-layout,.role-dashboard-layout{gap:14px}
    .admin-dashboard-shell .sidebar {
        position:relative;
        inset: auto;
        width: 100%;
        height: auto;
        padding: 12px 14px;
        display: grid;
        grid-template-columns: 1fr auto;
        align-items: center;
        gap: 8px
    }

    .admin-dashboard-shell .side-user {
        display: none
    }

    .admin-dashboard-shell .side-nav {
        grid-column: 1/-1;
        display: flex;
        overflow: auto;
        gap: 4px
    }

    .admin-dashboard-shell .side-link {
        white-space: nowrap;
        padding: 9px 10px;
        font-size: 10px
    }

    .admin-dashboard-shell .sidebar-bottom {
        position: static;
        display: flex;
        gap: 4px;
        grid-column: 1/-1;
        margin: 0
    }

    .admin-dashboard-shell .sidebar-bottom form {
        display: flex
    }

    .admin-dashboard-shell .sidebar-bottom .side-link {
        width: auto
    }

    .manager-dashboard-main {
        margin: 0;
        padding: 0 14px 26px
    }

    .manager-overview {
        padding: 21px;
        min-height: 0
    }

    .manager-overview h2 {
        font-size: 18px
    }

    .overview-total {
        min-width: 105px;
        padding: 12px
    }

    .overview-total strong {
        font-size: 24px
    }

    .admin-dashboard-shell .dashboard-topbar {
        height: auto;
        min-height: 76px
    }

    .admin-dashboard-shell .date-chip {
        display: inline-flex;
        font-size: 8px;
        padding: 7px 8px
    }

    .manager-kpis {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }

    .dashboard-widget {
        padding: 15px
    }
}

@media(max-width: 430px) {
    .manager-overview {
        align-items:flex-start;
        flex-direction: column
    }

    .overview-total {
        width: 100%;
        grid-template-columns: 1fr auto;
        align-items: center
    }

    .overview-total strong {
        grid-column: 2;
        grid-row: 1/3
    }

    .overview-total span {
        grid-column: 1
    }

    .admin-dashboard-shell .date-chip {
        display: none
    }

    .status-legend {
        gap: 8px 11px
    }
}

/* iOS-style account status switch */
.user-status-form { margin: 0; }
.ios-switch-control { display: inline-flex; align-items: center; gap: 9px; cursor: pointer; white-space: nowrap; }
.ios-switch-control > input { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.ios-switch {position: relative;display: inline-block;flex: 0 0 30px;width: 30px;height: 16px;border-radius: 999px;background: #a6a6ad;transition: background-color .2s ease;}
.ios-switch::after {content: "";position: absolute;top: 3px;right: -1px;width: 11px;height: 11px;border-radius: 50%;background: #fff;box-shadow: 0 1px 3px #0003;transition: transform .2s ease;}
.ios-switch-control input:checked + .ios-switch { background: #34c759; }
.ios-switch-control input:checked + .ios-switch::after { transform: translateX(-18px); }
.ios-switch-control input:focus-visible + .ios-switch { outline: 3px solid color-mix(in srgb,var(--brand,#7451a0) 42%,transparent); outline-offset: 2px; }
.ios-switch-control input:disabled + .ios-switch { opacity: .6; }
.user-unverified { color: var(--muted,#777); }

.user-row-actions { display: flex; align-items: center; gap: 7px; flex-wrap: wrap; }
.user-row-actions .button { min-height: 36px; padding: 7px 11px; font-size: 11px; }