.unooria-dataviz-card{--chart-bg:#fff;--chart-border:#e4e8e9;--chart-title:#22272a;--chart-subtitle:#617379;--chart-text:#383e41;--chart-grid:#22272a1a;--chart-zero-line:#22272a;--chart-primary:#7fa5e2;--tooltip-bg:#22272a;--tooltip-text:#fff;--scrollbar-thumb:#22272a33;box-sizing:border-box;background-color:var(--chart-bg);border:1px solid var(--chart-border);width:100%;font-family:var(--unooria-font-sans,"Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);color:var(--chart-text);border-radius:16px;flex-direction:column;gap:24px;padding:16px 24px;transition:all .2s;display:flex;position:relative}.unooria-dataviz-card--theme-dark,[data-theme=dark] .unooria-dataviz-card,.unooria-dataviz-card[data-theme=dark]{--chart-bg:#22272a;--chart-border:#ffffff1a;--chart-title:#f5f5f5;--chart-subtitle:#a7b5b9;--chart-text:#e4e8e9;--chart-grid:#ffffff1a;--chart-zero-line:#fff;--chart-primary:#8fafe5;--tooltip-bg:#fff;--tooltip-text:#22272a;--scrollbar-thumb:#fff3}.unooria-dataviz__tooltip{pointer-events:none;background-color:var(--tooltip-bg);color:var(--tooltip-text);z-index:100;white-space:nowrap;border-radius:8px;flex-direction:column;gap:4px;margin-top:-8px;padding:8px 12px;font-size:12px;line-height:16px;transition:opacity .15s,transform .15s;display:flex;position:absolute;transform:translate(-50%,-100%);box-shadow:0 4px 12px #00000026}.unooria-dataviz__tooltip-header{text-transform:uppercase;opacity:.7;font-size:11px;font-weight:700}.unooria-dataviz__tooltip-row{align-items:center;gap:6px;display:inline-flex}.unooria-dataviz__tooltip-dot{border-radius:50%;width:8px;height:8px}.unooria-dataviz__tooltip-value{font-weight:700}.unooria-dataviz__header{flex-direction:column;gap:4px;width:100%;display:flex}.unooria-dataviz__title-row{justify-content:space-between;align-items:center;gap:16px;width:100%;display:flex}.unooria-dataviz__title{color:var(--chart-title);margin:0;font-size:18px;font-weight:700;line-height:28px}.unooria-dataviz__subtitle-row{justify-content:space-between;align-items:center;gap:16px;width:100%;display:flex}.unooria-dataviz__subtitle{color:var(--chart-subtitle);margin:0;font-size:14px;font-weight:400;line-height:20px}.unooria-dataviz__indicators{align-items:center;gap:12px;display:flex}.unooria-dataviz__indicator{color:var(--chart-text);align-items:center;gap:4px;font-size:12px;line-height:18px;display:inline-flex}.unooria-dataviz__indicator-dot{border-radius:50%;flex-shrink:0;width:12px;height:12px}.unooria-dataviz__chart-area{align-items:stretch;gap:12px;width:100%;display:flex;position:relative;overflow-x:auto}.unooria-dataviz__y-axis{color:var(--chart-subtitle);flex-direction:column;flex-shrink:0;justify-content:space-between;align-items:flex-end;min-width:45px;padding-bottom:24px;font-size:14px;line-height:20px;display:flex}.unooria-dataviz__plot-container{flex-direction:column;flex:1;min-width:400px;display:flex;position:relative}.unooria-dataviz__svg-plot{width:100%;height:260px;overflow:visible}.unooria-dataviz__x-axis{width:100%;color:var(--chart-subtitle);justify-content:space-between;align-items:center;padding-top:8px;font-size:14px;line-height:20px;display:flex}.unooria-dataviz__bar{rx:5px;ry:5px;transition:all .2s}.unooria-dataviz__bar:hover{filter:brightness(1.15);cursor:pointer}.unooria-dataviz-card--compact{max-width:301px}.unooria-dataviz__donut-body{flex-direction:column;align-items:center;gap:16px;width:100%;display:flex}.unooria-dataviz__donut-svg-container{justify-content:center;align-items:center;width:200px;height:200px;display:flex;position:relative}.unooria-dataviz__semi-donut-container{justify-content:center;align-items:center;width:204px;height:102px;display:flex;position:relative}.unooria-dataviz__donut-legend{border-top:1px solid var(--chart-border);scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent;flex-direction:column;gap:8px;width:100%;max-height:105px;padding-top:10px;display:flex;overflow-y:auto}.unooria-dataviz__donut-legend::-webkit-scrollbar{width:4px}.unooria-dataviz__donut-legend::-webkit-scrollbar-track{background:0 0}.unooria-dataviz__donut-legend::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:4px}.unooria-dataviz__donut-legend-item{justify-content:space-between;align-items:center;font-size:12px;line-height:18px;display:flex}.unooria-dataviz__donut-legend-label{color:var(--chart-subtitle);align-items:center;gap:8px;display:inline-flex}.unooria-dataviz__donut-legend-value{color:var(--chart-title);font-size:15px;font-weight:700}.unooria-metric-card{--metric-bg:#fff;--metric-border:#e4e8e9;--metric-title:#22272a;--metric-value:#22272a;box-sizing:border-box;background-color:var(--metric-bg);border:1px solid var(--metric-border);width:100%;max-width:301px;height:128px;font-family:var(--unooria-font-sans,"Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);border-radius:12px;flex-direction:column;justify-content:space-between;padding:16px;transition:all .2s;display:flex;box-shadow:0 2px 8px #0000000a}.unooria-metric-card--theme-dark,[data-theme=dark] .unooria-metric-card,.unooria-metric-card[data-theme=dark]{--metric-bg:#22272a;--metric-border:#ffffff1a;--metric-title:#f5f5f5;--metric-value:#fff}.unooria-metric-card__title{color:var(--metric-title);margin:0;font-size:16px;font-weight:700;line-height:24px}.unooria-metric-card__bottom-row{justify-content:space-between;align-items:flex-end;gap:8px;width:100%;display:flex}.unooria-metric-card__value{color:var(--metric-value);white-space:nowrap;margin:0;font-size:clamp(26px,4vw,36px);font-weight:700;line-height:1.1}.unooria-metric-card__tag{border-radius:8px;flex-shrink:0;align-items:center;gap:4px;padding:4px 8px;font-size:14px;font-weight:600;line-height:20px;display:inline-flex}.unooria-metric-card__tag--up{color:#01b574;background-color:#01b5741a}.unooria-metric-card__tag--down{color:#e31a1a;background-color:#e31a1a1a}.unooria-stacked-progress-card{max-width:606px}.unooria-stacked-progress__bar{background-color:#22272a0d;border-radius:100px;width:100%;height:16px;display:flex;overflow:hidden}.unooria-stacked-progress__segment{cursor:pointer;height:100%;transition:width .3s}.unooria-stacked-progress__segment:hover{filter:brightness(1.1)}.unooria-stacked-progress__legend{flex-wrap:wrap;align-items:center;gap:16px;width:100%;display:flex}.unooria-stacked-progress__legend-item{align-items:center;gap:6px;font-size:12px;line-height:18px;display:inline-flex}.unooria-stacked-progress__amount{color:var(--chart-title);margin-left:2px;font-weight:700}.unooria-circular-progress{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.unooria-circular-progress__svg{transform:rotate(-90deg)}.unooria-circular-progress__bg{stroke:#22272a14}.unooria-circular-progress__bar{stroke-linecap:round;transition:stroke-dashoffset .4s}.unooria-circular-progress__label{color:var(--chart-title,#22272a);font-weight:700;position:absolute}.unooria-ranking-card{gap:16px;max-width:380px;padding:16px 20px}.unooria-ranking__search{border:1px solid var(--chart-border);background-color:#0000;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;display:flex}.unooria-ranking__search-input{width:100%;color:var(--chart-title);background:0 0;border:none;outline:none;font-size:14px}.unooria-ranking__list{flex-direction:column;gap:12px;width:100%;display:flex}.unooria-ranking__item{border-bottom:1px solid #22272a0d;justify-content:space-between;align-items:center;padding:8px 0;display:flex}.unooria-ranking__item-left{align-items:center;gap:12px;display:flex}.unooria-ranking__position{color:var(--chart-subtitle);min-width:20px;font-size:14px;font-weight:700}.unooria-ranking__avatar{color:#6487c2;background-color:#6487c21a;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex}.unooria-ranking__info{flex-direction:column;display:flex}.unooria-ranking__item-title{color:var(--chart-title);font-size:14px;font-weight:600}.unooria-ranking__item-desc{color:var(--chart-subtitle);font-size:12px}.unooria-ranking__tag{color:#6487c2;background-color:#6487c21a;border-radius:4px;padding:2px 8px;font-size:12px;font-weight:600}