*{box-sizing:border-box;margin:0;padding:0}body,html{background-attachment:fixed;min-height:100vh;overflow-x:hidden}body{background:#eef5f0;color:#1c2b23;font-family:Plus Jakarta Sans,sans-serif}body:before{animation:bgShift 14s ease-in-out infinite alternate;background:radial-gradient(ellipse 900px 600px at 0 0,#86efac40 0,#0000 65%),radial-gradient(ellipse 700px 500px at 100% 100%,#93c5fd33 0,#0000 65%),radial-gradient(ellipse 500px 400px at 60% 40%,#fde68a1f 0,#0000 60%);content:"";inset:0;pointer-events:none;position:fixed;z-index:0}@keyframes bgShift{0%{opacity:.8}to{opacity:1}}.topbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffd9;border-bottom:1px solid #0000000f;gap:0;height:54px;padding:0 22px;position:relative;z-index:10}.brand,.topbar{align-items:center;display:flex}.brand{flex-shrink:0;gap:10px;margin-right:20px}.brand-ring{animation:ringRot 6s linear infinite;background:conic-gradient(#22c55e 0deg,#16a34a 120deg,#4ade80 240deg,#22c55e 1turn);border-radius:"";box-shadow:0 3px 12px #22c55e4d;display:grid;height:34px;place-items:center;position:relative;width:34px}.brand-ring img{height:35px;object-fit:cover;width:35px}@keyframes ringRot{to{transform:rotate(1turn)}}.brand-ring span{animation:ringRot 6s linear infinite reverse;font-size:15px;position:absolute}.brand-name{color:#1c2b23;font-size:20px;font-weight:800;letter-spacing:-.3px}.brand-name em{color:#16a34a;font-style:normal}.topnav{-webkit-overflow-scrolling:touch;align-items:center;display:flex;flex:1 1;gap:1px;overflow-x:auto}.topnav::-webkit-scrollbar{display:none}.topnav{-ms-overflow-style:none;scrollbar-width:none}.tn{border-radius:8px;color:#6b7280;cursor:pointer;font-size:11.5px;font-weight:700;letter-spacing:.01em;padding:6px 15px;transition:all .18s;white-space:nowrap}.tn:hover{background:#0000000a;color:#1c2b23}.tn.on{background:#dcfce7;box-shadow:inset 0 0 0 1px #22c55e40;color:#16a34a}.topbar-r{flex-shrink:0;gap:12px}.live-pill,.topbar-r{align-items:center;display:flex}.live-pill{background:#dcfce7;border:1px solid #bbf7d0;border-radius:20px;color:#15803d;font-size:10.5px;font-weight:800;gap:6px;letter-spacing:.05em;padding:5px 12px}.lp-dot{animation:lpb 1.4s ease-in-out infinite;background:#22c55e;border-radius:50%;height:7px;width:7px}@keyframes lpb{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.7)}}.tb-clock{font-feature-settings:"tnum";color:#9ca3af;font-size:12px;font-variant-numeric:tabular-nums;font-weight:600;min-width:60px;text-align:right}.tb-av{background:linear-gradient(135deg,#22c55e,#0ea5e9);border-radius:50%;color:#fff;cursor:pointer;display:grid;flex-shrink:0;font-size:11px;font-weight:800;height:32px;place-items:center;width:32px}.grid{grid-gap:11px;display:grid;gap:11px;grid-template-columns:repeat(12,1fr);grid-template-rows:110px 1fr 1fr;height:calc(100vh - 54px);padding:14px 18px;z-index:1}.grid,.sc{position:relative}.sc{animation:popUp .5s cubic-bezier(.16,1,.3,1) both;border-radius:18px;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;padding:16px 18px;transition:transform .22s,box-shadow .22s}@keyframes popUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.sc:hover{transform:translateY(-4px)}.sc:first-child{animation-delay:.04s;grid-column:1/4}.sc:nth-child(2){animation-delay:.09s;grid-column:4/7}.sc:nth-child(3){animation-delay:.13s;grid-column:7/10}.sc:nth-child(4){animation-delay:.17s;grid-column:10/13}.sc-row1{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.sc-icon{animation:iconBob 2.8s ease-in-out infinite;border-radius:12px;display:grid;font-size:17px;height:36px;place-items:center;width:36px}.sc:nth-child(2) .sc-icon{animation-delay:.5s}.sc:nth-child(3) .sc-icon{animation-delay:1s}.sc:nth-child(4) .sc-icon{animation-delay:1.5s}@keyframes iconBob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.sc-tag{border-radius:20px;font-size:10px;font-weight:800;letter-spacing:.03em;padding:3px 9px}.sc-val{font-family:Nunito,sans-serif;font-size:30px;font-weight:900;letter-spacing:-1.5px;line-height:1}.sc-lbl{color:inherit;font-size:10px;font-weight:600;letter-spacing:.04em;margin-top:2px;opacity:.55;text-transform:uppercase}.sc-bar{background:#0000000f;height:3px;margin-top:8px;overflow:hidden}.sc-bar,.sc-fill{border-radius:4px}.sc-fill{animation:barin 1.4s cubic-bezier(.16,1,.3,1) .35s both;height:100%}@keyframes barin{0%{width:0!important}}.sc-green{background:linear-gradient(145deg,#f0fdf4,#dcfce7);box-shadow:0 4px 20px #22c55e1f}.sc-green:hover{box-shadow:0 10px 36px #22c55e33}.sc-blue{background:linear-gradient(145deg,#eff6ff,#dbeafe);box-shadow:0 4px 20px #3b82f61a}.sc-blue:hover{box-shadow:0 10px 36px #3b82f62e}.sc-amber{background:linear-gradient(145deg,#fffbeb,#fef3c7);box-shadow:0 4px 20px #f59e0b1a}.sc-amber:hover{box-shadow:0 10px 36px #f59e0b2e}.sc-rose{background:linear-gradient(145deg,#fff1f2,#ffe4e6);box-shadow:0 4px 20px #f43f5e1a}.sc-rose:hover{box-shadow:0 10px 36px #f43f5e2e}.sc-blob{border-radius:50%;filter:blur(4px);height:80px;opacity:.25;position:absolute;right:-24px;top:-28px;width:80px}.panel{animation:popUp .5s cubic-bezier(.16,1,.3,1) both;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffd1;border:1px solid #fffffff2;border-radius:18px;box-shadow:0 2px 16px #0000000d,0 1px 4px #0000000a;display:flex;flex-direction:column;overflow:hidden;transition:box-shadow .22s,transform .22s}.panel:hover{box-shadow:0 8px 32px #00000017}.ph{flex-shrink:0;justify-content:space-between;padding:13px 15px 0}.ph,.pt{align-items:center;display:flex}.pt{color:#374151;font-size:11px;font-weight:800;gap:7px;letter-spacing:.05em;text-transform:uppercase}.pdot{border-radius:50%;height:8px;width:8px}.ptag{border-radius:8px;font-size:9.5px;font-weight:800;letter-spacing:.05em;padding:3px 8px}.dp1{animation-delay:.2s;grid-column:1/4}.dp1,.dp2{grid-row:2}.dp2{animation-delay:.25s;grid-column:4/7}.dp3{animation-delay:.3s;grid-column:7/10;grid-row:2}.donut-body{align-items:center;display:flex;flex:1 1;gap:14px;min-height:0;padding:10px 14px 13px}.dbox{flex-shrink:0;height:100px;position:relative;width:100px}.dbox canvas{height:100%!important;width:100%!important}.dcc{align-items:center;display:flex;flex-direction:column;inset:0;justify-content:center;pointer-events:none;position:absolute}.dcc-n{font-family:Nunito,sans-serif;font-size:19px;font-weight:900;letter-spacing:-1px;line-height:1}.dcc-l{color:#9ca3af;font-size:8.5px;font-weight:700;letter-spacing:.07em;margin-top:1px;text-transform:uppercase}.dleg{display:flex;flex:1 1;flex-direction:column;gap:7px}.dli{justify-content:space-between}.dli,.dli-l{align-items:center;display:flex}.dli-l{color:#6b7280;font-size:11px;font-weight:600;gap:7px}.dli-pip{border-radius:3px;flex-shrink:0;height:9px;width:9px}.dli-v{color:#1c2b23;font-size:11px;font-weight:800}.kpi-panel{animation-delay:.33s;grid-column:10/13;grid-row:2/4}.kpi-body{gap:8px;min-height:0;padding:10px 14px 12px}.ki,.kpi-body{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.ki{border-radius:12px;gap:3px;justify-content:center;padding:10px 12px;position:relative}.ki:after{background:linear-gradient(90deg,#0000,#ffffffb3,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.ki-lbl{font-size:9px;font-weight:800;letter-spacing:.1em;opacity:.6;text-transform:uppercase}.ki-val{font-family:Nunito,sans-serif;font-size:22px;font-weight:900;letter-spacing:-1px;line-height:1}.ki-track{background:#00000012;border-radius:4px;height:4px;margin-top:5px;overflow:hidden}.ki-fill{animation:barin 1.6s cubic-bezier(.16,1,.3,1) .6s both;border-radius:4px;height:100%}.wx{background:linear-gradient(145deg,#0c4a6e,#0369a1,#0ea5e9);border-radius:13px;flex-shrink:0;overflow:hidden;padding:12px 14px;position:relative}.wx:before{background:radial-gradient(circle,#fde0472e,#0000 65%);border-radius:50%;content:"";height:160px;position:absolute;right:-40px;top:-55px;width:160px}.wx-city{color:#ffffff8c;font-size:9px;font-weight:800;letter-spacing:.12em;margin-bottom:5px;text-transform:uppercase}.wx-main{align-items:center;display:flex;gap:8px;margin-bottom:2px}.wx-temp{color:#fff;font-family:Nunito,sans-serif;font-size:38px;font-weight:900;letter-spacing:-2px;line-height:1}.wx-sun{animation:sunRot 12s linear infinite;display:inline-block;font-size:26px}@keyframes sunRot{to{transform:rotate(1turn)}}.wx-desc{color:#ffffff80;font-size:9px;line-height:1.5;margin-bottom:9px}.wx-days{grid-gap:3px;display:grid;gap:3px;grid-template-columns:repeat(5,1fr)}.wxd{background:#ffffff21;border-radius:8px;cursor:pointer;padding:5px 2px;text-align:center;transition:.18s}.wxd:hover{background:#ffffff38}.wxd-n{color:#ffffff73;font-size:7.5px;font-weight:800;margin-bottom:2px}.wxd-i{font-size:12px;margin-bottom:1px}.wxd-t{color:#fff;font-size:9px;font-weight:800}.area-panel{animation-delay:.38s;grid-column:1/10;grid-row:3}.area-body{flex:1 1;min-height:0;padding:4px 14px 12px;position:relative}.area-body canvas{height:100%!important;width:100%!important}.chart-legends{display:flex;flex-shrink:0;gap:16px;margin-top:2px;padding:0 15px}.cl{align-items:center;color:#9ca3af;display:flex;font-size:10px;font-weight:700;gap:5px}.cl-line{border-radius:2px;height:3px;width:16px}@media (max-width:1024px){.grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:auto;height:auto;padding-bottom:30px}.grid>div{grid-column:auto!important;grid-row:auto!important;width:100%}.sc{grid-column:span 1!important}.area-panel,.kpi-panel,.panel{grid-column:span 2!important}.grid{gap:12px}.donut-body{justify-content:center;padding:20px}.area-panel{min-height:300px}.donut-body{flex-wrap:wrap;justify-content:space-around}.dleg{margin-top:10px;width:100%}}@media (max-width:600px){.grid{grid-template-columns:1fr;padding:12px}.area-panel,.kpi-panel,.panel,.sc{grid-column:span 1!important}.sc{padding:18px}.sc-val{font-size:26px}.donut-body{flex-direction:column;text-align:center}.dli{gap:15px;justify-content:center}.ki{min-height:100px;padding:15px}.area-panel{min-height:250px}.brand-name{display:none}.topbar{padding:0 15px}.topnav{padding-left:10px}}
/*# sourceMappingURL=main.71c58158.css.map*/