:root{
    --dash-bg:#f9fafb;
    --dash-bg-soft:#f9fafb;
    --dash-surface:#f9fafb;
    --dash-surface-soft:#f9fafb;
    --dash-surface-muted:#f9fafb;
    --dash-border:#dbe6f2;
    --dash-border-strong:#c7d8ea;
    --dash-text:#10233d;
    --dash-text-soft:#5f738d;
    --dash-text-faint:#8ea1b8;
    --dash-primary:#1789d4;
    --dash-primary-dark:#0f5fbc;
    --dash-primary-soft:rgba(23,120,229,.10);
    --dash-primary-soft-strong:rgba(23,120,229,.16);
    --dash-success:#18b26b;
    --dash-success-dark:#0f8d55;
    --dash-success-soft:rgba(24,178,107,.12);
    --dash-success-soft-strong:rgba(24,178,107,.18);
    --dash-warning:#f59e0b;
    --dash-warning-soft:rgba(245,158,11,.12);
    --dash-danger:#ea4d5a;
    --dash-danger-soft:rgba(234,77,90,.12);
    --dash-neutral:#e8eef5;
    --dash-neutral-text:#607289;
    --dash-shadow:0 20px 40px rgba(15,23,42,.08);
    --dash-shadow-soft:0 12px 24px rgba(15,23,42,.05);
    --dash-radius-xl:0px;
    --dash-radius-lg:0px;
    --dash-radius-md:0px;
    --dash-radius-sm:0px;
    --value-md-size:clamp(1.5rem, 1.14rem + .9vw, 2.2rem);
    --value-md-line-height:1.04;
}

*{
    box-sizing:border-box;
}

html,
body{
    margin:0;
    padding:0;
}

body{
    position:relative;
    color:var(--dash-text);
    font-family:"IBM Plex Sans", sans-serif;
    background:var(--dash-bg);
}

body::before{
    content:none;
}

.app-shell{
    position:relative;
    z-index:1;
}

.app-main{
    position:relative;
    z-index:1;
    width:100%;
    max-width:1400px;
    margin:0 auto;
    min-width:0;
    padding:0 24px 32px;
}

.card-clean,
.meta-dia-card-v2,
.sales-panel-card,
.kpi-card,
.section-card,
.commission-panel-modern,
.summary-card-clean{
    position:relative;
    overflow:hidden;
    min-width:0;
    border:1px solid var(--dash-border);
    background:
        radial-gradient(circle at top right, rgba(23,120,229,.08), transparent 30%),
        linear-gradient(180deg, rgba(255,255,255,.95) 0%, rgba(247,251,255,.94) 100%);
    box-shadow:var(--dash-shadow);
}

.card-clean::before,
.meta-dia-card-v2::before,
.sales-panel-card::before,
.kpi-card::before,
.section-card::before,
.category-box-clean::before,
.commission-panel-modern::before,
.commission-box-clean::before,
.summary-card-clean::before{
    content:"";
    position:absolute;
    inset:0 auto auto 0;
    width:100%;
    height:3px;
    background:linear-gradient(90deg, var(--dash-primary) 0%, var(--dash-success) 100%);
    opacity:.92;
}

.card-label,
.meta-dia-v3-label,
.sales-mini-label,
.commission-box-category{
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:var(--dash-text-soft);
    font-size:11px;
    font-weight:700;
    letter-spacing:.16em;
    text-transform:uppercase;
}

.card-label::before,
.meta-dia-v3-label::before{
    content:"";
    width:8px;
    height:8px;
    flex:0 0 auto;
    background:linear-gradient(180deg, #50b4ff 0%, var(--dash-primary) 100%);
    box-shadow:0 0 0 5px rgba(23,120,229,.08);
}

.value-md{
    margin:0;
    color:var(--dash-text);
    font-size:clamp(0.8rem, 1.0rem + .9vw, 1.2rem);
    line-height:1.04;
    letter-spacing:-.04em;
    font-weight:700;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    font-variant-numeric:tabular-nums;
}

.muted-line{
    margin:0;
    color:var(--dash-text-soft);
    font-size:13px;
    line-height:1.55;
}

.success{
    color:var(--dash-success-dark);
}

.dashboard-grid-top{
    display:grid;
    grid-template-columns:minmax(336px, 1.28fr) repeat(3, minmax(0, 1fr));
    gap:18px;
    margin-bottom:18px;
    align-items:stretch;
}

.kpi-grid-clean{
    display:grid;
    grid-template-columns:repeat(5, minmax(0, 1fr));
    gap:16px;
    margin-bottom:18px;
}

.content-two-col{
    display:grid;
    grid-template-columns:minmax(0, 1.75fr) minmax(300px, .95fr);
    gap:18px;
    margin-bottom:18px;
    align-items:start;
}

.commission-grid-clean{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:14px;
}

.category-grid-clean{
    display:grid;
    grid-template-columns:repeat(5, minmax(0, 1fr));
    gap:14px;
}

.summary-column-clean{
    display:grid;
    gap:16px;
}

.content-two-col:has(.team-day-panel){
    grid-template-columns:minmax(0, 1.75fr) minmax(300px, .95fr);
    gap:22px;
}

.content-two-col:has(.team-day-panel) .summary-column-clean{
    grid-template-columns:1fr;
    gap:18px;
}

.content-two-col:has(.team-day-panel) .summary-card-clean--chart{
    grid-column:auto;
}

.meta-dia-card-v2{
    padding:22px;
    display:flex;
    flex-direction:column;
    gap:20px;
}

.meta-dia-v3-top{
    display:grid;
    grid-template-columns:minmax(0, 1fr) 164px;
    gap:18px;
    align-items:center;
}

.meta-dia-v3-copy{
    min-width:0;
}

.meta-dia-v3-title{
    margin:12px 0 0;
    color:var(--dash-text);
    font-size:clamp(0.8rem, 1.0rem + 1vw, 1.7rem);
    line-height:1;
    letter-spacing:-.05em;
    font-weight:600;
    font-variant-numeric:tabular-nums;
}

.meta-dia-v3-sub{
    margin:10px 0 0;
    max-width:40ch;
    color:var(--dash-text-soft);
    font-size:14px;
    line-height:1.55;
}

.meta-dia-v3-sub strong{
    color:var(--dash-text);
    font-weight:600;
}

.meta-dia-v3-sub--spaced{
    margin-top:10px;
}

.meta-dia-v3-status{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:34px;
    margin-top:14px;
    padding:0 14px;
    border:1px solid transparent;
    font-size:12px;
    font-weight:700;
    white-space:nowrap;
}

.meta-dia-v3-status.is-success{
    color:var(--dash-success-dark);
    background:var(--dash-success-soft);
    border-color:rgba(24,178,107,.18);
}

.meta-dia-v3-status.is-primary{
    color:var(--dash-primary);
    background:var(--dash-primary-soft);
    border-color:rgba(23,120,229,.18);
}

.meta-dia-v3-status.is-neutral{
    color:var(--dash-neutral-text);
    background:#f0f5fa;
    border-color:#dbe7f2;
}

.meta-dia-v3-gauge{
    --gauge-percent:0;
    position:relative;
    width:164px;
    height:164px;
    margin-left:auto;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:visible;
}

.meta-dia-v3-gauge-arc{
    width:164px;
    height:164px;
    border-radius:50% !important;
    background:
        conic-gradient(
            from -90deg,
            var(--dash-primary) 0deg,
            #39b27c calc(var(--gauge-percent) * 3.6deg),
            #d7e4f2 calc(var(--gauge-percent) * 3.6deg),
            #d7e4f2 360deg
        );
    -webkit-mask:radial-gradient(farthest-side, transparent calc(100% - 16px), #000 calc(100% - 15px));
    mask:radial-gradient(farthest-side, transparent calc(100% - 16px), #000 calc(100% - 15px));
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.55);
}

.meta-dia-v3-gauge-center{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%, -50%);
    width:112px;
    height:112px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:4px;
    border:1px solid var(--dash-border);
    border-radius:50% !important;
    background:linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
    text-align:center;
    box-shadow:0 12px 24px rgba(15,23,42,.08);
}

.meta-dia-v3-gauge-center strong{
    color:var(--dash-primary-dark);
    font-size:clamp(1.3rem, 1.05rem + .5vw, 1.6rem);
    line-height:1;
    font-weight:700;
    letter-spacing:-.04em;
}

.meta-dia-v3-gauge-center span{
    color:var(--dash-text-faint);
    font-size:10px;
    font-weight:700;
    letter-spacing:.16em;
    text-transform:uppercase;
}

.meta-dia-v3-progress{
    display:none;
}

.meta-dia-v3-progress-head,
.summary-progress-head,
.category-box-foot-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
}

