.system-dashboard{--dashboard-blue: #168ed8;--dashboard-blue-deep: #075fa9;--dashboard-cyan: #eaf7ff;--dashboard-ink: #17212b;--dashboard-muted: #667789;display:grid;width:100%;gap:12px;color:var(--dashboard-ink)}.dashboard-command,.dashboard-panel,.dashboard-kpi,.dashboard-operation{border:1px solid #cad4dc;background:#fff;box-shadow:0 2px 6px #26333d1f}.dashboard-command{overflow:visible;border-radius:5px}.dashboard-command-titlebar{display:flex;min-height:52px;align-items:center;justify-content:space-between;gap:16px;padding:8px 16px;border-radius:4px 4px 0 0;background:linear-gradient(100deg,#1599ca,#2587da 55%,#3b63e9);color:#fff;box-shadow:0 5px 13px #1871c233}.dashboard-command-titlebar>div,.dashboard-command-titlebar>span{display:flex;align-items:center;gap:9px}.dashboard-command-titlebar svg{width:25px;height:25px;stroke-width:2.4}.dashboard-command-titlebar h1{margin:0;font-size:20px;font-weight:950}.dashboard-command-titlebar>span{font-size:11px;font-weight:800}.dashboard-command-titlebar>span i{width:8px;height:8px;border:2px solid rgba(255,255,255,.6);border-radius:50%;background:#59e5a2;box-shadow:0 0 0 4px #59e5a22e}.dashboard-command-body{display:flex;min-height:88px;align-items:center;justify-content:space-between;gap:24px;padding:15px 18px;background:linear-gradient(90deg,rgba(234,247,255,.78),transparent 42%),#fff}.dashboard-welcome{display:flex;min-width:0;align-items:center;gap:13px}.dashboard-welcome-mark{display:grid;width:46px;height:46px;flex:0 0 46px;place-items:center;border:1px solid #9dceec;border-radius:50%;background:#e6f5fe;color:var(--dashboard-blue-deep)}.dashboard-welcome-mark svg{width:23px;height:23px}.dashboard-welcome h2{margin:0;color:#102535;font-size:22px;font-weight:950;line-height:1.2}.dashboard-welcome p{margin:6px 0 0;color:var(--dashboard-muted);font-size:12px;font-weight:700}.dashboard-filter-group{display:flex;flex:0 0 auto;align-items:center;gap:8px}.dashboard-date-filter{position:relative}.dashboard-date-filter>label{display:flex;width:235px;height:44px;align-items:center;gap:9px;border:1px solid #cbd5dc;border-radius:6px;background:#fff;padding:0 12px;color:#344959}.dashboard-date-filter>label svg{width:19px;height:19px;color:var(--dashboard-blue)}.dashboard-date-filter select{min-width:0;flex:1;border:0;background:transparent;color:#263846;font-size:12px;font-weight:900;outline:none}.dashboard-custom-range{width:100%;margin-top:5px;border:1px solid #b7d9ef;border-radius:4px;background:#edf8ff;padding:7px 9px;color:#0968a9;font-size:10px;font-weight:850;text-align:right}.dashboard-refresh{display:grid;width:44px;height:44px;place-items:center;border:1px solid #cbd5dc;border-radius:6px;background:#fff;color:#1681c8;transition:background-color .13s ease,transform .13s ease}.dashboard-refresh:hover{background:#eaf7ff;transform:rotate(-18deg)}.dashboard-refresh svg{width:19px;height:19px}.dashboard-calendar{position:absolute;inset-block-start:55px;inset-inline-end:0;z-index:80;width:316px;overflow:hidden;border:1px solid #bfcbd4;border-radius:7px;background:#fff;box-shadow:0 18px 48px #0f172a40}.dashboard-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.dashboard-kpi{position:relative;min-width:0;min-height:144px;overflow:hidden;border-radius:5px;padding:14px;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.dashboard-kpi:after{position:absolute;inset:auto 0 0;height:4px;background:var(--kpi-color, var(--dashboard-blue));content:""}.dashboard-kpi:hover{border-color:color-mix(in srgb,var(--kpi-color, var(--dashboard-blue)) 48%,#cad4dc);box-shadow:0 7px 18px #1b3a4f21;transform:translateY(-2px)}.dashboard-kpi.is-blue{--kpi-color: #168ed8;--kpi-soft: #e7f4fd}.dashboard-kpi.is-emerald{--kpi-color: #15905a;--kpi-soft: #e8f8f0}.dashboard-kpi.is-red{--kpi-color: #cf273d;--kpi-soft: #ffeaed}.dashboard-kpi.is-highlighted{border-color:#f0b3bc;background:linear-gradient(145deg,#fff 58%,#fff4f5)}.dashboard-kpi-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.dashboard-kpi-icon{display:grid;width:37px;height:37px;place-items:center;border-radius:50%;background:var(--kpi-soft, #e7f4fd);color:var(--kpi-color, var(--dashboard-blue))}.dashboard-kpi-icon svg{width:19px;height:19px}.dashboard-kpi-top small{color:#a2adb6;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;font-weight:850}.dashboard-kpi>strong{display:block;overflow:hidden;color:var(--kpi-color, var(--dashboard-blue));font-size:clamp(17px,1.35vw,24px);font-variant-numeric:tabular-nums;font-weight:950;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.dashboard-kpi h3{margin:9px 0 0;color:#253744;font-size:12px;font-weight:900}.dashboard-kpi p{margin:3px 0 0;overflow:hidden;color:#71808c;font-size:10px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.dashboard-analytics{display:grid;grid-template-columns:minmax(0,2fr) minmax(320px,.9fr);gap:12px}.dashboard-panel{min-width:0;min-height:438px;overflow:hidden;border-radius:5px}.dashboard-panel-head{display:flex;min-height:54px;align-items:center;justify-content:space-between;gap:12px;padding:10px 15px;border-bottom:2px solid #3a9df0;background:#c7eafb;color:#075fa9}.dashboard-panel-head>div{display:flex;align-items:center;gap:8px}.dashboard-panel-head svg{width:21px;height:21px}.dashboard-panel-head h2{margin:0;font-size:16px;font-weight:950}.dashboard-panel-head>span{font-size:10px;font-weight:850}.dashboard-chart-body{padding:24px 20px 16px}.dashboard-chart-legend{display:flex;align-items:center;justify-content:center;gap:22px;margin-top:22px;padding-top:12px;border-top:1px solid #e2e8ed}.dashboard-products-body{padding:22px 18px 16px}.dashboard-products-chart{position:relative;width:188px;height:188px;margin:0 auto;border-radius:50%;box-shadow:0 8px 20px #2b516f21}.dashboard-products-chart>div{position:absolute;inset:53px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #e3e9ee;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 5px #f8fafc}.dashboard-products-chart strong{color:#075fa9;font-size:24px;font-weight:950}.dashboard-products-chart span{color:#738491;font-size:9px;font-weight:800;white-space:nowrap}.dashboard-products-list{display:grid;gap:0;margin-top:20px;border:1px solid #dce4ea}.dashboard-products-list>div{display:flex;min-height:38px;align-items:center;justify-content:space-between;gap:8px;padding:7px 9px;border-bottom:1px solid #e3e9ee}.dashboard-products-list>div:last-child{border-bottom:0}.dashboard-products-list>div>div{display:flex;min-width:0;align-items:center;gap:7px}.dashboard-products-list strong{overflow:hidden;color:#304452;font-size:10px;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.dashboard-products-list>div>span{flex:0 0 auto;color:#6a7b88;font-size:9px;font-weight:750}.dashboard-operations{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.dashboard-operation{position:relative;min-width:0;overflow:hidden;border-radius:5px;padding:13px 15px}.dashboard-operation:before{position:absolute;inset-block:0;inset-inline-start:0;width:4px;background:var(--operation-color, #168ed8);content:""}.dashboard-operation.is-red{--operation-color: #cf273d}.dashboard-operation.is-blue{--operation-color: #168ed8}.dashboard-operation.is-green{--operation-color: #15905a}.dashboard-operation.is-violet{--operation-color: #7651d5}.dashboard-operation>div{min-width:0}.dashboard-operation svg{width:25px!important;height:25px!important;flex:0 0 25px}.dashboard-operation p{margin:0}@media (max-width: 1450px){.dashboard-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 1100px){.dashboard-command-body{align-items:stretch;flex-direction:column}.dashboard-filter-group{align-self:flex-end}.dashboard-analytics{grid-template-columns:1fr}.dashboard-products-body{display:grid;grid-template-columns:220px 1fr;align-items:center;gap:20px}.dashboard-products-list{margin-top:0}}@media (max-width: 760px){.dashboard-command-titlebar>span{display:none}.dashboard-command-body{padding:13px}.dashboard-welcome-mark{display:none}.dashboard-welcome h2{font-size:18px}.dashboard-filter-group,.dashboard-date-filter,.dashboard-date-filter>label{width:100%}.dashboard-kpis,.dashboard-operations{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-products-body{display:block}.dashboard-products-list{margin-top:20px}.dashboard-chart-body{overflow-x:auto;padding-inline:12px}}@media (max-width: 440px){.dashboard-kpis,.dashboard-operations{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){.dashboard-kpi,.dashboard-refresh{transition:none}.dashboard-kpi:hover,.dashboard-refresh:hover{transform:none}}