.overview-actions{display:flex;gap:9px;align-items:center}.smart-dashboard{display:grid;gap:20px}.smart-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.smart-kpi,.smart-panel{background:#fff;border:1px solid #e7edf0;border-radius:14px}.smart-kpi{min-height:166px;padding:19px;position:relative;overflow:hidden}.smart-kpi>span{display:block;color:#718092;font-size:12px;font-weight:700}.smart-kpi>b{display:block;margin:9px 0 3px;font-size:26px;letter-spacing:-1.2px}.smart-kpi>em{display:block;font-style:normal;color:#20a75a;font-size:11px}.mini-bars{height:45px;display:flex;align-items:end;gap:6px;position:absolute;bottom:14px;right:18px}.mini-bars div{width:9px;height:100%;display:grid;align-items:end}.mini-bars i{display:block;width:100%;background:linear-gradient(180deg,#55d987,#22a55b);border-radius:4px 4px 2px 2px}.mini-bars span{display:none}.kpi-ring{position:absolute;right:17px;bottom:16px;width:66px;height:66px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#22a55b var(--progress),#eaf0ec 0)}.kpi-ring:before{content:"";position:absolute;inset:7px;border-radius:50%;background:#fff}.kpi-ring strong,.kpi-ring small{position:relative;z-index:1}.kpi-ring strong{font-size:13px}.kpi-ring small{position:absolute;bottom:-15px;width:100px;left:-17px;color:#81909b;font-size:9px;text-align:center}.kpi-split{position:absolute;left:19px;right:19px;bottom:18px;display:flex;gap:4px;height:9px;flex-wrap:wrap}.kpi-split i{display:block;background:#22a55b;border-radius:99px}.kpi-split i+ i{background:#b8e6c8}.kpi-split span{width:100%;font-size:10px;color:#8996a3;margin-top:5px}.kpi-note{position:absolute;bottom:17px;left:19px;right:19px;padding:8px;background:#f2faf5;border-radius:7px;color:#288150;font-size:10px}.smart-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(240px,.8fr);gap:20px}.smart-lower{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:20px}.smart-panel{padding:20px}.smart-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:18px}.smart-panel-head h2{font-size:15px;margin:0}.smart-panel-head span{display:block;color:#8592a0;font-size:11px;margin-top:6px}.smart-panel-head>b{font-size:11px;color:#218f51;background:#eff9f2;border-radius:99px;padding:6px 9px}.premium-chart{height:258px;position:relative;padding:0 0 0 51px}.premium-chart svg{display:block;width:100%;height:224px;overflow:visible}.premium-y{position:absolute;top:2px;bottom:29px;left:0;display:flex;flex-direction:column;justify-content:space-between;color:#9aa5b2;font-size:10px}.premium-grid line{stroke:#edf1f3;stroke-width:1}.premium-line{fill:none;stroke:#20a75a;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.premium-point circle{fill:transparent;stroke:transparent;pointer-events:all}.premium-point:hover circle{fill:#fff;stroke:#20a75a;stroke-width:2}.premium-labels{position:absolute;left:51px;right:0;bottom:0;height:18px;font-size:10px;color:#9aa5b2}.premium-labels span{position:absolute;transform:translateX(-50%);white-space:nowrap}.destinations{min-height:307px}.destination{display:grid;grid-template-columns:90px minmax(0,1fr) 39px;align-items:center;gap:9px;padding:10px 0;border-bottom:1px solid #f0f3f4}.destination:last-child{border-bottom:0}.destination b{font-size:11px;font-weight:600;white-space:nowrap}.destination>div{height:7px;border-radius:99px;background:#eef2ef;overflow:hidden}.destination i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#25ab5e,#74dfa0)}.destination em{text-align:right;font-size:10px;font-style:normal;color:#6d7a88}.analytics-panel{min-height:300px}.analytics-bars{height:200px;display:flex;align-items:end;gap:10px;padding:6px 3px 0;border-bottom:1px solid #eef1f3}.analytics-bars div{height:100%;flex:1;display:flex;align-items:end;justify-content:center;position:relative}.analytics-bars i{width:min(18px,100%);display:block;background:linear-gradient(180deg,#78dca0,#20a75a);border-radius:5px 5px 0 0}.analytics-bars span{position:absolute;bottom:-23px;font-size:9px;color:#8d98a5;white-space:nowrap}.products-panel{min-height:300px}.product-sales-head,.product-sale{display:grid;grid-template-columns:22px minmax(0,1fr) 54px 76px;gap:8px;align-items:center}.product-sales-head{grid-template-columns:minmax(0,1fr) 54px 76px;border-bottom:1px solid #eaf0ef;color:#8a96a3;font-size:10px;padding:0 0 10px 30px}.product-sale{padding:9px 0;border-bottom:1px solid #f0f2f2}.product-sale:last-child{border-bottom:0}.product-sale b{font-size:11px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-sale em{font-style:normal;text-align:right;color:#798694;font-size:11px}.product-sale strong{text-align:right;font-size:11px}.product-orb{width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,#daf0df,#27a85c)}.orb-1{background:linear-gradient(135deg,#f4dfd1,#cf8057)}.orb-2{background:linear-gradient(135deg,#d9dbf5,#786fd4)}.orb-3{background:linear-gradient(135deg,#d6f0f0,#318e92)}.orb-4{background:linear-gradient(135deg,#fae5ad,#c18d27)}.products-footnote{font-size:12px;color:#7b8794;margin:16px 0 0}.form-section-title{font-size:13px;color:#2c3a4b;margin:6px 0 -6px}.modal-card:has(#dashboard-settings-form){width:min(720px,100%)}.modal-card #dashboard-settings-form{display:grid;gap:17px}.settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.settings-grid label{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid #e7edf0;border-radius:8px;padding:8px 9px;font-size:11px}.settings-grid label span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-grid input{width:72px;padding:7px 8px;text-align:right;font-size:12px}@media(max-width:1100px){.smart-kpis{grid-template-columns:repeat(2,1fr)}.smart-grid,.smart-lower{grid-template-columns:1fr}.destinations{min-height:0}}@media(max-width:680px){.overview-actions{width:100%}.overview-actions button{flex:1}.smart-kpis{grid-template-columns:1fr}.settings-grid{grid-template-columns:1fr}.product-sales-head,.product-sale{grid-template-columns:20px minmax(0,1fr) 47px 69px}.product-sales-head{grid-template-columns:minmax(0,1fr) 47px 69px}.premium-chart{padding-left:42px}.premium-labels{left:42px}.analytics-bars{gap:5px}}