.meta-dia-v3-progress-head span,
.summary-progress-head span,
.category-box-foot-head span{
    color:var(--dash-text-soft);
    font-size:13px;
    line-height:1.4;
}

.meta-dia-v3-progress-head strong,
.summary-progress-head strong,
.category-box-foot-head strong{
    color:var(--dash-text);
    font-size:13px;
    line-height:1.4;
    font-weight:700;
}

.meta-dia-v3-track,
.category-box-progress,
.progress-clean,
.summary-bars-track{
    position:relative;
    height:10px;
    margin-top:12px;
    overflow:hidden;
    background:linear-gradient(180deg, #ebf2f9 0%, #dfe8f2 100%);
}

.meta-dia-v3-fill,
.category-box-progress-bar,
.progress-clean-bar,
.summary-bars-fill{
    height:100%;
    background:linear-gradient(90deg, var(--dash-primary) 0%, var(--dash-success) 100%);
    box-shadow:0 8px 18px rgba(23,120,229,.24);
}

.meta-dia-v3-fill,
.category-box-progress-bar,
.progress-clean-bar{
    width:var(--target-width, 0%);
    transition:width .85s cubic-bezier(.2, .8, .2, 1);
}

.meta-dia-v3-grid{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:12px;
}

.meta-dia-v3-item{
    min-height:66px;
    padding:14px 16px;
    border:1px solid var(--dash-border);
    border-radius:var(--dash-radius-md);
    background:linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
}

.meta-dia-v3-item small{
    display:block;
    margin-bottom:6px;
    color:var(--dash-text-faint);
    font-size:11px;
    font-weight:700;
    letter-spacing:.12em;
    text-transform:uppercase;
}

.meta-dia-v3-item strong{
    display:block;
    color:var(--dash-text);
    font-size:clamp(.98rem, .88rem + .3vw, 1.08rem);
    line-height:1.35;
    font-weight:600;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    font-variant-numeric:tabular-nums;
}

.sales-panel-card{
    grid-column:span 3;
    --sales-panel-column-min:220px;
    padding:18px;
    display:grid;
    gap:18px;
    align-content:start;
}

.sales-panel-head{
    display:grid;
    grid-template-columns:minmax(0, 1fr) minmax(360px, 420px);
    align-items:flex-start;
    gap:16px;
}

.sales-panel-head > *{
    min-width:0;
}

.sales-panel-head h3{
    margin:6px 0 0;
    color:var(--dash-text);
    font-size:clamp(1.0rem, 1.08rem + .42vw, 1.7rem);
    line-height:1.05;
    font-weight:600;
    letter-spacing:-.03em;
}

.section-head h3,
.summary-card-clean h3{
    margin:8px 0 0;
    color:var(--dash-text);
    font-size:clamp(1.2rem, 1.02rem + .45vw, 1.48rem);
    line-height:1.2;
    font-weight:600;
    letter-spacing:-.03em;
}

.sales-panel-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:34px;
    padding:0 14px;
    border:1px solid rgba(23,120,229,.18);
    background:rgba(23,120,229,.10);
    color:var(--dash-primary);
    font-size:12px;
    font-weight:700;
    white-space:nowrap;
}

.sales-panel-filter-form{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    align-items:start;
    gap:8px;
    width:100%;
    min-width:0;
    max-width:none;
    flex:initial;
    align-self:start;
    justify-self:end;
}

.sales-panel-filter-form--single .sales-panel-select-clean{
    grid-column:2;
}

.dashboard-filter-form{
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
}

.dashboard-date-input{
    min-width:168px;
}

.dashboard-filter-link{
    color:var(--dash-primary);
    font-size:13px;
    font-weight:700;
    text-decoration:none;
}

.dashboard-filter-link:hover{
    text-decoration:underline;
}

.sales-panel-select-clean{
    width:100%;
    min-width:0;
}

.sales-panel-grid{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:12px;
    align-items:stretch;
}

.sales-panel-grid > .sales-mini-card{
    height:100%;
}

.sales-mini-card{
    position:relative;
    min-width:0;
    min-height:112px;
    padding:13px 14px 12px;
    border:1px solid var(--dash-border);
    border-radius:var(--dash-radius-lg);
    background:linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
    box-shadow:0 10px 24px rgba(15,23,42,.04);
    display:grid;
    gap:10px;
    align-content:start;
}

.sales-mini-card--highlight{
    border-color:rgba(23,120,229,.28);
    background:
        radial-gradient(circle at top right, rgba(23,120,229,.10), transparent 36%),
        linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(240,248,255,.96) 100%);
}

.sales-mini-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
}

.sales-mini-top-left{
    display:flex;
    align-items:center;
    gap:10px;
    min-width:0;
}

.sales-mini-dot{
    width:8px;
    height:8px;
    flex:0 0 auto;
    background:linear-gradient(180deg, #56b6ff 0%, var(--dash-primary) 100%);
    box-shadow:0 0 0 5px rgba(23,120,229,.08);
}

.sales-mini-side{
    display:grid;
    align-items:center;
    gap:8px;
    flex:0 0 auto;
}

.sales-mini-icon,
.kpi-card-icon{
    width:30px;
    height:30px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
    border:1px solid rgba(23,120,229,.14);
    border-radius:12px;
    background:linear-gradient(180deg, rgba(23,120,229,.10) 0%, rgba(23,120,229,.04) 100%);
    color:var(--dash-primary);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
}

.sales-mini-icon svg,
.kpi-card-icon svg{
    width:16px;
    height:16px;
    display:block;
    stroke:currentColor;
    fill:none;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.sales-mini-value-row{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    flex-wrap:wrap;
    gap:8px;
    margin-top:0;
    min-width:0;
}

.sales-mini-value{
    color:var(--dash-text);
    font-size:clamp(16px, 1.35vw, 18px);
    line-height:1;
    letter-spacing:-.04em;
    font-weight:800;
    min-width:0;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    word-break:normal;
    font-variant-numeric:tabular-nums;
}

.sales-mini-sub{
    margin-top:0;
    color:var(--dash-text-soft);
    font-size:12px;
    line-height:1.55;
    min-height:0;
}

.sales-mini-team-sub,
.sales-mini-store-sub{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:8px;
}

.sales-mini-card:has(.sales-mini-team-sub),
.sales-mini-card:has(.sales-mini-store-sub){
    border-color:rgba(24,178,107,.18);
    background:
        radial-gradient(circle at top right, rgba(24,178,107,.12), transparent 36%),
        linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(242,251,247,.96) 100%);
}

.sales-mini-card:has(.sales-mini-team-sub) .sales-mini-label,
.sales-mini-card:has(.sales-mini-store-sub) .sales-mini-label{
    display:none;
}

.sales-mini-card:has(.sales-mini-team-sub) .sales-mini-top-left::after{
    content:"Equipe no dia";
    color:var(--dash-text-soft);
    font-size:12px;
    line-height:1.35;
    letter-spacing:.09em;
    font-weight:800;
    text-transform:uppercase;
}

.sales-mini-card:has(.sales-mini-store-sub) .sales-mini-top-left::after{
    content:"Lojas no dia";
    color:var(--dash-text-soft);
    font-size:12px;
    line-height:1.35;
    letter-spacing:.09em;
    font-weight:800;
    text-transform:uppercase;
}

.sales-mini-card:has(.sales-mini-team-sub) > .sales-mini-sub:last-of-type,
.sales-mini-card:has(.sales-mini-store-sub) > .sales-mini-sub:last-of-type{
    display:none;
}

.sales-mini-delta,
.category-box-badge,
.commission-box-status,
.commission-box-caption-pill{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    min-height:28px;
    padding:0 10px;
    border:1px solid transparent;
    font-size:11px;
    font-weight:700;
    letter-spacing:.04em;
    white-space:nowrap;
}

.sales-mini-delta--inline{
    min-height:26px;
}

.sales-mini-delta-arrow{
    font-size:12px;
    line-height:1;
}

.sales-mini-label{
    display:block;
    color:var(--dash-text-soft);
    font-size:12px;
    line-height:1.35;
    letter-spacing:.09em;
    font-weight:800;
    text-transform:uppercase;
}

.kpi-card{
    padding:18px;
    min-height:170px;
    display:flex;
    flex-direction:column;
    gap:16px;
}

.kpi-card-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
}

