@font-face{font-family:"Yekan";src:url("../fonts/yekan.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Yekan";src:url("../fonts/yekan.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}
:root{--red:#c9202f;--red2:#a91422;--soft:#fff4f5;--ink:#222936;--muted:#7f8793;--line:#e8ebef;--bg:#f4f6f8;--card:#fff;--green:#1ba56b;--orange:#e4a02a;--purple:#7656c8;--shadow:0 5px 22px rgba(30,39,52,.055)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Yekan,sans-serif;font-size:13px}.shell{min-height:100vh}.sidebar{position:fixed;right:0;top:0;bottom:0;width:245px;background:#fff;border-left:1px solid var(--line);padding:22px 14px;z-index:10}.brand{display:flex;align-items:center;gap:11px;padding:2px 8px 23px;border-bottom:1px solid var(--line)}.brand-mark{width:37px;height:37px;border-radius:11px;background:var(--red);color:#fff;display:grid;place-items:center;font:bold 11px Arial;box-shadow:0 8px 18px rgba(201,32,47,.2)}.brand b{font-size:16px}.brand small{display:block;color:#a0a6ae;font:8px Arial;letter-spacing:.8px;margin-top:3px;direction:ltr}.side-label{font-size:10px;color:#a2a8b0;margin:22px 9px 8px}nav{display:grid;gap:3px}nav a{display:flex;align-items:center;gap:12px;color:#656d79;text-decoration:none;padding:12px;border-radius:9px;font-size:11px;font-weight:700}nav a.active{background:var(--red);color:#fff;box-shadow:0 8px 20px rgba(201,32,47,.18)}.sidebar-bottom{position:absolute;bottom:18px;right:14px;left:14px;border:1px solid #f0dadd;background:#fff8f8;border-radius:10px;padding:11px}.sidebar-bottom span{font-size:8px;color:#9b6970}.sidebar-bottom b{color:var(--red);font:700 18px Yekan,sans-serif;margin-right:7px}.sidebar-bottom small{display:block;color:#9ba1aa;font-size:7px;margin-top:5px}main{margin-right:245px;padding:25px 28px 30px;max-width:1800px}.topbar{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:18px}.crumb{font:700 8px Yekan,sans-serif;color:var(--red);letter-spacing:1.3px;direction:ltr}.topbar h1{font-size:25px;margin:5px 0 2px}.topbar p{margin:0;color:var(--muted);font-size:9px}.top-actions{display:flex;gap:8px;align-items:center}.status{background:#fff4f4;border:1px solid #f1d5d8;color:var(--red);padding:7px 10px;border-radius:18px;font-size:8px}.status i{display:inline-block;width:6px;height:6px;background:var(--red);border-radius:50%;margin-left:5px}.top-actions button{font:9px Yekan;background:#fff;border:1px solid var(--line);padding:8px 12px;border-radius:8px;color:#6d7580}.avatar{width:30px;height:30px;border-radius:50%;background:#202733;color:#fff;display:grid;place-items:center;font-size:10px}.kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:12px}.kpi{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:11px;padding:13px 14px;min-height:108px;box-shadow:var(--shadow)}.kpi.red{border-top:3px solid var(--red)}.kpi>span{color:var(--muted);font-size:9px}.kpi strong{display:block;font:700 22px Yekan,sans-serif;margin:9px 0 3px}.kpi strong em{font:9px Yekan;color:var(--muted);margin-right:4px}.kpi small{color:#9aa1a9;font-size:7px}.kpi small b{color:var(--red)}.spark{position:absolute;bottom:8px;left:10px;color:#e4a5ac;font:13px Arial;letter-spacing:-2px;font-style:normal}.dashboard-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:12px}.card{background:var(--card);border:1px solid var(--line);border-radius:11px;box-shadow:var(--shadow);min-width:0;padding:16px}.span-4{grid-column:span 4}.span-5{grid-column:span 5}.span-6{grid-column:span 6}.span-7{grid-column:span 7}.span-8{grid-column:span 8}.card-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.card-head h2{font-size:13px;margin:0 0 3px}.card-head p{margin:0;color:var(--muted);font-size:8px}.badge{background:#f4f5f7;border:1px solid #e8eaed;border-radius:13px;padding:4px 8px;font:7px Arial;color:#89919b;direction:ltr}.chart-box{position:relative;width:100%}.h230{height:230px}.h280{height:280px}.h300{height:300px}.h310{height:310px}.h320{height:320px}.donut-row{height:270px;display:flex;align-items:center;gap:15px}.donut-wrap{width:55%;height:210px;position:relative;text-align:center}.donut-wrap canvas{width:100%!important;height:100%!important}.donut-wrap b{position:absolute;top:78px;left:0;right:0;font:700 21px Yekan,sans-serif;color:#333}.donut-wrap small{position:absolute;top:106px;left:0;right:0;color:var(--muted);font-size:8px}.mini-stats{width:45%;display:grid;gap:9px}.mini-stats div{display:grid;grid-template-columns:9px 1fr auto;align-items:center;gap:6px;font-size:8px}.mini-stats b{font:700 10px Yekan,sans-serif}.mini-stats hr{border:0;border-top:1px solid var(--line);width:100%;margin:2px 0}.dot{width:7px;height:7px;border-radius:2px}.dot.green{background:var(--green)}.dot.orange{background:var(--orange)}.dot.red-dot{background:var(--red)}.dot.purple{background:var(--purple)}select{font:9px Yekan;border:1px solid var(--line);background:#fff;border-radius:7px;padding:6px 8px;color:#5e6671;max-width:175px}.selected-cap{display:flex;align-items:baseline;gap:6px;margin:-2px 0 0}.selected-cap strong{font:700 21px Yekan,sans-serif;color:var(--red)}.selected-cap span{font-size:8px;color:var(--muted)}.table-card{margin-top:12px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:850px}th,td{padding:10px 8px;border-bottom:1px solid #f0f2f4;text-align:right;font-size:8px}th{background:#fafbfc;color:#89919b;font-size:8px}.tag{background:#f1f3f5;border-radius:13px;padding:3px 7px;font-size:7px;color:#6e7680}.tag.ok{background:#e8f7ef;color:#128154}.tag.warn{background:#fff2dc;color:#a96b00}footer{text-align:center;color:#a3a9b1;font-size:8px;padding:16px}@media(max-width:1350px){.kpis{grid-template-columns:repeat(3,1fr)}.span-4,.span-5,.span-6,.span-7,.span-8{grid-column:span 6}}@media(max-width:950px){.sidebar{width:205px}main{margin-right:205px;padding:18px}.dashboard-grid{grid-template-columns:1fr}.span-4,.span-5,.span-6,.span-7,.span-8{grid-column:1}.topbar{display:block}.top-actions{margin-top:10px}}@media(max-width:650px){.sidebar{position:static;width:100%}main{margin:0}.kpis{grid-template-columns:1fr 1fr}.dashboard-grid{display:block}.card{margin-bottom:12px}.topbar h1{font-size:20px}}@media(max-width:430px){.kpis{grid-template-columns:1fr}}
.hero-insights{display:grid;grid-template-columns:1.7fr .85fr .85fr;gap:12px;margin-bottom:12px}.hero-insights .card{min-height:352px}.group-hero{border-top:3px solid var(--red)}.insight-card{background:#fff;border:1px solid var(--line);border-radius:11px;box-shadow:var(--shadow);padding:18px;position:relative;overflow:hidden;min-height:352px}.insight-card:before{content:"";position:absolute;inset:auto -30px -65px auto;width:150px;height:150px;border-radius:50%;background:#fff1f3}.quality-insight{border-top:3px solid var(--green)}.source-insight{border-top:3px solid var(--purple)}.insight-top{display:flex;justify-content:space-between;align-items:flex-start;position:relative;z-index:1}.insight-top span{font-size:8px;color:var(--muted)}.insight-top h3{font-size:14px;margin:5px 0 0}.insight-top>b{font:700 24px Arial;color:var(--red)}.quality-insight .insight-top>b{color:var(--green)}.source-insight .insight-top>b{color:var(--purple)}.big-progress,.split-progress{height:13px;background:#eef1f3;border-radius:20px;overflow:hidden;margin:38px 0 26px;position:relative;display:flex}.big-progress i{display:block;height:100%;background:var(--green);border-radius:20px}.split-progress i{display:block;height:100%}.split-progress .dom{background:var(--red)}.split-progress .imp{background:var(--purple)}.insight-values{display:grid;grid-template-columns:1fr 1fr;gap:10px;position:relative;z-index:1}.insight-values div{background:#fafbfc;border:1px solid #eef0f2;border-radius:9px;padding:12px}.insight-values small{display:block;color:var(--muted);font-size:8px;margin-bottom:6px}.insight-values strong{font:700 15px Yekan,sans-serif}.insight-foot{position:absolute;bottom:17px;right:18px;left:18px;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:12px;color:var(--muted);font-size:8px;z-index:1}.insight-foot b{font:700 11px Yekan,sans-serif;color:var(--ink)}.kpi-icon{position:absolute;left:12px;top:11px;width:29px;height:29px;border-radius:8px;background:#faf1f2;color:var(--red);display:grid;place-items:center;font:14px Arial;font-style:normal}.central-kpis .kpi:not(.red) .kpi-icon{background:#f5f6f8;color:#727b87}.central-kpis .kpi{min-height:116px}.central-kpis .kpi strong{font-size:23px}.central-kpis .kpi small{font-size:8px}@media(max-width:1350px){.hero-insights{grid-template-columns:1fr 1fr}.group-hero{grid-column:1/-1}.insight-card{min-height:300px}}@media(max-width:950px){.hero-insights{display:block}.hero-insights .card,.hero-insights .insight-card{margin-bottom:12px}}

/* V1.6 live managerial KPI cards */
.kpis.central-kpis{gap:12px;perspective:900px}
.kpi-live{--accent:#c9202f;--ring:100%;display:flex;align-items:center;gap:12px;min-height:124px;padding:14px 13px 14px 16px;border:1px solid #e7eaee;border-top:1px solid #e7eaee!important;border-radius:14px;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease,background .28s ease;color:var(--ink)}
.kpi-live:before{content:"";position:absolute;right:0;top:12px;bottom:12px;width:3px;background:var(--accent);border-radius:3px;opacity:.28;transition:opacity .25s ease,width .25s ease}
.kpi-live:hover{transform:translateY(-6px) scale(1.012);border-color:color-mix(in srgb,var(--accent) 35%,#e7eaee);background:linear-gradient(145deg,#fff 0%,color-mix(in srgb,var(--accent) 5%,#fff) 100%);box-shadow:0 16px 34px rgba(30,39,52,.13),0 3px 0 color-mix(in srgb,var(--accent) 18%,transparent);z-index:2}
.kpi-live:hover:before{width:5px;opacity:1}
.kpi-ring{position:relative;flex:0 0 55px;width:55px;height:55px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--accent) var(--ring),#edf0f3 0);transform:rotate(-90deg);transition:filter .25s ease,transform .4s ease}
.kpi-live:hover .kpi-ring{transform:rotate(-90deg) scale(1.08);filter:drop-shadow(0 5px 9px color-mix(in srgb,var(--accent) 25%,transparent))}
.kpi-ring:after{content:"";position:absolute;inset:5px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px #eef0f2}
.kpi-svg{position:relative;z-index:1;width:27px;height:27px;display:grid;place-items:center;transform:rotate(90deg);color:var(--accent)}
.kpi-svg svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.kpi-copy{min-width:0;position:relative;z-index:1}
.kpi-copy>span{display:block;color:#69727e;font-size:9px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kpi-copy strong{display:block;font:700 22px Yekan,sans-serif;margin:8px 0 3px;color:#242a33;white-space:nowrap}
.kpi-copy strong em{font:9px Yekan;color:#8b929c;margin-right:4px;font-style:normal}
.kpi-copy small{display:block;color:#a0a6af;font-size:7px;line-height:1.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kpi-arrow{position:absolute;left:10px;top:9px;width:23px;height:23px;border-radius:7px;background:#f5f6f8;color:#a0a6af;display:grid;place-items:center;font:12px Arial;transition:.25s}
.kpi-live:hover .kpi-arrow{background:var(--accent);color:#fff;transform:translate(2px,-2px)}
.kpi-live:nth-child(1){--accent:#c9202f}.kpi-live:nth-child(2){--accent:#7656c8}.kpi-live:nth-child(3){--accent:#1ba56b}.kpi-live:nth-child(4){--accent:#d06b32}.kpi-live:nth-child(5){--accent:#7656c8}.kpi-live:nth-child(6){--accent:#1ba56b}
/* richer insight panels */
.insight-card{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.insight-card:hover{transform:translateY(-4px);box-shadow:0 16px 32px rgba(30,39,52,.10)}
.insight-values{gap:8px}.insight-values div{position:relative;overflow:hidden;min-height:86px;transition:.2s}.insight-values div:hover{transform:translateY(-2px);border-color:#dfe3e7;background:#fff}.insight-values small{display:flex;align-items:center;gap:6px}.legend-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#aaa}.healthy-dot{background:var(--green)}.quarantine-dot{background:var(--orange)}.domestic-dot{background:var(--red)}.imported-dot{background:var(--purple)}.insight-values strong{display:block;margin-top:4px}.insight-values strong em{font:8px Yekan;color:var(--muted);font-style:normal}.micro-count{display:block;margin-top:5px;font-size:7px;color:#9ba2ab;font-weight:400}
/* loading animation for rings and charts */
@keyframes ringIn{from{transform:rotate(-90deg) scale(.75);opacity:.15}to{transform:rotate(-90deg) scale(1);opacity:1}}
.kpi-ring{animation:ringIn .8s cubic-bezier(.2,.8,.2,1) both}.kpi-live:nth-child(1) .kpi-ring{animation-delay:.05s}.kpi-live:nth-child(2) .kpi-ring{animation-delay:.12s}.kpi-live:nth-child(3) .kpi-ring{animation-delay:.19s}.kpi-live:nth-child(4) .kpi-ring{animation-delay:.26s}.kpi-live:nth-child(5) .kpi-ring{animation-delay:.33s}.kpi-live:nth-child(6) .kpi-ring{animation-delay:.40s}
@media(max-width:1350px){.kpi-live{min-height:118px}.kpi-copy>span{font-size:8px}}
@media(max-width:650px){.kpi-live{min-height:112px}.kpi-ring{flex-basis:48px;width:48px;height:48px}.kpi-copy strong{font-size:19px}}
.insight-divider{display:flex;align-items:center;gap:9px;margin:18px 0 13px;color:#9aa1aa;font-size:7px}.insight-divider i{height:1px;flex:1;background:#e9edf0}.insight-divider span{white-space:nowrap}.insight-card{--panel-accent:var(--green);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.source-insight{--panel-accent:var(--purple)}.insight-card:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(30,39,52,.12)}.quality-insight:hover{border-color:rgba(27,165,107,.35)}.source-insight:hover{border-color:rgba(118,86,200,.35)}.insight-card .big-progress,.insight-card .split-progress{margin:0 0 18px;height:12px}.insight-values div{border-top:2px solid color-mix(in srgb,var(--panel-accent) 16%,#eef0f2)}.group-hero{overflow:hidden}.group-hero .card-head{position:relative}.group-hero .card-head:after{content:"";position:absolute;right:0;bottom:-8px;width:86px;height:3px;border-radius:5px;background:linear-gradient(90deg,var(--red),#e09b3f,#5f6fb2,#1ba56b)}

/* V1.9 interactive module navigation */
.module-nav a{position:relative;overflow:hidden;cursor:pointer;transition:transform .22s ease,background .22s ease,color .22s ease,box-shadow .22s ease;padding:11px 10px}.module-nav a:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:transparent;transition:.22s}.module-nav a:hover{background:#fff1f3;color:var(--red);transform:translateX(-3px);box-shadow:0 7px 18px rgba(201,32,47,.08)}.module-nav a:hover:before{background:var(--red)}.module-nav a.active:hover{background:var(--red);color:#fff;transform:translateX(-2px)}.module-nav .nav-icon{width:27px;height:27px;border-radius:8px;display:grid;place-items:center;background:#f5f6f8;color:#7b838f;font:700 14px Arial;transition:.22s;flex:0 0 27px}.module-nav a:hover .nav-icon{background:#fff;color:var(--red);transform:scale(1.06)}.module-nav a.active .nav-icon{background:rgba(255,255,255,.16);color:#fff}.module-nav a>b{margin-right:auto;font:700 9px Yekan,sans-serif;color:#b4bac2;transition:.22s}.module-nav a:hover>b{color:var(--red);transform:rotate(90deg)}.module-nav a.active>b{color:#fff;font-size:8px}.module-toast{position:fixed;right:265px;bottom:24px;z-index:1000;background:#202733;color:#fff;border-radius:12px;padding:11px 16px;box-shadow:0 16px 34px rgba(25,31,40,.22);font-size:10px;opacity:0;transform:translateY(12px);pointer-events:none;transition:.28s}.module-toast.show{opacity:1;transform:translateY(0)}.module-toast strong{color:#fff}.sidebar-bottom strong{display:block;color:#343b46;font-size:8px;margin-top:9px}.sidebar-bottom em{display:block;color:var(--red);font-style:normal;font-size:7px;margin-top:3px}@media(max-width:950px){.module-toast{right:220px}}@media(max-width:650px){.module-toast{right:18px;left:18px;bottom:18px;text-align:center}}

/* V1.11 - presentation refinements: row 1 locked; row 2 more compact to reveal row 3 */
.topbar h1{display:flex;flex-direction:column;gap:2px;line-height:1.25}
.company-title{font-size:11px;font-weight:700;color:var(--red);letter-spacing:.2px}
.dashboard-title{font-size:25px;font-weight:800;color:var(--ink)}
.hero-insights .card,.hero-insights .insight-card{min-height:292px}
.group-hero .chart-box.h300{height:235px}
.hero-insights .insight-card{padding:14px 16px}
.hero-insights .insight-divider{margin:11px 0 10px}
.hero-insights .big-progress,.hero-insights .split-progress{margin-bottom:12px}
.hero-insights .insight-values div{padding:9px}
.hero-insights .insight-foot{bottom:12px;padding-top:9px}


/* V1.12 - locked navigation + row 3 executive charts + richer active color behavior */
.sidebar-locked{position:fixed;right:0;top:0;bottom:0;height:100vh;overflow-y:auto;overscroll-behavior:contain;box-shadow:-8px 0 28px rgba(30,39,52,.035)}
.sidebar-locked .module-nav a{border:1px solid transparent;background:linear-gradient(90deg,#fff,#fff);}
.sidebar-locked .module-nav a:nth-child(1){--nav-accent:#c9202f}.sidebar-locked .module-nav a:nth-child(2){--nav-accent:#7656c8}.sidebar-locked .module-nav a:nth-child(3){--nav-accent:#1ba56b}.sidebar-locked .module-nav a:nth-child(4){--nav-accent:#d06b32}.sidebar-locked .module-nav a:nth-child(5){--nav-accent:#2b7bbb}.sidebar-locked .module-nav a:nth-child(6){--nav-accent:#8a5baf}.sidebar-locked .module-nav a:nth-child(7){--nav-accent:#d39a22}.sidebar-locked .module-nav a:nth-child(8){--nav-accent:#59636f}
.sidebar-locked .module-nav a:hover{background:linear-gradient(90deg,color-mix(in srgb,var(--nav-accent) 7%,#fff),#fff);border-color:color-mix(in srgb,var(--nav-accent) 18%,#fff);color:var(--nav-accent);box-shadow:0 9px 22px color-mix(in srgb,var(--nav-accent) 12%,transparent);}
.sidebar-locked .module-nav a:hover:before{background:var(--nav-accent)}
.sidebar-locked .module-nav a:hover .nav-icon{color:var(--nav-accent);background:color-mix(in srgb,var(--nav-accent) 9%,#fff);box-shadow:0 0 0 1px color-mix(in srgb,var(--nav-accent) 12%,transparent)}
.sidebar-locked .module-nav a.active{background:linear-gradient(135deg,#c9202f,#a91422);box-shadow:0 10px 25px rgba(201,32,47,.22);border-color:#a91422}
.sidebar-locked .module-nav a.active:after{content:"";position:absolute;right:7px;top:7px;bottom:7px;width:3px;border-radius:5px;background:#fff;opacity:.9}

/* Row 3: exactly three executive cards */
.dashboard-grid .row3-card{min-height:350px;position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease,background .3s ease}
.dashboard-grid .row3-card:before{content:"";position:absolute;right:0;top:0;bottom:0;width:4px;background:var(--row-accent,#c9202f);opacity:.42;transition:width .25s ease,opacity .25s ease}
.dashboard-grid .row3-card:nth-child(1){--row-accent:#c9202f}.dashboard-grid .row3-card:nth-child(2){--row-accent:#7656c8}.dashboard-grid .row3-card:nth-child(3){--row-accent:#1ba56b}
.dashboard-grid .row3-card:hover,.dashboard-grid .row3-card.is-active{transform:translateY(-5px);border-color:color-mix(in srgb,var(--row-accent) 30%,#e7eaee);box-shadow:0 18px 36px color-mix(in srgb,var(--row-accent) 12%,rgba(30,39,52,.08));}
.dashboard-grid .row3-card:hover:before,.dashboard-grid .row3-card.is-active:before{width:6px;opacity:1}
.dashboard-grid .row3-card .card-head{padding-right:5px}
.dashboard-grid .row3-card .card-head h2{transition:color .25s ease}.dashboard-grid .row3-card:hover .card-head h2,.dashboard-grid .row3-card.is-active .card-head h2{color:var(--row-accent)}
.dashboard-grid .row3-card .badge{border-color:color-mix(in srgb,var(--row-accent) 22%,#e8ebef);color:var(--row-accent);background:color-mix(in srgb,var(--row-accent) 6%,#fff)}
#warehouseSelect{border:1px solid #e3e7eb;background:#fff;color:#4b535e;border-radius:9px;padding:7px 28px 7px 9px;font:9px Yekan;outline:none;cursor:pointer;transition:.25s;box-shadow:0 3px 10px rgba(30,39,52,.04)}
#warehouseSelect:hover,#warehouseSelect:focus{border-color:#c9202f;box-shadow:0 0 0 3px rgba(201,32,47,.08);color:#c9202f}
.selected-cap{display:flex;align-items:baseline;gap:8px;padding:7px 4px 2px}.selected-cap strong{font:800 24px Yekan,sans-serif;color:#c9202f;transition:.25s}.row3-card:hover .selected-cap strong{transform:scale(1.04);text-shadow:0 6px 18px rgba(201,32,47,.15)}.selected-cap span{font-size:8px;color:#9aa1aa}
.row3-card .chart-box{position:relative}.row3-card .chart-box:after{content:"";position:absolute;left:10px;right:10px;bottom:1px;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--row-accent) 18%,#e8ebef),transparent);pointer-events:none}
@keyframes row3In{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
.row3-card{animation:row3In .65s ease both}.row3-card:nth-child(1){animation-delay:.12s}.row3-card:nth-child(2){animation-delay:.2s}.row3-card:nth-child(3){animation-delay:.28s}
@media(max-width:1100px){.dashboard-grid .row3-card{min-height:330px}}

/* V1.13 — ردیف ۳ با طیف رنگی متنوع و غیرهم‌خانواده */
.dashboard-grid .row3-card{border-top:3px solid var(--row-accent)!important;background:linear-gradient(180deg,var(--row-tint) 0%,#fff 34%);}
.dashboard-grid .capacity-trend-card{--row-accent:#1976a8;--row-tint:#f1f8fc;}
.dashboard-grid .receiving-trend-card{--row-accent:#e36b3d;--row-tint:#fff5ef;}
.dashboard-grid .location-card{--row-accent:#5b4bb7;--row-tint:#f6f3ff;}
.dashboard-grid .row3-card:before{background:linear-gradient(180deg,var(--row-accent),transparent);opacity:.9}
.dashboard-grid .row3-card:hover{background:linear-gradient(180deg,var(--row-tint) 0%,#fff 52%);box-shadow:0 20px 38px color-mix(in srgb,var(--row-accent) 16%,rgba(30,39,52,.08));}
.dashboard-grid .row3-card .badge{color:var(--row-accent);background:color-mix(in srgb,var(--row-accent) 8%,#fff);border-color:color-mix(in srgb,var(--row-accent) 25%,#e8ebef)}
.dashboard-grid .row3-card:hover .card-head h2{color:var(--row-accent)}
.dashboard-grid .row3-card .chart-box:after{background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--row-accent) 24%,#e8ebef),transparent)}
.central-fixed-cap strong{color:#1976a8!important}
.central-fixed-cap{padding-top:6px}

/* V1.14 — فارسی‌سازی اعداد، تاریخ یکسان شمسی و هویت بصری واضح‌تر */
.dashboard-branding{display:flex;flex-direction:column;gap:3px;line-height:1.2}
.company-title{font-size:18px!important;font-weight:900!important;color:#c9202f!important;letter-spacing:0!important;text-shadow:0 2px 10px rgba(201,32,47,.10)}
.dashboard-title{font-size:25px!important;font-weight:900!important;color:#202733!important}
.date-panel{min-width:142px;background:#fff;border:1px solid #e8ebef;border-radius:10px;padding:7px 11px;display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center;box-shadow:0 4px 14px rgba(30,39,52,.04)}
.date-panel strong{font-size:8px;color:#9aa1aa;grid-row:1/3}
.date-panel b{font:700 11px Yekan,sans-serif;color:#202733;direction:rtl}
.date-panel small{font-size:7px;color:#a1a7af;white-space:nowrap}
.top-actions button{display:none}

/* V1.18 - یکپارچگی نمایش اعداد و تاریخ */
.date-panel b,.selected-cap strong,.kpi-copy strong,.insight-values strong,.insight-foot b,.mini-stats b,.sidebar-bottom b{font-family:Yekan,sans-serif!important;}
.dashboard-grid .row3-card .card-head h2,.dashboard-grid .row3-card .card-head p{font-family:Yekan,sans-serif;}
/* V1.18 - قانون سراسری پروژه: فونت تمام متن‌های رابط و اعداد Yekan است. */
html,body,button,input,select,textarea,table,th,td,nav,a,.card,.kpi,.badge,.tag,.sidebar,.topbar,footer{font-family:"Yekan",sans-serif!important;}
.badge,.crumb{letter-spacing:0!important;}

/* V1.18 — هویت قرمز هم‌خانواده برای منوی اصلی */
.sidebar-locked .module-nav a:nth-child(n){--nav-accent:#b51d2b;color:#71464c}
.sidebar-locked .module-nav a .nav-icon{color:#a34b55}
.sidebar-locked .module-nav a:hover{background:linear-gradient(90deg,#fff0f2,#fff8f8);border-color:#e8b9bf;color:#a71929;box-shadow:0 9px 22px rgba(181,29,43,.11)}
.sidebar-locked .module-nav a:hover:before{background:#b51d2b}
.sidebar-locked .module-nav a:hover .nav-icon{color:#b51d2b;background:#fff0f2;box-shadow:0 0 0 1px #f2cdd1}
.sidebar-locked .module-nav a:hover>b{color:#b51d2b}
.sidebar-locked .module-nav a.active{background:linear-gradient(135deg,#c9202f,#9f1825);border-color:#9f1825}

/* V1.18 — ردیف چهارم؛ مکمل ردیف ۲ و بر پایه تعداد قلم */
.dashboard-grid .row4-card{--row-accent:#c9202f;--row-tint:#fff7f8;transition:transform .25s ease,box-shadow .25s ease,background .25s ease,border-color .25s ease}
.dashboard-grid .row4-card:hover,.dashboard-grid .row4-card.is-active{transform:translateY(-2px);background:linear-gradient(180deg,var(--row-tint),#fff 56%);box-shadow:0 18px 34px rgba(201,32,47,.10);border-color:#efc9cd}
.dashboard-grid .row4-card .card-head h2{transition:color .22s ease}
.dashboard-grid .row4-card:hover .card-head h2{color:#b51d2b}
.dashboard-grid .row4-card .badge{color:#b51d2b;background:#fff1f3;border-color:#f0c7cc}
.mix-row-card .chart-box{height:225px}.mix-row-card .chart-box canvas{max-height:225px}.mix-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:6px}
.mix-stats>div{display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:6px;background:#fafbfc;border:1px solid #edf0f3;border-radius:8px;padding:7px 8px;min-width:0}
.mix-stats span{font-size:7px;color:#6f7783;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mix-stats b{font:700 8px Yekan,sans-serif;color:#343b46;white-space:nowrap}
.mix-dot{width:7px;height:7px;border-radius:3px}
.healthy-domestic{background:#e15b68}.healthy-imported{background:#9f1825}.quarantine-domestic{background:#ef9aa2}.quarantine-imported{background:#c9202f}
@media(max-width:650px){.mix-stats{grid-template-columns:1fr}}


/* V1.19 — تثبیت ظاهر منو و ترکیب موجودی دو دونات مستقل */
.sidebar-locked .module-nav a:nth-child(n){color:#fff;background:linear-gradient(90deg,#a91422,#b51d2b);border-color:rgba(255,255,255,.10)}
.sidebar-locked .module-nav a:hover{color:#fff;background:linear-gradient(90deg,#8f101d,#b51d2b);border-color:rgba(255,255,255,.18);box-shadow:0 9px 22px rgba(181,29,43,.16)}
.sidebar-locked .module-nav a:hover>b,.sidebar-locked .module-nav a>b{color:#fff}
.sidebar-locked .module-nav a.active{color:#fff;background:linear-gradient(135deg,#c9202f,#8f101d);border-color:#8f101d}
.sidebar-locked .module-nav a .nav-icon{color:#a34b55}
.sidebar-locked .module-nav a:hover .nav-icon{color:#b51d2b}
.dual-donut-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;height:238px;align-items:center}
.mini-donut-panel{border:1px solid #edf0f3;background:linear-gradient(180deg,#fff,#fbfcfd);border-radius:10px;padding:8px 7px;text-align:center;min-width:0}
.mini-donut-title{font-size:9px;font-weight:800;color:#3b424d;margin-bottom:3px}
.mini-donut-chart{height:118px;position:relative}
.mini-donut-chart canvas{width:100%!important;height:100%!important}
.mini-donut-chart strong{position:absolute;inset:0;display:grid;place-items:center;font:800 16px Yekan,sans-serif;color:#2f3540;pointer-events:none}
.mini-donut-legend{display:grid;gap:4px;margin-top:2px}
.mini-donut-legend span{display:flex;justify-content:space-between;align-items:center;font-size:7px;color:#6f7783;padding:4px 5px;border-radius:6px;background:#f8f9fa}
.mini-donut-legend b{font:700 8px Yekan,sans-serif;color:#303743}
.source-domestic{background:#a91422}.source-imported{background:#d94c59}.quality-healthy{background:#2a9d73}.quality-quarantine{background:#d58b2a}
.matrix-row-card{--row-accent:#a91422;--row-tint:#fff7f8}.matrix-wrap{overflow:auto;border:1px solid #edf0f3;border-radius:9px}.flow-matrix{width:100%;min-width:760px;border-collapse:separate;border-spacing:0;background:#fff}.flow-matrix th,.flow-matrix td{padding:7px 6px;border-bottom:1px solid #f0f2f4;border-left:1px solid #f0f2f4;text-align:center;font-size:7px;white-space:nowrap}.flow-matrix thead th{background:#fafbfc;color:#7d8490;font-weight:800;position:sticky;top:0;z-index:1}.flow-matrix tbody th{background:#fbfcfd;text-align:right;min-width:125px;position:sticky;right:0;z-index:1}.flow-matrix tbody th b{display:block;color:#a91422;font:800 8px Yekan,sans-serif}.flow-matrix tbody th small{display:block;color:#858d98;font-size:6px;margin-top:2px}.matrix-cell{position:relative;transition:transform .18s ease,box-shadow .18s ease}.matrix-cell span{display:inline-block;min-width:42px;padding:6px 4px;border-radius:6px;font:700 8px Yekan,sans-serif}.matrix-cell.pos span{color:#116f4e;background:rgba(42,157,115,calc(.07 + var(--flow)*.20))}.matrix-cell.neg span{color:#9b1827;background:rgba(201,32,47,calc(.07 + var(--flow)*.20))}.matrix-cell.zero span{color:#7f8793;background:#f3f5f6}.matrix-cell:hover{transform:scale(1.04);z-index:2;box-shadow:0 7px 18px rgba(30,39,52,.10)}.matrix-legend{display:flex;gap:14px;align-items:center;margin-top:8px;color:#7f8793;font-size:7px}.matrix-legend span{display:flex;align-items:center;gap:4px}.matrix-legend i{width:8px;height:8px;border-radius:3px;display:inline-block}.legend-positive{background:#9fd5bf}.legend-negative{background:#eaa3ab}.legend-zero{background:#dfe3e6}
@media(max-width:650px){.dual-donut-grid{grid-template-columns:1fr 1fr;gap:5px}.mini-donut-chart{height:105px}.flow-matrix{min-width:700px}}

/* V1.20 — ردیف ۴ ثابت: ورود/خروج + دونات‌ها؛ ردیف ۵: ماتریس + هشدار */
.dashboard-grid .row4-card,.dashboard-grid .row5-card{--row-accent:#b51d2b;--row-tint:#fff7f8;transition:transform .25s ease,box-shadow .25s ease,background .25s ease,border-color .25s ease}
.dashboard-grid .row4-card:hover,.dashboard-grid .row4-card.is-active,.dashboard-grid .row5-card:hover,.dashboard-grid .row5-card.is-active{transform:translateY(-2px);background:linear-gradient(180deg,var(--row-tint),#fff 58%);box-shadow:0 18px 34px rgba(181,29,43,.09);border-color:#efc9cd}
.movement-daily-card .chart-box{height:300px}
.risk-row-card{border-top:3px solid #d58b2a}
.risk-row-card .chart-box{height:250px}
.risk-note{margin-top:7px;padding:7px 9px;border-radius:8px;background:#fff9ef;border:1px solid #f3dfbb;color:#9b711d;font-size:7px;line-height:1.8}
.matrix-row-card{border-top:3px solid #b51d2b}
@media(max-width:950px){.movement-daily-card .chart-box{height:270px}.risk-row-card .chart-box{height:240px}}
/* V1.22 — ردیف ۵: مقایسه گردش روزانه به مدل نمودار نسخه‌های قبل */
.matrix-row-card{border-top:3px solid #b51d2b}
.matrix-row-card .chart-box{height:300px}
.risk-row-card{border-top:3px solid #d58b2a}
.risk-row-card .chart-box{height:250px}
@media(max-width:950px){.matrix-row-card .chart-box{height:270px}.risk-row-card .chart-box{height:240px}}

/* V1.24 — ردیف ۵ با نسبت متفاوت از ردیف ۴ + ردیف ۶ مدیریتی */
.span-3{grid-column:span 3}
.dashboard-grid .row5-card{min-height:390px;transition:transform .25s ease,box-shadow .25s ease,background .25s ease,border-color .25s ease}
.dashboard-grid .row5-card:hover,.dashboard-grid .row5-card.is-active{transform:translateY(-3px);box-shadow:0 18px 34px rgba(30,39,52,.09);border-color:#e7dfe1}
.matrix-row-card{border-top:3px solid #b51d2b;background:linear-gradient(180deg,#fff8f9 0%,#fff 38%)}
.risk-row-card{border-top:3px solid #d58b2a;background:linear-gradient(180deg,#fffaf1 0%,#fff 42%)}
.matrix-row-card .chart-box{height:300px}
.risk-row-card .chart-box{height:270px}
.dashboard-grid .row6-card{min-height:385px;transition:transform .25s ease,box-shadow .25s ease,background .25s ease,border-color .25s ease}
.dashboard-grid .row6-card:hover,.dashboard-grid .row6-card.is-active{transform:translateY(-3px);box-shadow:0 18px 34px rgba(30,39,52,.09)}
.top-items-card{border-top:3px solid #c9202f;background:linear-gradient(180deg,#fff7f8 0%,#fff 40%)}
.stagnant-card{border-top:3px solid #9f1825;background:linear-gradient(180deg,#fff7f8 0%,#fff 42%)}
.low-stock-card{border-top:3px solid #d58b2a;background:linear-gradient(180deg,#fffaf1 0%,#fff 42%)}
.row6-card .chart-box{height:285px}
.top-items-card .chart-box{height:330px}
.row6-note{margin-top:7px;padding:7px 9px;border-radius:8px;background:#fafbfc;border:1px solid #edf0f3;color:#7b838e;font-size:7px;line-height:1.8}
.stagnant-note{background:#fff7f8;border-color:#f0d2d5;color:#8f3b46}
.low-stock-card .badge{color:#a96b00;background:#fff4df;border-color:#efd8aa}
.stagnant-card .badge{color:#9f1825;background:#fff0f2;border-color:#eccbd0}
.top-items-card .badge{color:#b51d2b;background:#fff0f2;border-color:#eccbd0}
@media(max-width:1350px){.span-3{grid-column:span 6}}
@media(max-width:950px){.dashboard-grid .row5-card,.dashboard-grid .row6-card{min-height:350px}.span-3{grid-column:1}.matrix-row-card .chart-box{height:270px}.risk-row-card .chart-box,.row6-card .chart-box{height:250px}.top-items-card .chart-box{height:280px}}

/* V1.25 — ردیف ۶ ثابت: طیف رنگی مستقل برای سه گزارش */
.dashboard-grid .row6-card.top-items-card{border-top-color:#3d6ea8;background:linear-gradient(180deg,#f4f8fc 0%,#fff 42%)}
.dashboard-grid .row6-card.stagnant-card{border-top-color:#7863b5;background:linear-gradient(180deg,#f7f4fb 0%,#fff 42%)}
.dashboard-grid .row6-card.low-stock-card{border-top-color:#c68a2b;background:linear-gradient(180deg,#fff9ee 0%,#fff 42%)}
.top-items-card .badge{color:#315c8d;background:#eef5fb;border-color:#cadceb}
.stagnant-card .badge{color:#69549b;background:#f3eff9;border-color:#ddd3ee}
.low-stock-card .badge{color:#9a6819;background:#fff4df;border-color:#efd8aa}

/* V1.25 — ردیف ۷ و ۸ با ریتم بصری مستقل از ردیف‌های قبل */
.dashboard-grid .row7-card,.dashboard-grid .row8-card{min-height:385px;transition:transform .25s ease,box-shadow .25s ease,background .25s ease,border-color .25s ease}
.dashboard-grid .row7-card:hover,.dashboard-grid .row7-card.is-active,.dashboard-grid .row8-card:hover,.dashboard-grid .row8-card.is-active{transform:translateY(-3px);box-shadow:0 18px 34px rgba(30,39,52,.08);border-color:#dfe4e9}
.utilization-map-card{border-top:3px solid #3f8f86;background:linear-gradient(180deg,#f2faf8 0%,#fff 42%)}
.capacity-compare-card{border-top:3px solid #3d6ea8;background:linear-gradient(180deg,#f4f8fc 0%,#fff 42%)}
.age-inventory-card{border-top:3px solid #7863b5;background:linear-gradient(180deg,#f7f4fb 0%,#fff 42%)}
.freshness-card{border-top:3px solid #c68a2b;background:linear-gradient(180deg,#fff9ee 0%,#fff 42%)}
.row7-note{margin-top:7px;padding:7px 9px;border-radius:8px;background:#f4faf9;border:1px solid #d7ebe7;color:#55736e;font-size:7px;line-height:1.8}
.row7-card .badge{color:#397b73;background:#edf8f6;border-color:#cfe6e2}
.age-inventory-card .badge{color:#69549b;background:#f3eff9;border-color:#ddd3ee}
.freshness-card .badge{color:#9a6819;background:#fff4df;border-color:#efd8aa}
@media(max-width:950px){.dashboard-grid .row7-card,.dashboard-grid .row8-card{min-height:350px}.row7-card .chart-box,.row8-card .chart-box{height:270px}}

/* V1.26 — تکمیل نمودارهای بانک‌محور ردیف ۳ و جدول دریافت‌ها + تفکیک رنگ ردیف ۷ */
.age-pill,.expiry-pill{display:inline-block;padding:3px 7px;border-radius:10px;font-size:7px;white-space:nowrap;margin-left:3px}.age-pill{background:#eef5fb;color:#315c8d;border:1px solid #d5e4f0}.expiry-pill{background:#fff4df;color:#9a6819;border:1px solid #efd8aa}.utilization-map-card{border-top-color:#3f6b72;background:linear-gradient(180deg,#f1f8f8 0%,#fff 42%)}.capacity-compare-card{border-top-color:#c96b45;background:linear-gradient(180deg,#fff5f0 0%,#fff 42%)}.utilization-map-card .badge{color:#356068;background:#edf7f7;border-color:#d0e4e5}.capacity-compare-card .badge{color:#a95638;background:#fff0e9;border-color:#efd4c7}

/* V1.27 — فقط اصلاح نمایش واکنش‌گرا؛ منطق، داده و طراحی دسکتاپ بدون تغییر */
html,body{max-width:100%;overflow-x:hidden}
img,svg,canvas{max-width:100%}
@media(max-width:950px){
  .sidebar{position:static;width:100%;height:auto;min-height:0;padding:14px 12px;border-left:0;border-bottom:1px solid var(--line)}
  .brand{padding:2px 6px 12px}
  .side-label{margin:12px 6px 7px}
  nav.module-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
  nav.module-nav a{min-width:0;padding:10px 9px;gap:7px;font-size:10px}
  .sidebar-bottom{position:static;margin-top:10px}
  main{margin-right:0;width:100%;max-width:none;padding:16px 12px 24px}
  .topbar{width:100%}
  .top-actions{flex-wrap:wrap}
  .dashboard-grid{width:100%}
  .card{width:100%;overflow:hidden}
  .chart-box{max-width:100%}
}
@media(max-width:650px){
  .brand b{font-size:14px}
  .side-label{font-size:9px}
  nav.module-nav{grid-template-columns:repeat(2,minmax(0,1fr))}
  nav.module-nav a{font-size:9px;padding:9px 7px}
  nav.module-nav a b{margin-right:auto}
  .topbar{margin-bottom:12px}
  .crumb{font-size:7px;letter-spacing:.7px}
  .dashboard-branding{display:flex;flex-direction:column;gap:2px}
  .topbar p{font-size:8px;line-height:1.8}
  .top-actions{gap:6px;margin-top:9px}
  .status{padding:6px 8px}
  .date-panel{max-width:calc(100vw - 70px);overflow:hidden}
  .kpis.central-kpis{grid-template-columns:1fr 1fr;gap:8px}
  .kpi-live{min-height:105px;padding:11px 9px;gap:8px}
  .kpi-ring{flex-basis:45px;width:45px;height:45px}
  .kpi-svg{width:22px;height:22px}
  .kpi-svg svg{width:19px;height:19px}
  .kpi-copy strong{font-size:18px!important}
  .kpi-copy span{font-size:8px}
  .kpi-copy small{font-size:7px}
  .hero-insights .card,.hero-insights .insight-card{min-height:0}
  .insight-values{grid-template-columns:1fr 1fr;gap:7px}
  .insight-values div{padding:9px}
  .insight-foot{position:static;margin-top:12px}
  .donut-row{height:auto;min-height:0;display:block;padding:5px 0}
  .donut-wrap{width:100%;height:180px}
  .mini-stats{width:100%;margin-top:8px}
  .flow-matrix-wrap,.table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .card-head{gap:8px}
  .card-head h2{font-size:12px}
  .card-head p{font-size:7px;line-height:1.7}
  select{max-width:135px}
}
@media(max-width:430px){
  nav.module-nav{grid-template-columns:1fr}
  .kpis.central-kpis{grid-template-columns:1fr}
  .kpi-live{min-height:100px}
  .top-actions{display:grid;grid-template-columns:1fr auto;align-items:center}
  .top-actions .status{grid-column:1/-1;width:max-content}
  .date-panel{max-width:none}
  .avatar{justify-self:end}
  .insight-values{grid-template-columns:1fr}
  .insight-foot{font-size:7px}
  .donut-wrap{height:170px}
  .card{padding:12px}
  .card-head{align-items:flex-start}
  .badge{white-space:nowrap}
  .table-card table{min-width:760px}
}