.dash-control{display:grid;gap:18px;color:#07192f}.dash-control *{box-sizing:border-box}.dash-control button{font:inherit}.dash-hero{display:grid;grid-template-columns:1fr 220px;gap:16px;align-items:stretch}.dash-greeting,.dash-bella,.dash-card,.dash-panel{background:#fff;border:1px solid #dbe7df;border-radius:10px;box-shadow:0 8px 22px rgba(13,40,24,.06)}.dash-greeting{padding:20px 22px}.dash-greeting h2{margin:0 0 6px;font-size:28px}.dash-greeting p{margin:0;color:#52697b}.dash-bella{display:flex;gap:12px;align-items:center;padding:14px}.dash-bella img{width:58px;height:58px;object-fit:contain}.dash-bella strong{display:block}.dash-bella span{display:block;color:#52697b;font-size:13px}.dash-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.dash-card{padding:14px}.dash-card .label{display:flex;align-items:center;gap:8px;color:#33485c;font-weight:700;font-size:13px}.dash-icon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#e8f3ff;color:#1767c2}.dash-card strong{display:block;margin:12px 0 3px;font-size:28px;line-height:1;color:#006b2d}.dash-card small{color:#52697b}.dash-card.is-red strong,.dash-card.is-red .dash-icon{color:#c7362b}.dash-card.is-red .dash-icon{background:#ffe8e7}.dash-card.is-amber strong,.dash-card.is-amber .dash-icon{color:#d27500}.dash-card.is-amber .dash-icon{background:#fff2d0}.dash-card.is-blue strong,.dash-card.is-blue .dash-icon{color:#075ed3}.dash-card.is-green .dash-icon{background:#e7f7eb;color:#14843c}.dash-main{display:grid;grid-template-columns:1.25fr .95fr;gap:16px}.dash-panel{padding:16px}.dash-panel-head{display:flex;justify-content:space-between;gap:12px;align-items:start;margin-bottom:14px}.dash-panel h3{margin:0;font-size:18px}.dash-panel-head span{color:#52697b;font-size:13px}.dash-hour-chart{height:230px;display:grid;grid-template-columns:repeat(13,1fr);gap:7px;align-items:end;border-bottom:1px solid #dbe7df;padding-top:12px}.dash-hour-chart p{height:100%;margin:0;display:flex;align-items:end;justify-content:center;position:relative}.dash-hour-chart b{width:100%;height:var(--h);min-height:4px;border-radius:6px 6px 0 0;background:linear-gradient(180deg,#ff5b3d 0,#f6c22d 45%,#34aa55 100%)}.dash-hour-chart span{position:absolute;bottom:-23px;font-size:11px;color:#52697b}.dash-sla{display:grid;place-items:center;min-height:230px}.dash-donut{width:170px;height:170px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#2ba84a calc(var(--p)*1%),#e8eff0 0)}.dash-donut div{width:108px;height:108px;border-radius:50%;display:grid;place-items:center;background:#fff;text-align:center}.dash-donut strong{display:block;font-size:28px;color:#07192f}.dash-donut span{font-size:12px;color:#52697b}.dash-buckets{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.dash-bucket{padding:14px;border-radius:10px;border:1px solid #dbe7df;background:#f4fbf5}.dash-bucket strong{display:block;margin:8px 0 4px;font-size:26px;color:#006b2d}.dash-bucket span{display:block;font-weight:700}.dash-bucket small{color:#52697b}.dash-bucket.b2{background:#fff9df}.dash-bucket.b3{background:#fff1e4}.dash-bucket.b4,.dash-bucket.b5{background:#ffe8e7}.dash-bucket.b4 strong,.dash-bucket.b5 strong{color:#c7362b}.dash-status{display:grid;grid-template-columns:150px 1fr;gap:16px;align-items:center}.dash-status-list{display:grid;gap:10px}.dash-status-list p{display:grid;grid-template-columns:1fr 44px;gap:8px;margin:0;align-items:center}.dash-status-list i{height:9px;border-radius:999px;background:#2f7df0;display:block}.dash-status-list p:nth-child(2) i{background:#ffb703}.dash-status-list p:nth-child(3) i{background:#25a852}.dash-status-list p:nth-child(4) i{background:#a0aec0}.dash-status-list p:nth-child(5) i{background:#e54848}.dash-status-list span{color:#52697b;font-size:13px}.dash-status-list b{text-align:right}.dash-table{width:100%;border-collapse:collapse}.dash-table th,.dash-table td{padding:9px 8px;border-bottom:1px solid #e1ebe5;text-align:left;font-size:13px}.dash-table th{color:#385267;background:#f0f6f1}.dash-table td:last-child,.dash-table th:last-child{text-align:right}.dash-alert{display:inline-block;padding:3px 8px;border-radius:999px;background:#fff2d0;color:#8a4f00;font-weight:700;font-size:12px}.dash-alert.red{background:#ffe1e1;color:#a31d1d}.dash-ranking{display:grid;gap:10px}.dash-ranking p{display:grid;grid-template-columns:80px 1fr 28px;gap:10px;margin:0;align-items:center}.dash-ranking b{height:10px;border-radius:999px;background:#2ba84a}.dash-ranking span{font-size:13px;color:#07192f}.dash-activity{display:grid;gap:10px}.dash-activity p{display:grid;grid-template-columns:26px 1fr auto;gap:8px;margin:0;padding-bottom:9px;border-bottom:1px solid #e1ebe5;align-items:center}.dash-activity i{width:22px;height:22px;border-radius:50%;background:#e8f5ec;display:grid;place-items:center;color:#16813a;font-style:normal}.dash-activity span{color:#52697b;font-size:12px}.dash-bottom{display:grid;grid-template-columns:1fr 1fr;gap:16px}.dash-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.dash-actions button{border:1px solid #c9ddcf;border-radius:8px;background:#fff;color:#075f24;padding:12px;font-weight:700}.dash-actions button.primary{background:#268a2e;color:#fff;border-color:#268a2e}@media(max-width:1200px){.dash-kpis{grid-template-columns:repeat(3,1fr)}.dash-main,.dash-bottom,.dash-hero{grid-template-columns:1fr}}@media(max-width:720px){.dash-kpis,.dash-buckets,.dash-actions{grid-template-columns:1fr}.dash-status{grid-template-columns:1fr}.dash-hour-chart{grid-template-columns:repeat(7,1fr);overflow:hidden}}
.dash-h-0 b{height:0%}.dash-w-0{width:0%}.dash-p-0{background:conic-gradient(#2ba84a 0%,#e8eff0 0)}.dash-h-5 b{height:5%}.dash-w-5{width:5%}.dash-p-5{background:conic-gradient(#2ba84a 5%,#e8eff0 0)}.dash-h-10 b{height:10%}.dash-w-10{width:10%}.dash-p-10{background:conic-gradient(#2ba84a 10%,#e8eff0 0)}.dash-h-15 b{height:15%}.dash-w-15{width:15%}.dash-p-15{background:conic-gradient(#2ba84a 15%,#e8eff0 0)}.dash-h-20 b{height:20%}.dash-w-20{width:20%}.dash-p-20{background:conic-gradient(#2ba84a 20%,#e8eff0 0)}.dash-h-25 b{height:25%}.dash-w-25{width:25%}.dash-p-25{background:conic-gradient(#2ba84a 25%,#e8eff0 0)}.dash-h-30 b{height:30%}.dash-w-30{width:30%}.dash-p-30{background:conic-gradient(#2ba84a 30%,#e8eff0 0)}.dash-h-35 b{height:35%}.dash-w-35{width:35%}.dash-p-35{background:conic-gradient(#2ba84a 35%,#e8eff0 0)}.dash-h-40 b{height:40%}.dash-w-40{width:40%}.dash-p-40{background:conic-gradient(#2ba84a 40%,#e8eff0 0)}.dash-h-45 b{height:45%}.dash-w-45{width:45%}.dash-p-45{background:conic-gradient(#2ba84a 45%,#e8eff0 0)}.dash-h-50 b{height:50%}.dash-w-50{width:50%}.dash-p-50{background:conic-gradient(#2ba84a 50%,#e8eff0 0)}.dash-h-55 b{height:55%}.dash-w-55{width:55%}.dash-p-55{background:conic-gradient(#2ba84a 55%,#e8eff0 0)}.dash-h-60 b{height:60%}.dash-w-60{width:60%}.dash-p-60{background:conic-gradient(#2ba84a 60%,#e8eff0 0)}.dash-h-65 b{height:65%}.dash-w-65{width:65%}.dash-p-65{background:conic-gradient(#2ba84a 65%,#e8eff0 0)}.dash-h-70 b{height:70%}.dash-w-70{width:70%}.dash-p-70{background:conic-gradient(#2ba84a 70%,#e8eff0 0)}.dash-h-75 b{height:75%}.dash-w-75{width:75%}.dash-p-75{background:conic-gradient(#2ba84a 75%,#e8eff0 0)}.dash-h-80 b{height:80%}.dash-w-80{width:80%}.dash-p-80{background:conic-gradient(#2ba84a 80%,#e8eff0 0)}.dash-h-85 b{height:85%}.dash-w-85{width:85%}.dash-p-85{background:conic-gradient(#2ba84a 85%,#e8eff0 0)}.dash-h-90 b{height:90%}.dash-w-90{width:90%}.dash-p-90{background:conic-gradient(#2ba84a 90%,#e8eff0 0)}.dash-h-95 b{height:95%}.dash-w-95{width:95%}.dash-p-95{background:conic-gradient(#2ba84a 95%,#e8eff0 0)}.dash-h-100 b{height:100%}.dash-w-100{width:100%}.dash-p-100{background:conic-gradient(#2ba84a 100%,#e8eff0 0)}
