.demo{position:relative;container:demo/inline-size}.demo__stage{border-radius:var(--ps-radius-2xl);background:#fff;overflow:hidden;box-shadow:0 32px 64px -24px #0a0a0c24,0 4px 20px #0a0a0c0f}@media (prefers-color-scheme:dark){.demo__stage{box-shadow:0 0 0 1px #ffffff0a,0 32px 64px -24px #0009,0 4px 20px #0000004d}}.mock{color:#18181b;font-family:var(--ps-font-sans);letter-spacing:.005em;text-align:left;-webkit-user-select:none;user-select:none;background:#fff;font-size:1.28205cqw;line-height:1.4;position:relative;overflow:hidden}.mock svg{display:block}.mock h3,.mock p{margin:0}.sx{white-space:pre;display:inline-grid;position:relative}.sx>span{grid-area:1/1}.sx__s{visibility:hidden}.sx[data-on] .sx__s,.sx:not([data-on]) .sx__o{visibility:visible}.sx[data-on] .sx__o{visibility:hidden}.sx[data-anim]>span{transition:visibility 0s linear calc(var(--d) * 70ms + .25s)}.sx:after{content:"";transform-origin:0;pointer-events:none;background:#a8c2f0;border-radius:.22em;position:absolute;inset:-.04em -.16em;transform:scaleX(0)}.sx[data-anim=in]:after{animation:sx-bar-in .52s cubic-bezier(.65, 0, .3, 1) calc(var(--d) * 70ms) both}.sx[data-anim=out]:after{animation:sx-bar-out .52s cubic-bezier(.65, 0, .3, 1) calc(var(--d) * 70ms) both}@keyframes sx-bar-in{0%{transform-origin:0;transform:scaleX(0)}46%{transform-origin:0;transform:scaleX(1)}54%{transform-origin:100%;transform:scaleX(1)}to{transform-origin:100%;transform:scaleX(0)}}@keyframes sx-bar-out{0%{transform-origin:0;transform:scaleX(0)}46%{transform-origin:0;transform:scaleX(1)}54%{transform-origin:100%;transform:scaleX(1)}to{transform-origin:100%;transform:scaleX(0)}}.mk-chrome{background:#ededf0}.mk-tabs{align-items:flex-end;gap:.4em;height:2.9em;padding:0 1em;display:flex}.mk-dots{align-self:center;gap:.5em;margin-right:.9em;display:flex}.mk-dots i{background:#d4d4d8;border-radius:50%;width:.8em;height:.8em}.mk-tab{white-space:nowrap;border-radius:.8em .8em 0 0;align-items:center;gap:.55em;height:2.3em;padding:0 1.1em;font-size:.9em;display:flex}.mk-tab--active{background:#fff}.mk-tab--bg{color:#5c5c62}.mk-tab__favicon{background:linear-gradient(135deg,#7da38a,#46705a);border-radius:.3em;flex:none;width:1.05em;height:1.05em}.mk-tab__favicon--mail{background:linear-gradient(135deg,#d0846f,#d8aa6a)}.mk-toolbar{background:#fff;border-bottom:1px solid #e4e4e7;align-items:center;gap:.8em;height:3.1em;padding:0 1em;display:flex}.mk-nav-arrows{color:#636368;gap:.5em;display:flex}.mk-nav-arrows svg,.mk-url svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:1.1em;height:1.1em}.mk-url{color:#45454b;white-space:nowrap;background:#f1f1f3;border-radius:999px;flex:1;align-items:center;gap:.5em;min-width:0;height:2.15em;padding:0 1em;font-size:.92em;display:flex;overflow:hidden}.mk-ext{border-radius:.6em;flex:none;width:2.1em;height:2.1em;padding:.25em;transition:background-color .15s}.mk-ext svg{width:100%;height:100%}.mock:has(.mk-popup[data-open]) .mk-ext{background:#e4e4e7}.mk-avatar--browser{background:linear-gradient(135deg,#e6c5b3,#b7c3d6);border-radius:50%;width:1.7em;height:1.7em}.mk-app{grid-template-columns:14.5em minmax(0,1fr);display:grid}.mk-side{background:#f8f8f9;border-right:1px solid #e4e4e7;flex-direction:column;gap:1.5em;padding:1.3em .9em 1.1em;display:flex}.mk-brand,.mk-me{align-items:center;gap:.65em;padding:0 .4em;display:flex}.mk-brand__mark{background:radial-gradient(circle at 30% 30%,#ffffff4d,#0000 50%),linear-gradient(135deg,#7da38a,#46705a);border-radius:.6em;flex:none;width:2.1em;height:2.1em}.mk-brand__text,.mk-me__text,.mk-person__text{flex-direction:column;min-width:0;line-height:1.3;display:flex;overflow:hidden}.mk-brand__text strong{font-size:1.02em;font-weight:500}.mk-me__text strong{font-weight:500}.mk-brand__text small,.mk-me__text small,.mk-person__text small{color:#636368;font-size:.8em}.mk-menu{flex-direction:column;gap:.15em;display:flex}.mk-menu__item{color:#45454b;border-radius:.75em;align-items:center;gap:.7em;padding:.5em .7em;font-size:.95em;display:flex}.mk-menu__item.is-on{color:#18181b;background:#fff;font-weight:500;box-shadow:0 .98px 11.74px #0000000f}.mk-menu__icon{opacity:.6;border:1.5px solid;border-radius:.3em;flex:none;width:1em;height:1em}.mk-menu__item.is-on .mk-menu__icon{opacity:1;background:#e2ece5;border-color:#46705a}.mk-me{border-top:1px solid #e4e4e7;margin-top:auto;padding-top:1em}.mk-avatar{background:hsl(var(--h,220) 38% 91%);width:2.6em;height:2.6em;color:hsl(var(--h,220) 30% 28%);border-radius:50%;flex:none;place-items:center;font-size:.8em;font-weight:500;display:grid}.mk-main{flex-direction:column;gap:1.3em;min-width:0;padding:1.5em 1.8em 1.8em;display:flex}.mk-head{justify-content:space-between;align-items:flex-end;gap:1em;display:flex}.mk-h1{letter-spacing:-.015em;font-size:1.65em;font-weight:500;line-height:1.2}.mk-sub{color:#636368;margin-top:.2em;font-size:.88em}.mk-head__actions{gap:.6em;display:flex}.mk-search{color:#636368;border:1px solid #e4e4e7;border-radius:.75em;align-items:center;gap:.5em;width:14em;height:2.4em;padding:0 .8em;font-size:.92em;display:flex}.mk-search svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;width:1.05em;height:1.05em}.mk-btn{color:#fff;white-space:nowrap;background:#18181b;border-radius:.75em;align-items:center;height:2.4em;padding:0 1em;font-size:.92em;font-weight:500;display:flex}.mk-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:1em;display:grid}.mk-kpi{background:#fff;border:1px solid #e4e4e7;border-radius:1em;flex-direction:column;gap:.2em;padding:1em 1.15em;display:flex;position:relative}.mk-kpi__label{color:#636368;font-size:.86em}.mk-kpi__value{font-variant-numeric:tabular-nums;letter-spacing:-.015em;font-size:1.6em;font-weight:500;line-height:1.25}.mk-kpi__delta{color:#636368;font-size:.8em}.mk-kpi__delta--up{color:#2f6b3f;font-weight:500}.mk-table{border:1px solid #e4e4e7;border-radius:1em;overflow:hidden}.mk-tr{background:#fff;border-top:1px solid #ededf0;grid-template-columns:minmax(0,2.4fr) minmax(0,1.3fr) minmax(0,.8fr) minmax(0,1fr) minmax(0,.85fr);align-items:center;gap:1em;min-height:3.6em;padding:0 1.15em;display:grid;position:relative}.mk-tr--head{color:#636368;background:#f8f8f9;border-top:0;min-height:0;padding-block:.75em;font-size:.82em;font-weight:500}.mk-person{align-items:center;gap:.75em;min-width:0;display:flex}.mk-person__text strong{font-size:.97em;font-weight:500}.mk-col-num{font-variant-numeric:tabular-nums;text-align:right;font-weight:500}.mk-tr .mk-col-company,.mk-tr .mk-col-plan{color:#45454b}.mk-chip{border-radius:999px;padding:.15em .65em;font-size:.8em;font-weight:500;display:inline-flex}.mk-chip--paid{color:#2f5e3b;background:#e5efe7}.mk-chip--overdue{color:#8a3b2f;background:#f6e7e4}.mk-chip--trial{color:#6f5219;background:#f3ecdd}.mock[data-picker][data-picks~=kpi] [data-pick=kpi],.mock[data-picker][data-picks~=row-2] [data-pick=row-2],.mock[data-picker][data-picks~=row-4] [data-pick=row-4]{z-index:1;background-image:linear-gradient(var(--ps-hud-fill-scrambled), var(--ps-hud-fill-scrambled));box-shadow:var(--ps-hud-highlight-shadow)}.mk-ring{z-index:5;border-radius:var(--ps-hud-radius);background:var(--ps-hud-fill);box-shadow:var(--ps-hud-highlight-shadow);opacity:0;pointer-events:none;transition:opacity .14s;position:absolute;top:0;left:0}.mk-ring[data-shown]{opacity:1;transition:opacity .14s ease, transform .42s var(--ps-ease-out), width .42s var(--ps-ease-out), height .42s var(--ps-ease-out)}.mk-ring__tag{border:1px solid var(--ps-hud-tag-border);background:var(--ps-hud-tag-bg);color:var(--ps-hud-tag-text);white-space:nowrap;border-radius:.5em;padding:.15em .6em;font-size:.8em;font-weight:500;position:absolute;bottom:calc(100% + 6px);left:-3px}.mk-popup{z-index:8;opacity:0;visibility:hidden;transform-origin:90% 0;width:23em;transition:opacity .16s ease, transform .22s var(--ps-ease-out), visibility 0s linear .22s;background:#f8f8f9;border-radius:1.4em;padding:1.1em 1.1em .8em;position:absolute;top:6.3em;right:1em;transform:translateY(-.5em)scale(.97);box-shadow:0 0 0 1px #0a0a0c0d,0 24px 48px -16px #0a0a0c3d,0 4px 20px #0a0a0c14}.mk-popup[data-open]{opacity:1;visibility:visible;transition:opacity .16s ease, transform .26s var(--ps-ease-out), visibility 0s;transform:none}.mk-popup__head{align-items:center;gap:.75em;display:flex;position:relative}.mk-popup__shortcuts{color:#5c5c62;font-size:.82em;line-height:1.3;position:absolute;top:0;right:0}.mk-popup__logo{flex:none;width:2.4em;height:2.4em}.mk-popup__head div{flex-direction:column;line-height:1.3;display:flex}.mk-popup__head strong{font-family:var(--ps-font-serif);font-size:1.3em;font-weight:var(--ps-weight-light);letter-spacing:-.01em;line-height:1.15}.mk-popup__head small{color:#5c5c62;font-size:.82em}.mk-popup__head mark{color:inherit;background:#86a8e657;border-radius:.2em;padding:0 .15em}.mk-action{background:#fff;border:1px solid #0000;border-radius:1em;grid-template-columns:2.8em minmax(0,1fr) 2em;align-items:center;gap:.75em;height:4.6em;margin-top:.6em;padding:0 .85em;transition:background-color .14s,border-color .14s,box-shadow .14s,transform 80ms;display:grid;box-shadow:0 0 0 1px #0a0a0c0a,0 1px 2px #0a0a0c0f}.mk-popup__head+.mk-action{margin-top:1em}.mk-action[data-pressed]{background:#ededf0;transform:translateY(1px)scale(.985)}.mk-action__icon{color:#18181b;background:#ededf0;border-radius:.75em;place-items:center;width:2.8em;height:2.8em;transition:background-color .18s,color .18s;display:grid}.mk-action__icon svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:1.55em;height:1.55em}.mk-action__text{flex-direction:column;gap:.1em;min-width:0;line-height:1.25;display:flex}.mk-action__text b{white-space:nowrap;font-size:1.1em;font-weight:500}.mk-action__text small{color:#5c5c62;text-overflow:ellipsis;white-space:nowrap;font-size:.82em;overflow:hidden}.mk-action__meta{align-items:center;gap:.45em;display:flex}.mk-action__meta span{text-overflow:ellipsis;min-width:0;overflow:hidden}.mk-action__meta kbd{background:#fff;border:1px solid #d4d4d8;border-radius:.35em;flex:none;margin-inline-start:auto;padding:0 .4em;font-family:inherit;font-size:.9em;line-height:1.4}.mk-action[data-on] .mk-action__meta kbd{background:0 0;border-color:currentColor}.mk-action__switch{border:1.5px solid #636368;border-radius:999px;justify-self:center;width:2em;height:1.3em;transition:background-color .18s,border-color .18s;position:relative}.mk-action__switch:after{content:"";width:.78em;height:.78em;transition:transform .18s var(--ps-ease-out), background-color .18s ease;background:#636368;border-radius:50%;position:absolute;top:.13em;left:.13em}.mk-action__chevron{fill:none;stroke:#636368;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;justify-self:center;width:1.1em;height:1.1em}.mk-action[data-on]{color:#fff;background:#2a4f8c;border-color:#213f72;box-shadow:inset 0 0 0 1px #ffffff47}.mk-action[data-on] .mk-action__icon{color:#fff;background:#ffffff29}.mk-action[data-on] .mk-action__text small{color:#fff;opacity:.8}.mk-action[data-on] .mk-action__switch{background:#fff;border-color:#fff}.mk-action[data-on] .mk-action__switch:after{background:#2a4f8c;transform:translate(.7em)}.mk-status{grid-template-columns:1em minmax(0,1fr) auto;align-items:center;gap:.75em;height:3.8em;margin-top:.5em;padding:0 .2em 0 .3em;display:grid}.mk-status__dot{border:1.5px solid #636368;border-radius:50%;justify-self:center;width:.6em;height:.6em}.mk-status[data-tone=on] .mk-status__dot{background:#3563ad;border-color:#3563ad}.mk-status__text{flex-direction:column;line-height:1.3;display:flex}.mk-status__text b{font-size:.95em;font-weight:500}.mk-status__text small{color:#5c5c62;font-size:.8em}.mk-status__action{visibility:hidden;background:#ededf0;border-radius:.75em;padding:.4em .85em;font-size:.85em;transition:background-color .14s,transform 80ms}.mk-status__action[data-shown]{visibility:visible}.mk-status__action[data-pressed]{background:#e4e4e7;transform:translateY(1px)scale(.97)}.mk-pickbar{z-index:7;border:1px solid var(--ps-hud-toolbar-border);background:var(--ps-hud-toolbar-bg);height:2.9em;box-shadow:var(--ps-hud-toolbar-shadow);color:var(--ps-hud-toolbar-text);white-space:nowrap;-webkit-backdrop-filter:blur(var(--ps-hud-toolbar-blur)) saturate(1.5);backdrop-filter:blur(var(--ps-hud-toolbar-blur)) saturate(1.5);opacity:0;visibility:hidden;transition:opacity .18s ease, transform .28s var(--ps-ease-out), visibility 0s linear .28s;border-radius:999px;align-items:center;gap:.9em;padding:0 .4em 0 1.1em;font-size:.92em;display:flex;position:absolute;bottom:1.3em;left:50%;transform:translate(-50%,.8em)}.mk-pickbar[data-open]{opacity:1;visibility:visible;transition:opacity .18s ease, transform .28s var(--ps-ease-spring), visibility 0s;transform:translate(-50%)}.mk-pickbar__dot{background:var(--ps-hud-live);border-radius:50%;width:.6em;height:.6em}.mk-pickbar__count{color:var(--ps-hud-toolbar-text-muted);font-variant-numeric:tabular-nums}.mk-pickbar__done{background:var(--ps-hud-toolbar-button-active-bg);height:2.1em;color:var(--ps-hud-toolbar-button-active-text);border-radius:999px;align-items:center;gap:.45em;padding:0 .9em;font-weight:500;transition:transform 80ms;display:flex}.mk-pickbar__done[data-pressed]{transform:scale(.95)}.mk-pickbar__done kbd{background:#10101214;border-radius:.3em;padding:0 .35em;font-size:.8em}.mk-cursor{z-index:10;opacity:0;pointer-events:none;width:1.7em;height:1.7em;margin:-.18em 0 0 -.36em;transition:transform .78s cubic-bezier(.55,.05,.25,1),opacity .2s;position:absolute;top:0;left:0}.mk-cursor[data-shown]{opacity:1}.mk-cursor svg{fill:#18181b;stroke:#fff;stroke-width:1.6px;stroke-linejoin:round;filter:drop-shadow(0 2px 3px #0a0a0c4d);transform-origin:20% 10%;width:100%;height:100%;transition:transform 90ms}.mk-cursor[data-down] svg{transform:scale(.84)}.mk-cursor:before{content:"";opacity:0;border:.18em solid #3563ad;border-radius:50%;width:2.4em;height:2.4em;margin:-1.2em 0 0 -1.2em;position:absolute;top:.18em;left:.36em;transform:scale(.2)}.mk-cursor[data-down]:before{animation:mk-click .42s var(--ps-ease-out) both}@keyframes mk-click{0%{opacity:1;transform:scale(.2)}to{opacity:0;transform:scale(1)}}@container demo (max-width:980px){.mock{font-size:1.5625cqw}.mk-col-plan{display:none}.mk-tr{grid-template-columns:minmax(0,2.4fr) minmax(0,1.3fr) minmax(0,1fr) minmax(0,.85fr)}}@container demo (max-width:720px){.mock{font-size:2.77778cqw}.mk-app{grid-template-columns:minmax(0,1fr)}.mk-side,.mk-tab--bg,.mk-nav-arrows,.mk-avatar--browser,.mk-search,.mk-col-company,.mk-col-status,.mk-kpi--3,.mk-tr--5{display:none}.mk-tabs{padding:0 .8em}.mk-main{gap:1em;padding:1.1em 1em 4.4em}.mk-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7em}.mk-kpi{padding:.8em .9em}.mk-kpi__value{font-size:1.35em}.mk-tr{grid-template-columns:minmax(0,1fr) auto;padding:0 .9em}.mk-popup{width:21em;top:5.9em;right:.6em}.mk-action__meta kbd{display:none}.mk-pickbar{bottom:1em}.mk-pickbar__count{display:none}}.demo__controls{flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:28px;display:flex}.demo__scenes{--demo-pill-bg:#dcdce099;border-radius:var(--ps-radius-xl);background:var(--demo-pill-bg);box-shadow:var(--ps-shadow-md);-webkit-backdrop-filter:blur(24px)saturate(1.5);backdrop-filter:blur(24px)saturate(1.5);gap:2px;padding:7px;display:inline-flex}@media (prefers-color-scheme:dark){.demo__scenes{--demo-pill-bg:#2b2b3099}}.demo__scene{border-radius:var(--ps-radius-lg);height:42px;color:var(--ps-color-text-muted);font:inherit;font-size:var(--ps-text-base);font-weight:var(--ps-weight-regular);letter-spacing:var(--ps-tracking-ui);white-space:nowrap;cursor:pointer;transition:background-color var(--ps-duration-base) var(--ps-ease-out), box-shadow var(--ps-duration-base) var(--ps-ease-out), color var(--ps-duration-fast) var(--ps-ease-standard);background:0 0;border:0;align-items:center;gap:10px;padding:0 16px 0 9px;display:inline-flex;position:relative;overflow:hidden}.demo__scene:hover{color:var(--ps-color-text)}.demo__scene[aria-pressed=true]{background:var(--ps-color-surface);box-shadow:var(--ps-shadow-sm);color:var(--ps-color-text)}.demo__scene-num{background:var(--ps-color-surface-sunken);width:24px;height:24px;color:var(--ps-color-text-muted);font-size:var(--ps-text-xs);font-variant-numeric:tabular-nums;font-weight:var(--ps-weight-medium);transition:color var(--ps-duration-fast) var(--ps-ease-standard);border-radius:50%;place-items:center;display:grid}.demo__scene[aria-pressed=true] .demo__scene-num{color:var(--ps-color-text)}.demo__progress{background:var(--ps-color-accent);opacity:.7;transform-origin:0;border-radius:1px;height:2px;animation:linear both demo-progress;position:absolute;bottom:4px;left:16px;right:16px}.demo[data-paused] .demo__progress,.demo[data-paused] .sx:after{animation-play-state:paused}@keyframes demo-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.demo__caption{min-width:16rem;color:var(--ps-color-text-muted);font-size:var(--ps-text-base);letter-spacing:var(--ps-tracking-ui);flex:1;line-height:1.45}.demo__pause{background:var(--ps-color-secondary-bg);width:44px;height:44px;color:var(--ps-color-secondary-text);cursor:pointer;transition:background-color var(--ps-duration-fast) var(--ps-ease-standard);border:0;border-radius:50%;flex:none;place-items:center;margin-left:auto;display:grid}.demo__pause:hover{background:var(--ps-color-secondary-bg-hover)}.demo__pause svg{fill:currentColor;width:15px;height:15px}@media (max-width:640px){.demo__scenes{flex:1}.demo__scene{flex:1;justify-content:center;padding:0 12px 0 6px;font-size:.875rem}.demo__caption{flex-basis:100%;order:3;min-width:0}}@media (max-width:420px){.demo__scene-num{display:none}.demo__scene{padding:0 10px}.demo__progress{left:14px;right:14px}}@media (prefers-reduced-motion:reduce){.sx:after{animation:none!important}.sx[data-anim]>span,.mk-ring,.mk-ring[data-shown],.mk-popup,.mk-popup[data-open],.mk-pickbar,.mk-pickbar[data-open],.mk-cursor{transition:none}}
.uc{--uc-w:min(1040px, calc(100vw - 112px));margin-top:8px}@media (max-width:640px){.uc{--uc-w:calc(100vw - 40px)}}.uc__track{padding:24px max(var(--gutter), calc((100% - var(--uc-w)) / 2)) 32px;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;gap:20px;display:flex;overflow-x:auto}.uc__track::-webkit-scrollbar{display:none}@media (max-width:640px){.uc__track{gap:12px;padding-inline:20px}}.uc__slide{flex:0 0 var(--uc-w);background:var(--ps-color-surface);box-shadow:var(--ps-shadow-md);scroll-snap-align:center;opacity:.45;cursor:pointer;transition:opacity var(--ps-duration-slow) var(--ps-ease-out), transform var(--ps-duration-slow) var(--ps-ease-out), box-shadow var(--ps-duration-slow) var(--ps-ease-out);border-radius:30px;grid-template-columns:minmax(0,1fr) 300px;padding:8px;display:grid;transform:scale(.965)}.uc__slide[data-active]{opacity:1;box-shadow:var(--ps-shadow-lg);cursor:auto;transform:none}@media (max-width:900px){.uc__slide{border-radius:24px;grid-template-columns:minmax(0,1fr)}}.uc__stage{aspect-ratio:16/10;background:var(--glows), var(--ps-color-surface-sunken);border-radius:22px;position:relative;overflow:hidden;container-type:inline-size}@media (max-width:900px){.uc__stage{border-radius:18px}}.uc__copy{flex-direction:column;align-items:flex-start;padding:32px 28px 28px;display:flex}@media (max-width:900px){.uc__copy{padding:20px 16px 16px}}.uc__title{font-family:var(--font-serif);letter-spacing:-.01em;text-wrap:balance;font-size:1.75rem;font-weight:350;line-height:1.1}.uc__body{color:var(--ps-color-text-muted);margin-top:14px;font-size:1rem;line-height:1.5}.uc__mode{border-radius:var(--ps-radius-lg);background:var(--ps-color-surface-sunken);font-size:var(--ps-text-sm);letter-spacing:var(--ps-tracking-ui);align-items:center;gap:8px;margin-top:auto;padding:5px 12px;display:inline-flex}.uc__mode i{background:var(--ps-color-accent);border-radius:50%;width:7px;height:7px}@media (max-width:900px){.uc__mode{margin-top:18px}}.uc__controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.uc__tabs{flex-wrap:wrap;gap:4px;display:flex}.uc__tab{border-radius:var(--ps-radius-lg);color:var(--ps-color-text-muted);font:inherit;font-size:var(--ps-text-base);letter-spacing:var(--ps-tracking-ui);cursor:pointer;transition:background-color var(--ps-duration-base) var(--ps-ease-out), color var(--ps-duration-base) var(--ps-ease-out);background:0 0;border:0;padding:9px 16px;position:relative}.uc__tab:hover{color:var(--ps-color-text)}.uc__tab[aria-selected=true]{background:var(--ps-color-surface);box-shadow:var(--ps-shadow-sm);color:var(--ps-color-text)}.uc__progress{background:var(--ps-color-accent);transform-origin:0;height:2px;animation:uc-progress var(--uc-slide) linear both;border-radius:1px;position:absolute;bottom:5px;left:16px;right:16px}@keyframes uc-progress{0%{transform:scaleX(0)}}.uc__buttons{gap:8px;display:flex}.uc__round{background:var(--ps-color-secondary-bg);width:40px;height:40px;color:var(--ps-color-text);cursor:pointer;transition:background-color var(--ps-duration-base) var(--ps-ease-out);border:0;border-radius:50%;place-items:center;display:grid}.uc__round:hover{background:var(--ps-color-secondary-bg-hover)}.uc__round svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}@media (max-width:640px){.uc__tabs{scrollbar-width:none;flex-wrap:nowrap;max-width:100%;overflow-x:auto}.uc__tab{flex:none;padding-inline:12px}.uc__buttons{margin-left:auto}}.uc-scene{color:#18181b;font-family:var(--font-sans);letter-spacing:0;font-size:1.78571cqw;line-height:1.35;position:absolute;inset:0}.uc-win{background:#fff;border-radius:1em 1em 0 0;position:absolute;inset:7% 5% 0;overflow:hidden;box-shadow:0 1.6em 3.2em -1em #0a0a0c47,0 .3em 1.2em #0a0a0c14}.uc-bar{background:#f4f4f5;border-bottom:1px solid #ededf0;align-items:center;gap:.4em;height:2.6em;padding:0 1em;display:flex}.uc-bar>i{background:#d4d4d8;border-radius:50%;width:.62em;height:.62em}.uc-bar__url{color:#6b6b70;background:#fff;border-radius:1em;flex:1;align-items:center;height:1.7em;margin-left:.8em;padding:0 .9em;font-size:.8em;display:flex}.uc-bar__ext{width:1.5em;height:1.5em;transition:box-shadow var(--ps-duration-base) var(--ps-ease-out);background:linear-gradient(#ededf0,#ededf0) 50% 26%/50% 12% no-repeat,linear-gradient(#a8c2f0,#a8c2f0) 50%/64% 12% no-repeat,linear-gradient(#ededf0,#ededf0) 50% 74%/50% 12% no-repeat,linear-gradient(#2e2e34,#141416);border-radius:.4em}.uc-scene:not([data-phase="0"]) .uc-bar__ext{box-shadow:0 0 0 .18em #a8c2f0}.uc-app__head{justify-content:space-between;align-items:center;margin-bottom:.5em;display:flex}.uc-app__head b{font-size:1.3em;font-weight:500}.uc-chip{color:#45454b;background:#ededf0;border-radius:1em;padding:.2em .7em;font-size:.72em}.uc-row,.uc-msg{border-top:1px solid #f0f0f2;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.8em;padding:.5em 0;display:grid}.uc-avatar{color:#2a4f8c;background:#e4e9f3;border-radius:50%;flex:none;place-items:center;width:2.8em;height:2.8em;font-size:.78em;font-weight:500;display:grid}.uc-row__main{flex-direction:column;min-width:0;display:flex}.uc-row__main b{font-weight:500}.uc-row__main small{color:#6b6b70;text-overflow:ellipsis;white-space:nowrap;font-size:.82em;overflow:hidden}.uc-row__amount,.uc-num{font-variant-numeric:tabular-nums;font-weight:500}.uc-muted{color:#6b6b70}.uc-call{color:#f8f8f9;background:#1c1c20;border-radius:1.2em;flex-direction:column;gap:.8em;padding:.9em;display:flex;position:absolute;inset:6% 5%;box-shadow:0 1.6em 3.2em -1em #0a0a0c66}.uc-call__top{align-items:center;gap:.8em;font-size:.85em;display:flex}.uc-live{color:#fca5a5;background:#ef444429;border-radius:1em;align-items:center;gap:.45em;padding:.25em .75em;display:inline-flex}.uc-live i,.uc-rec__pill i{background:#ef4444;border-radius:50%;width:.55em;height:.55em;animation:1.6s ease-in-out infinite uc-pulse}@keyframes uc-pulse{50%{opacity:.35}}.uc-call__name{color:#d4d4d8;flex:1}.uc-call__time{color:#98989f;font-variant-numeric:tabular-nums}.uc-call__main{flex:1;grid-template-columns:minmax(0,1fr) 9em;gap:.8em;min-height:0;display:grid}.uc-call__share{color:#18181b;background:#fff;border-radius:.8em;padding:1em 1.2em;position:relative;overflow:hidden;box-shadow:0 0 0 .16em #a8c2f0}.uc-call__sharing{color:#fff;white-space:nowrap;background:#18181bd1;border-radius:1em;padding:.3em .9em;font-size:.7em;position:absolute;bottom:.7em;left:50%;transform:translate(-50%)}.uc-call__people{grid-template-rows:repeat(3,minmax(0,1fr));gap:.6em;display:grid}.uc-person{background:linear-gradient(160deg, hsl(var(--h) 22% 34%), hsl(var(--h) 18% 20%));border-radius:.8em;place-items:center;display:grid;position:relative}.uc-person b{background:hsl(var(--h) 30% 62%);color:#18181b;border-radius:50%;place-items:center;width:2.8em;height:2.8em;font-size:.8em;font-weight:500;display:grid}.uc-person small{color:#e4e4e7;font-size:.66em;position:absolute;bottom:.45em;left:.6em}.uc-call__bar{justify-content:center;gap:.6em;display:flex}.uc-ctl{background:#2b2b30;border-radius:50%;place-items:center;width:2.4em;height:2.4em;display:grid}.uc-ctl svg{fill:none;stroke:#f8f8f9;stroke-width:1.3px;stroke-linecap:round;stroke-linejoin:round;width:1.15em;height:1.15em}.uc-ctl--on{background:#a8c2f0}.uc-ctl--on svg{stroke:#18181b}.uc-ctl--end{background:#dc2626;border-radius:1.2em;width:3.2em}.uc-ctl--end svg{fill:#fff;stroke:none}.uc-shot{right:12%}.uc-inv{padding:1.2em 1.4em}.uc-inv__row{border-top:1px solid #f0f0f2;grid-template-columns:5.5em minmax(0,1fr) 6.5em 4.5em;align-items:center;gap:.8em;padding:.62em 0;font-size:.92em;display:grid}.uc-inv__row b{font-weight:500}.uc-status{border-radius:1em;justify-self:start;padding:.15em .6em;font-size:.78em}.uc-status[data-s=paid]{color:#3f7a12;background:#ebf5e1}.uc-status[data-s=overdue]{color:#b42318;background:#fdecea}.uc-status[data-s=draft]{color:#45454b;background:#ededf0}.uc-marquee{opacity:0;transition:opacity var(--ps-duration-slow) var(--ps-ease-out), transform var(--ps-duration-slow) var(--ps-ease-out);border:1.5px dashed #18181b;position:absolute;inset:26% 3% 12%;transform:scale(1.04);box-shadow:0 0 0 100em #18181b29}.uc-marquee[data-shown]{opacity:1;transition-delay:.6s;transform:none}.uc-marquee i{background:#fff;border:1.5px solid #18181b;width:.6em;height:.6em;position:absolute}.uc-marquee i:first-child{top:-.35em;left:-.35em}.uc-marquee i:nth-child(2){top:-.35em;right:-.35em}.uc-marquee i:nth-child(3){bottom:-.35em;left:-.35em}.uc-marquee i:nth-child(4){bottom:-.35em;right:-.35em}.uc-marquee span{color:#fff;font-variant-numeric:tabular-nums;background:#18181b;border-radius:.4em;padding:.2em .6em;font-size:.72em;position:absolute;top:-2.2em;left:0}.uc-flash{opacity:0;pointer-events:none;background:#fff;position:absolute;inset:0}.uc-flash[data-on]{animation:.7s ease-out uc-flash}@keyframes uc-flash{20%{opacity:.85}}.uc-ticket{opacity:0;width:18em;transition:opacity var(--ps-duration-slow) var(--ps-ease-out), transform var(--ps-duration-slow) var(--ps-ease-spring);background:#fff;border-radius:1em;padding:1em 1.1em;font-size:.95em;position:absolute;bottom:7%;right:4%;transform:translateY(1.5em);box-shadow:0 1.6em 3em -1em #0a0a0c4d,0 .3em 1.2em #0a0a0c1a}.uc-ticket[data-shown]{opacity:1;transition-delay:.35s;transform:none}.uc-ticket__head{justify-content:space-between;align-items:center;font-size:.85em;display:flex}.uc-ticket__title{margin-top:.6em;font-weight:500;display:block}.uc-ticket__shot{background:#f8f8f9;border-radius:.6em;gap:.35em;margin:.7em 0;padding:.6em .75em;font-size:.78em;display:grid;box-shadow:inset 0 0 0 1px #ededf0}.uc-ticket__shot div{justify-content:space-between;gap:1em;display:flex}.uc-ticket .uc-muted{font-size:.82em}.uc-dash{padding:1.2em 1.4em}.uc-dash__kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8em;display:grid}.uc-kpi{border-radius:.8em;padding:.8em 1em;box-shadow:inset 0 0 0 1px #ededf0}.uc-kpi small{color:#6b6b70;font-size:.78em;display:block}.uc-kpi b{font-variant-numeric:tabular-nums;margin-top:.2em;font-size:1.45em;font-weight:500;display:block}.uc-dash__list{margin-top:1em}.uc-rec__pill{color:#fff;font-variant-numeric:tabular-nums;background:#18181b;border-radius:1em;align-items:center;gap:.5em;padding:.35em .9em .35em .75em;font-size:.8em;display:inline-flex;position:absolute;top:3.6em;left:50%;transform:translate(-50%);box-shadow:0 .4em 1.2em #0a0a0c40}.uc-rec__cam{background:radial-gradient(circle at 50% 40%,#e8c7a6 0 21%,#0000 22%),radial-gradient(circle at 50% 33%,#3b2f2a 0 27%,#0000 28%),radial-gradient(46% 40% at 50% 100%,#3563ad 0 98%,#0000 100%),linear-gradient(#dfe3ea,#c7cdd8);border:.22em solid #fff;border-radius:50%;width:6.5em;height:6.5em;position:absolute;bottom:2.6em;right:1.4em;box-shadow:0 .6em 1.6em #0a0a0c40}.uc-rec__cursor{width:1.7em;height:1.7em;animation:6.5s ease-in-out infinite uc-cursor;position:absolute;top:40%;left:30%}.uc-rec__cursor svg{fill:#18181b;stroke:#fff;stroke-width:1.1px;stroke-linejoin:round;width:100%;height:100%}@keyframes uc-cursor{0%,to{top:40%;left:30%}30%{top:34%;left:64%}55%{top:64%;left:44%}80%{top:78%;left:22%}}.uc-rec__timeline{background:#18181b1a;border-radius:1em;height:.35em;position:absolute;bottom:1em;left:1.4em;right:1.4em;overflow:hidden}.uc-rec__timeline i{border-radius:inherit;transform-origin:0;background:#ef4444;width:100%;height:100%;display:block;transform:scaleX(.18)}.uc__slide[data-active] .uc-rec__timeline i{animation:uc-record var(--uc-slide) linear both}@keyframes uc-record{0%{transform:scaleX(.18)}to{transform:scaleX(.62)}}.uc-crm__grid{grid-template-columns:42% minmax(0,1fr);height:calc(100% - 2.6em);display:grid}.uc-pick{transition:background-color var(--ps-duration-base) var(--ps-ease-out), box-shadow var(--ps-duration-base) var(--ps-ease-out);border-radius:.6em;position:relative}.uc-pick[data-picked]{background:#86a8e633}.uc-pick[data-ring]{box-shadow:inset 0 0 0 1px #101012,0 0 0 2px #a8c2f0,0 0 0 3px #101012}.uc-pick__tag{z-index:1;color:#101012;font-family:var(--font-mono);opacity:0;transition:opacity var(--ps-duration-base) var(--ps-ease-out);background:#a8c2f0;border:1px solid #101012;border-radius:.45em;padding:.1em .5em;font-size:.68em;position:absolute;top:-1.9em;left:0}.uc-pick[data-ring] .uc-pick__tag{opacity:1}.uc-crm__grid>.uc-pick{align-self:start;margin:1.6em .6em .6em}.uc-inbox{padding:.3em}.uc-inbox li{border-radius:.6em;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.7em;padding:.5em;display:grid}.uc-inbox li[data-current]{background:#18181b0d}.uc-inbox .uc-muted{font-size:.75em}.uc-convo{border-left:1px solid #ededf0;flex-direction:column;gap:.7em;padding:1.1em 1.2em;display:flex}.uc-bubble{background:#f4f4f5;border-radius:1em 1em 1em .3em;max-width:88%;padding:.6em .9em;font-size:.82em}.uc-bubble--me{color:#fff;background:#18181b;border-radius:1em 1em .3em;align-self:flex-end}.uc-convo .uc-pick{margin-top:1.4em}.uc-acct{border-radius:.6em;padding:.8em 1em;box-shadow:inset 0 0 0 1px #ededf0}.uc-acct>b{font-weight:500;display:block}.uc-acct>small{color:#6b6b70;font-size:.8em;display:block}.uc-acct__grid{grid-template-columns:auto minmax(0,1fr);gap:.3em 1em;margin-top:.6em;font-size:.82em;display:grid}.uc-pickbar{color:#f8f8f9;white-space:nowrap;opacity:0;transition:opacity var(--ps-duration-slow) var(--ps-ease-out), transform var(--ps-duration-slow) var(--ps-ease-out);background:#18181beb;border-radius:1.4em;align-items:center;gap:.7em;padding:.35em .4em .35em .9em;font-size:.8em;display:flex;position:absolute;bottom:1em;left:50%;transform:translate(-50%,.8em);box-shadow:0 .6em 1.6em #0a0a0c4d}.uc-pickbar[data-shown]{opacity:1;transform:translate(-50%)}.uc-pickbar i{background:#a8c2f0;border-radius:50%;width:.55em;height:.55em}.uc-pickbar span{color:#98989f}.uc-pickbar b{color:#18181b;background:#f8f8f9;border-radius:1em;padding:.3em .9em;font-weight:500}@media (prefers-reduced-motion:reduce){.uc__slide,.uc-marquee,.uc-marquee[data-shown],.uc-ticket,.uc-ticket[data-shown],.uc-pickbar{transition:none}.uc-live i,.uc-rec__pill i,.uc-rec__cursor,.uc-flash[data-on],.uc__slide[data-active] .uc-rec__timeline i{animation:none}}