.kpi-card-value-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    min-width:0;
}

.kpi-card-value-row,
.kpi-card-value-row h3{
    min-width:0;
    flex:1 1 auto;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.kpi-card-sparkline{
    width:82px;
    height:32px;
    flex:0 0 auto;
    display:flex;
    align-items:center;
    justify-content:flex-end;
}

.kpi-card-sparkline path{
    fill:none;
    stroke:var(--dash-primary);
    stroke-width:2.4;
    stroke-linecap:round;
}

.kpi-card-sparkline .shadow{
    stroke:rgba(23,120,229,.14);
    stroke-width:8;
}

.kpi-card-foot{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-top:auto;
    padding-top:14px;
    border-top:1px solid var(--dash-border);
}

.kpi-card-foot span{
    color:var(--dash-text-faint);
    font-size:11px;
    font-weight:700;
    letter-spacing:.12em;
    text-transform:uppercase;
}

.kpi-card-foot strong{
    color:var(--dash-primary);
    font-size:12px;
    font-weight:600;
}

.section-card,
.commission-panel-modern{
    padding:22px;
}

.section-card{
    margin-bottom:18px;
}

.section-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:14px;
    margin-bottom:18px;
}

.category-box-clean,
.commission-box-clean{
    position:relative;
    min-width:0;
    padding:18px;
    border:1px solid var(--dash-border);
    border-radius:var(--dash-radius-lg);
    background:linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    box-shadow:0 10px 24px rgba(15,23,42,.04);
}

.category-box-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
    margin-bottom:16px;
}

.category-box-head h4{
    margin:0;
    color:var(--dash-text);
    font-size:clamp(0.7rem, 0.95rem + 0.18vw, 0.9rem);
    line-height:1.2;
    letter-spacing:.08em;
    text-transform:uppercase;
    font-weight:700;
}

.category-box-values{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:12px;
}

.category-box-item{
    padding:12px;
    border:1px solid var(--dash-border);
    border-radius:var(--dash-radius-sm);
    background:linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
}

.category-box-item small{
    display:block;
    color:var(--dash-text-faint);
    font-size:10px;
    font-weight:700;
    letter-spacing:.12em;
    text-transform:uppercase;
}

.category-box-item strong{
    display:block;
    margin-top:8px;
    color:var(--dash-text);
    font-size:clamp(.50rem, .9rem + .18vw, 0.85rem);
    line-height:1.35;
    font-weight:600;
}

.category-box-item strong.is-danger{
    color:var(--dash-danger);
}

.category-box-item strong.is-success{
    color:var(--dash-success-dark);
}

.category-box-foot{
    margin-top:16px;
    padding-top:16px;
    border-top:1px solid var(--dash-border);
}

.commission-panel-modern{
    display:flex;
    flex-direction:column;
    gap:0;
}

.commission-box-clean{
    display:flex;
    flex-direction:column;
    gap:16px;
    min-height:220px;
}

.commission-box-clean--success::before{
    background:linear-gradient(90deg, var(--dash-success) 0%, #44d58f 100%);
}

.commission-box-clean--warning::before{
    background:linear-gradient(90deg, var(--dash-primary) 0%, #4eb2ff 100%);
}

.commission-box-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
}

.commission-box-head-main{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
    width:100%;
}

.commission-box-tags{
    display:flex;
    align-items:center;
    justify-content:flex-end;
}

.commission-box-body{
    display:flex;
    flex:1;
    flex-direction:column;
    gap:14px;
}

.commission-box-amounts{
    display:grid;
    gap:12px;
}

.commission-box-primary,
.commission-bonus-card{
    padding:14px 16px;
    border-radius:var(--dash-radius-md);
    border:1px solid var(--dash-border);
    background:linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
}

.commission-box-primary.is-success,
.commission-bonus-card.is-success{
    border-color:rgba(24,178,107,.18);
    background:linear-gradient(180deg, rgba(24,178,107,.10) 0%, rgba(24,178,107,.05) 100%);
}

.commission-box-primary.is-accent,
.commission-bonus-card.is-accent{
    border-color:rgba(23,120,229,.18);
    background:linear-gradient(180deg, rgba(23,120,229,.10) 0%, rgba(23,120,229,.05) 100%);
}

.commission-box-primary{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
}

.commission-box-amount-label,
.commission-bonus-card-label{
    display:block;
    flex:0 0 auto;
    color:var(--dash-text-faint);
    font-size:11px;
    font-weight:700;
    letter-spacing:.12em;
    text-transform:uppercase;
}

.commission-box-value-row{
    display:flex;
    align-items:baseline;
    justify-content:flex-end;
    gap:10px;
    margin-top:0;
    min-width:0;
}

.commission-box-value-row strong,
.commission-bonus-inline strong,
.commission-inline-text{
    color:var(--dash-text);
    font-size:clamp(1.02rem, .95rem + .3vw, 1.2rem);
    line-height:1.1;
    font-weight:700;
    letter-spacing:0;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    font-variant-numeric:tabular-nums;
}

.commission-bonus-card{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
}

.commission-bonus-inline.is-success strong,
.commission-inline-text{
    color:var(--dash-success-dark);
}

.commission-bonus-inline.is-accent strong{
    color:var(--dash-text);
}

.commission-box-caption-wrap{
    margin-top:0;
    width:100%;
    min-width:0;
    display:flex;
    align-items:stretch;
}

.commission-box-caption-wrap .commission-box-caption-pill{
    width:100%;
    max-width:100%;
    min-width:0;
    justify-content:flex-start;
    text-align:left;
    white-space:normal;
    line-height:1.3;
    overflow-wrap:anywhere;
}

.team-day-panel{
    display:flex;
    flex-direction:column;
    gap:20px;
    background:
        radial-gradient(circle at top right, rgba(23,120,229,.10), transparent 28%),
        radial-gradient(circle at bottom left, rgba(24,178,107,.10), transparent 24%),
        linear-gradient(180deg, rgba(255,255,255,.97) 0%, rgba(246,250,255,.96) 100%);
}

.team-day-panel .section-head{
    flex-wrap:wrap;
}

.team-day-panel .section-head > div:first-child{
    flex:1 1 220px;
    min-width:0;
}

.team-day-head-stats{
    display:flex;
    flex:1 1 280px;
    align-items:center;
    justify-content:flex-end;
    flex-wrap:wrap;
    gap:8px;
    min-width:0;
}

.team-day-head-copy{
    margin:-6px 0 2px;
    color:var(--dash-text-soft);
    font-size:13px;
    line-height:1.6;
}

.team-day-list{
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(min(100%, 220px), 1fr));
    gap:14px;
    align-items:stretch;
}

.team-day-row{
    position:relative;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    gap:14px;
    min-width:0;
    min-height:248px;
    padding:14px;
    border:1px solid var(--dash-border);
    border-radius:var(--dash-radius-lg);
    background:
        radial-gradient(circle at top right, rgba(23,120,229,.10), transparent 34%),
        linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(247,251,255,.96) 100%);
    box-shadow:0 14px 28px rgba(15,23,42,.06);
}

.team-day-row::before{
    content:"";
    position:absolute;
    inset:0 auto auto 0;
    width:100%;
    height:3px;
    background:linear-gradient(90deg, var(--dash-primary) 0%, var(--dash-success) 100%);
    opacity:.92;
}

.team-day-row--is-success{
    border-color:rgba(24,178,107,.24);
    background:
        radial-gradient(circle at top right, rgba(24,178,107,.16), transparent 36%),
        linear-gradient(180deg, rgba(255,255,255,.99) 0%, rgba(241,252,247,.97) 100%);
}

