:is(.\32 0ui,.sabcrm-twenty) .u-card{border-radius:var(--st-radius-lg);background:var(--st-bg);color:var(--st-text);position:relative}:is(.\32 0ui,.sabcrm-twenty) .u-card--outlined{border:1px solid var(--st-border)}:is(.\32 0ui,.sabcrm-twenty) .u-card--elevated{border:1px solid var(--st-border-light);box-shadow:var(--u-elev-2)}:is(.\32 0ui,.sabcrm-twenty) .u-card--ghost{background:0 0}:is(.\32 0ui,.sabcrm-twenty) .u-card--interactive{border:1px solid var(--st-border);cursor:pointer;transition:border-color var(--u-dur) var(--u-ease-out), box-shadow var(--u-dur) var(--u-ease-out), transform var(--u-dur) var(--u-ease-out)}:is(.\32 0ui,.sabcrm-twenty) .u-card--interactive:hover{border-color:var(--st-border-strong);box-shadow:var(--u-elev-2);transform:translateY(-1px)}:is(.\32 0ui,.sabcrm-twenty) .u-card--interactive:active{box-shadow:var(--u-elev-1);transform:translateY(0)}:is(.\32 0ui,.sabcrm-twenty) .u-card--interactive:focus-visible{box-shadow:var(--u-focus-ring);outline:none}:is(.\32 0ui,.sabcrm-twenty) .u-card--pad-sm{padding:var(--st-space-3)}:is(.\32 0ui,.sabcrm-twenty) .u-card--pad-md{padding:var(--st-space-4)}:is(.\32 0ui,.sabcrm-twenty) .u-card--pad-lg{padding:var(--st-space-5)}:is(.\32 0ui,.sabcrm-twenty) .u-card__header{justify-content:space-between;align-items:flex-start;gap:var(--st-space-3);margin-bottom:var(--st-space-3);display:flex}:is(.\32 0ui,.sabcrm-twenty) .u-card__title{font-size:var(--st-font-size-lg);font-weight:var(--st-fw-semibold);color:var(--st-text);letter-spacing:-.01em;margin:0}:is(.\32 0ui,.sabcrm-twenty) .u-card__desc{margin:var(--st-space-1) 0 0;font-size:var(--st-font-size-sm);color:var(--st-text-secondary);line-height:1.5}:is(.\32 0ui,.sabcrm-twenty) .u-card__footer{align-items:center;gap:var(--st-space-2);margin-top:var(--st-space-4);padding-top:var(--st-space-3);border-top:1px solid var(--st-border-light);display:flex}:is(.\32 0ui,.sabcrm-twenty) .u-statcard{align-items:center;gap:2px var(--st-space-3);border:1px solid var(--st-border);padding:var(--st-space-4);grid-template-rows:auto auto;grid-template-columns:auto 1fr;display:grid}:is(.\32 0ui,.sabcrm-twenty) .u-statcard__icon{border-radius:var(--st-radius);background:var(--st-accent-soft);width:36px;height:36px;color:var(--st-accent);grid-row:1/span 2;justify-content:center;align-items:center;display:inline-flex}:is(.\32 0ui,.sabcrm-twenty) .u-statcard__label{font-size:var(--st-font-size-sm);color:var(--st-text-secondary)}:is(.\32 0ui,.sabcrm-twenty) .u-statcard__value{font-size:var(--st-font-size-xl);font-weight:var(--st-fw-semibold);color:var(--st-text);letter-spacing:-.01em;line-height:1.1}:is(.\32 0ui,.sabcrm-twenty) .u-statcard__delta{font-size:var(--st-font-size-xs);font-weight:var(--st-fw-medium);grid-column:2;justify-self:start;margin-top:2px}:is(.\32 0ui,.sabcrm-twenty) .u-statcard__delta--up{color:var(--st-status-ok)}:is(.\32 0ui,.sabcrm-twenty) .u-statcard__delta--down{color:var(--st-danger)}:is(.\32 0ui,.sabcrm-twenty) .u-statcard__delta--neutral{color:var(--st-text-tertiary)}:is(.\32 0ui,.sabcrm-twenty) .u-mediacard{padding:0;overflow:hidden}:is(.\32 0ui,.sabcrm-twenty) .u-mediacard__media{aspect-ratio:16/9;background:var(--st-bg-secondary);overflow:hidden}:is(.\32 0ui,.sabcrm-twenty) .u-mediacard__media :is(img,video){object-fit:cover;width:100%;height:100%;display:block}:is(.\32 0ui,.sabcrm-twenty) .u-mediacard__body{padding:var(--st-space-4)}:is(.\32 0ui,.sabcrm-twenty) .u-mediacard__footer{align-items:center;gap:var(--st-space-2);margin-top:var(--st-space-3);display:flex}@media (prefers-reduced-motion:reduce){:is(.\32 0ui,.sabcrm-twenty) .u-card--interactive:hover,:is(.\32 0ui,.sabcrm-twenty) .u-card--interactive:active{transform:none}}
:is(.\32 0ui,.sabcrm-twenty) .u-skeleton{border-radius:var(--st-radius-sm);background-color:var(--st-bg-muted);background-image:linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--st-bg) 70%, transparent) 50%, transparent 100%);width:100%;height:.85em;animation:u-skeleton-shimmer 1.4s var(--u-ease-out) infinite;background-position:200% 0;background-repeat:no-repeat;background-size:200% 100%;display:block}:is(.\32 0ui,.sabcrm-twenty) .u-skeleton--circle{flex:none}@keyframes u-skeleton-shimmer{to{background-position:-200% 0}}:is(.\32 0ui,.sabcrm-twenty) .u-spinner{width:var(--u-spinner-size,18px);height:var(--u-spinner-size,18px);color:var(--st-accent);flex:none;justify-content:center;align-items:center;display:inline-flex}:is(.\32 0ui,.sabcrm-twenty) .u-spinner__ring{border:var(--u-spinner-stroke,2px) solid var(--st-border);border-top-color:currentColor;border-radius:50%;width:100%;height:100%;animation:.7s linear infinite u-spinner-rotate}@keyframes u-spinner-rotate{to{transform:rotate(360deg)}}:is(.\32 0ui,.sabcrm-twenty) .u-progress{border-radius:var(--st-radius-pill);background:var(--st-bg-muted);--u-progress-tone:var(--st-accent);width:100%;height:8px;position:relative;overflow:hidden}:is(.\32 0ui,.sabcrm-twenty) .u-progress--sm{height:5px}:is(.\32 0ui,.sabcrm-twenty) .u-progress--lg{height:12px}:is(.\32 0ui,.sabcrm-twenty) .u-progress--accent{--u-progress-tone:var(--st-accent)}:is(.\32 0ui,.sabcrm-twenty) .u-progress--success{--u-progress-tone:var(--st-status-ok)}:is(.\32 0ui,.sabcrm-twenty) .u-progress--warning{--u-progress-tone:var(--st-warn)}:is(.\32 0ui,.sabcrm-twenty) .u-progress--danger{--u-progress-tone:var(--st-danger)}:is(.\32 0ui,.sabcrm-twenty) .u-progress__fill{transform-origin:0;border-radius:inherit;background:var(--u-progress-tone);transition:transform var(--u-dur-slow) var(--u-ease-out);position:absolute;inset:0;transform:scaleX(0)}:is(.\32 0ui,.sabcrm-twenty) .u-progress.is-indeterminate .u-progress__fill{width:40%;animation:u-progress-sweep 1.2s var(--u-ease-in-out) infinite;inset:0 auto 0 0;transform:none}@keyframes u-progress-sweep{0%{left:-40%}to{left:100%}}:is(.\32 0ui,.sabcrm-twenty) .u-ring{--u-ring-tone:var(--st-accent);flex:none;display:inline-block}:is(.\32 0ui,.sabcrm-twenty) .u-ring--accent{--u-ring-tone:var(--st-accent)}:is(.\32 0ui,.sabcrm-twenty) .u-ring--success{--u-ring-tone:var(--st-status-ok)}:is(.\32 0ui,.sabcrm-twenty) .u-ring--warning{--u-ring-tone:var(--st-warn)}:is(.\32 0ui,.sabcrm-twenty) .u-ring--danger{--u-ring-tone:var(--st-danger)}:is(.\32 0ui,.sabcrm-twenty) .u-ring__track{stroke:var(--st-bg-muted)}:is(.\32 0ui,.sabcrm-twenty) .u-ring__indicator{stroke:var(--u-ring-tone);transition:stroke-dashoffset var(--u-dur-slow) var(--u-ease-out)}:is(.\32 0ui,.sabcrm-twenty) .u-ring__value{fill:var(--st-text);font-family:var(--st-font);font-size:var(--st-font-size-xs);font-weight:var(--st-fw-semibold)}:is(.\32 0ui,.sabcrm-twenty) .u-ring.is-indeterminate{transform-origin:50%;animation:.9s linear infinite u-spinner-rotate}:is(.\32 0ui,.sabcrm-twenty) .u-ring.is-indeterminate .u-ring__indicator{transition:none}@media (prefers-reduced-motion:reduce){:is(.\32 0ui,.sabcrm-twenty) .u-skeleton{animation-duration:3.2s}:is(.\32 0ui,.sabcrm-twenty) .u-spinner__ring,:is(.\32 0ui,.sabcrm-twenty) .u-ring.is-indeterminate{animation-duration:2s}:is(.\32 0ui,.sabcrm-twenty) .u-progress.is-indeterminate .u-progress__fill{animation-duration:2.4s}:is(.\32 0ui,.sabcrm-twenty) .u-progress__fill,:is(.\32 0ui,.sabcrm-twenty) .u-ring__indicator{transition:none}}