.os-summary{--os-plan:#397df2;--os-physical:#f56808;--os-financial:#009da9;--os-area:rgba(245,104,8,.07);--os-border:#e6e2dc;--os-muted:#7b7771;--os-surface:#fff;color:#17212a;margin-top:14px;font:12px Inter,Arial,sans-serif}.os-main{display:grid;grid-template-columns:minmax(0,3fr) minmax(240px,1fr);gap:14px}.os-card{min-width:0;padding:22px;background:var(--os-surface);border:1px solid var(--os-border);border-radius:12px;box-shadow:0 1px 1px #00000008}.os-card h2{font-size:15px;letter-spacing:-.03em;margin:0 0 6px}.os-card p{color:var(--os-muted);margin:0 0 14px;font-size:12px}.os-card .os-header{display:flex;align-items:start;justify-content:space-between;gap:18px}.os-filter{font-size:10px;color:var(--os-muted);display:grid;gap:4px}.os-filter select{width:175px;max-width:100%;padding:8px;border:1px solid #f8b18b;border-radius:7px;background:var(--os-surface);color:inherit}.os-legend{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0 10px}.os-legend span{padding:6px 8px;background:#88888808;border:1px solid var(--os-border);border-radius:3px;font-size:10px}.os-blue{color:var(--os-plan)}.os-orange{color:var(--os-physical)}.os-teal{color:var(--os-financial)}.os-plot{position:relative;touch-action:pan-y}.os-plot svg{display:block;width:100%;height:auto;overflow:visible}.os-plot svg text{font:12px Inter,Arial,sans-serif;fill:var(--os-muted)}.os-grid{stroke:var(--os-border);stroke-dasharray:4 5}.os-line{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.os-plan{stroke:var(--os-plan);stroke-dasharray:7 6}.os-financial{stroke:var(--os-financial)}.os-today{stroke:var(--os-physical);stroke-dasharray:5 5;opacity:.65}.os-plot svg .os-today-label{fill:var(--os-physical);font-weight:800}.os-tooltip{position:absolute;top:12%;width:205px;padding:12px;background:var(--os-surface);border:1px solid var(--os-border);border-radius:8px;box-shadow:0 6px 18px #00000012;pointer-events:none;font-size:11px}.os-tooltip[hidden]{display:none}.os-tooltip>span{display:flex;justify-content:space-between;gap:8px;margin-top:10px}.os-week{display:block;width:calc(100% - 65px);margin:0 15px 14px 50px;accent-color:var(--os-plan);height:16px}.os-card .os-note{font-size:10px;line-height:1.6;margin:12px 0 0}.os-main .os-side{display:grid;gap:14px}.os-ring{height:130px;width:130px;border-radius:50%;background:conic-gradient(var(--ring-color) var(--ring-value),#88888812 0);padding:12px;margin:12px auto}.os-ring>div{background:var(--os-surface);height:100%;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}.os-ring b{font-size:25px;letter-spacing:-.04em}.os-ring small{font-size:9px;color:var(--os-muted)}.os-comparison{display:flex;justify-content:space-between;color:var(--os-muted);font-size:10px}.os-comparison b{display:block;margin-top:4px}.os-card dl{margin:16px 0 0}.os-card dl>div{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--os-border)}.os-card dl>div:last-child{border:0}.os-card dt{font-size:9px;text-transform:uppercase;color:var(--os-muted)}.os-card dd{margin:0;font-weight:700}.os-distribution{margin-top:14px}.os-distribution-body{display:grid;grid-template-columns:1fr 1.7fr;align-items:center;gap:30px}.os-distribution-body>div:first-child{text-align:center}.os-distribution-body .os-ring{width:150px;height:150px}.os-spend{display:grid;grid-template-columns:1fr auto;gap:8px;margin:12px 0}.os-spend small{color:var(--os-muted);font-size:10px}.os-summary progress{width:100%;height:5px;border:0;border-radius:5px;overflow:hidden;accent-color:var(--os-physical);background:#88888815}.os-summary progress::-webkit-progress-bar{background:#88888815}.os-summary progress::-webkit-progress-value{background:var(--os-physical)}.os-bottom{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.os-activity{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0;border-top:1px solid var(--os-border)}.os-activity>div{flex:1;min-width:0}.os-activity b{font-size:11px;line-height:1.6;font-weight:500}.os-activity small{display:block;color:var(--os-muted);font-size:10px;margin-top:4px}.os-activity progress{display:block;margin-top:10px}.os-activity strong{white-space:nowrap;font-size:12px}.os-summary :focus-visible{outline:2px solid var(--os-plan);outline-offset:3px}html[data-theme="dark"] .os-summary{--os-surface:#20282a;--os-border:#ffffff20;--os-muted:#a6b1b3;color:#f3f6f6}@media(max-width:850px){.os-main{grid-template-columns:1fr}.os-main .os-side{grid-template-columns:1fr 1fr}.os-card{padding:16px}}@media(max-width:520px){.os-bottom,.os-distribution-body{grid-template-columns:1fr}.os-card .os-header{flex-wrap:wrap}.os-main .os-side{grid-template-columns:1fr}.os-plot svg text{font-size:15px}.os-tooltip{width:175px;font-size:10px}.os-legend{gap:4px}}@media print{.os-week,.os-tooltip{display:none}.os-card{break-inside:avoid}.os-main{grid-template-columns:3fr 1fr}}

.os-summary,.os-summary *{box-sizing:border-box}.os-summary .os-filter{display:grid;grid-template-columns:1fr}.os-summary .os-filter select{font:12px Inter,Arial,sans-serif} @media(max-width:520px){.os-plot svg text{font-size:24px}}.os-summary{--os-ink:#17212a}html[data-theme="dark"] .os-summary{--os-ink:#f3f6f6}body .os-summary .os-card h2{color:var(--os-ink)!important}