.team-day-row--is-success::before{
    background:linear-gradient(90deg, var(--dash-success) 0%, #58d59a 100%);
}

.team-day-row--is-warning{
    border-color:rgba(245,158,11,.22);
    background:
        radial-gradient(circle at top right, rgba(245,158,11,.14), transparent 34%),
        linear-gradient(180deg, rgba(255,255,255,.99) 0%, rgba(255,249,239,.97) 100%);
}

.team-day-row--is-warning::before{
    background:linear-gradient(90deg, var(--dash-warning) 0%, #f7b84d 100%);
}

.team-day-row--is-danger{
    border-color:rgba(234,77,90,.2);
    background:
        radial-gradient(circle at top right, rgba(234,77,90,.12), transparent 34%),
        linear-gradient(180deg, rgba(255,255,255,.99) 0%, rgba(255,246,247,.97) 100%);
}

.team-day-row--is-danger::before{
    background:linear-gradient(90deg, var(--dash-danger) 0%, #ff7a86 100%);
}

.team-day-row--is-neutral{
    border-color:rgba(143,161,184,.24);
}

.team-day-row--is-neutral::before{
    background:linear-gradient(90deg, #94a3b8 0%, #cbd5e1 100%);
}

.team-day-row-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
    flex-wrap:wrap;
}

.team-day-row-head .commission-box-status{
    max-width:100%;
    justify-content:flex-start;
    white-space:normal;
    text-align:left;
    line-height:1.3;
}

.team-day-row-identity{
    min-width:0;
}

.team-day-row-head strong{
    display:block;
    margin-top:0;
    color:var(--dash-text);
    font-size:14px;
    line-height:1.2;
    font-weight:700;
    letter-spacing:-.02em;
    overflow-wrap:anywhere;
}

.team-day-row-id{
    display:block;
    margin-top:3px;
    color:var(--dash-text-faint);
    font-size:11px;
    font-weight:700;
    letter-spacing:.08em;
}

.team-day-row-metrics{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
    margin-top:2px;
}

.team-day-metric{
    padding:10px;
    border:1px solid var(--dash-border);
    border-radius:var(--dash-radius-sm);
    background:linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(244,249,255,.96) 100%);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
}

.team-day-metric small{
    display:block;
    color:var(--dash-text-faint);
    font-size:10px;
    font-weight:700;
    letter-spacing:.12em;
    text-transform:uppercase;
}

.team-day-metric strong{
    display:block;
    margin-top:6px;
    color:var(--dash-text);
    font-size:13px;
    line-height:1.3;
    font-weight:700;
    overflow-wrap:anywhere;
}

.team-day-progress-head{
    margin-top:auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    color:var(--dash-text-soft);
    font-size:12px;
}

.team-day-progress-head strong{
    color:var(--dash-primary);
    font-size:12px;
    font-weight:700;
}

.team-day-note{
    padding-top:10px;
    border-top:1px solid rgba(207,221,235,.7);
    font-size:12px;
}

.team-day-panel .muted-line{
    margin-top:0;
}

.team-day-empty{
    margin:0;
    color:var(--dash-text-soft);
    font-size:14px;
    line-height:1.6;
}

@media (min-width: 1680px){
    .app-main{
        max-width:1400px;
        margin:0 auto;
        padding:0 30px 38px;
    }

    .dashboard-grid-top{
        grid-template-columns:minmax(356px, 1.24fr) repeat(3, minmax(0, 1fr));
        gap:20px;
    }

    .meta-dia-card-v2,
    .sales-panel-card,
    .section-card,
    .commission-panel-modern,
    .summary-card-clean{
        padding:22px;
    }

    .sales-panel-card{
        gap:20px;
    }

    .sales-panel-filter-form{
        min-width:0;
        max-width:none;
        flex-basis:auto;
    }

    .sales-panel-grid{
        gap:14px;
    }

    .sales-mini-card{
        min-height:118px;
        padding:14px 15px 13px;
    }

    .kpi-grid-clean{
        gap:18px;
    }

    .content-two-col{
        grid-template-columns:minmax(0, 1.72fr) minmax(320px, .9fr);
        gap:20px;
    }

    .summary-column-clean{
        gap:18px;
    }
}

.summary-card-clean{
    padding:20px;
    min-height:170px;
    display:flex;
    flex-direction:column;
    gap:14px;
}

.summary-card-clean--chart{
    min-height:280px;
}

.summary-card-clean h3{
    margin-top:2px;
}

.progress-clean{
    margin-top:2px;
}

.summary-bars-card-subtitle{
    color:var(--dash-text-soft);
    font-size:13px;
    line-height:1.5;
}

.summary-bars-chart{
    display:grid;
    gap:12px;
    margin-top:2px;
}

.summary-bars-row{
    display:grid;
    grid-template-columns:46px minmax(0, 1fr) auto;
    align-items:center;
    gap:10px;
}

.summary-bars-date{
    color:var(--dash-text-faint);
    font-size:12px;
    font-weight:700;
    letter-spacing:.08em;
}

.summary-bars-track{
    margin-top:0;
    height:12px;
}

.summary-bars-fill{
    width:var(--summary-bar-width, 0%);
}

.summary-bars-value{
    color:var(--dash-text);
    font-size:12px;
    font-weight:600;
    text-align:right;
    white-space:nowrap;
}

.summary-bars-empty{
    margin:0;
    color:var(--dash-text-soft);
    font-size:13px;
    line-height:1.6;
}

.sales-mini-delta.is-success,
.category-box-badge.is-success,
.commission-box-status.is-success,
.commission-box-caption-pill.is-success{
    color:var(--dash-success-dark);
    background:var(--dash-success-soft);
    border-color:rgba(24,178,107,.18);
}

.sales-mini-delta.is-warning,
.category-box-badge.is-warning,
.commission-box-status.is-warning,
.commission-box-caption-pill.is-warning{
    color: var(--dash-primary);
    background: #eaf2fd;
    border-color: rgba(23,120,229,.18);
}

.sales-mini-delta.is-danger,
.category-box-badge.is-danger,
.commission-box-status.is-danger,
.commission-box-caption-pill.is-danger{
    color:#ea4d5a;
    background:var(--dash-danger-soft);
    border-color:rgba(234,77,90,.18);
}

.sales-mini-delta.is-neutral,
.category-box-badge.is-neutral,
.commission-box-status.is-neutral,
.commission-box-caption-pill.is-neutral{
    color:var(--dash-neutral-text);
    background:#f9fafb;
    border-color:#dce7f1;
}

.sales-mini-delta.is-accent,
.category-box-badge.is-accent,
.commission-box-status.is-accent,
.commission-box-caption-pill.is-accent{
    color:var(--dash-primary);
    background:var(--dash-primary-soft);
    border-color:rgba(23,120,229,.18);
}

.sales-mini-delta.is-positive,
.sales-mini-delta.is-success{
    color:var(--dash-success-dark);
    background:var(--dash-success-soft);
    border-color:rgba(24,178,107,.18);
}

.sales-mini-delta.is-negative,
.sales-mini-delta.is-danger{
    color:#ea4d5a;
    background:var(--dash-danger-soft);
    border-color:rgba(234,77,90,.18);
}

.sales-mini-delta.is-neutral,
.sales-mini-delta.is-warning{
    color:#d97706;
    background:var(--dash-warning-soft);
    border-color:rgba(245,158,11,.22);
}

@media (max-width: 1440px) and (max-height: 900px){
    .app-main{
        padding:0 18px 24px;
    }

    .dashboard-grid-top,
    .kpi-grid-clean,
    .content-two-col,
    .commission-grid-clean,
    .category-grid-clean,
    .summary-column-clean{
        gap:14px;
    }

    .meta-dia-card-v2,
    .sales-panel-card,
    .kpi-card,
    .section-card,
    .commission-panel-modern,
    .summary-card-clean{
        padding:16px;
    }

    .sales-mini-card,
    .category-box-clean,
    .commission-box-clean{
        padding:14px;
    }


    .meta-dia-v3-top{
        grid-template-columns:minmax(0, 1fr) 148px;
        gap:14px;
    }

    .meta-dia-v3-gauge{
        width:148px;
        height:148px;
    }

    .meta-dia-v3-gauge-arc{
        width:148px;
        height:148px;
    }

    .meta-dia-v3-gauge-center{
        width:100px;
        height:100px;
    }

    .meta-dia-v3-grid{
        grid-template-columns:repeat(2, minmax(0, 1fr));
        gap:10px;
    }

    .meta-dia-v3-item{
        padding:12px 13px;
    }

    .sales-panel-head h3{
        font-size:clamp(1.18rem, 1rem + .35vw, 1.42rem);
    }

    .sales-panel-head{
        grid-template-columns:minmax(0, 1fr) minmax(340px, 390px);
    }

    .sales-panel-filter-form{
        min-width:0;
        max-width:none;
        flex-basis:auto;
    }

    .sales-panel-grid{
        gap:10px;
    }

    .section-head h3,
    .summary-card-clean h3{
        font-size:clamp(1.08rem, .96rem + .28vw, 1.26rem);
    }

    .sales-mini-card{
        min-height:96px;
        gap:8px;
    }

    .sales-mini-icon,
    .kpi-card-icon{
        width:28px;
        height:28px;
        border-radius:10px;
    }

    .sales-mini-value{
        font-size:clamp(15px, 1.2vw, 17px);
    }

    .sales-mini-sub{
        font-size:12px;
        line-height:1.45;
    }

    .kpi-card{
        min-height:148px;
        gap:12px;
    }

    .kpi-card-value-row{
        gap:8px;
    }

    .kpi-card-foot{
        flex-wrap:wrap;
        row-gap:6px;
    }

    .kpi-card-sparkline{
        width:56px;
        height:24px;
        opacity:.78;
    }

    .muted-line{
        font-size:12px;
        line-height:1.45;
    }

    .category-box-head{
        margin-bottom:12px;
    }

    .category-box-values{
        gap:10px;
    }

    .category-box-item{
        padding:10px;
    }

    .commission-box-clean{
        min-height:188px;
        gap:12px;
    }

    .commission-box-primary,
    .commission-bonus-card{
        padding:12px 13px;
    }

    .commission-box-caption-wrap .commission-box-caption-pill{
        width:100%;
        max-width:100%;
        padding:7px 10px;
        min-height:auto;
        white-space:normal;
        line-height:1.3;
        text-align:left;
        justify-content:flex-start;
        border-radius:14px;
    }

    .summary-card-clean{
        min-height:146px;
        gap:12px;
    }

    .summary-card-clean--chart{
        min-height:236px;
    }

    .summary-bars-chart{
        gap:10px;
    }
}

@media (max-height: 760px){
    .dashboard-grid-top,
    .kpi-grid-clean,
    .content-two-col{
        gap:12px;
    }

    .meta-dia-card-v2,
    .sales-panel-card,
    .kpi-card,
    .section-card,
    .commission-panel-modern,
    .summary-card-clean{
        padding:14px;
    }

    .sales-mini-card,
    .category-box-clean,
    .commission-box-clean{
        padding:12px;
    }

    .meta-dia-v3-grid{
        gap:8px;
    }

    .meta-dia-v3-item{
        padding:10px 12px;
    }

    .kpi-card{
        min-height:138px;
    }

    .kpi-card-sparkline{
        display:none;
    }

    .commission-box-clean{
        min-height:12px;
    }

    .summary-card-clean{
        min-height:132px;
    }

    .summary-card-clean--chart{
        min-height:210px;
    }
}

@media (max-width: 1500px){
    .dashboard-grid-top{
        grid-template-columns:minmax(304px, 1.99fr) repeat(3, minmax(0, 1fr));
    }

    .sales-panel-card{
        grid-column:span 3;
    }

    .kpi-grid-clean{
        grid-template-columns:repeat(3, minmax(0, 1fr));
    }

    .commission-grid-clean{
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }

    .category-grid-clean{
        grid-template-columns:repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 1536px) and (max-height: 930px){
    .app-main{
        padding:0 14px 20px;
    }

    .dashboard-grid-top,
    .kpi-grid-clean,
    .content-two-col,
    .commission-grid-clean,
    .category-grid-clean,
    .summary-column-clean{
        gap:12px;
    }

    .meta-dia-card-v2,
    .sales-panel-card,
    .kpi-card,
    .section-card,
    .commission-panel-modern,
    .summary-card-clean{
        padding:14px;
    }

    .meta-dia-v3-top{
        grid-template-columns:minmax(0, 1fr) 128px;
        gap:12px;
    }

    .meta-dia-v3-gauge,
    .meta-dia-v3-gauge-arc{
        width:128px;
        height:128px;
    }

    .meta-dia-v3-gauge-center{
        width:88px;
        height:88px;
    }

    .meta-dia-v3-grid{
        gap:8px;
    }

    .meta-dia-v3-item{
        padding:10px 11px;
    }

    .sales-panel-card{
        gap:14px;
    }

    .sales-panel-head{
        gap:12px;
        grid-template-columns:minmax(0, 1fr) minmax(340px, 390px);
    }

    .sales-panel-head h3{
        font-size:clamp(1.12rem, .98rem + .25vw, 1.28rem);
    }

    .sales-panel-filter-form{
        min-width:0;
        max-width:none;
        flex-basis:auto;
    }

    .sales-panel-grid{
        gap:8px;
    }

    .sales-mini-card{
        min-height:88px;
        padding:11px 12px 10px;
        gap:6px;
    }

    .sales-mini-icon,
    .kpi-card-icon{
        width:26px;
        height:26px;
        border-radius:9px;
    }

    .sales-mini-label{
        font-size:10px;
        letter-spacing:.08em;
    }

    .sales-mini-value{
        font-size:clamp(14px, 1.05vw, 16px);
    }

    .sales-mini-sub{
        font-size:11px;
        line-height:1.35;
    }

    .sales-mini-delta,
    .category-box-badge,
    .commission-box-status,
    .commission-box-caption-pill{
        min-height:24px;
        padding:0 8px;
        font-size:10px;
    }

    .kpi-grid-clean{
        grid-template-columns:repeat(5, minmax(0, 1fr));
    }

    .kpi-card{
        min-height:132px;
        gap:10px;
    }

    .kpi-card-sparkline{
        display:none;
    }

    .content-two-col{
        grid-template-columns:minmax(0, 1.55fr) minmax(255px, .8fr);
    }

    .content-two-col:has(.team-day-panel){
        gap:16px;
    }

    .content-two-col:has(.team-day-panel) .summary-column-clean{
        gap:14px;
    }

    .summary-card-clean{
        min-height:128px;
        gap:10px;
    }

    .summary-card-clean--chart{
        min-height:200px;
    }
}

@media (min-width: 1281px) and (max-width: 1366px) and (max-height: 768px){
    .app-main{
        padding:0 12px 14px;
    }

    .dashboard-grid-top,
    .kpi-grid-clean,
    .content-two-col,
    .commission-grid-clean,
    .category-grid-clean,
    .summary-column-clean{
        gap:10px;
    }

    .dashboard-grid-top{
        grid-template-columns:minmax(326px, 1.2fr) repeat(3, minmax(0, .89fr));
    }

    .content-two-col,
    .content-two-col:has(.team-day-panel){
        grid-template-columns:minmax(0, 1.45fr) minmax(230px, .76fr);
    }

    .content-two-col:has(.team-day-panel){
        gap:14px;
    }

    .content-two-col:has(.team-day-panel) .summary-column-clean{
        gap:12px;
    }

    .meta-dia-card-v2,
    .sales-panel-card,
    .kpi-card,
    .section-card,
    .commission-panel-modern,
    .summary-card-clean{
        padding:12px;
    }

    .meta-dia-card-v2{
        gap:14px;
    }

    .meta-dia-v3-top{
        grid-template-columns:minmax(0, 1fr) 104px;
        gap:8px;
    }

    .meta-dia-v3-title{
        margin-top:8px;
        font-size:1.94rem;
    }

    .meta-dia-v3-sub{
        margin-top:8px;
        max-width:34ch;
        font-size:12px;
        line-height:1.4;
    }

    .meta-dia-v3-status{
        min-height:30px;
        margin-top:10px;
        padding:0 12px;
        font-size:11px;
    }

    .meta-dia-v3-gauge,
    .meta-dia-v3-gauge-arc{
        width:104px;
        height:104px;
    }

    .meta-dia-v3-gauge-center{
        width:72px;
        height:72px;
        gap:2px;
        box-shadow:0 10px 18px rgba(15,23,42,.07);
    }

    .meta-dia-v3-gauge-center strong{
        font-size:clamp(1.08rem, .98rem + .18vw, 1.22rem);
    }

    .meta-dia-v3-gauge-center span{
        font-size:9px;
        letter-spacing:.14em;
    }

    .meta-dia-v3-grid{
        gap:8px;
    }

    .meta-dia-v3-item{
        min-height:58px;
        padding:9px 10px;
    }

    .meta-dia-v3-item small{
        margin-bottom:4px;
        font-size:10px;
    }

    .meta-dia-v3-item strong{
        font-size:1rem;
    }

    .sales-panel-card{
        gap:10px;
    }

    .sales-panel-head{
        gap:10px;
        grid-template-columns:minmax(0, 1fr) minmax(320px, 360px);
    }

    .sales-panel-head h3,
    .section-head h3,
    .summary-card-clean h3{
        font-size:1.08rem;
        line-height:1.15;
    }

    .sales-panel-badge{
        min-width:148px;
        max-width:148px;
        flex-basis:148px;
    }

    .sales-panel-filter-form{
        min-width:0;
        max-width:none;
        flex-basis:auto;
    }

    .sales-panel-grid{
        grid-template-columns:repeat(3, minmax(0, 1fr));
        gap:6px;
    }

    .sales-mini-card{
        min-height:78px;
        padding:10px;
        gap:5px;
    }

    .sales-mini-icon,
    .kpi-card-icon{
        width:24px;
        height:24px;
        border-radius:8px;
    }

    .sales-mini-label{
        font-size:9px;
        letter-spacing:.08em;
    }

    .sales-mini-value{
        font-size:15px;
    }

    .sales-mini-sub{
        font-size:10px;
        line-height:1.32;
    }

    .sales-mini-delta,
    .category-box-badge,
    .commission-box-status,
    .commission-box-caption-pill{
        min-height:22px;
        padding:0 7px;
        font-size:10px;
    }

    .kpi-grid-clean{
        grid-template-columns:repeat(5, minmax(0, 1fr));
    }

    .kpi-card{
        min-height:118px;
        gap:8px;
    }

    .kpi-card-value-row{
        gap:6px;
    }

    .kpi-card-sparkline{
        display:none;
    }

    .value-md{
        font-size:1.08rem;
    }

    .muted-line,
    .kpi-card-foot span,
    .kpi-card-foot strong{
        font-size:11px;
        line-height:1.35;
    }

    .summary-card-clean{
        min-height:114px;
        gap:8px;
    }

    .summary-card-clean--chart{
        min-height:172px;
    }

    .summary-bars-chart{
        gap:8px;
    }

    .team-day-panel{
        gap:12px;
    }

    .team-day-head-copy{
        margin:-4px 0 0;
        font-size:12px;
        line-height:1.45;
    }

    .team-day-list{
        gap:10px;
    }

    .team-day-row{
        min-height:220px;
        padding:12px;
        gap:10px;
    }

    .team-day-row-metrics{
        gap:8px;
    }

    .team-day-metric{
        padding:8px 9px;
    }

    .team-day-metric strong{
        font-size:12px;
    }

    .team-day-progress-head,
    .team-day-progress-head strong,
    .team-day-note{
        font-size:11px;
    }

    .team-day-note{
        padding-top:8px;
    }
}

@media (min-width: 1367px) and (max-width: 1440px) and (max-height: 900px){
    .dashboard-grid-top{
        grid-template-columns:minmax(400px, 1.12fr) repeat(3, minmax(0, .94fr));
    }

    .sales-panel-card{
        gap:12px;
    }

    .sales-panel-head{
        grid-template-columns:minmax(0, 1fr) minmax(340px, 390px);
    }

    .sales-panel-filter-form{
        min-width:0;
        max-width:none;
        flex-basis:auto;
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }

    .sales-panel-badge{
        min-width:186px;
        max-width:186px;
    }

    .sales-panel-grid{
        gap:8px;
    }

    .sales-mini-card{
        min-height:92px;
        padding:13px;
    }
}

@media (min-width: 1401px) and (max-width: 1500px) and (max-height: 900px){
    .category-grid-clean{
        grid-template-columns:repeat(5, minmax(0, 1fr));
        gap:10px;
    }

    .category-box-clean{
        padding:14px;
    }

    .category-box-head{
        gap:8px;
        margin-bottom:12px;
    }

    .category-box-head h4{
        font-size:clamp(.88rem, .84rem + .12vw, .96rem);
        letter-spacing:.06em;
    }

    .category-box-values{
        gap:8px;
    }

    .category-box-item{
        padding:10px;
    }

    .category-box-item small{
        font-size:9px;
        letter-spacing:.1em;
    }

    .category-box-item strong{
        font-size:clamp(.7rem, .66rem + .12vw, .78rem);
        line-height:1.28;
    }

    .category-box-foot{
        margin-top:12px;
        padding-top:12px;
    }
}

@media (max-width: 1280px){
    .dashboard-grid-top{
        grid-template-columns:1fr;
    }

    .sales-panel-card{
        grid-column:span 1;
        --sales-panel-column-min:210px;
    }

    .sales-panel-head{
        grid-template-columns:minmax(0, 1fr) minmax(320px, 360px);
    }

    .sales-panel-grid{
        grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--sales-panel-column-min)), 1fr));
    }

    .commission-grid-clean{
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }

    .kpi-grid-clean{
        grid-template-columns:repeat(3, minmax(0, 1fr));
    }

    .content-two-col,
    .content-two-col:has(.team-day-panel){
        grid-template-columns:1fr;
    }

    .content-two-col:has(.team-day-panel){
        gap:18px;
    }

    .category-grid-clean{
        grid-template-columns:repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 980px){
    .app-main{
        padding:0 18px 26px;
    }

    .sales-panel-head{
        grid-template-columns:1fr;
    }

    .sales-panel-filter-form{
        grid-template-columns:1fr;
        justify-self:stretch;
    }

    .sales-panel-filter-form--single .sales-panel-select-clean{
        grid-column:auto;
    }

    .meta-dia-v3-top{
        grid-template-columns:1fr;
    }

    .meta-dia-v3-gauge{
        margin:0 auto;
    }

    .meta-dia-v3-grid{
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }

    .kpi-grid-clean,
    .category-grid-clean{
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }

    .team-day-head-stats{
        justify-content:flex-start;
    }

    .team-day-list{
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }

    .content-two-col:has(.team-day-panel) .summary-column-clean{
        grid-template-columns:1fr;
    }

    .team-day-row-metrics{
        grid-template-columns:1fr;
    }
}

