.home-card-lift:has(.glass-kpi){filter:drop-shadow(0 1px 1px var(--color-transparent-dark-12)) drop-shadow(0 12px 14px color-mix(in srgb,var(--color-transparent-dark-20) 55%,transparent))}.glass-kpi{--glass-cap: .754;--glass-label-size: 12px;--glass-value-size: 52px;--glass-label-gap: 18px;--glass-tile: 80px;--glass-stat-height: 120px;--glass-board-gap: 16px;position:relative;box-sizing:border-box;width:100%;border-radius:var(--radius-xl);background:linear-gradient(160deg,var(--color-bg-raised) 35%,color-mix(in srgb,var(--color-bg-raised) 55%,var(--color-bg-preview)));color:var(--color-fg-default);font-family:var(--font-text);text-align:left}.glass-kpi:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.glass-kpi--stat{display:flex;align-items:center;gap:20px;height:var(--glass-stat-height);padding:0 22px;cursor:pointer}.glass-kpi--stat:disabled{cursor:default}.glass-kpi__tile{flex:none;display:grid;place-items:center;width:var(--glass-tile);height:var(--glass-tile);border-radius:22px;font-size:36px;color:var(--color-fg-default);background:linear-gradient(145deg,var(--tile-from),var(--tile-to));border:1px solid color-mix(in srgb,var(--color-bg-raised) 60%,transparent);box-shadow:inset 0 1px color-mix(in srgb,var(--color-bg-raised) 80%,transparent),inset 0 -3px 8px color-mix(in srgb,var(--tile-to) 70%,transparent)}.glass-kpi__tile[data-tone=danger]{--tile-from: color-mix( in srgb, var(--color-status-overdue-background) 40%, var(--color-bg-raised) );--tile-to: var(--color-status-overdue-background)}.glass-kpi__tile[data-tone=warning]{--tile-from: color-mix( in srgb, var(--color-status-due-warning-background) 40%, var(--color-bg-raised) );--tile-to: var(--color-status-due-warning-background)}.glass-kpi__tile[data-tone=calm]{--tile-from: var(--color-bg-hover-row);--tile-to: var(--color-bg-active-row)}.glass-kpi__tile[data-tone=neutral]{--tile-from: color-mix( in srgb, var(--color-status-neutral-background) 40%, var(--color-bg-raised) );--tile-to: var(--color-status-neutral-background)}.glass-kpi__body{display:flex;min-width:0;flex:1;flex-direction:column}.glass-kpi__label{display:block;font:500 var(--glass-label-size) / 1.3 var(--font-text);text-box:trim-both cap alphabetic;letter-spacing:.09em;text-transform:uppercase;color:var(--color-fg-link)}.glass-kpi__chevron{display:inline-block;margin-left:6px;font-size:12px;vertical-align:-1px}.glass-kpi__value{margin-top:var(--glass-label-gap);font:900 var(--glass-value-size) / 1 var(--font-headline);font-variant-numeric:tabular-nums;color:var(--color-action-primary);text-box:trim-both cap alphabetic}.glass-kpi__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.glass-kpi__change{flex:none;margin-top:calc(var(--glass-cap) * (var(--glass-label-size) - 14px));font:700 14px/1 var(--font-text);text-box:trim-both cap alphabetic;color:var(--color-fg-subtle)}.glass-kpi__bars{position:absolute;right:22px;bottom:calc((var(--glass-stat-height) - var(--glass-tile)) / 2);pointer-events:none;display:flex;align-items:flex-end;gap:6px;height:40px}.glass-kpi__bars>i{display:block;width:7px;border-radius:var(--radius-full);background:var(--bar-0)}.glass-kpi__bars>i[data-level="1"]{background:var(--bar-1)}.glass-kpi__bars>i[data-level="2"]{background:var(--bar-2)}.glass-kpi__bars[data-tone=danger]{--bar-0: color-mix(in srgb, var(--color-status-overdue-border) 14%, var(--color-bg-raised));--bar-1: color-mix(in srgb, var(--color-status-overdue-border) 30%, var(--color-bg-raised));--bar-2: color-mix(in srgb, var(--color-status-overdue-border) 62%, var(--color-bg-raised))}.glass-kpi__bars[data-tone=warning]{--bar-0: color-mix(in srgb, var(--color-status-due-warning-border) 16%, var(--color-bg-raised));--bar-1: color-mix(in srgb, var(--color-status-due-warning-border) 34%, var(--color-bg-raised));--bar-2: color-mix(in srgb, var(--color-status-due-warning-border) 68%, var(--color-bg-raised))}.glass-kpi__bars[data-tone=calm]{--bar-0: color-mix(in srgb, var(--color-fg-accent) 25%, var(--color-bg-raised));--bar-1: color-mix(in srgb, var(--color-fg-accent) 45%, var(--color-bg-raised));--bar-2: color-mix(in srgb, var(--color-fg-accent) 85%, var(--color-bg-raised))}.glass-kpi__bars[data-tone=neutral]{--bar-0: var(--color-status-neutral-background);--bar-1: var(--color-status-neutral-border);--bar-2: var(--color-fg-disabled)}.glass-kpi--hero{display:flex;flex-direction:column;height:calc(3 * var(--glass-stat-height) + 2 * var(--glass-board-gap));padding:24px;overflow:hidden;isolation:isolate}.glass-kpi__orb{position:absolute;z-index:-1;border-radius:50%;pointer-events:none}.glass-kpi__orb--one{top:-130px;right:-80px;width:300px;height:300px;background:linear-gradient(200deg,var(--color-bg-preview),transparent 75%)}.glass-kpi__orb--two{top:70px;right:-170px;width:380px;height:380px;background:radial-gradient(circle at 30% 30%,var(--color-bg-raised),color-mix(in srgb,var(--color-bg-preview) 60%,transparent) 70%)}.glass-kpi__hero-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding-right:24px}.glass-kpi--hero .glass-kpi__label{font-size:14px}.glass-kpi__caption{font:400 13px/1.2 var(--font-text);color:var(--color-fg-muted)}.glass-kpi__hero-value{margin-top:16px;font:900 84px/.86 var(--font-headline);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.glass-kpi__chart{position:relative;z-index:0;display:block;flex:1;min-height:80px;margin:-6px -24px -44px}.glass-kpi__chart svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.glass-kpi__fill-top{stop-color:var(--color-calm-blue-500);stop-opacity:.62}.glass-kpi__fill-mid{stop-color:var(--color-calm-blue-300);stop-opacity:.35}.glass-kpi__fill-end{stop-color:var(--color-calm-blue-100);stop-opacity:0}.glass-kpi__line-start{stop-color:var(--color-calm-blue-500)}.glass-kpi__line-end{stop-color:var(--color-mid-blue-500)}.glass-kpi__panel{position:relative;z-index:1;display:flex;align-items:center;gap:18px;padding:12px 18px;border-radius:18px;border:1px solid color-mix(in srgb,var(--color-bg-raised) 80%,transparent);background:color-mix(in srgb,var(--color-bg-raised) 75%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.glass-kpi__panel-icon{display:grid;flex:none;place-items:center;width:44px;height:44px;border-radius:14px;font-size:22px;color:var(--color-mid-blue-500);background:linear-gradient(145deg,var(--color-bg-raised),var(--color-bg-preview))}.glass-kpi__delta{display:flex;flex-direction:column;gap:6px}.glass-kpi__delta-value{font:500 21px/1 var(--font-text);color:var(--color-fg-default)}.glass-kpi__delta-value[data-up]{color:var(--color-status-success-text)}.glass-kpi__divider{align-self:stretch;width:1px;background:var(--color-border-subtle)}.glass-kpi__online{display:flex;min-width:0;flex:1;flex-direction:column;gap:9px}.glass-kpi__online-row{display:flex;align-items:center;gap:16px}.glass-kpi__online-value{font:700 19px/1 var(--font-headline)}.glass-kpi__meter{flex:1;height:10px;overflow:hidden;border-radius:var(--radius-full);background:var(--color-bg-active-row)}.glass-kpi__meter>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--color-mid-blue-500),color-mix(in srgb,var(--color-mid-blue-500) 70%,var(--color-calm-blue-500)))}@media(max-width:767px){.glass-kpi{--glass-value-size: 42px;--glass-tile: 68px}.glass-kpi--stat{gap:16px;height:auto;padding:16px}.glass-kpi__tile{border-radius:18px;font-size:30px}.glass-kpi__bars{right:16px;bottom:16px}.glass-kpi--hero{height:auto;min-height:390px;padding:24px 20px 20px}.glass-kpi__chart{margin:-6px -20px -60px}.glass-kpi__panel{flex-wrap:wrap;gap:14px 16px;padding:16px}.glass-kpi__divider{display:none}.glass-kpi__online{flex-basis:100%}}.home-card-lift{display:grid;transition:translate .15s ease-out}.home-card-lift>:first-child,.home-card-lift>.home-card-cutout>:first-child,.home-card-lift [data-card-stack]>*{border-color:transparent}.home-card-hover [data-part=leave-home-mark]{transition:translate .15s ease-out}.home-card-hover:hover .home-card-lift,.home-card-hover:hover [data-part=leave-home-mark]{translate:0 -2px}@media(prefers-reduced-motion:reduce){.home-card-lift,.home-card-hover [data-part=leave-home-mark]{transition:none}.home-card-hover:hover .home-card-lift,.home-card-hover:hover [data-part=leave-home-mark]{translate:none}}.home-card-cutout{--cutout-bleed: 4px;--cutout-notch: 40px;--cutout-r: var(--radius-container);--cutout-h: calc(var(--cutout-notch) + var(--cutout-bleed));--cutout-inner: radial-gradient( circle at var(--cutout-r) 1px, black calc(var(--cutout-r) - .5px), transparent var(--cutout-r) );--cutout-fillet: radial-gradient( circle at 0 100%, transparent calc(var(--cutout-r) - .5px), black var(--cutout-r) );margin:calc(0px - var(--cutout-bleed));padding:var(--cutout-bleed);-webkit-mask-image:linear-gradient(black 0 0),linear-gradient(black 0 0),linear-gradient(black 0 0),var(--cutout-inner),var(--cutout-fillet),var(--cutout-fillet);mask-image:linear-gradient(#000 0,#000 0),linear-gradient(#000 0,#000 0),linear-gradient(#000 0,#000 0),var(--cutout-inner),var(--cutout-fillet),var(--cutout-fillet);-webkit-mask-size:100% 100%,calc(var(--cutout-h) - var(--cutout-r)) var(--cutout-h),var(--cutout-h) calc(var(--cutout-h) - var(--cutout-r)),calc(var(--cutout-r) + 1px) calc(var(--cutout-r) + 1px),calc(var(--cutout-r) + 1px) calc(var(--cutout-bleed) + var(--cutout-r)),calc(var(--cutout-bleed) + var(--cutout-r)) calc(var(--cutout-r) + 1px);mask-size:100% 100%,calc(var(--cutout-h) - var(--cutout-r)) var(--cutout-h),var(--cutout-h) calc(var(--cutout-h) - var(--cutout-r)),calc(var(--cutout-r) + 1px) calc(var(--cutout-r) + 1px),calc(var(--cutout-r) + 1px) calc(var(--cutout-bleed) + var(--cutout-r)),calc(var(--cutout-bleed) + var(--cutout-r)) calc(var(--cutout-r) + 1px);-webkit-mask-position:0 0,right 0 top 0,right 0 top 0,right calc(var(--cutout-h) - var(--cutout-r) - 1px) top calc(var(--cutout-h) - var(--cutout-r) - 1px),right calc(var(--cutout-h) - 1px) top 0,right 0 top calc(var(--cutout-h) - 1px);mask-position:0 0,right 0 top 0,right 0 top 0,right calc(var(--cutout-h) - var(--cutout-r) - 1px) top calc(var(--cutout-h) - var(--cutout-r) - 1px),right calc(var(--cutout-h) - 1px) top 0,right 0 top calc(var(--cutout-h) - 1px);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-composite:xor,source-over,source-over,source-over,source-over,source-over;mask-composite:exclude,add,add,add,add,add}@keyframes composer-line-in{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes composer-line-out{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}.composer-line-in{animation:composer-line-in var(--composer-roll, .45s) ease both}.composer-line-out{animation:composer-line-out var(--composer-roll, .45s) ease both}@media(prefers-reduced-motion:reduce){.composer-line-in,.composer-line-out{animation:none}.composer-line-out{opacity:0}}@media(forced-colors:active){.composer-overlay{display:none}.composer-field input::placeholder{color:GrayText}}