.kmod{--kmod-pad:16px;--kmod-r:12px;container:kmod/inline-size}.kmod .kmod__frame{isolation:isolate;background:var(--page);pointer-events:none;border-radius:14px;height:348px;position:relative;overflow:hidden}@container kmod (width>=440px){.kmod{--kmod-pad:20px}.kmod .kmod__frame{height:360px}}@container kmod (width>=560px){.kmod .kmod__frame{height:400px}}.kmod .kmod-page{padding:var(--kmod-pad) 0 0 var(--kmod-pad);position:absolute;inset:0;overflow:hidden}.kmod .kmod-title{font-family:var(--knoto-font-heading);letter-spacing:normal;color:var(--foreground);white-space:nowrap;margin:0;font-size:26px;font-weight:500;line-height:30px}.kmod .chip--sm{padding:1px 6px;font-size:11px;line-height:16px}.kmod .chip--sm .chip__label{padding:0 1px}.kmod .chip{white-space:nowrap}.kmod .chip svg{flex-shrink:0}.kmod .kmod-header{padding-right:var(--kmod-pad);justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.kmod .kmod-iconbtn{background:var(--default);width:36px;height:36px;color:color-mix(in oklab, var(--foreground) 80%, transparent);border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.kmod .kmod-iconbtn--primary{background:var(--accent);color:var(--accent-foreground)}.kmod .kmod-viewswitch{background:var(--default);border-radius:9999px;align-items:center;gap:2px;padding:2px;display:inline-flex}.kmod .kmod-viewswitch__item{width:32px;height:32px;color:var(--muted);border-radius:9999px;justify-content:center;align-items:center;display:inline-flex}.kmod .kmod-viewswitch__item.is-active{background:var(--surface);color:var(--foreground);box-shadow:0 1px 2px #00000014}.kmod .kmod-surface{border-radius:var(--kmod-r);background:var(--surface);box-shadow:var(--surface-shadow)}.kmod .kmod-kpi{border-radius:var(--kmod-r);background:var(--surface);min-width:0;box-shadow:var(--surface-shadow);flex-direction:column;gap:6px;padding:14px 16px 12px;display:flex}.kmod .kmod-kpi__header{align-items:center;gap:8px;display:flex}.kmod .kmod-kpi__icon{width:24px;height:24px;color:var(--muted);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.kmod .kmod-kpi__title{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;line-height:20px;overflow:hidden}.kmod .kmod-kpi__content{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 8px;display:grid}.kmod .kmod-kpi__value{letter-spacing:-.025em;font-variant-numeric:tabular-nums;min-width:0;color:var(--foreground);white-space:nowrap;font-size:20px;font-weight:600;line-height:24px;overflow:hidden}.kmod .kmod-kpi__secondary{font-variant-numeric:tabular-nums;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;grid-column:span 2;font-size:12px;line-height:16px;overflow:hidden}.kmod .kmod-kpi__chart{align-items:flex-end;height:40px;margin-top:auto;display:flex}.kmod .kmod-sparkwrap{width:100%;position:relative}.kmod .kmod-sparkdot{border:1.5px solid var(--surface);background:var(--brand);border-radius:9999px;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;position:absolute}.kmod .kmod-spark{width:100%;display:block;overflow:visible;mask-image:linear-gradient(90deg,#0000 0,#000 10% 97%,#0000 100%)}.kmod .kmod-progress{background:var(--default);border-radius:2px;width:100%;height:4px;margin-bottom:6px;display:block;position:relative;overflow:hidden}.kmod .kmod-progress__fill{background:var(--accent);border-radius:2px;position:absolute;inset:0 auto 0 0}.kmod .kmod-progress__fill--success{background:var(--success)}.kmod .kmod-progress__fill--danger{background:var(--danger)}.kmod .kmod-table{border-radius:var(--kmod-r);background:var(--surface-secondary);padding:0 4px 4px}.kmod .kmod-table__head,.kmod .kmod-table__row{grid-template-columns:var(--kmod-cols);align-items:center;display:grid}.kmod .kmod-table__head>span{color:var(--muted);white-space:nowrap;padding:10px 14px;font-size:12px;font-weight:500;line-height:16px;position:relative}.kmod .kmod-table__head>span+span:before{content:"";background:var(--separator);border-radius:1px;width:1px;height:16px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.kmod .kmod-table__body{background:var(--surface);border-radius:9px;overflow:hidden;box-shadow:0 1px 2px #0000000a}.kmod .kmod-table__row{border-bottom:1px solid color-mix(in oklab, var(--separator-tertiary) 50%, transparent);height:60px;position:relative}.kmod .kmod-table__row>span:not(.kmod-wash){min-width:0;color:var(--foreground);white-space:nowrap;padding:0 14px;font-size:14px;line-height:20px;position:relative}.kmod .kmod-table--compact .kmod-table__head>span,.kmod .kmod-table--compact .kmod-table__row>span:not(.kmod-wash){padding-left:10px;padding-right:10px}.kmod .kmod-check{border:1px solid var(--separator-tertiary);background:var(--surface);border-radius:5px;width:16px;height:16px;display:block}.kmod .kmod-tabs{background:var(--default);border-radius:20px;gap:2px;padding:4px;display:inline-flex}.kmod .kmod-tabs__tab{height:32px;color:var(--muted);white-space:nowrap;border-radius:9999px;align-items:center;padding:0 16px;font-size:14px;font-weight:500;display:inline-flex}.kmod .kmod-tabs__tab.is-active{background:var(--surface);color:var(--foreground);box-shadow:0 1px 2px #0000000f,0 0 1px #00000014}.kmod .kmod-list>*+*{border-top:1px solid var(--border)}.kmod .kmod-ok{color:color-mix(in oklab, var(--success) 58%, var(--carbon))}.kmod .kmod-wash{z-index:0;background:color-mix(in oklab, var(--brand-soft) 80%, transparent);position:absolute;inset:0}.kmod .kmod-spinner{border:1.5px solid color-mix(in oklab, var(--muted) 35%, transparent);border-top-color:var(--muted);border-radius:9999px;flex-shrink:0;width:12px;height:12px;animation:.8s linear infinite kmod-spin;display:inline-block}@keyframes kmod-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.kmod .kmod-spinner{animation:none}}