@media (max-width: 760px){
    .commission-grid-clean,
    .kpi-grid-clean,
    .category-grid-clean{
        grid-template-columns:1fr;
    }

    .sales-panel-card{
        --sales-panel-column-min:190px;
    }

    .meta-dia-v3-grid{
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }

    .team-day-panel{
        gap:14px;
    }

    .team-day-panel .section-head{
        flex-direction:column;
        align-items:stretch;
        gap:10px;
        margin-bottom:14px;
    }

    .team-day-head-stats{
        display:grid;
        grid-template-columns:repeat(3, minmax(0, 1fr));
        gap:8px;
        width:100%;
    }

    .team-day-head-stats .commission-box-caption-pill{
        width:100%;
        min-height:34px;
        justify-content:flex-start;
        padding:8px 10px;
        white-space:normal;
        line-height:1.3;
        text-align:left;
    }

    .team-day-row-head,
    .team-day-progress-head{
        flex-direction:column;
        align-items:flex-start;
    }

    .team-day-list{
        grid-template-columns:1fr;
    }

    .team-day-row{
        min-height:auto;
        padding:14px;
        gap:12px;
    }

    .team-day-row-metrics{
        grid-template-columns:repeat(2, minmax(0, 1fr));
        gap:8px;
    }

    .team-day-row-metrics .team-day-metric:last-child{
        grid-column:1 / -1;
    }

    .team-day-progress-head{
        gap:6px;
    }

    .category-box-values{
        grid-template-columns:1fr;
    }

    .commission-box-head-main{
        flex-wrap:wrap;
    }

    .commission-box-tags{
        width:100%;
        justify-content:flex-start;
    }

    .commission-box-caption-wrap .commission-box-caption-pill{
        width:100%;
        justify-content:flex-start;
        padding:8px 10px;
        min-height:auto;
        border-radius:14px;
        white-space:normal;
        line-height:1.35;
        text-align:left;
    }
}

