.dashboard-layout{width:100vw;min-height:100vh;display:flex}.dashboard-layout .dashboard-right{flex-direction:column;flex-grow:1;max-width:calc(100% - 250px);min-height:calc(100vh - 50px);margin-top:50px;margin-left:250px;transition-duration:.3s;display:flex}@media only screen and (max-width:767px){.dashboard-layout .dashboard-right{max-width:inherit;width:100%;margin-left:0}}.dashboard-layout .dashboard-right.expand{max-width:calc(100% - 70px);margin-left:70px;transition-duration:.3s}@media only screen and (max-width:767px){.dashboard-layout .dashboard-right.expand{max-width:inherit;width:100%;margin-left:0}}.dashboard-layout .dashboard-right .dashboard-main{background-color:#91caff08;flex-grow:1;max-width:100%;margin-bottom:5rem;padding:2rem 1rem}@media only screen and (max-width:767px){.dashboard-layout .dashboard-right .dashboard-main{padding:1rem}}.dashboard-layout .dashboard-right .mobile-button-show{display:none}.dashboard-layout .dashboard-right .mobile-button-hide{display:inline-block}@media only screen and (max-width:767px){.dashboard-layout .dashboard-right .mobile-button-show{display:inline-block}.dashboard-layout .dashboard-right .mobile-button-hide{display:none}}.main-layout{box-sizing:border-box;grid-template-columns:auto minmax(0,1fr);display:grid}@media only screen and (max-width:767px){.main-layout{height:inherit}}.main-layout>.nested-layout{box-sizing:border-box;flex-flow:column;min-height:0;display:flex}.main-layout>.nested-layout .dashboard-main-content,.main-layout>.nested-layout .dashboard-main-content .dashboard-main{height:100%}.main-layout>.nested-layout .mobile-button-show{display:none}.main-layout>.nested-layout .mobile-button-hide{display:inline-block}@media only screen and (max-width:767px){.main-layout>.nested-layout .mobile-button-show{display:inline-block}.main-layout>.nested-layout .mobile-button-hide{display:none}}.dash-root{color:#333;background:0 0;grid-template-rows:1fr;grid-template-columns:auto minmax(0,1fr);width:100%;min-height:100vh;font-family:DM Sans,sans-serif;display:grid}.sidebar{border-right:.5px solid #00000012;flex-direction:column;align-items:center;gap:8px;height:100vh;padding:20px 0;display:flex;position:sticky;top:0;background:#fff!important}.sidebar-logo{color:#fff;letter-spacing:-.5px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;margin-bottom:20px;font-size:14px;font-weight:700;display:flex}.nav-item{cursor:pointer;color:#5a6479;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;font-size:20px;transition:all .15s;display:flex}.nav-item:hover{color:#7baeff;background:#3b82f61f}.nav-item.active{color:#3b82f6;background:#3b82f62e}.nav-spacer{flex:1}.main{background:0 0;flex-direction:column;display:flex;overflow:hidden}.topbar{background:0 0;border-bottom:.5px solid #0000000f;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.topbar-left h1{color:#333;letter-spacing:-.3px;margin:0;font-size:15px;font-weight:600}.topbar-left p{color:#5a6479;margin:1px 0 0;font-size:12px}.topbar-right{align-items:center;gap:10px;display:flex}.badge-live{color:#22c55e;background:#22c55e1a;border:.5px solid #22c55e40;border-radius:20px;align-items:center;gap:5px;padding:5px 10px;font-size:11px;font-weight:500;display:flex}.badge-live span{background:#22c55e;border-radius:50%;width:6px;height:6px;animation:2s infinite pulse;display:inline-block}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.avatar{color:#fff;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:600;display:flex}.content{color:#333;background:0 0;flex-direction:column;gap:18px;padding:20px 24px;display:flex;overflow-y:auto}.section-title{color:#5a6479;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px;font-size:11px;font-weight:500}.grid-4{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}@media (max-width:900px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:500px){.grid-4{grid-template-columns:1fr}}.grid-3{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}@media (max-width:900px){.grid-3{grid-template-columns:1fr}}.grid-2{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (max-width:900px){.grid-2{grid-template-columns:1fr}}.grid-2-1{grid-template-columns:1.6fr 1fr;gap:12px;display:grid}@media (max-width:900px){.grid-2-1{grid-template-columns:1fr}}.modern-card{color:#333!important;background:#fff!important;border:.5px solid #00000012!important;border-radius:14px!important;padding:16px!important}.modern-card .ant-statistic-title,.modern-card h2,.modern-card .ant-card-head-title,.modern-card .ant-alert-message{color:#5a6479!important}.modern-card .ant-statistic-content-value,.modern-card .ant-alert-description{color:#333!important}.stat-card{background:#fff;border:.5px solid #00000012;border-radius:14px;padding:16px;position:relative;overflow:hidden}.stat-card:before{content:"";border-radius:14px 14px 0 0;height:2px;position:absolute;top:0;left:0;right:0}.stat-card.blue:before{background:linear-gradient(90deg,#3b82f6,#0000)}.stat-card.green:before{background:linear-gradient(90deg,#22c55e,#0000)}.stat-card.amber:before{background:linear-gradient(90deg,#f59e0b,#0000)}.stat-card.red:before{background:linear-gradient(90deg,#ef4444,#0000)}.stat-card.purple:before{background:linear-gradient(90deg,#8b5cf6,#0000)}.stat-label{color:#5a6479;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:11px;font-weight:500;display:flex}.stat-value{letter-spacing:-1px;color:#333;font-family:DM Mono,monospace;font-size:26px;font-weight:600;line-height:1}.stat-sub{color:#5a6479;margin-top:6px;font-size:11px}.stat-chip{border-radius:20px;padding:2px 7px;font-size:10px;font-weight:500}.chip-green{color:#22c55e;background:#22c55e1f}.chip-red{color:#ef4444;background:#ef44441f}.chip-amber{color:#f59e0b;background:#f59e0b1f}.chip-blue{color:#7baeff;background:#3b82f61f}.icon-circle{border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;font-size:18px;display:flex}.ic-blue{color:#7baeff;background:#3b82f61f}.ic-green{color:#22c55e;background:#22c55e1f}.ic-amber{color:#f59e0b;background:#f59e0b1f}.ic-red{color:#ef4444;background:#ef44441f}.ic-purple{color:#a78bfa;background:#8b5cf61f}.gauge-wrap{flex-direction:column;align-items:center;gap:8px;display:flex}.gauge-svg{display:block}.gauge-svg circle{transition:stroke-dashoffset .8s cubic-bezier(.22,1,.36,1)}.work-summary-ring{justify-content:center;align-items:center;display:flex;position:relative}.ring-center{text-align:center;position:absolute}.ring-pct{color:#333;letter-spacing:-1px;font-family:DM Mono,monospace;font-size:28px;font-weight:600;line-height:1}.ring-label{color:#5a6479;margin-top:3px;font-size:10px}.divider{background:#0000000f;height:.5px;margin:12px 0}.row-item{border-bottom:.5px solid #0000000a;justify-content:space-between;align-items:center;padding:8px 0;display:flex}.row-item:last-child{border-bottom:none}.row-label{color:#5a6479;font-size:12px}.row-value{color:#333;font-family:DM Mono,monospace;font-size:13px;font-weight:500}.progress-bar-wrap{background:#0000000f;border-radius:4px;height:4px;margin-top:6px}.progress-bar-fill{border-radius:4px;height:4px;transition:width .7s cubic-bezier(.22,1,.36,1),background .3s}.activity-item{border-bottom:.5px solid #0000000a;align-items:center;gap:10px;padding:8px 0;display:flex}.activity-item:last-child{border-bottom:none}.activity-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.activity-text{color:#5a6479;flex:1;font-size:12px}.activity-time{color:#5a6479;font-size:11px}.carer-row{border-bottom:.5px solid #0000000a;align-items:center;gap:10px;padding:7px 0;display:flex}.carer-row:last-child{border-bottom:none}.carer-avatar-sm{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:10px;font-weight:600;display:flex}.carer-name{color:#333;flex:1;font-size:12px}.carer-calls{color:#5a6479;font-size:11px}.status-dot{border-radius:50%;width:7px;height:7px}.map-placeholder{background:#0e1421;border-radius:10px;justify-content:center;align-items:center;height:140px;display:flex;position:relative;overflow:hidden}.map-grid{background-image:linear-gradient(#3b82f60a 1px,#0000 1px),linear-gradient(90deg,#3b82f60a 1px,#0000 1px);background-size:20px 20px;position:absolute;inset:0}.map-label{color:#3a4560;z-index:1;font-size:11px}.map-pin{border:1.5px solid #0000;border-radius:50%;width:8px;height:8px;position:absolute}.chart-bars{align-items:stretch;gap:4px;height:60px;padding-top:4px;display:flex}.chart-bar-column{flex-direction:column;flex:1;align-items:stretch;min-width:0;display:flex}.chart-bar-value{color:#8899b4;text-align:center;flex-shrink:0;margin-bottom:2px;font-family:DM Mono,monospace;font-size:8px;line-height:1}.chart-bar-value--zero{opacity:0}.chart-bar-value--today{color:#3b82f6;font-weight:600}.chart-bar-track{flex:1;width:100%;position:relative}.bar{border-radius:3px 3px 0 0;min-width:6px;transition:height .6s cubic-bezier(.22,1,.36,1),opacity .2s;position:absolute;bottom:0;left:0;right:0}.bar:hover{opacity:.75}.bar--zero{background:#00000014!important}.bar--today{background:#3b82f6!important}.chart-xlabels{gap:4px;margin-top:4px;display:flex}.xlbl{color:#5a6479;text-align:center;flex:1;min-width:0;font-size:9px}.xlbl--current{color:#3b82f6;font-weight:600}.card-refresh-wrap{height:100%;position:relative}.card-refresh-content{transition:opacity .25s}.card-refresh-overlay{z-index:5;-webkit-backdrop-filter:blur(1.5px);background:#ffffff59;border-radius:12px;justify-content:center;align-items:center;animation:.2s both dpt-fade-in;display:flex;position:absolute;inset:0}.card-refresh-overlay .ant-spin{color:#3b82f6}@keyframes dpt-fade-in{0%{opacity:0}to{opacity:1}}.dashboard-period-toolbar{background:linear-gradient(#fff 0%,#f7f9fc 100%);border:1px solid #3b82f624;border-radius:14px;flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;align-items:center;gap:12px;margin-bottom:4px;padding:10px 14px;animation:.4s both dpt-toolbar-in;display:flex;box-shadow:0 1px 3px #1018280d}@keyframes dpt-toolbar-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.dashboard-period-toolbar__label{align-items:center;gap:8px;min-width:0;display:flex}.dpt-period-name{color:#333;white-space:nowrap;font-size:13px;font-weight:600}.dpt-period-range{color:#8899b4;white-space:nowrap;font-family:DM Mono,monospace;font-size:11px}.dashboard-period-toolbar__controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;max-width:100%;display:flex}.dashboard-period-toolbar__segment{max-width:100%;overflow-x:auto}.dashboard-period-toolbar .ant-segmented{background:#eef2f8;border:1px solid #3b82f61a;border-radius:999px;padding:3px;box-shadow:inset 0 1px 2px #1018280a}.dashboard-period-toolbar .ant-segmented .ant-segmented-item{color:#5a6479;border-radius:999px;font-size:12px;font-weight:500;transition:color .2s,background .2s}.dashboard-period-toolbar .ant-segmented .ant-segmented-item-label{min-height:26px;padding:3px 13px;line-height:20px}.dashboard-period-toolbar .ant-segmented .ant-segmented-item:hover:not(.ant-segmented-item-selected){color:#3b82f6;background:#3b82f614}.dashboard-period-toolbar .ant-segmented .ant-segmented-item-selected,.dashboard-period-toolbar .ant-segmented .ant-segmented-thumb{background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);border-radius:999px;box-shadow:0 3px 8px #3b82f652}.dashboard-period-toolbar .ant-segmented .ant-segmented-item-selected,.dashboard-period-toolbar .ant-segmented .ant-segmented-item-selected:hover,.dashboard-period-toolbar .ant-segmented .ant-segmented-thumb+.ant-segmented-item-selected{color:#fff}.dashboard-period-toolbar .ant-segmented .ant-segmented-item-selected .ant-segmented-item-label{color:#fff;font-weight:600}.dashboard-period-toolbar .ant-btn{border-radius:999px}.dashboard-period-toolbar .ant-picker{border-radius:10px}@media (prefers-reduced-motion:reduce){.gauge-svg circle,.progress-bar-fill,.bar,.card-refresh-content,.card-refresh-overlay,.dashboard-period-toolbar{transition:none;animation:none}}
