.sa-dashboard{--sa-ink:#183246;--sa-muted:#667781;color:var(--sa-ink);background:#f6f8f9;border-radius:18px;min-width:0;padding:24px;font-family:Arial,sans-serif}.sa-dashboard *{box-sizing:border-box}.sa-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.sa-eyebrow{letter-spacing:1.8px;color:#758592;font-size:10px;font-weight:700}.sa-heading h1{letter-spacing:-1px;margin:8px 0;font-size:30px}.sa-heading p,.sa-note{color:var(--sa-muted);margin:0;font-size:13px;line-height:1.6}.sa-button,.sa-toolbar select,.sa-custom input{font:inherit;color:var(--sa-ink);background:#fff;border:1px solid #d1dbe0;border-radius:8px;min-height:40px;padding:10px 13px;font-size:13px}.sa-button{cursor:pointer;font-weight:600;box-shadow:0 1px 2px #18324609}.sa-button:hover{background:#edf4f7}.sa-toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.sa-compare{cursor:pointer;align-items:center;gap:8px;font-size:12px;margin:0!important;display:flex!important}.sa-compare input{accent-color:#1684a7;width:16px;height:16px}.sa-timezone{color:#778995;margin-left:auto;font-size:11px}.sa-period{color:#435e70;margin:18px 0;font-size:12px}.sa-period span{color:#82909b}.sa-kpis{background:#fff;border:1px solid #e0e6e9;border-radius:12px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px;display:grid;box-shadow:0 2px 3px #102b3a03}.sa-kpi{min-width:0;padding:22px 18px}.sa-kpi+.sa-kpi{border-left:1px solid #e7ecef}.sa-dashboard h2{letter-spacing:0;margin:0 0 15px;font-size:13px;font-weight:600}.sa-kpi>div{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.sa-kpi strong{letter-spacing:-1px;font-size:27px;font-weight:600}.sa-kpi p{color:#778994;margin:10px 0 0;font-size:10px;line-height:1.5}.sa-change{color:#28724f;white-space:nowrap;background:#edf7f1;border-radius:5px;padding:4px 6px;font-size:10px;display:inline-block}.sa-change.down{color:#a84841;background:#fff0ef}.sa-change.neutral{color:#758693;background:#f1f4f6}.sa-main-grid{grid-template-columns:minmax(0,1.8fr) minmax(260px,1fr);gap:18px;margin-bottom:18px;display:grid}.sa-card{background:#fff;border:1px solid #e0e6e9;border-radius:12px;min-width:0;padding:22px;box-shadow:0 2px 3px #102b3a03}.sa-card-title{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.sa-card-title>span{color:#7c8c96;white-space:nowrap;font-size:10px}.sa-card-title strong{letter-spacing:-.6px;font-size:26px;font-weight:600}.sa-legend{color:#6d7e89;gap:18px;margin:18px 0 4px;font-size:10px;display:flex}.sa-legend span{align-items:center;gap:6px;display:flex}.sa-legend i,.sa-service-list i,.sa-fulfil i{background:#1684a7;border-radius:50%;width:7px;height:7px;display:inline-block}.sa-legend .previous{background:#a0bac8}.sa-chart{width:100%;display:block;overflow:visible}.sa-chart circle{cursor:pointer}.sa-chart circle:focus{stroke:#183246;stroke-width:3px;outline:none}.sa-chart-caption{color:#6d7e89;min-height:22px;margin-top:12px;font-size:11px}.sa-stacked{background:#f2f5f7;border-radius:4px;height:12px;margin:12px 0 22px;display:flex;overflow:hidden}.sa-service-list>div{justify-content:space-between;gap:10px;margin:18px 0;font-size:12px;display:flex}.sa-service-list i{margin-right:8px}.sa-service-list strong{text-align:right;font-size:12px}.sa-dashboard small{color:#82909b;margin-top:6px;font-size:10px;font-weight:400;display:block}.sa-service-list small{padding-left:15px}.sa-bottom-grid{grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px;display:grid}.sa-breakdown{margin:0;font-size:12px}.sa-breakdown>div{justify-content:space-between;padding:11px 0;display:flex}.sa-breakdown dd{margin:0;font-weight:600}.sa-emphasis{border-top:1px solid #e7edef;font-weight:700}.sa-fulfil{gap:48px;margin:12px 0 24px;display:flex}.sa-fulfil strong{margin-bottom:12px;font-size:32px;font-weight:600;display:block}.sa-fulfil span{color:#667781;font-size:12px}.sa-fulfil .pending{background:#c7914c}.sa-table-wrap{overflow:auto}.sa-dashboard table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%;font-size:12px}.sa-dashboard th{color:#71838f;background:#f8fafb;padding:12px;font-size:11px;font-weight:500}.sa-dashboard td{border-top:1px solid #edf0f2;padding:15px 12px}.sa-dashboard td:last-child,.sa-dashboard th:last-child{text-align:right}.sa-status{color:#8b652d;text-transform:capitalize;background:#fff5df;border-radius:5px;padding:5px 8px;font-size:10px;display:inline-block}.sa-status.complete{color:#357351;background:#e9f5ee}.sa-footnote{color:#7a8c98;margin:20px 0 0;font-size:10px;line-height:1.8}.sa-custom{flex-wrap:wrap;align-items:end;gap:12px;margin-top:16px;display:flex}.sa-custom label{gap:5px;font-size:12px;display:grid}.sa-custom p{color:#a84841}.sa-empty{text-align:center;color:#71838f;padding:40px}.sa-sr{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.sa-preview{color:#23607b;letter-spacing:1px;background:#e5f2f7;border-radius:8px;align-items:center;gap:18px;margin-bottom:24px;padding:12px 16px;font-size:10px;font-weight:700;display:flex}.sa-preview span{letter-spacing:0;font-weight:400}.sa-dashboard :is(button,a,input,select,summary):focus-visible{outline-offset:3px;outline:3px solid #1684a7}@media (width<=1100px){.sa-kpi strong{font-size:23px}.sa-main-grid{grid-template-columns:minmax(0,1.5fr) minmax(230px,1fr)}}@media (width<=750px){.sa-dashboard{padding:16px}.sa-main-grid,.sa-bottom-grid{grid-template-columns:1fr}.sa-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.sa-kpi:nth-child(3){border-left:0}.sa-kpi:nth-child(n+3){border-top:1px solid #e7ecef}.sa-kpi{padding:18px 14px}.sa-heading h1{font-size:26px}.sa-timezone{width:100%;margin-left:0}.sa-card{padding:18px}.sa-toolbar select{width:100%}.sa-toolbar>label:not(.sa-compare){flex:1}.sa-compare{width:100%;padding:8px 0}.sa-preview{flex-direction:column;align-items:flex-start;gap:6px}.sa-period{line-height:1.8}.sa-period span{display:block}.sa-chart{min-height:180px}.sa-fulfil{gap:32px}}