@media (max-width: 480px){
    .meta-dia-v3-grid{
        grid-template-columns:1fr;
    }
}

@media (max-width: 560px){
    .app-main{
        padding:0 14px 22px;
    }

    .meta-dia-card-v2,
    .sales-panel-card,
    .kpi-card,
    .section-card,
    .commission-panel-modern,
    .summary-card-clean{
        padding:16px;
    }

    .sales-panel-card{
        --sales-panel-column-min:100%;
    }

    .sales-mini-card,
    .category-box-clean,
    .commission-box-clean{
        padding:15px;
    }

    .team-day-panel{
        padding:14px;
    }

    .team-day-panel .section-head{
        display:flex;
        flex-direction:column;
        align-items:stretch;
        gap:10px;
        margin-bottom:12px;
    }

    .team-day-head-stats{
        display:grid;
        grid-template-columns:repeat(2, minmax(0, 1fr));
        gap:8px;
        width:100%;
    }

    .team-day-head-stats .commission-box-caption-pill{
        width:100%;
        min-height:32px;
        justify-content:flex-start;
        padding:8px 10px;
        white-space:normal;
        line-height:1.25;
        text-align:left;
    }

    .team-day-head-stats .commission-box-caption-pill:last-child{
        grid-column:1 / -1;
    }

    .team-day-list{
        display:flex;
        flex-direction:column;
        gap:12px;
    }

    .team-day-row{
        padding:12px;
        min-height:auto;
        gap:10px;
    }

    .team-day-row-metrics{
        grid-template-columns:repeat(2, minmax(0, 1fr));
        gap:8px;
    }

    .team-day-row-metrics .team-day-metric:last-child{
        grid-column:1 / -1;
    }

    .team-day-metric{
        padding:10px;
    }

    .team-day-metric strong{
        font-size:12px;
    }

    .team-day-progress-head{
        flex-direction:row;
        align-items:center;
        justify-content:space-between;
        gap:8px;
    }

    .sales-mini-value,
    .commission-box-value-row strong,
    .commission-bonus-inline strong,
    .commission-inline-text{
        font-size:1.35rem;
    }

    .summary-bars-row{
        grid-template-columns:42px minmax(0, 1fr);
    }

    .summary-bars-value{
        grid-column:2;
        text-align:left;
    }
}

