#dashboardInsights{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:18px;margin:20px 0;min-width:0;color:#edf0f5}
#dashboardInsights[hidden],body.employee #dashboardInsights{display:none!important}
#dashboardInsights *{box-sizing:border-box}
#dashboardInsights .di-card{min-width:0;padding:22px;background:linear-gradient(135deg,#ffcf3305,transparent 60%),#1d2025;border:1px solid #ffffff17;border-top:2px solid #ffcc3355;border-radius:18px}
#dashboardInsights .di-card header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:12px}
#dashboardInsights h2{font-size:22px;line-height:1.2;margin:0 0 6px}
#dashboardInsights h3{font-size:16px}
#dashboardInsights p{margin:6px 0 12px;line-height:1.5}
#dashboardInsights header p,#dashboardInsights .di-note{font-size:13px;color:#b6bec9}
#dashboardInsights .di-period{display:grid;gap:4px;font-size:12px;color:#b6bec9}
#dashboardInsights select{min-height:40px;max-width:100%;padding:7px 12px;background:#272a30;color:#ffcf40;border:1px solid #ffcf4040;border-radius:9px;font:inherit;font-size:14px}
#dashboardInsights .di-range,#dashboardInsights .di-status{font-size:12px;color:#9ca6b5}
#dashboardInsights .di-top-list{list-style:none;margin:14px 0;padding:0}
#dashboardInsights .di-top-list li{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid #ffffff0d}
#dashboardInsights .di-thumb{width:48px;height:56px;display:grid;place-items:center;background:#111317;border-radius:8px;color:#ffcf40}
#dashboardInsights .di-thumb img{max-width:100%;max-height:100%;object-fit:contain;border-radius:6px}
#dashboardInsights .di-product b{display:block;font-size:14px;line-height:1.4;overflow-wrap:anywhere}
#dashboardInsights .di-product>span{display:block;font-size:12px;color:#b6bec9;margin-top:4px}
#dashboardInsights .di-bar{height:5px;background:#343841;border-radius:5px;overflow:hidden}
#dashboardInsights .di-bar i{display:block;height:100%;background:#ffcc33;border-radius:5px}
#dashboardInsights .di-delta{font-size:16px;color:#86ddd1;font-variant-numeric:tabular-nums}
#dashboardInsights .di-delta.negative{color:#ff7d88}
#dashboardInsights .di-heat-total{font-size:14px}
#dashboardInsights .di-heat-total b{color:#ffcf40;font-size:22px}
#dashboardInsights .di-heat-scroll{overflow-x:auto;max-width:100%;padding:3px 0 12px;scrollbar-color:#af913b #202329}
#dashboardInsights .di-heat{min-width:780px;font-size:12px}
#dashboardInsights .di-heat-row{display:grid;grid-template-columns:52px repeat(12,minmax(46px,1fr)) 62px;gap:4px;align-items:center;margin:4px 0;text-align:center}
#dashboardInsights .di-heat-row>[role=columnheader]{font-size:11px;padding:5px 0;color:#bdc5d1}
#dashboardInsights .di-heat-row>[role=rowheader]{text-align:left}
#dashboardInsights .di-heat-row>:first-child{position:sticky;left:0;z-index:2;background:#1d2025;padding:10px 2px}
#dashboardInsights .di-heat-row>:last-child{position:sticky;right:0;z-index:2;background:#25282e;padding:10px 2px}
#dashboardInsights .di-heat-cell{padding:10px 2px;border-radius:5px;font-variant-numeric:tabular-nums;background:#272a2f;color:#bec6d1}
#dashboardInsights .level-1{background:#514825;color:#fff1bd}
#dashboardInsights .level-2{background:#7e691d;color:#fff8df}
#dashboardInsights .level-3{background:#af8f1f;color:#16130a}
#dashboardInsights .level-4{background:#dbb22c;color:#16130a}
#dashboardInsights .level-5{background:#ffcf38;color:#16130a;font-weight:800}
#dashboardInsights .di-sums{border-top:1px solid #ffffff25;padding-top:10px}
#dashboardInsights .di-finance{grid-column:1/-1}
#dashboardInsights .di-money{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:20px 0}
#dashboardInsights .di-money span{display:block;font-size:14px;color:#b6bec9;margin-bottom:8px}
#dashboardInsights .di-money strong{font-size:clamp(22px,2.4vw,34px);line-height:1.2;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
#dashboardInsights .di-money>div:last-child strong,#dashboardInsights .di-result{color:#ffcf40}
#dashboardInsights .di-warning{font-size:14px;background:#ffcf3310;padding:12px;border-left:3px solid #ffcf40;color:#ffe195}
#dashboardInsights .di-calculation{border-top:1px solid #ffffff18;padding-top:14px;margin-top:16px}
#dashboardInsights summary{cursor:pointer;font-weight:700;font-size:14px;padding:8px 0}
#dashboardInsights dl{margin:14px 0}
#dashboardInsights dl>div{display:flex;justify-content:space-between;gap:18px;border-bottom:1px solid #ffffff10;padding:9px 0;font-size:14px}
#dashboardInsights dt{min-width:0}
#dashboardInsights dd{margin:0;white-space:nowrap;font-variant-numeric:tabular-nums}
#dashboardInsights .di-method,#dashboardInsights .di-missing{padding-left:20px;font-size:13px;line-height:1.6;color:#b6bec9}
#dashboardInsights .di-missing{max-height:220px;overflow:auto}
#dashboardInsights button{cursor:pointer;border:1px solid #ffcf4055;border-radius:6px;padding:8px;background:#29271e;color:#ffcf40}
#dashboardInsights :focus-visible{outline:2px solid #ffcf40;outline-offset:3px}
@media(max-width:1100px){#dashboardInsights{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){#dashboardInsights .di-card{padding:16px}#dashboardInsights h2{font-size:20px}#dashboardInsights .di-money{grid-template-columns:minmax(0,1fr);gap:14px}#dashboardInsights .di-money>div{padding-bottom:12px;border-bottom:1px solid #ffffff12}#dashboardInsights .di-money strong{font-size:28px}#dashboardInsights dl>div{flex-wrap:wrap;gap:4px}#dashboardInsights .di-period{width:100%}#dashboardInsights .di-period select{width:100%}}
