:root{--ring-track:#e5ecf6}.overview-head .actions{flex-wrap:wrap;justify-content:flex-end}.overview-head h1{font-size:27px}.overview-period-note{font-size:10px;color:#7b8fa9;display:flex;align-items:center;gap:7px;margin:-10px 0 22px;line-height:1.7}.overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.overview-metrics{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:14px}.overview-metric{flex:1 1 170px;min-width:0}.overview-metric .kpi-top{gap:10px;min-height:25px;font-size:12px}.overview-metric .kpi-top>span{line-height:1.5}.overview-metric strong{margin:12px 0 10px;white-space:nowrap}.overview-metric .kpi-foot{font-size:10px;line-height:1.7}.widget-edit{width:25px;height:25px;padding:4px;border-radius:8px;display:grid;place-items:center;color:#7896b9;background:#eaf2fc60;flex-shrink:0;opacity:.6}.widget-edit:hover,.widget-edit:focus-visible{opacity:1;background:#dfeeff}.overview-metric:hover .widget-edit{opacity:1}.overview-wide{grid-column:1/-1}.overview-empty{padding:45px 24px;text-align:center;color:#8698b1;font-size:12px}.overview-empty p{line-height:1.8;margin:14px 0 22px}.overview-panel{min-width:0}.overview-panel .status-layout{justify-content:space-around;gap:22px;min-height:190px}.overview-panel .panel-head{margin-bottom:24px;gap:10px}.portfolio-ring{width:160px;height:160px;position:relative;flex-shrink:0}.portfolio-ring svg{width:100%;height:100%;overflow:visible}.portfolio-ring circle[data-tip-status]{cursor:pointer;transition:filter .15s,stroke-width .15s;outline:none}.portfolio-ring circle[data-tip-status]:hover,.portfolio-ring circle[data-tip-status]:focus{stroke-width:21;filter:drop-shadow(0 0 3px #609bfa33)}.portfolio-total{position:absolute;inset:0;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:center}.portfolio-total strong{font-size:32px;font-weight:600;letter-spacing:-1px;color:#344761}.portfolio-total span{font-size:10px;color:#8196b1;margin-top:7px}.portfolio-legend{min-width:135px;flex:1;max-width:240px}.portfolio-legend button{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;padding:10px 8px;text-align:left;color:#637d9f;font-size:11px;border-radius:9px}.portfolio-legend button:hover,.portfolio-legend button:focus-visible{background:#d8eaff65;outline-offset:1px}.portfolio-legend button>span{display:flex;align-items:center;gap:8px;white-space:nowrap}.portfolio-legend i{display:inline-block;width:9px;height:9px;border-radius:3px;box-shadow:inset 0 1px #fff3}.portfolio-legend b{font-size:11px;color:#3a567c}.overview-panel .chart{height:205px}.overview-panel .bar{padding:0;min-height:3px;border:0;cursor:help;transition:filter .15s}.overview-panel .bar:hover,.overview-panel .bar:focus-visible{filter:brightness(1.08);outline:2px solid #75adff;outline-offset:3px}.overview-panel .bar.second{background:linear-gradient(180deg,#6fe0b7,#39b88b)}.overview-panel .legend span:last-child i{background:#39c997!important}.overview-panel .bars{gap:8px}.overview-panel .month-label{font-size:9px}.dashboard-dialog{max-width:760px}.dashboard-dialog .dialog-head h2{margin-bottom:12px}.dashboard-dialog .subtitle{margin-bottom:20px}.widget-list{margin:18px 0;display:flex;flex-direction:column;gap:8px;max-height:47vh;overflow:auto;padding:1px 5px 1px 1px}.widget-setting{padding:12px;border-radius:13px;border:1px solid #e0e9f5;background:#fff9;display:flex;align-items:center;gap:12px}.widget-setting.is-hidden{background:transparent}.widget-check{display:flex;align-items:center;gap:12px;flex:1;cursor:pointer;margin:0;min-width:0}.widget-check input{accent-color:#007aff;width:17px;height:17px;flex-shrink:0;cursor:pointer}.widget-check b{display:block;font-size:12px;font-weight:550;color:#45617f;line-height:1.6}.widget-check small{display:block;font-size:10px;color:#91a0b5;line-height:1.7;margin-top:3px}.widget-setting.is-hidden .widget-check{opacity:.6}.widget-controls{display:flex;gap:4px;flex-shrink:0}.widget-controls button{width:28px;height:28px;border-radius:8px;background:#e6effa80;color:#658ab8;font-size:15px;display:grid;place-items:center}.widget-controls button:hover{background:#d5e6fb}.widget-controls button:disabled{opacity:.25}.widget-preview{padding:20px;border-radius:17px;background:#e8f2ff;border:1px solid #d3e6ff}.widget-preview strong{display:block;font-size:28px;color:#2b74be;margin:12px 0}.widget-preview p{font-size:11px;color:#809aba;line-height:1.6;margin-bottom:0}.overview-tooltip{position:fixed;z-index:30;width:330px;max-width:calc(100vw - 20px);padding:17px;background:#fafdfff7;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid #c9d9ed;border-radius:18px;box-shadow:0 12px 42px #22467426;font-size:12px;color:#405d82}.tip-heading{display:flex;align-items:center;gap:8px}.tip-heading>i{width:9px;height:9px;border-radius:3px;flex-shrink:0}.tip-heading b{flex:1;font-size:13px;font-weight:600;text-transform:capitalize}.tip-heading>span{background:#e6effa;padding:3px 8px;border-radius:7px;font-size:11px}.tip-summary{color:#8097b3;font-size:10px;margin:9px 0 12px}.tip-items{max-height:min(260px,45vh);overflow:auto}.tip-items button{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:11px 4px;border-top:1px solid #dbe5f2;text-align:left;border-radius:5px;color:#476489;font-size:11px}.tip-items button:hover{background:#e9f2ff}.tip-items button>span:first-child{min-width:0}.tip-items button>span:last-child{white-space:nowrap;font-size:10px}.tip-items b{display:block;font-weight:550;line-height:1.5}.tip-items small{display:block;font-size:10px;color:#8c9fb9;margin-top:4px}.tip-foot{font-size:9px;color:#8da0b8;padding-top:12px;border-top:1px solid #dbe5f2;margin-top:3px}.dashboard-dialog [hidden]{display:none!important}
[data-theme=dark]{--ring-track:#90b6e91c}[data-theme=dark] .overview-period-note{color:#9badc6}[data-theme=dark] .widget-edit{background:#b3d3ff0a;color:#9cbee8}[data-theme=dark] .widget-edit:hover,[data-theme=dark] .widget-edit:focus-visible{background:#8fbfff20}[data-theme=dark] .portfolio-total strong{color:#e6f0ff}[data-theme=dark] .portfolio-total span{color:#a4b8d4}[data-theme=dark] .portfolio-legend button{color:#c2d4ed}[data-theme=dark] .portfolio-legend button:hover,[data-theme=dark] .portfolio-legend button:focus-visible{background:#99bfff11}[data-theme=dark] .portfolio-legend b{color:#ebf3ff}[data-theme=dark] .overview-panel .bar.second{background:linear-gradient(180deg,#68dbb1,#29a880)}[data-theme=dark] .widget-setting{background:#15273c70;border-color:#b2cdff1c}[data-theme=dark] .widget-setting.is-hidden{background:transparent}[data-theme=dark] .widget-check b{color:#cadcf5}[data-theme=dark] .widget-check small{color:#8fa8ca}[data-theme=dark] .widget-controls button{background:#a6c8ff12;color:#b4d2fa}[data-theme=dark] .widget-controls button:hover{background:#a6c8ff25}[data-theme=dark] .widget-preview{background:#3b78bf20;border-color:#9dcaff20}[data-theme=dark] .widget-preview strong{color:#8ac5ff}[data-theme=dark] .widget-preview p{color:#aac4e3}[data-theme=dark] .overview-tooltip{background:#22344df7;border-color:#a8cbff3b;color:#d4e5ff;box-shadow:0 12px 42px #0005}[data-theme=dark] .tip-heading>span{background:#9bbfff20}[data-theme=dark] .tip-summary,[data-theme=dark] .tip-items small,[data-theme=dark] .tip-foot{color:#a0b6d4}[data-theme=dark] .tip-items button{border-color:#a3c4ff1a;color:#d1e2fb}[data-theme=dark] .tip-items button:hover{background:#a0c8ff10}[data-theme=dark] .tip-foot{border-color:#a3c4ff1a}
@media(max-width:1200px){.overview-head{flex-wrap:wrap}.overview-head .actions{justify-content:flex-start}.overview-grid{grid-template-columns:1fr}.overview-panel .status-layout{justify-content:flex-start;gap:30px}.overview-metric{flex-basis:180px}}
@media(max-width:600px){.overview-head .actions{gap:8px}.overview-head h1{font-size:25px}.overview-head .btn{font-size:10px;padding:10px 12px}.overview-head .actions #period{width:125px}.overview-period-note{font-size:9px}.overview-metrics{gap:12px}.overview-metric{flex-basis:calc(50% - 6px);padding:16px}.overview-metric .kpi-top{font-size:11px}.overview-metric strong{font-size:27px}.overview-metric .kpi-foot{font-size:9px}.portfolio-ring{width:135px;height:135px}.overview-panel .status-layout{gap:14px}.portfolio-legend{min-width:120px}.portfolio-legend button{gap:10px;padding:10px 5px;font-size:10px}.dashboard-dialog .dialog-footer{gap:12px}.widget-setting{padding:11px;flex-wrap:wrap;gap:8px}.widget-check{flex-basis:100%}.widget-controls{margin-left:29px}.widget-list{max-height:45vh}.dashboard-dialog .form-row{grid-template-columns:1fr}.overview-panel .month-label{font-size:8px}.overview-panel .chart{height:180px}}
.overview-metric .kpi-top{min-height:36px;align-items:flex-start}.overview-metric .widget-edit{margin-top:0}