@media (max-width: 420px){
    .team-day-panel .section-head{
        gap:8px;
    }

    .team-day-head-stats{
        grid-template-columns:1fr;
    }

    .team-day-head-stats .commission-box-caption-pill:last-child{
        grid-column:auto;
    }

    .team-day-row-metrics{
        grid-template-columns:1fr;
    }

    .team-day-row-metrics .team-day-metric:last-child{
        grid-column:auto;
    }

    .team-day-row-head strong{
        font-size:13px;
    }

    .team-day-row-id{
        font-size:10px;
        letter-spacing:.06em;
    }
}

@media (hover: hover) and (pointer: fine){
    .card-clean:hover,
    .meta-dia-card-v2:hover,
    .sales-panel-card:hover,
    .kpi-card:hover,
    .section-card:hover,
    .category-box-clean:hover,
    .commission-panel-modern:hover,
    .commission-box-clean:hover,
    .summary-card-clean:hover,
    .sales-mini-card:hover,
    .team-day-row:hover{
        transform:translateY(-2px);
        box-shadow:0 24px 42px rgba(15,23,42,.10);
        transition:transform .18s ease, box-shadow .18s ease;
    }
}

@media (prefers-reduced-motion: reduce){
    .card-clean,
    .meta-dia-card-v2,
    .sales-panel-card,
    .kpi-card,
    .section-card,
    .category-box-clean,
    .commission-panel-modern,
    .commission-box-clean,
    .summary-card-clean,
    .sales-mini-card,
    .team-day-row{
        transition:none !important;
        transform:none !important;
    }

    .meta-dia-v3-fill,
    .category-box-progress-bar,
    .progress-clean-bar,
    .summary-bars-fill{
        transition:none !important;
    }
}

.dashboard-topbar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    padding:16px 0 18px;
}

.dashboard-brand{
    display:flex;
    align-items:center;
    gap:16px;
    min-width:0;
}

.dashboard-brand img{
    display:block;
    width:auto;
    height:54px;
}

.dashboard-brand-copy{
    min-width:0;
}

.dashboard-brand-copy span{
    display:block;
    color:var(--dash-text-faint);
    font-size:11px;
    font-weight:700;
    letter-spacing:.16em;
    text-transform:uppercase;
}

.dashboard-brand-copy strong{
    display:block;
    margin-top:4px;
    color:var(--dash-text);
    font-size:clamp(1.25rem, 1.08rem + .45vw, 1.72rem);
    line-height:1.1;
    font-weight:700;
    letter-spacing:-.03em;
}

.dashboard-nav{
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
    justify-content:flex-end;
}

.dashboard-nav-link{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:34px;
    padding:0 14px;
    border:1px solid var(--dash-border);
    background:#fff;
    color:var(--dash-text-soft);
    font-size:12px;
    font-weight:700;
    text-decoration:none;
    letter-spacing:.06em;
    text-transform:uppercase;
}

.dashboard-nav-link:hover{
    color:var(--dash-primary);
    border-color:rgba(23,120,229,.22);
    background:rgba(23,120,229,.06);
}

.dashboard-alert{
    padding:14px 16px;
    margin-bottom:18px;
    border:1px solid var(--dash-border);
    background:#fff;
    box-shadow:var(--dash-shadow-soft);
}

.dashboard-alert strong{
    font-weight:700;
}

.dashboard-alert.is-success{
    color:var(--dash-success-dark);
    border-color:rgba(24,178,107,.18);
    background:linear-gradient(180deg, rgba(24,178,107,.08) 0%, rgba(255,255,255,.98) 100%);
}

.dashboard-alert.is-error{
    color:var(--dash-danger);
    border-color:rgba(234,77,90,.18);
    background:linear-gradient(180deg, rgba(234,77,90,.08) 0%, rgba(255,255,255,.98) 100%);
}

.dashboard-input-clean,
.dashboard-select-clean{
    width:100%;
    min-width:0;
    min-height:42px;
    padding:0 12px;
    border:1px solid var(--dash-border);
    background:#fff;
    color:var(--dash-text);
    font:inherit;
    outline:none;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
}

.dashboard-input-clean:focus,
.dashboard-select-clean:focus{
    border-color:rgba(23,120,229,.32);
    box-shadow:0 0 0 3px rgba(23,120,229,.10);
}

.dashboard-input-clean--locked{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
    gap:6px;
    min-height:42px;
    padding:10px 12px;
    background:linear-gradient(180deg, #f7fbff 0%, #eef4fb 100%);
}

.dashboard-input-clean--locked span{
    color:var(--dash-text-faint);
    font-size:10px;
    font-weight:700;
    letter-spacing:.12em;
    text-transform:uppercase;
}

.dashboard-input-clean--locked strong{
    color:var(--dash-text);
    font-size:14px;
    line-height:1.2;
    font-weight:700;
}

.dashboard-button-clean{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:42px;
    padding:0 16px;
    border:1px solid transparent;
    background:linear-gradient(180deg, var(--dash-primary) 0%, var(--dash-primary-dark) 100%);
    color:#fff;
    font:inherit;
    font-size:13px;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
    cursor:pointer;
    box-shadow:var(--dash-shadow-soft);
}

.dashboard-button-clean:hover{
    filter:brightness(1.04);
}

.dashboard-button-clean--ghost{
    border-color:var(--dash-border);
    background:linear-gradient(180deg, #ffffff 0%, #f5f8fc 100%);
    color:var(--dash-text-soft);
}

.dashboard-button-clean--ghost:hover{
    filter:none;
    color:var(--dash-primary);
    border-color:rgba(23,120,229,.22);
    background:rgba(23,120,229,.06);
}

.sales-panel-filter-actions{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:10px;
    width:100%;
    max-width:420px;
    justify-self:end;
    align-self:start;
}

.dashboard-modal{
    position:fixed;
    inset:0;
    z-index:120;
    display:none;
}

.dashboard-modal.is-open{
    display:block;
}

.dashboard-modal-backdrop{
    position:absolute;
    inset:0;
    background:rgba(16,35,61,.38);
    backdrop-filter:blur(5px);
}

.dashboard-modal-dialog{
    position:relative;
    z-index:1;
    width:min(760px, calc(100% - 28px));
    margin:56px auto;
    padding:22px;
    border:1px solid var(--dash-border);
    background:linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(247,251,255,.98) 100%);
    box-shadow:0 28px 60px rgba(15,23,42,.18);
}

.dashboard-modal-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:14px;
}

.dashboard-modal-copy{
    min-width:0;
}

.dashboard-modal-head h3{
    margin:8px 0 0;
    color:var(--dash-text);
    font-size:clamp(1.18rem, 1.06rem + .28vw, 1.42rem);
    line-height:1.18;
    font-weight:700;
    letter-spacing:-.03em;
}

.dashboard-modal-close{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:40px;
    padding:0 14px;
    border:1px solid var(--dash-border);
    background:#fff;
    color:var(--dash-text-soft);
    font:inherit;
    font-size:12px;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
    cursor:pointer;
}

.dashboard-modal-close:hover{
    color:var(--dash-primary);
    border-color:rgba(23,120,229,.22);
}

.dashboard-modal-current{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:12px;
    margin-top:18px;
}

.dashboard-modal-current-item{
    padding:14px 16px;
    border:1px solid var(--dash-border);
    background:linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    box-shadow:0 10px 24px rgba(15,23,42,.04);
}

.dashboard-modal-current-item span{
    display:block;
    color:var(--dash-text-faint);
    font-size:11px;
    font-weight:700;
    letter-spacing:.12em;
    text-transform:uppercase;
}

.dashboard-modal-current-item strong{
    display:block;
    margin-top:8px;
    color:var(--dash-text);
    font-size:15px;
    line-height:1.35;
    font-weight:700;
}

.dashboard-modal-form{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:10px;
    margin-top:18px;
}

.dashboard-modal-actions{
    display:grid;
    grid-column:1 / -1;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:10px;
    margin-top:4px;
}

body.modal-open{
    overflow:hidden;
}

.chart-grid-clean{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:14px;
}

.chart-card-clean{
    position:relative;
    min-width:0;
    padding:18px;
    border:1px solid var(--dash-border);
    background:linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    box-shadow:0 10px 24px rgba(15,23,42,.04);
}

.chart-card-clean h4{
    margin:0;
    color:var(--dash-text);
    font-size:1rem;
    line-height:1.2;
    font-weight:700;
}

.chart-card-clean p{
    margin:8px 0 0;
    color:var(--dash-text-soft);
    font-size:13px;
    line-height:1.55;
}

.chart-canvas-wrap{
    position:relative;
    height:340px;
    margin-top:18px;
}

.summary-list-clean{
    display:grid;
    gap:12px;
}

.summary-list-clean .summary-card-clean{
    min-height:0;
}

.summary-card-clean strong{
    color:var(--dash-text);
    font-size:clamp(1.1rem, .98rem + .26vw, 1.34rem);
    line-height:1.2;
}

.summary-card-clean .summary-big-value{
    color:var(--dash-primary-dark);
    font-size:clamp(1.22rem, 1.02rem + .38vw, 1.56rem);
    line-height:1.1;
    font-weight:700;
    letter-spacing:-.04em;
}

.products-head-stats{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    flex-wrap:wrap;
    gap:8px;
}

.products-two-col{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:18px;
}

.products-column-clean{
    border:1px solid var(--dash-border);
    background:linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    box-shadow:0 10px 24px rgba(15,23,42,.04);
}

.products-column-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:14px 16px;
    border-bottom:1px solid var(--dash-border);
    background:#fbfdff;
}

.products-column-head strong{
    color:var(--dash-text);
    font-size:13px;
    font-weight:700;
    letter-spacing:.12em;
    text-transform:uppercase;
}

.products-column-head span{
    color:var(--dash-text-faint);
    font-size:11px;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.product-row-clean{
    display:grid;
    gap:14px;
    padding:14px 16px;
    border-bottom:1px solid var(--dash-border);
    background:linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(247,251,255,.94) 100%);
}

.product-row-clean:last-child{
    border-bottom:none;
}

.product-row-clean.is-success{
    background:
        radial-gradient(circle at top right, rgba(24,178,107,.12), transparent 30%),
        linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(243,252,247,.96) 100%);
}

.product-row-clean.is-warning{
    background:
        radial-gradient(circle at top right, rgba(245,158,11,.12), transparent 30%),
        linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(255,250,242,.96) 100%);
}

.product-row-main{
    display:grid;
    grid-template-columns:44px minmax(0, 1fr) auto;
    gap:12px;
    align-items:start;
}

.product-row-index{
    display:flex;
    align-items:center;
    justify-content:center;
    width:44px;
    height:44px;
    background:linear-gradient(180deg, rgba(23,120,229,.10) 0%, rgba(23,120,229,.05) 100%);
    color:var(--dash-primary);
    font-size:14px;
    font-weight:700;
}

.product-row-copy{
    min-width:0;
}

.product-row-copy strong{
    display:block;
    color:var(--dash-text);
    font-size:14px;
    line-height:1.35;
    font-weight:700;
}

.product-row-copy span{
    display:block;
    margin-top:4px;
    color:var(--dash-text-soft);
    font-size:12px;
    line-height:1.5;
}

.product-row-percent{
    min-width:94px;
    text-align:right;
}

.product-row-percent strong{
    display:block;
    color:var(--dash-primary-dark);
    font-size:clamp(1.32rem, 1.18rem + .34vw, 1.72rem);
    line-height:1;
    font-weight:800;
    letter-spacing:-.04em;
}

.product-row-percent span{
    display:block;
    margin-top:5px;
    color:var(--dash-text-faint);
    font-size:10px;
    font-weight:700;
    letter-spacing:.12em;
    text-transform:uppercase;
}

.product-row-progress-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
}

.product-row-progress-head span,
.product-row-progress-head strong{
    font-size:12px;
    line-height:1.4;
}

.product-row-progress-head span{
    color:var(--dash-text-soft);
}

.product-row-progress-head strong{
    color:var(--dash-text);
    font-weight:700;
}

.product-row-progress{
    position:relative;
    height:12px;
    overflow:hidden;
    background:linear-gradient(180deg, #ebf2f9 0%, #dfe8f2 100%);
}

.product-row-progress-bar{
    height:100%;
    width:var(--target-width, 0%);
    background:linear-gradient(90deg, var(--dash-primary) 0%, var(--dash-success) 100%);
    box-shadow:0 8px 18px rgba(23,120,229,.24);
    transition:width .85s cubic-bezier(.2, .8, .2, 1);
}

.product-row-statuses{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:8px;
}

.product-status-pill{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:28px;
    padding:0 10px;
    border:1px solid transparent;
    font-size:11px;
    font-weight:700;
    letter-spacing:.04em;
    white-space:nowrap;
}

.product-status-pill.is-success{
    color:var(--dash-success-dark);
    background:var(--dash-success-soft);
    border-color:rgba(24,178,107,.18);
}

.product-status-pill.is-warning{
    color:#d97706;
    background:var(--dash-warning-soft);
    border-color:rgba(245,158,11,.22);
}

.product-status-pill.is-neutral{
    color:var(--dash-neutral-text);
    background:#f9fafb;
    border-color:#dce7f1;
}

.product-status-pill.is-accent{
    color:var(--dash-primary);
    background:var(--dash-primary-soft);
    border-color:rgba(23,120,229,.18);
}

.section-card:last-child{
    margin-bottom:0;
}

@media (max-width: 980px){
    .dashboard-topbar{
        flex-direction:column;
        align-items:flex-start;
    }

    .dashboard-nav{
        justify-content:flex-start;
    }

    .chart-grid-clean,
    .products-two-col{
        grid-template-columns:1fr;
    }

    .sales-panel-filter-actions,
    .dashboard-modal-current,
    .dashboard-modal-form,
    .dashboard-modal-actions{
        grid-template-columns:1fr;
    }

    .dashboard-modal-dialog{
        margin:22px auto;
        padding:18px;
    }

    .dashboard-modal-head{
        flex-direction:column;
        align-items:stretch;
    }

    .products-head-stats{
        justify-content:flex-start;
    }

    .product-row-main{
        grid-template-columns:44px minmax(0, 1fr);
    }

    .product-row-percent{
        grid-column:2;
        text-align:left;
    }

    .product-row-progress-head{
        flex-direction:column;
        align-items:flex-start;
    }
}