.amount-diff{font-size:var(--text-body);font-weight:var(--font-weight-medium);font-variant-numeric:tabular-nums;align-items:center;gap:4px;display:inline-flex}.amount-diff--success{color:#1f7a45}.amount-diff--danger{color:var(--color-danger-strong)}.amount-diff--neutral{color:var(--color-muted)}.arabic-text{color:var(--color-ink);text-align:center;letter-spacing:0;margin:0;font-family:Noto Naskh Arabic,Amiri,Traditional Arabic,Times New Roman,serif;line-height:1.8}.arabic-text--sm{font-size:18px}.arabic-text--md{font-size:22px}.arabic-text--lg{font-size:28px}.arabic-text--xl{font-size:34px}.badge{border-radius:var(--radius-badges);font-weight:var(--font-weight-semibold);white-space:nowrap;align-items:center;gap:4px;line-height:1;display:inline-flex}.badge--sm{height:20px;padding:0 8px;font-size:10px}.badge--md{height:24px;font-size:var(--text-caption);padding:0 12px}.badge--lg{height:28px;padding:0 14px;font-size:12px}.badge--soft.badge--neutral{background:var(--color-wash);color:var(--color-ink)}.badge--soft.badge--success{color:#1f7a45;background:#eaf7ef}.badge--soft.badge--warning{color:#9a5b00;background:#fff4e5}.badge--soft.badge--danger{color:var(--color-danger-strong);background:#ffe8ec}.badge--soft.badge--accent{background:var(--color-primary-soft);color:var(--color-primary)}.badge:not(.badge--soft){background:var(--color-white);color:var(--color-ink);box-shadow:var(--shadow-subtle)}.btn{--btn-bg:transparent;--btn-bg-hover:transparent;--btn-bg-pressed:transparent;--btn-fg:var(--color-primary);--btn-fg-disabled:var(--color-disabled-fg);--btn-border:transparent;--btn-border-disabled:var(--color-disabled-bg);--btn-divider:#ffffff59;justify-content:center;align-items:center;gap:var(--spacing-8);padding:0 var(--spacing-20);border:1px solid var(--btn-border);border-radius:var(--radius-buttons);background:var(--btn-bg);min-height:40px;color:var(--btn-fg);font-family:inherit;font-size:var(--text-body);font-weight:var(--font-weight-medium);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:middle;transition:background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);margin:0;line-height:1;display:inline-flex}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn:disabled,.btn[data-disabled]{cursor:not-allowed}.btn--xs{border-radius:8px;gap:4px;min-height:28px;padding:0 12px}.btn--xs .btn__label{font-size:12px}.btn--sm{min-height:32px;padding:0 var(--spacing-16);gap:6px}.btn--sm .btn__label{font-size:13px}.btn--md{min-height:40px;padding:0 var(--spacing-20)}.btn--lg{min-height:48px;padding:0 var(--spacing-24)}.btn--lg .btn__label{font-size:var(--text-ui)}.btn--xl{border-radius:12px;gap:10px;min-height:56px;padding:0 28px}.btn--xl .btn__label{font-size:16px}.btn--full{width:100%}.btn__label{align-items:center;line-height:1;display:inline-flex}.btn__icon{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.btn__icon svg{width:16px;height:16px}.btn--xs .btn__icon svg{width:12px;height:12px}.btn--sm .btn__icon svg{width:14px;height:14px}.btn--lg .btn__icon svg{width:18px;height:18px}.btn--xl .btn__icon svg{width:20px;height:20px}.btn__spinner{--tick:currentColor;background:conic-gradient(from 0deg, var(--tick) 0deg 14deg, transparent 14deg 45deg, var(--tick) 45deg 59deg, transparent 59deg 90deg, var(--tick) 90deg 104deg, transparent 104deg 135deg, var(--tick) 135deg 149deg, transparent 149deg 180deg, var(--tick) 180deg 194deg, transparent 194deg 225deg, var(--tick) 225deg 239deg, transparent 239deg 270deg, var(--tick) 270deg 284deg, transparent 284deg 315deg, var(--tick) 315deg 329deg, transparent 329deg 360deg);border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.85s linear infinite btn-spin;-webkit-mask:radial-gradient(farthest-side,#0000 52%,#000 53%);mask:radial-gradient(farthest-side,#0000 52%,#000 53%)}.btn--xs .btn__spinner{width:12px;height:12px}.btn--sm .btn__spinner{width:14px;height:14px}.btn--xl .btn__spinner{width:18px;height:18px}@keyframes btn-spin{to{transform:rotate(360deg)}}.btn--primary{--btn-bg:var(--color-primary);--btn-bg-hover:var(--color-primary-hover);--btn-bg-pressed:var(--color-primary-pressed);--btn-fg:var(--color-white);--btn-border:transparent}.btn--primary:hover:not(:disabled):not([data-disabled]){background:var(--btn-bg-hover)}.btn--primary:active:not(:disabled):not([data-disabled]){background:var(--btn-bg-pressed)}.btn--primary:disabled,.btn--primary[data-disabled]{background:var(--color-disabled-bg);color:var(--color-disabled-fg);border-color:#0000}.btn--primary.btn--destructive{--btn-bg:var(--color-danger);--btn-bg-hover:#f25572;--btn-bg-pressed:var(--color-danger-strong);--btn-fg:var(--color-white)}.btn--primary.btn--destructive:focus-visible{outline-color:var(--color-danger)}.btn--primary.btn--loading:disabled{background:var(--btn-bg);color:var(--btn-fg);cursor:progress}.btn--secondary{--btn-bg:var(--color-primary-soft);--btn-bg-hover:var(--color-primary-soft-pressed);--btn-bg-pressed:#d0d2ff;--btn-fg:var(--color-primary);--btn-border:transparent}.btn--secondary:hover:not(:disabled):not([data-disabled]){background:var(--btn-bg-hover)}.btn--secondary:active:not(:disabled):not([data-disabled]){background:var(--btn-bg-pressed)}.btn--secondary:disabled,.btn--secondary[data-disabled]{background:var(--color-disabled-bg);color:var(--color-disabled-fg);border-color:#0000}.btn--secondary.btn--destructive{--btn-bg:#ffe8ec;--btn-bg-hover:#ffd6de;--btn-bg-pressed:#ffc4cf;--btn-fg:var(--color-danger-strong)}.btn--secondary.btn--destructive:focus-visible{outline-color:var(--color-danger)}.btn--secondary.btn--loading:disabled{background:var(--btn-bg);color:var(--btn-fg);cursor:progress}.btn--secondaryGray{--btn-bg:var(--color-border);--btn-bg-hover:var(--color-soft);--btn-bg-pressed:#cfcfcf;--btn-fg:var(--color-muted);--btn-border:transparent}.btn--secondaryGray:hover:not(:disabled):not([data-disabled]){background:var(--btn-bg-hover)}.btn--secondaryGray:active:not(:disabled):not([data-disabled]){background:var(--btn-bg-pressed)}.btn--secondaryGray:disabled,.btn--secondaryGray[data-disabled]{background:var(--color-disabled-bg);color:var(--color-disabled-fg);border-color:#0000}.btn--secondaryGray.btn--destructive{--btn-bg:#ffe8ec;--btn-bg-hover:#ffd6de;--btn-bg-pressed:#ffc4cf;--btn-fg:var(--color-danger-strong)}.btn--secondaryGray.btn--destructive:focus-visible{outline-color:var(--color-danger)}.btn--secondaryGray.btn--loading:disabled{background:var(--btn-bg);color:var(--btn-fg);cursor:progress}.btn--tertiary{--btn-bg:var(--color-white);--btn-bg-hover:var(--color-wash);--btn-bg-pressed:var(--color-border);--btn-fg:var(--color-ink);--btn-border:var(--color-border)}.btn--tertiary:hover:not(:disabled):not([data-disabled]){background:var(--btn-bg-hover);border-color:var(--color-soft)}.btn--tertiary:active:not(:disabled):not([data-disabled]){background:var(--btn-bg-pressed)}.btn--tertiary:disabled,.btn--tertiary[data-disabled]{background:var(--color-white);color:var(--color-disabled-fg);border-color:var(--color-disabled-bg)}.btn--tertiary.btn--destructive{--btn-fg:var(--color-danger-strong);--btn-border:#f3b4c0;--btn-bg-hover:#fff1f4;--btn-bg-pressed:#ffe8ec}.btn--tertiary.btn--destructive:focus-visible{outline-color:var(--color-danger)}.btn--tertiary.btn--loading:disabled{background:var(--color-white);color:var(--btn-fg);border-color:var(--btn-border);cursor:progress}.btn--ghost{--btn-bg:transparent;--btn-bg-hover:var(--color-wash);--btn-bg-pressed:var(--color-border);--btn-fg:var(--color-ink);--btn-border:transparent}.btn--ghost:hover:not(:disabled):not([data-disabled]){background:var(--btn-bg-hover)}.btn--ghost:active:not(:disabled):not([data-disabled]){background:var(--btn-bg-pressed)}.btn--ghost:disabled,.btn--ghost[data-disabled]{color:var(--color-disabled-fg);background:0 0}.btn--ghost.btn--destructive{--btn-fg:var(--color-danger-strong);--btn-bg-hover:#fff1f4;--btn-bg-pressed:#ffe8ec}.btn--ghost.btn--destructive:focus-visible{outline-color:var(--color-danger)}.btn--ghost.btn--loading:not(:disabled),.btn--ghost.btn--loading:disabled{background:var(--color-wash);color:var(--btn-fg);cursor:progress}.btn--linkColor,.btn--linkGray{min-height:auto;font-weight:var(--font-weight-semibold);background:0 0;border:none;border-radius:0;padding:0}.btn--linkColor{--btn-fg:var(--color-primary)}.btn--linkGray{--btn-fg:var(--color-muted)}.btn--linkColor:hover:not(:disabled):not([data-disabled]),.btn--linkGray:hover:not(:disabled):not([data-disabled]){text-underline-offset:3px;text-decoration:underline}.btn--linkColor:hover:not(:disabled):not([data-disabled]){color:var(--color-primary-hover)}.btn--linkGray:hover:not(:disabled):not([data-disabled]){color:var(--color-ink)}.btn--linkColor:disabled,.btn--linkColor[data-disabled],.btn--linkGray:disabled,.btn--linkGray[data-disabled]{color:var(--color-disabled-fg);text-decoration:none}.btn--linkColor.btn--loading:disabled,.btn--linkGray.btn--loading:disabled{color:var(--btn-fg);cursor:progress;text-decoration:none}.btn--linkColor.btn--xs,.btn--linkGray.btn--xs,.btn--linkColor.btn--sm,.btn--linkGray.btn--sm,.btn--linkColor.btn--md,.btn--linkGray.btn--md,.btn--linkColor.btn--lg,.btn--linkGray.btn--lg,.btn--linkColor.btn--xl,.btn--linkGray.btn--xl{min-height:auto;padding:0}.btn--icon-only{border-radius:10px;width:40px;min-width:40px;padding:0}.btn--icon-only.btn--xs{border-radius:7px;width:28px;min-width:28px;min-height:28px}.btn--icon-only.btn--sm{border-radius:8px;width:32px;min-width:32px;min-height:32px}.btn--icon-only.btn--lg{border-radius:12px;width:48px;min-width:48px;min-height:48px}.btn--icon-only.btn--xl{border-radius:12px;width:56px;min-width:56px;min-height:56px}.btn--icon-only.btn--tertiary:hover:not(:disabled),.btn--icon-only.btn--ghost:hover:not(:disabled){background:var(--color-wash)}.btn--icon-only.btn--linkColor,.btn--icon-only.btn--linkGray{border-radius:var(--radius-buttons);width:auto;min-width:0;min-height:auto;padding:4px}.btn--icon-only.btn--linkColor:hover:not(:disabled),.btn--icon-only.btn--linkGray:hover:not(:disabled){background:var(--color-wash);text-decoration:none}.btn--split{background:var(--color-primary);color:var(--color-white);border:none;align-items:stretch;gap:0;padding:0;display:inline-flex;overflow:hidden}.btn--split.btn--icon-only{border-radius:var(--radius-buttons);width:auto;min-width:0}.btn--split .btn__main,.btn--split .btn__menu{justify-content:center;align-items:center;gap:var(--spacing-8);color:inherit;font:inherit;cursor:pointer;transition:background var(--duration-fast) var(--ease-out);background:0 0;border:none;margin:0;display:inline-flex}.btn--split .btn__main{padding:0 var(--spacing-20);min-height:inherit}.btn--split.btn--xs .btn__main{padding:0 12px}.btn--split.btn--sm .btn__main{padding:0 var(--spacing-16)}.btn--split.btn--lg .btn__main{padding:0 var(--spacing-24)}.btn--split.btn--xl .btn__main{padding:0 28px}.btn--split.btn--icon-only .btn__main{width:40px;padding:0}.btn--split.btn--icon-only.btn--xs .btn__main{width:28px}.btn--split.btn--icon-only.btn--sm .btn__main{width:32px}.btn--split.btn--icon-only.btn--lg .btn__main{width:48px}.btn--split.btn--icon-only.btn--xl .btn__main{width:56px}.btn--split .btn__menu{flex-shrink:0;width:36px;padding:0}.btn--split.btn--xs .btn__menu{width:26px}.btn--split.btn--sm .btn__menu{width:30px}.btn--split.btn--lg .btn__menu{width:42px}.btn--split.btn--xl .btn__menu{width:48px}.btn--split .btn__menu:focus-visible,.btn--split .btn__main:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px;z-index:1}.btn--split .btn__divider{background:var(--btn-divider);flex-shrink:0;align-self:stretch;width:1px;margin:8px 0}.btn--split.btn--sm .btn__divider{margin:6px 0}.btn--split:not([data-disabled]):hover{background:var(--color-primary)}.btn--split:not([data-disabled]) .btn__main:hover{background:var(--color-primary-hover)}.btn--split:not([data-disabled]) .btn__menu:hover{background:color-mix(in srgb, var(--color-primary-pressed) 35%, var(--color-primary))}.btn--split:not([data-disabled]) .btn__main:active{background:var(--color-primary)}.btn--split:not([data-disabled]) .btn__menu:active{background:var(--color-primary-pressed)}.btn--split[data-disabled]{background:var(--color-disabled-bg);color:var(--color-disabled-fg)}.btn--split[data-disabled] .btn__main,.btn--split[data-disabled] .btn__menu{cursor:not-allowed;color:inherit}.btn--split[data-disabled] .btn__divider{background:#0000001f}.btn--split.btn--loading[data-disabled]{background:var(--color-primary);color:var(--color-white);cursor:progress}.btn--split.btn--loading[data-disabled] .btn__main{cursor:progress}.btn--split.btn--loading[data-disabled] .btn__menu{cursor:not-allowed}.btn--split.btn--loading[data-disabled] .btn__divider{background:#ffffff59}.avatar{border-radius:var(--radius-avatars);background:var(--color-border);color:var(--color-ink);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.avatar--sm{width:28px;height:28px;font-size:var(--text-caption)}.avatar--md{width:36px;height:36px;font-size:12px}.avatar--lg{width:48px;height:48px;font-size:var(--text-body)}.avatar__img{object-fit:cover;width:100%;height:100%}.avatar__fallback{font-weight:var(--font-weight-semibold);letter-spacing:.02em}.checkbox{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;display:inline-flex}.checkbox--sm{gap:6px}.checkbox--md,.checkbox--lg{gap:var(--spacing-8)}.checkbox__input{opacity:0;pointer-events:none;position:absolute}.checkbox__box{border:1.5px solid var(--color-muted);background:var(--color-white);transition:background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);border-radius:4px;flex-shrink:0;position:relative}.checkbox--sm .checkbox__box{width:14px;height:14px}.checkbox--md .checkbox__box{width:18px;height:18px}.checkbox--lg .checkbox__box{width:22px;height:22px}.checkbox__box:after{content:"";border:2px solid var(--color-white);transition:transform var(--duration-fast) var(--ease-out);border-top:0;border-left:0;position:absolute;transform:rotate(45deg)scale(0)}.checkbox--sm .checkbox__box:after{inset:2px 4px 3px 3px}.checkbox--md .checkbox__box:after{inset:3px 5px 5px 4px}.checkbox--lg .checkbox__box:after{inset:4px 6px 6px 5px}.checkbox__input:checked+.checkbox__box{background:var(--color-ink);border-color:var(--color-ink)}.checkbox__input:checked+.checkbox__box:after{transform:rotate(45deg)scale(1)}.checkbox__input:indeterminate+.checkbox__box{background:var(--color-ink);border-color:var(--color-ink)}.checkbox__input:indeterminate+.checkbox__box:after{background:var(--color-white);border:none;border-radius:1px;width:8px;height:2px;inset:50% auto auto 50%;transform:translate(-50%,-50%)scale(1)}.checkbox--sm .checkbox__input:indeterminate+.checkbox__box:after{width:6px}.checkbox--lg .checkbox__input:indeterminate+.checkbox__box:after{width:10px}.checkbox__input:focus-visible+.checkbox__box{box-shadow:0 0 0 2px var(--color-white), 0 0 0 4px var(--color-ink)}.checkbox__label{color:var(--color-ink)}.checkbox--sm .checkbox__label{font-size:13px}.checkbox--md .checkbox__label{font-size:var(--text-body)}.checkbox--lg .checkbox__label{font-size:var(--text-ui)}.checkbox--disabled{opacity:.45;cursor:not-allowed}.circular-progress{justify-content:center;align-items:center;display:inline-flex;position:relative}.circular-progress__svg{display:block;transform:rotate(-90deg)}.circular-progress__track,.circular-progress__fill{fill:none;stroke-linecap:round}.circular-progress__track{stroke:var(--color-wash)}.circular-progress__fill{transition:stroke-dashoffset var(--duration-base,.2s) var(--ease-out,ease)}.circular-progress__fill--ink{stroke:var(--color-ink)}.circular-progress__fill--accent{stroke:var(--color-primary)}.circular-progress__fill--success{stroke:#1f7a45}.circular-progress__fill--warning{stroke:#c47a00}.circular-progress__fill--danger{stroke:var(--color-danger)}.circular-progress__value{font-weight:var(--font-weight-semibold);color:var(--color-ink);place-items:center;line-height:1;display:grid;position:absolute;inset:0}.circular-progress--sm .circular-progress__value{font-size:10px}.circular-progress--md .circular-progress__value{font-size:var(--text-caption)}.circular-progress--lg .circular-progress__value{font-size:14px}.circular-progress--xl .circular-progress__value{font-size:var(--text-ui)}.divider{border:0;border-top:1px solid var(--color-border);margin:0}.divider-labeled{align-items:center;gap:var(--spacing-12);display:flex}.divider-labeled__line{background:var(--color-border);flex:1;height:1px}.divider-labeled__label{font-size:var(--text-caption);font-weight:var(--font-weight-semibold);color:var(--color-muted);text-transform:uppercase;letter-spacing:.06em}.featured-icon{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.featured-icon svg{width:1em;height:1em}.featured-icon--sm{width:32px;height:32px;font-size:16px}.featured-icon--md{width:40px;height:40px;font-size:18px}.featured-icon--lg{width:48px;height:48px;font-size:22px}.featured-icon--xl{width:56px;height:56px;font-size:28px}.featured-icon--rounded{border-radius:var(--radius-buttons)}.featured-icon--square{border-radius:var(--radius-inputs)}.featured-icon--circle{border-radius:var(--radius-avatars)}.featured-icon--neutral{background:var(--color-wash);color:var(--color-ink)}.featured-icon--accent{background:var(--color-primary-soft);color:var(--color-primary)}.featured-icon--success{color:#1f7a45;background:#eaf7ef}.featured-icon--warning{color:#9a5b00;background:#fff4e5}.featured-icon--danger{color:var(--color-danger-strong);background:#ffe8ec}.featured-icon--info{color:#2a4a9b;background:#f3f6ff}.icon-btn{border-radius:var(--radius-buttons);cursor:pointer;color:var(--color-ink);transition:background var(--duration-fast) var(--ease-out);border:none;justify-content:center;align-items:center;display:inline-flex}.icon-btn svg{width:16px;height:16px}.icon-btn--sm{width:32px;height:32px}.icon-btn--md{width:40px;height:40px}.icon-btn--lg{width:48px;height:48px}.icon-btn--lg svg{width:18px;height:18px}.icon-btn--subtle{background:var(--color-wash)}.icon-btn--subtle:hover:not(:disabled){background:var(--color-border)}.icon-btn--white{background:var(--color-white);box-shadow:var(--shadow-subtle)}.icon-btn--white:hover:not(:disabled){background:var(--color-wash)}.icon-btn--ghost{background:0 0}.icon-btn--ghost:hover:not(:disabled){background:var(--color-wash)}.icon-btn:disabled{opacity:.4;cursor:not-allowed}.icon-btn__spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite icon-btn-spin}@keyframes icon-btn-spin{to{transform:rotate(360deg)}}.input{border:1px solid var(--color-border);border-radius:var(--radius-inputs);background:var(--color-white);width:100%;color:var(--color-ink);line-height:var(--leading-body);transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);outline:none}.input--sm{min-height:32px;padding:0 10px;font-size:13px}.input--md{min-height:40px;padding:0 var(--spacing-12);font-size:var(--text-body)}.input--lg{min-height:48px;font-size:var(--text-ui);padding:0 14px}.input::placeholder{color:var(--color-grey-500)}.input:hover:not(:disabled):not(:focus){border-color:var(--color-soft)}.input:focus{border-color:var(--color-ink);box-shadow:0 0 0 1px var(--color-ink)}.input:disabled{background:var(--color-wash);color:var(--color-grey-500);cursor:not-allowed}.input--invalid{border-color:var(--color-danger)}.input--invalid:focus{box-shadow:0 0 0 1px var(--color-danger)}.kbd{border:1px solid var(--color-border);background:var(--color-wash);min-width:1.5em;color:var(--color-muted);font-family:var(--font-sans);font-weight:var(--font-weight-medium);white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;line-height:1;display:inline-flex;box-shadow:inset 0 -1px #0000000a}.kbd--sm{height:18px;padding:0 5px;font-size:10px}.kbd--md{height:22px;padding:0 7px;font-size:11px}.label{font-size:var(--text-body);font-weight:var(--font-weight-medium);color:var(--color-ink);align-items:baseline;gap:6px;display:inline-flex}.label__required{color:var(--color-danger)}.label__optional{font-size:var(--text-caption);font-weight:var(--font-weight-regular);color:var(--color-muted)}.map-marker{cursor:pointer;color:var(--color-primary);background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;padding:0;display:inline-flex}.map-marker__pin{width:36px;height:36px;color:var(--color-white);background:currentColor;border-radius:50% 50% 50% 4px;justify-content:center;align-items:center;display:inline-flex;transform:rotate(-45deg);box-shadow:0 4px 12px #1c1c1c29}.map-marker__pin>*{transform:rotate(45deg)}.map-marker__label{background:var(--color-white);color:var(--color-ink);font-size:11px;font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-subtle,0 1px 2px #0000000f);white-space:nowrap;border-radius:999px;padding:2px 8px}.map-marker--accent{color:var(--color-primary)}.map-marker--danger{color:var(--color-danger)}.map-marker--success{color:#1f7a45}.map-marker--neutral{color:var(--color-muted)}.map-marker--active .map-marker__pin{outline:2px solid var(--color-white);outline-offset:2px;transform:rotate(-45deg)scale(1.08)}.progress{flex-direction:column;gap:8px;width:100%;display:flex}.progress__meta{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.progress__label{font-size:var(--text-body);font-weight:var(--font-weight-medium);color:var(--color-ink)}.progress__value{font-size:12px;font-weight:var(--font-weight-medium);color:var(--color-muted)}.progress__track{background:var(--color-border);border-radius:var(--radius-badges);width:100%;overflow:hidden}.progress__track--sm{height:6px}.progress__track--md{height:8px}.progress__track--lg{height:12px}.progress__fill{border-radius:inherit;height:100%;transition:width var(--duration-base) var(--ease-out)}.progress__fill--ink{background:var(--color-ink)}.progress__fill--accent{background:var(--color-primary)}.progress__fill--success{background:#1f7a45}.progress__fill--warning{background:#c47a00}.progress__fill--danger{background:var(--color-danger)}.role-badge{border-radius:var(--radius-badges);font-weight:var(--font-weight-semibold);white-space:nowrap;align-items:center;line-height:1;display:inline-flex}.role-badge--sm{height:20px;padding:0 8px;font-size:10px}.role-badge--md{height:24px;font-size:var(--text-caption);padding:0 10px}.role-badge--admin{background:var(--color-primary-soft);color:var(--color-primary)}.role-badge--owner{color:#5b3cc4;background:#efe8ff}.role-badge--editor{color:#1f7a45;background:#eaf7ef}.role-badge--member{background:var(--color-wash);color:var(--color-muted)}.role-badge--viewer{color:#1f5fbf;background:#e8f2ff}.role-badge--guest{color:#9a5b00;background:#fff4e5}.skeleton{background:linear-gradient(90deg, var(--color-soft) 0%, var(--color-border) 50%, var(--color-soft) 100%);background-size:200% 100%;animation:1.4s ease-in-out infinite shimmer;display:block}.skeleton--sm{border-radius:4px}.skeleton--md{border-radius:var(--radius-inputs)}.skeleton--pill{border-radius:var(--radius-badges)}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.slider{flex-direction:column;gap:10px;width:100%;display:flex}.slider__meta{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.slider__label,.slider__value{font-weight:var(--font-weight-medium);color:var(--color-ink)}.slider__value{font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums}.slider--sm .slider__label,.slider--sm .slider__value{font-size:13px}.slider--md .slider__label,.slider--md .slider__value{font-size:var(--text-body)}.slider--lg .slider__label,.slider--lg .slider__value{font-size:var(--text-ui)}.slider__control{align-items:center;display:flex;position:relative}.slider--sm .slider__control{height:20px}.slider--md .slider__control{height:24px}.slider--lg .slider__control{height:28px}.slider__track{border-radius:var(--radius-badges);background:var(--color-border);pointer-events:none;position:absolute;inset-inline:0}.slider--sm .slider__track{height:3px}.slider--md .slider__track{height:4px}.slider--lg .slider__track{height:6px}.slider__fill{border-radius:inherit;background:var(--color-ink);height:100%}.slider__input{z-index:1;appearance:none;cursor:pointer;background:0 0;width:100%;margin:0;position:relative}.slider__input::-webkit-slider-runnable-track{background:0 0}.slider--sm .slider__input::-webkit-slider-runnable-track{height:3px}.slider--md .slider__input::-webkit-slider-runnable-track{height:4px}.slider--lg .slider__input::-webkit-slider-runnable-track{height:6px}.slider__input::-moz-range-track{background:0 0;border:none}.slider--sm .slider__input::-moz-range-track{height:3px}.slider--md .slider__input::-moz-range-track{height:4px}.slider--lg .slider__input::-moz-range-track{height:6px}.slider__input::-webkit-slider-thumb{appearance:none;border-radius:var(--radius-avatars);background:var(--color-white);border:2px solid var(--color-ink);box-shadow:var(--shadow-subtle);transition:transform var(--duration-fast) var(--ease-out)}.slider--sm .slider__input::-webkit-slider-thumb{width:16px;height:16px;margin-top:-6.5px}.slider--md .slider__input::-webkit-slider-thumb{width:20px;height:20px;margin-top:-8px}.slider--lg .slider__input::-webkit-slider-thumb{width:24px;height:24px;margin-top:-9px}.slider__input::-moz-range-thumb{border-radius:var(--radius-avatars);background:var(--color-white);border:2px solid var(--color-ink);box-shadow:var(--shadow-subtle)}.slider--sm .slider__input::-moz-range-thumb{width:16px;height:16px}.slider--md .slider__input::-moz-range-thumb{width:20px;height:20px}.slider--lg .slider__input::-moz-range-thumb{width:24px;height:24px}.slider__input:hover:not(:disabled)::-webkit-slider-thumb{transform:scale(1.08)}.slider__input:focus-visible::-webkit-slider-thumb{transform:scale(1.08)}.slider__input:focus-visible{outline:none}.slider__input:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px #2222221f}.slider--disabled{opacity:.45}.slider--disabled .slider__input{cursor:not-allowed}.status-chip{border-radius:var(--radius-badges);font-weight:var(--font-weight-semibold);white-space:nowrap;align-items:center;line-height:1;display:inline-flex}.status-chip--sm{gap:4px;min-height:20px;padding:0 8px;font-size:10px}.status-chip--md{min-height:24px;font-size:var(--text-caption);gap:6px;padding:0 10px}.status-chip--lg{gap:6px;min-height:28px;padding:0 12px;font-size:12px}.status-chip__dot{border-radius:var(--radius-avatars);background:currentColor}.status-chip--sm .status-chip__dot{width:5px;height:5px}.status-chip--md .status-chip__dot,.status-chip--lg .status-chip__dot{width:6px;height:6px}.status-chip--neutral{background:var(--color-wash);color:var(--color-ink)}.status-chip--success{color:#1f7a45;background:#eaf7ef}.status-chip--warning{color:#9a5b00;background:#fff4e5}.status-chip--danger{color:var(--color-danger-strong);background:#ffe8ec}.status-chip--info{color:#2a4a9b;background:#f3f6ff}.status-chip--accent{color:var(--color-danger);background:#ffe8ec}.switch{justify-content:space-between;align-items:flex-start;gap:var(--spacing-16);cursor:pointer;-webkit-user-select:none;user-select:none;width:100%;display:flex}.switch__copy{flex-direction:column;gap:2px;min-width:0;display:flex}.switch__label{font-weight:var(--font-weight-medium);color:var(--color-ink)}.switch--sm .switch__label{font-size:13px}.switch--md .switch__label{font-size:var(--text-body)}.switch--lg .switch__label{font-size:var(--text-ui)}.switch__description{color:var(--color-muted);line-height:1.4}.switch--sm .switch__description{font-size:12px}.switch--md .switch__description,.switch--lg .switch__description{font-size:13px}.switch__control{flex-shrink:0;position:relative}.switch__input{opacity:0;pointer-events:none;position:absolute}.switch__track{border-radius:var(--radius-badges);background:var(--color-soft);transition:background var(--duration-fast) var(--ease-out);display:block}.switch--sm .switch__track{width:36px;height:20px;padding:2px}.switch--md .switch__track{width:44px;height:26px;padding:3px}.switch--lg .switch__track{width:52px;height:30px;padding:3px}.switch__thumb{border-radius:var(--radius-avatars);background:var(--color-white);box-shadow:var(--shadow-subtle);transition:transform var(--duration-fast) var(--ease-out);display:block}.switch--sm .switch__thumb{width:16px;height:16px}.switch--md .switch__thumb{width:20px;height:20px}.switch--lg .switch__thumb{width:24px;height:24px}.switch__input:checked+.switch__track{background:var(--color-ink)}.switch--sm .switch__input:checked+.switch__track .switch__thumb{transform:translate(16px)}.switch--md .switch__input:checked+.switch__track .switch__thumb{transform:translate(18px)}.switch--lg .switch__input:checked+.switch__track .switch__thumb{transform:translate(22px)}.switch__input:focus-visible+.switch__track{box-shadow:0 0 0 2px var(--color-white), 0 0 0 4px var(--color-ink)}.switch--disabled{opacity:.45;cursor:not-allowed}.text{margin:0}.text--display{font-size:clamp(36px, 5vw, var(--text-display));font-weight:var(--font-weight-bold);line-height:var(--leading-display);letter-spacing:var(--tracking-display)}.text--heading{font-size:var(--text-heading);font-weight:var(--font-weight-bold);line-height:var(--leading-heading)}.text--headingSm{font-size:var(--text-heading-sm);font-weight:var(--font-weight-semibold);line-height:var(--leading-heading-sm);letter-spacing:var(--tracking-heading-sm)}.text--subheading{font-size:var(--text-subheading);font-weight:var(--font-weight-semibold);line-height:var(--leading-subheading);letter-spacing:var(--tracking-subheading)}.text--ui{font-size:var(--text-ui);font-weight:var(--font-weight-medium);line-height:var(--leading-ui)}.text--body{font-size:var(--text-body);font-weight:var(--font-weight-regular);line-height:var(--leading-body)}.text--bodyMedium{font-size:var(--text-body);font-weight:var(--font-weight-medium);line-height:var(--leading-body)}.text--bodySemibold{font-size:var(--text-body);font-weight:var(--font-weight-semibold);line-height:var(--leading-body)}.text--caption{font-size:var(--text-caption);font-weight:var(--font-weight-semibold);line-height:var(--leading-caption)}.text--muted{font-size:var(--text-body);font-weight:var(--font-weight-regular);line-height:var(--leading-body);color:var(--color-muted)}.textarea{border:1px solid var(--color-border);border-radius:var(--radius-inputs);background:var(--color-white);width:100%;color:var(--color-ink);line-height:var(--leading-body);resize:vertical;transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);outline:none}.textarea--sm{min-height:72px;padding:8px 10px;font-size:13px}.textarea--md{min-height:96px;font-size:var(--text-body);padding:10px 12px}.textarea--lg{min-height:128px;font-size:var(--text-ui);padding:12px 14px}.textarea::placeholder{color:var(--color-grey-500)}.textarea:hover:not(:disabled):not(:focus){border-color:var(--color-soft)}.textarea:focus{border-color:var(--color-ink);box-shadow:0 0 0 1px var(--color-ink)}.textarea:disabled{background:var(--color-wash);color:var(--color-grey-500);cursor:not-allowed}.textarea--invalid{border-color:var(--color-danger)}.textarea--invalid:focus{box-shadow:0 0 0 1px var(--color-danger)}.accordion{background:var(--color-white);border-radius:var(--radius-cards);flex-direction:column;width:100%;display:flex;overflow:hidden}.accordion__item+.accordion__item{border-top:1px solid var(--color-border)}.accordion__trigger{width:100%;min-height:48px;color:var(--color-ink);font-size:var(--text-body);font-weight:var(--font-weight-medium);text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;padding:0 16px;display:flex}.accordion__trigger:hover{background:var(--color-wash)}.accordion__chevron{color:var(--color-muted);transition:transform var(--duration-fast) var(--ease-out);flex-shrink:0}.accordion__item--open .accordion__chevron{transform:rotate(180deg)}.accordion__panel{color:var(--color-muted);font-size:var(--text-body);line-height:var(--leading-body);animation:accordion-in var(--duration-fast) var(--ease-out);padding:0 16px 16px}@keyframes accordion-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.alert{align-items:flex-start;gap:var(--spacing-12);padding:var(--spacing-16);border-radius:var(--radius-cards);background:var(--color-white);display:flex}.alert__icon{flex-shrink:0;margin-top:1px;display:inline-flex}.alert__body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.alert__action{margin-top:var(--spacing-8)}.alert--info{color:#2a4a9b;background:#f3f6ff}.alert--info .alert__icon{color:#2a4a9b}.alert--success{color:#1f7a45;background:#eaf7ef}.alert--success .alert__icon{color:#1f7a45}.alert--warning{color:#9a5b00;background:#fff4e5}.alert--warning .alert__icon{color:#9a5b00}.alert--danger{color:var(--color-danger-strong);background:#ffe8ec}.alert--danger .alert__icon{color:var(--color-danger)}.avatar-group{align-items:center;display:inline-flex}.avatar-group__item{margin-left:-8px;display:inline-flex}.avatar-group__item:first-child{margin-left:0}.avatar-group__item .avatar{box-shadow:0 0 0 2px var(--color-white)}.avatar-group__overflow{border-radius:var(--radius-avatars);background:var(--color-wash);color:var(--color-ink);font-weight:var(--font-weight-semibold);box-shadow:0 0 0 2px var(--color-white);justify-content:center;align-items:center;margin-left:-8px;display:inline-flex}.avatar-group__overflow--sm{width:28px;height:28px;font-size:var(--text-caption)}.avatar-group__overflow--md{width:36px;height:36px;font-size:12px}.avatar-group__overflow--lg{width:48px;height:48px;font-size:var(--text-body)}.bottom-nav{width:min(100%,420px);padding:8px 10px calc(8px + env(safe-area-inset-bottom,0px));border:1px solid var(--color-border);background:var(--color-white);box-shadow:var(--shadow-subtle,0 1px 2px #0000000a);border-radius:16px;grid-auto-columns:1fr;grid-auto-flow:column;gap:2px;display:grid}.bottom-nav__item{min-height:52px;color:var(--color-muted);cursor:pointer;background:0 0;border:none;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:6px 4px;display:flex}.bottom-nav__item:hover:not(:disabled){background:var(--color-wash);color:var(--color-ink)}.bottom-nav__item--active{color:var(--color-primary);background:var(--color-primary-soft)}.bottom-nav__item:disabled{opacity:.45;cursor:not-allowed}.bottom-nav__icon{justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex;position:relative}.bottom-nav__icon svg{width:20px;height:20px}.bottom-nav__badge{top:-6px;background:var(--color-danger);min-width:16px;height:16px;color:var(--color-white);font-size:10px;font-weight:var(--font-weight-semibold);text-align:center;border-radius:999px;padding:0 4px;line-height:16px;position:absolute;inset-inline-end:-8px}.bottom-nav__label{font-size:11px;font-weight:var(--font-weight-medium);line-height:1.2}.breadcrumb__list{flex-wrap:wrap;align-items:center;gap:4px;margin:0;padding:0;list-style:none;display:flex}.breadcrumb__item{font-size:var(--text-body);align-items:center;gap:4px;display:inline-flex}.breadcrumb__sep{color:var(--color-grey-500)}.breadcrumb__link{color:var(--color-muted);font-weight:var(--font-weight-medium)}.breadcrumb__link:hover{color:var(--color-ink)}.breadcrumb__current{color:var(--color-ink);font-weight:var(--font-weight-medium)}.button-group{align-items:center;gap:var(--spacing-8);flex-wrap:wrap;display:inline-flex}.button-group--xs,.button-group--sm{gap:6px}.button-group--lg,.button-group--xl{gap:var(--spacing-12)}.button-group--full{width:100%;display:flex}.button-group--full>*{flex:1}.button-group--attached{flex-wrap:nowrap;gap:0}.button-group--attached>:not(:first-child){margin-left:-1px}.button-group--attached>:not(:first-child):not(:last-child),.button-group--attached>:first-child:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.button-group--attached>:not(:first-child):not(:last-child),.button-group--attached>:last-child:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.button-group--attached>:only-child{border-radius:var(--radius-buttons)}.carousel{gap:var(--spacing-12);flex-direction:column;width:100%;display:flex}.carousel__header{justify-content:space-between;align-items:center;gap:var(--spacing-12);display:flex}.carousel__title{margin:0}.carousel__controls{align-items:center;gap:var(--spacing-8);display:inline-flex}.carousel__track{gap:var(--spacing-12);scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:2px;display:flex;overflow-x:auto}.carousel__track::-webkit-scrollbar{display:none}.carousel__track>*{scroll-snap-align:start;flex:none}.context-menu{display:block;position:relative}.context-menu__menu{z-index:50;background:var(--color-white);border-radius:var(--radius-cards);min-width:180px;box-shadow:var(--shadow-dropdown);animation:context-menu-in var(--duration-fast) var(--ease-out);outline:none;padding:6px;position:absolute}.context-menu__item{border-radius:var(--radius-inputs);width:100%;min-height:36px;color:var(--color-ink);font-size:var(--text-body);font-weight:var(--font-weight-medium);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;padding:0 10px;display:flex}.context-menu__item--active,.context-menu__item:hover:not(:disabled){background:var(--color-wash)}.context-menu__item--danger{color:var(--color-danger-strong)}.context-menu__item:disabled{color:var(--color-grey-500);cursor:not-allowed}.context-menu__icon{color:currentColor;display:inline-flex}.context-menu__icon svg{width:16px;height:16px}.context-menu__separator{background:var(--color-border);height:1px;margin:6px 4px}@keyframes context-menu-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.doa-content{gap:var(--spacing-16);padding:var(--spacing-20);border:1px solid var(--color-border);border-radius:var(--radius-cards,12px);background:var(--color-white);flex-direction:column;display:flex}.doa-content__header{flex-direction:column;gap:4px;display:flex}.doa-content__title{font-size:var(--text-ui);font-weight:var(--font-weight-semibold);color:var(--color-ink);line-height:var(--leading-ui);margin:0}.doa-content__source{font-size:var(--text-caption);color:var(--color-muted);margin:0}.doa-content__latin{font-size:var(--text-body);color:var(--color-muted);font-style:italic;line-height:var(--leading-body);text-align:center;margin:0}.doa-content__translation{font-size:var(--text-body);color:var(--color-ink);line-height:var(--leading-body);text-align:start;margin:0}.document-card{gap:var(--spacing-16);padding:var(--spacing-20);background:var(--surface-card);border-radius:var(--radius-cards);flex-direction:column;min-height:180px;display:flex}.document-card__top{justify-content:space-between;align-items:flex-start;gap:var(--spacing-12);display:flex}.document-card__icon{border-radius:var(--radius-buttons);background:var(--color-wash);width:48px;height:48px;color:var(--color-ink);justify-content:center;align-items:center;display:inline-flex}.document-card__icon svg{width:22px;height:22px}.document-card__people{align-items:center;gap:var(--spacing-8);display:flex}.document-card__people-label{white-space:nowrap;font-size:var(--text-caption)!important}.document-card__body{flex-direction:column;flex:1;gap:4px;display:flex}.document-card__title,.document-card__description{margin:0}.document-card__description{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.document-card__actions{align-items:center;gap:var(--spacing-8);margin-top:auto;display:flex}.icon-stack{align-items:center;display:inline-flex}.icon-stack__item,.icon-stack__overflow{border-radius:var(--radius-avatars);background:var(--color-white);box-shadow:0 0 0 1.5px var(--color-white);color:var(--color-muted);justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.icon-stack__item{background:var(--color-wash);margin-left:-6px}.icon-stack__item:first-child{margin-left:0}.icon-stack__overflow{font-weight:var(--font-weight-semibold);color:var(--color-ink);background:var(--color-wash);margin-left:-6px}.icon-stack__item svg,.icon-stack__item img{width:14px;height:14px}.icon-stack--sm .icon-stack__item,.icon-stack--sm .icon-stack__overflow{width:22px;height:22px;font-size:9px}.icon-stack--sm .icon-stack__item svg,.icon-stack--sm .icon-stack__item img{width:12px;height:12px}.icon-stack--md .icon-stack__item,.icon-stack--md .icon-stack__overflow{width:26px;height:26px;font-size:10px}.icon-stack--lg .icon-stack__item,.icon-stack--lg .icon-stack__overflow{width:32px;height:32px;font-size:11px}.icon-stack--lg .icon-stack__item svg,.icon-stack--lg .icon-stack__item img{width:16px;height:16px}.otp-input{gap:8px;display:inline-flex}.otp-input__cell{border:1px solid var(--color-border);border-radius:var(--radius-inputs);background:var(--color-white);width:44px;height:48px;color:var(--color-ink);text-align:center;font-size:var(--text-ui);font-weight:var(--font-weight-semibold);transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);outline:none}.otp-input--sm .otp-input__cell{width:36px;height:40px;font-size:14px}.otp-input--lg .otp-input__cell{width:52px;height:56px;font-size:18px}.otp-input__cell:hover:not(:disabled):not(:focus){border-color:var(--color-soft)}.otp-input__cell:focus{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.otp-input__cell:disabled{background:var(--color-wash);color:var(--color-grey-500);cursor:not-allowed}.otp-input--invalid .otp-input__cell{border-color:var(--color-danger)}.otp-input--invalid .otp-input__cell:focus{box-shadow:0 0 0 1px var(--color-danger)}.password-input{width:100%;position:relative}.password-input .input{padding-inline-end:40px}.password-input__toggle{inset-inline-end:8px;border-radius:var(--radius-ghost);width:28px;height:28px;color:var(--color-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.password-input__toggle:hover:not(:disabled){background:var(--color-wash);color:var(--color-ink)}.password-input__toggle:disabled{opacity:.5;cursor:not-allowed}.phone-input{align-items:stretch;gap:8px;width:100%;display:flex}.phone-input__country{border:1px solid var(--color-border);border-radius:var(--radius-inputs);background:var(--color-white);min-width:96px;color:var(--color-ink);font:inherit;font-size:13px;font-weight:var(--font-weight-medium);cursor:pointer;outline:none;flex:none;padding:0 10px}.phone-input--sm .phone-input__country{min-height:32px;font-size:12px}.phone-input--md .phone-input__country{min-height:40px}.phone-input--lg .phone-input__country{min-height:48px;font-size:var(--text-body)}.phone-input__country:hover:not(:disabled){border-color:var(--color-soft)}.phone-input__country:focus{border-color:var(--color-ink);box-shadow:0 0 0 1px var(--color-ink)}.phone-input__country:disabled{background:var(--color-wash);color:var(--color-grey-500);cursor:not-allowed}.phone-input--invalid .phone-input__country{border-color:var(--color-danger)}.phone-input .input{flex:auto}.progress-cell{align-items:center;gap:var(--spacing-8);min-width:120px;display:flex}.progress-cell__value{min-width:2.5ch;font-size:var(--text-caption);font-weight:var(--font-weight-semibold);color:var(--color-ink);font-variant-numeric:tabular-nums;flex-shrink:0}.progress-cell__bar{flex:1;gap:0;min-width:64px}.qr-scanner{gap:var(--spacing-16);width:min(100%,320px);padding:var(--spacing-16);border:1px solid var(--color-border);border-radius:var(--radius-cards,12px);background:var(--color-white);flex-direction:column;display:flex}.qr-scanner__viewport{aspect-ratio:1;background:radial-gradient(circle at 30% 20%,#5b5ff71f,#0000 40%),linear-gradient(160deg,#1c1c1c,#2a2a2a);border-radius:12px;position:relative;overflow:hidden}.qr-scanner__ghost{border:1px dashed #ffffff47;border-radius:8px;position:absolute;inset:28%}.qr-scanner__frame{position:absolute;inset:18%}.qr-scanner__frame span{border:3px solid var(--color-white);width:22px;height:22px;position:absolute}.qr-scanner__frame span:first-child{border-bottom:none;border-right:none;top:0;left:0}.qr-scanner__frame span:nth-child(2){border-bottom:none;border-left:none;top:0;right:0}.qr-scanner__frame span:nth-child(3){border-top:none;border-right:none;bottom:0;left:0}.qr-scanner__frame span:nth-child(4){border-top:none;border-left:none;bottom:0;right:0}.qr-scanner__beam{color:var(--color-primary-hover);opacity:.85;position:absolute;top:42%;left:50%;transform:translate(-50%)}.qr-scanner--scanning .qr-scanner__beam{animation:1.4s ease-in-out infinite qr-beam}.qr-scanner--success .qr-scanner__frame span{border-color:#5dcc8a}.qr-scanner--error .qr-scanner__frame span{border-color:var(--color-danger)}.qr-scanner__copy{text-align:center;flex-direction:column;gap:4px;display:flex}.qr-scanner__title{font-size:var(--text-ui);font-weight:var(--font-weight-semibold);color:var(--color-ink);margin:0}.qr-scanner__helper{font-size:var(--text-caption);color:var(--color-muted);margin:0}.qr-scanner--error .qr-scanner__helper{color:var(--color-danger-strong)}.qr-scanner--success .qr-scanner__helper{color:#1f7a45}.qr-scanner__footer{justify-content:center;display:flex}@keyframes qr-beam{0%,to{opacity:.35;top:28%}50%{opacity:1;top:58%}}.room-controls{border:1px solid var(--color-border);background:var(--color-white);box-shadow:var(--shadow-subtle,0 1px 2px #0000000f);border-radius:999px;align-items:center;gap:8px;padding:10px 12px;display:inline-flex}.room-controls__btn{background:var(--color-wash);width:40px;height:40px;color:var(--color-ink);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.room-controls__btn:hover{background:var(--color-border)}.room-controls__btn--off{color:var(--color-danger-strong);background:#ffe8ec}.room-controls__btn--active{background:var(--color-primary-soft);color:var(--color-primary)}.room-controls__btn--danger{background:var(--color-danger);color:var(--color-white)}.room-controls__btn--danger:hover{background:var(--color-danger-strong)}.dropdown{display:inline-flex;position:relative}.dropdown__trigger{display:inline-flex}.dropdown__menu{z-index:40;background:var(--color-white);border-radius:var(--radius-cards);min-width:180px;box-shadow:var(--shadow-dropdown);animation:dropdown-in var(--duration-fast) var(--ease-out);outline:none;padding:6px;position:absolute;top:calc(100% + 6px)}.dropdown__menu--start{left:0}.dropdown__menu--end{right:0}.dropdown__item{border-radius:var(--radius-inputs);width:100%;min-height:36px;color:var(--color-ink);font-size:var(--text-body);font-weight:var(--font-weight-medium);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;padding:0 10px;display:flex}.dropdown__item--active,.dropdown__item:hover:not(:disabled){background:var(--color-wash)}.dropdown__item--danger{color:var(--color-danger-strong)}.dropdown__item:disabled{color:var(--color-grey-500);cursor:not-allowed}.dropdown__icon{color:currentColor;display:inline-flex}.dropdown__icon svg{width:16px;height:16px}.dropdown__separator{background:var(--color-border);height:1px;margin:6px 4px}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.row-actions{align-items:center;gap:2px;display:inline-flex}.row-actions .icon-btn{color:var(--color-muted)}.row-actions .icon-btn:hover:not(:disabled){color:var(--color-ink)}.section-header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-16);width:100%;display:flex}.section-header__copy{flex-direction:column;gap:4px;min-width:0;display:flex}.section-header__title-row{align-items:center;gap:var(--spacing-8);flex-wrap:wrap;display:flex}.section-header__title,.section-header__description{margin:0}.section-header__actions{align-items:center;gap:var(--spacing-8);flex-shrink:0;display:flex}.template-card{gap:var(--spacing-12);width:100%;min-width:220px;padding:var(--spacing-16);background:var(--surface-card);border-radius:var(--radius-cards);flex-direction:column;display:flex}.template-card__status{justify-content:flex-start;display:flex}.template-card__icon{width:56px;height:56px;margin:var(--spacing-4) auto;border-radius:var(--radius-cards);background:var(--color-wash);color:var(--color-ink);justify-content:center;align-items:center;display:inline-flex}.template-card__icon svg{width:28px;height:28px}.template-card__body{text-align:center;flex-direction:column;gap:4px;display:flex}.template-card__title,.template-card__meta{margin:0}.template-card__footer{justify-content:space-between;align-items:center;gap:var(--spacing-8);padding-top:var(--spacing-8);border-top:1px dashed var(--color-border);margin-top:auto;display:flex}.template-card__integrations{align-items:center;display:flex}.template-card__integration{border-radius:var(--radius-avatars);background:var(--color-white);width:24px;height:24px;box-shadow:0 0 0 1.5px var(--color-white);color:var(--color-muted);justify-content:center;align-items:center;margin-left:-6px;display:inline-flex;overflow:hidden}.template-card__integration:first-child{margin-left:0}.template-card__integration svg,.template-card__integration img{width:14px;height:14px}.template-card__runs{white-space:nowrap;font-size:var(--text-caption)!important}.tree-view{gap:var(--spacing-4);flex-direction:column;width:100%;display:flex}.tree-view__list{margin:0;padding:0;list-style:none}.tree-view__node{margin:0}.tree-view__row{border-radius:var(--radius-ghost);width:100%;min-height:32px;color:var(--color-ink);cursor:pointer;text-align:left;transition:background var(--duration-fast) var(--ease-out);background:0 0;border:none;align-items:center;gap:6px;padding:4px 8px;display:flex}.tree-view__row:hover{background:var(--color-wash)}.tree-view__row--active{background:var(--color-wash);font-weight:var(--font-weight-semibold)}.tree-view__chevron{width:14px;height:14px;color:var(--color-muted);flex-shrink:0;display:inline-flex}.tree-view__chevron--spacer{visibility:hidden}.tree-view__icon{color:var(--color-muted);flex-shrink:0;display:inline-flex}.tree-view__icon svg{width:14px;height:14px}.tree-view__label{text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.tree-view__create{border-radius:var(--radius-ghost);color:var(--color-muted);font:inherit;font-size:var(--text-caption);font-weight:var(--font-weight-medium);cursor:pointer;transition:color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out);background:0 0;border:none;align-items:center;gap:6px;margin-top:2px;padding:6px 8px;display:inline-flex}.tree-view__create:hover{color:var(--color-ink);background:var(--color-wash)}.type-badge{border-radius:var(--radius-badges);font-weight:var(--font-weight-semibold);white-space:nowrap;align-items:center;gap:6px;line-height:1;display:inline-flex}.type-badge--sm{height:22px;padding:0 8px;font-size:10px}.type-badge--md{height:26px;font-size:var(--text-caption);padding:0 10px}.type-badge__icon{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.type-badge__icon svg{width:12px;height:12px}.type-badge--md .type-badge__icon svg{width:14px;height:14px}.type-badge--neutral{background:var(--color-wash);color:var(--color-ink)}.type-badge--accent{background:var(--color-primary-soft);color:var(--color-primary)}.type-badge--success{color:#1f7a45;background:#eaf7ef}.type-badge--warning{color:#9a5b00;background:#fff4e5}.type-badge--danger{color:var(--color-danger-strong);background:#ffe8ec}.type-badge--info{color:#2a4a9b;background:#f3f6ff}.upgrade-card{gap:var(--spacing-8);padding:var(--spacing-16);background:var(--surface-card);border-radius:var(--radius-cards);box-shadow:var(--shadow-subtle);flex-direction:column;display:flex;position:relative}.upgrade-card__dismiss{position:absolute;top:8px;right:8px}.upgrade-card__title,.upgrade-card__description{padding-right:var(--spacing-24);margin:0}.upgrade-card__description{margin-bottom:var(--spacing-4);font-size:var(--text-caption)!important}.usage-meter{gap:var(--spacing-8);padding:var(--spacing-12);background:var(--color-wash);border-radius:var(--radius-cards);flex-direction:column;display:flex}.usage-meter__meta{justify-content:space-between;align-items:center;gap:var(--spacing-8);display:flex}.usage-meter__label,.usage-meter__count,.usage-meter__hint{margin:0}.usage-meter__label,.usage-meter__hint{font-size:var(--text-caption)!important}.usage-meter__count{font-variant-numeric:tabular-nums}.video-tile{border:1px solid var(--color-border);border-radius:var(--radius-cards,12px);width:100%;min-width:160px;color:var(--color-white);background:#141414;flex-direction:column;display:flex;overflow:hidden}.video-tile--speaking{outline:2px solid var(--color-primary);outline-offset:1px}.video-tile__media{aspect-ratio:16/10;background:linear-gradient(145deg,#2a2a2a,#111);position:relative}.video-tile__placeholder{background:radial-gradient(circle at 30% 20%,#5b5ff747,#0000 45%),linear-gradient(160deg,#222,#111);place-items:center;display:grid;position:absolute;inset:0}.video-tile__placeholder span{background:var(--color-primary-soft);width:56px;height:56px;color:var(--color-primary);font-size:18px;font-weight:var(--font-weight-semibold);border-radius:50%;place-items:center;display:grid}.video-tile__camera-off{color:#ffffffd9;background:#00000073;place-items:center;display:grid;position:absolute;inset:0}.video-tile__meta{background:#0000008c;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;display:flex}.video-tile__name{font-size:12px;font-weight:var(--font-weight-medium);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.video-tile__flags{color:#ff8fa3;display:inline-flex}.workspace-switcher{width:100%;padding:var(--spacing-8);border-radius:var(--radius-buttons);color:inherit;text-align:left;background:0 0;border:none;align-items:center;gap:10px;display:flex}.workspace-switcher--interactive{cursor:pointer;transition:background var(--duration-fast) var(--ease-out)}.workspace-switcher--interactive:hover{background:var(--color-wash)}.workspace-switcher__mark{border-radius:var(--radius-buttons);background:var(--color-ink);width:32px;height:32px;color:var(--color-white);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.workspace-switcher__mark svg,.workspace-switcher__mark img{width:16px;height:16px}.workspace-switcher__mark-fallback{background:var(--color-white);border-radius:3px;width:10px;height:10px}.workspace-switcher__meta{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.workspace-switcher__name,.workspace-switcher__subtitle{text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.workspace-switcher__subtitle{font-size:var(--text-caption)!important}.workspace-switcher__caret{color:var(--color-muted);flex-shrink:0}.card{background:var(--surface-card);border-radius:var(--radius-cards);flex-direction:column;display:flex;overflow:hidden}.card__header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-12);padding:var(--spacing-16) var(--spacing-20) 0;display:flex}.card__title{font-size:var(--text-body);font-weight:var(--font-weight-semibold);color:var(--color-ink);line-height:var(--leading-body);margin:0}.card__description{font-size:var(--text-body);color:var(--color-muted);line-height:var(--leading-body);margin:4px 0 0}.card__action{flex-shrink:0}.card__content{padding:var(--spacing-16) var(--spacing-20);flex:1}.card__footer{justify-content:flex-end;align-items:center;gap:var(--spacing-8);padding:0 var(--spacing-20) var(--spacing-16);display:flex}.confirm-modal{z-index:70;padding:var(--spacing-20);place-items:center;display:grid;position:fixed;inset:0}.confirm-modal__backdrop{cursor:pointer;animation:confirm-fade-in var(--duration-fast) var(--ease-out);background:#2222227a;border:none;margin:0;padding:0;position:absolute;inset:0}.confirm-modal__dialog{z-index:1;width:min(100%,420px);padding:var(--spacing-20);background:var(--color-white);box-shadow:var(--shadow-overlay);gap:var(--spacing-16);animation:confirm-rise-in var(--duration-base) var(--ease-out);border-radius:16px;outline:none;flex-direction:column;display:flex;position:relative}.confirm-modal__header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-12);display:flex}.confirm-modal__icon{border-radius:var(--radius-avatars);background:var(--color-wash);width:40px;height:40px;color:var(--color-ink);justify-content:center;align-items:center;display:inline-flex}.confirm-modal__icon--danger{color:var(--color-danger);background:#ffe8ec}.confirm-modal__content{padding-right:var(--spacing-8);flex-direction:column;gap:8px;display:flex}.confirm-modal__actions{justify-content:flex-end;gap:var(--spacing-8);margin-top:var(--spacing-4);flex-wrap:wrap;display:flex}@keyframes confirm-fade-in{0%{opacity:0}to{opacity:1}}@keyframes confirm-rise-in{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.datepicker{flex-direction:column;gap:8px;width:100%;max-width:280px;display:flex;position:relative}.datepicker__label{font-size:var(--text-body);font-weight:var(--font-weight-medium);color:var(--color-ink)}.datepicker__trigger{border:1px solid var(--color-border);border-radius:var(--radius-inputs);background:var(--color-white);cursor:pointer;width:100%;min-height:40px;color:var(--color-muted);justify-content:space-between;align-items:center;gap:12px;padding:0 12px;display:flex}.datepicker__trigger:hover,.datepicker--open .datepicker__trigger{border-color:var(--color-ink);box-shadow:0 0 0 1px var(--color-ink)}.datepicker__value{color:var(--color-ink);font-size:var(--text-body)}.datepicker__placeholder{color:var(--color-grey-500);font-size:var(--text-body)}.datepicker__panel{z-index:40;background:var(--color-white);border-radius:var(--radius-cards);width:280px;box-shadow:var(--shadow-dropdown);animation:datepicker-in var(--duration-fast) var(--ease-out);padding:12px;position:absolute;top:calc(100% + 6px);left:0}.datepicker__header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.datepicker__month{font-size:var(--text-body);font-weight:var(--font-weight-semibold);color:var(--color-ink)}.datepicker__weekdays,.datepicker__grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.datepicker__weekdays{margin-bottom:4px}.datepicker__weekdays span{text-align:center;font-size:var(--text-caption);font-weight:var(--font-weight-semibold);color:var(--color-muted);padding:4px 0}.datepicker__day{border-radius:var(--radius-buttons);height:34px;color:var(--color-ink);font-size:13px;font-weight:var(--font-weight-medium);cursor:pointer;background:0 0;border:none}.datepicker__day:hover{background:var(--color-wash)}.datepicker__day--muted{color:var(--color-grey-500)}.datepicker__day--today{box-shadow:inset 0 0 0 1px var(--color-border)}.datepicker__day--selected,.datepicker__day--selected:hover{background:var(--color-ink);color:var(--color-white)}@keyframes datepicker-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.daterange{flex-direction:column;gap:8px;width:100%;max-width:320px;display:flex;position:relative}.daterange__label{font-size:var(--text-body);font-weight:var(--font-weight-medium);color:var(--color-ink)}.daterange__trigger{border:1px solid var(--color-border);border-radius:var(--radius-inputs);background:var(--color-white);cursor:pointer;width:100%;min-height:40px;color:var(--color-muted);justify-content:space-between;align-items:center;gap:12px;padding:0 12px;display:flex}.daterange--open .daterange__trigger,.daterange__trigger:hover{border-color:var(--color-ink);box-shadow:0 0 0 1px var(--color-ink)}.daterange__value{color:var(--color-ink);font-size:var(--text-body)}.daterange__placeholder{color:var(--color-grey-500);font-size:var(--text-body)}.daterange__panel{z-index:40;background:var(--color-white);border-radius:var(--radius-cards);width:300px;box-shadow:var(--shadow-dropdown);animation:daterange-in var(--duration-fast) var(--ease-out);padding:12px;position:absolute;top:calc(100% + 6px);left:0}.daterange__header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.daterange__month{font-size:var(--text-body);font-weight:var(--font-weight-semibold)}.daterange__weekdays,.daterange__grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.daterange__weekdays{margin-bottom:4px}.daterange__weekdays span{text-align:center;font-size:var(--text-caption);font-weight:var(--font-weight-semibold);color:var(--color-muted);padding:4px 0}.daterange__day{border-radius:var(--radius-buttons);height:34px;color:var(--color-ink);font-size:13px;font-weight:var(--font-weight-medium);cursor:pointer;background:0 0;border:none}.daterange__day:hover{background:var(--color-wash)}.daterange__day--muted{color:var(--color-grey-500)}.daterange__day--range{background:color-mix(in srgb, var(--color-ink) 8%, white);border-radius:0}.daterange__day--selected,.daterange__day--selected:hover{background:var(--color-ink);color:var(--color-white)}.daterange__footer{border-top:1px solid var(--color-border);justify-content:flex-end;gap:8px;margin-top:12px;padding-top:12px;display:flex}@keyframes daterange-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dialog{z-index:70;padding:var(--spacing-20);place-items:center;display:grid;position:fixed;inset:0}.dialog__backdrop{cursor:pointer;animation:dialog-fade var(--duration-fast) var(--ease-out);background:#2222227a;border:none;margin:0;padding:0;position:absolute;inset:0}.dialog__panel{z-index:1;background:var(--color-white);width:min(100%,480px);max-height:min(90vh,720px);box-shadow:var(--shadow-overlay);animation:dialog-rise var(--duration-base) var(--ease-out);border-radius:16px;outline:none;flex-direction:column;display:flex;position:relative}.dialog__panel--sm{width:min(100%,400px)}.dialog__panel--lg{width:min(100%,640px)}.dialog__header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-12);padding:var(--spacing-20);border-bottom:1px solid var(--color-border);display:flex}.dialog__description{margin-top:4px}.dialog__body{padding:var(--spacing-20);gap:var(--spacing-16);flex-direction:column;display:flex;overflow:auto}.dialog__footer{justify-content:flex-end;gap:var(--spacing-8);padding:var(--spacing-16) var(--spacing-20);border-top:1px solid var(--color-border);flex-wrap:wrap;display:flex}@keyframes dialog-fade{0%{opacity:0}to{opacity:1}}@keyframes dialog-rise{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.drawer{z-index:70;position:fixed;inset:0}.drawer__backdrop{cursor:pointer;animation:drawer-fade var(--duration-fast) var(--ease-out);background:#2226;border:none;margin:0;padding:0;position:absolute;inset:0}.drawer__panel{background:var(--color-white);width:min(100%,420px);box-shadow:var(--shadow-overlay);flex-direction:column;display:flex;position:absolute;top:0;bottom:0}.drawer--right .drawer__panel{animation:drawer-in-right var(--duration-base) var(--ease-out);right:0}.drawer--left .drawer__panel{animation:drawer-in-left var(--duration-base) var(--ease-out);left:0}.drawer--bottom .drawer__panel{width:100%;max-height:min(88vh,640px);padding-bottom:env(safe-area-inset-bottom,0px);animation:drawer-in-bottom var(--duration-base) var(--ease-out);border-radius:16px 16px 0 0;inset:auto 0 0}.drawer__handle{background:var(--color-soft);border-radius:999px;flex-shrink:0;width:40px;height:4px;margin:10px auto 0}.drawer--bottom .drawer__header{padding-top:12px}.drawer--bottom .drawer__footer{justify-content:stretch}.drawer--bottom .drawer__footer>*{flex:1}.drawer__header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:flex-start;gap:12px;padding:20px;display:flex}.drawer__description{margin-top:4px}.drawer__body{flex-direction:column;flex:1;gap:16px;padding:20px;display:flex;overflow:auto}.drawer__footer{border-top:1px solid var(--color-border);justify-content:flex-end;gap:8px;padding:16px 20px;display:flex}@keyframes drawer-fade{0%{opacity:0}to{opacity:1}}@keyframes drawer-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes drawer-in-left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes drawer-in-bottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}.empty-state{text-align:center;align-items:center;gap:var(--spacing-8);width:100%;padding:var(--spacing-32) var(--spacing-20);background:var(--color-white);border-radius:var(--radius-cards);flex-direction:column;display:flex}.empty-state__icon{width:48px;height:48px;margin-bottom:var(--spacing-4);border-radius:var(--radius-avatars);background:var(--color-wash);color:var(--color-muted);justify-content:center;align-items:center;display:inline-flex}.empty-state__icon svg{width:22px;height:22px}.empty-state__description{max-width:36ch}.empty-state__action{margin-top:var(--spacing-12)}.file-upload{flex-direction:column;gap:12px;width:100%;display:flex}.file-upload__dropzone{border:1.5px dashed var(--color-border);border-radius:var(--radius-cards);background:var(--color-wash);text-align:center;transition:border-color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out);flex-direction:column;align-items:center;gap:8px;padding:24px 16px;display:flex}.file-upload__dropzone--active{border-color:var(--color-ink);background:var(--color-white)}.file-upload__icon{border-radius:var(--radius-avatars);background:var(--color-white);width:40px;height:40px;color:var(--color-ink);justify-content:center;align-items:center;display:inline-flex}.file-upload__input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.file-upload__list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.file-upload__item{background:var(--color-white);border-radius:var(--radius-inputs);border:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.file-upload__size{font-size:12px!important}.file-upload--disabled{opacity:.55}.file-upload--disabled .file-upload__dropzone{cursor:not-allowed}.form-field{gap:var(--spacing-8);flex-direction:column;display:flex}.form-field__label-row{justify-content:space-between;align-items:baseline;gap:var(--spacing-8);display:flex}.form-field__label{font-size:var(--text-body);font-weight:var(--font-weight-medium);color:var(--color-ink)}.form-field__optional{font-size:var(--text-caption)!important}.form-field__hint{margin:0;font-size:12px!important}.form-field__error{color:var(--color-danger-strong);margin:0}.notification-card{align-items:flex-start;gap:var(--spacing-12);width:100%;padding:var(--spacing-16);background:var(--surface-card);border-radius:var(--radius-cards);border:1px solid #0000;display:flex}.notification-card--unread{background:color-mix(in srgb, var(--color-danger) 4%, var(--color-white));border-color:color-mix(in srgb, var(--color-danger) 12%, var(--color-border))}.notification-card__leading{flex-shrink:0}.notification-card__icon{border-radius:var(--radius-avatars);background:var(--color-wash);width:36px;height:36px;color:var(--color-ink);justify-content:center;align-items:center;display:inline-flex}.notification-card__icon--billing{color:#9a5b00;background:#fff4e5}.notification-card__icon--security{color:var(--color-danger-strong);background:#ffe8ec}.notification-card__icon--system{color:#2a4a9b;background:#f3f6ff}.notification-card__body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.notification-card__title-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.notification-card__description{margin:0}.notification-card__time{color:var(--color-muted);margin-top:2px}.notification-card__actions{margin-top:var(--spacing-8);flex-wrap:wrap;gap:8px;display:flex}.pagination{align-items:center;gap:8px;display:inline-flex}.pagination--sm{gap:4px}.pagination--lg{gap:10px}.pagination__pages{align-items:center;gap:4px;display:inline-flex}.pagination--sm .pagination__pages{gap:2px}.pagination__chunk{align-items:center;gap:4px;display:inline-flex}.pagination__page{border-radius:var(--radius-buttons);color:var(--color-muted);font-weight:var(--font-weight-medium);cursor:pointer;background:0 0;border:none}.pagination--sm .pagination__page{min-width:28px;height:28px;padding:0 6px;font-size:13px}.pagination--md .pagination__page{min-width:32px;height:32px;font-size:var(--text-body);padding:0 8px}.pagination--lg .pagination__page{min-width:40px;height:40px;font-size:var(--text-ui);padding:0 10px}.pagination__page:hover{background:var(--color-wash);color:var(--color-ink)}.pagination__page--active{background:var(--color-ink);color:var(--color-white)}.pagination__page--active:hover{color:var(--color-white);background:#000}.pagination__ellipsis{padding:0 2px;font-size:12px!important}.pagination--sm .pagination__ellipsis{font-size:var(--text-caption)!important}.pagination--lg .pagination__ellipsis{font-size:13px!important}.popover{display:inline-flex;position:relative}.popover__trigger{display:inline-flex}.popover__content{z-index:40;background:var(--color-white);border-radius:var(--radius-cards);width:min(280px,80vw);box-shadow:var(--shadow-dropdown);animation:popover-in var(--duration-fast) var(--ease-out);padding:14px;position:absolute;top:calc(100% + 8px)}.popover__content--start{left:0}.popover__content--end{right:0}.popover__title{font-size:var(--text-body);font-weight:var(--font-weight-semibold);color:var(--color-ink);margin-bottom:10px}.popover__body{color:var(--color-muted);font-size:var(--text-body);flex-direction:column;gap:10px;display:flex}@keyframes popover-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.radio-group{border:0;width:100%;margin:0;padding:0}.radio-group__legend{font-size:var(--text-body);font-weight:var(--font-weight-medium);color:var(--color-ink);margin-bottom:10px}.radio-group__list{flex-direction:column;gap:8px;display:flex}.radio-group__item{border:1px solid var(--color-border);border-radius:var(--radius-cards);background:var(--color-white);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out);align-items:flex-start;gap:10px;padding:12px;display:flex}.radio-group__item:hover:not(.radio-group__item--disabled){border-color:var(--color-soft);background:var(--color-wash)}.radio-group__item--checked{border-color:var(--color-ink);box-shadow:0 0 0 1px var(--color-ink)}.radio-group__item--disabled{opacity:.45;cursor:not-allowed}.radio-group__input{opacity:0;pointer-events:none;position:absolute}.radio-group__control{border:1.5px solid var(--color-muted);border-radius:var(--radius-avatars);background:var(--color-white);flex-shrink:0;width:18px;height:18px;margin-top:1px;position:relative}.radio-group__control:after{content:"";border-radius:inherit;background:var(--color-ink);transition:transform var(--duration-fast) var(--ease-out);position:absolute;inset:3px;transform:scale(0)}.radio-group__input:checked+.radio-group__control{border-color:var(--color-ink)}.radio-group__input:checked+.radio-group__control:after{transform:scale(1)}.radio-group__input:focus-visible+.radio-group__control{box-shadow:0 0 0 2px var(--color-white), 0 0 0 4px var(--color-ink)}.radio-group__copy{flex-direction:column;gap:2px;min-width:0;display:flex}.radio-group__label{font-size:var(--text-body);font-weight:var(--font-weight-medium);color:var(--color-ink)}.radio-group__description{color:var(--color-muted);font-size:13px;line-height:1.4}.search-field{width:100%;display:block;position:relative}.search-field__icon{color:var(--color-muted);pointer-events:none;z-index:1;position:absolute;top:50%;transform:translateY(-50%)}.search-field--sm .search-field__icon{left:10px}.search-field--md .search-field__icon{left:12px}.search-field--lg .search-field__icon{left:14px}.search-field--sm .search-field__input{padding-left:34px}.search-field--md .search-field__input{padding-left:40px}.search-field--lg .search-field__input{padding-left:44px}.search-field--with-shortcut.search-field--sm .search-field__input{padding-right:42px}.search-field--with-shortcut.search-field--md .search-field__input{padding-right:48px}.search-field--with-shortcut.search-field--lg .search-field__input{padding-right:52px}.search-field__shortcut{pointer-events:none;z-index:1;align-items:center;display:inline-flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.search-field--lg .search-field__shortcut{right:12px}.select{flex-direction:column;gap:8px;width:100%;display:flex;position:relative}.select__label{font-size:var(--text-body);font-weight:var(--font-weight-medium);color:var(--color-ink)}.select__trigger{border:1px solid var(--color-border);border-radius:var(--radius-inputs);background:var(--color-white);text-align:left;cursor:pointer;width:100%;transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);justify-content:space-between;align-items:center;gap:12px;display:flex}.select--sm .select__trigger{min-height:32px;padding:0 10px}.select--md .select__trigger{min-height:40px;padding:0 12px}.select--lg .select__trigger{min-height:48px;padding:0 14px}.select__trigger:hover:not(:disabled){border-color:var(--color-soft)}.select__trigger:focus-visible,.select--open .select__trigger{border-color:var(--color-ink);box-shadow:0 0 0 1px var(--color-ink);outline:none}.select__trigger--invalid{border-color:var(--color-danger)}.select__trigger--invalid:focus-visible,.select--open .select__trigger--invalid{box-shadow:0 0 0 1px var(--color-danger)}.select__value{color:var(--color-ink)}.select__placeholder{color:var(--color-grey-500)}.select--sm .select__value,.select--sm .select__placeholder{font-size:13px}.select--md .select__value,.select--md .select__placeholder{font-size:var(--text-body)}.select--lg .select__value,.select--lg .select__placeholder{font-size:var(--text-ui)}.select__chevron{color:var(--color-muted);transition:transform var(--duration-fast) var(--ease-out);flex-shrink:0}.select--open .select__chevron{transform:rotate(180deg)}.select__list{z-index:30;background:var(--color-white);border-radius:var(--radius-cards);box-shadow:var(--shadow-dropdown);max-height:240px;animation:select-in var(--duration-fast) var(--ease-out);outline:none;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:auto}.select__option{border-radius:var(--radius-inputs);min-height:36px;font-size:var(--text-body);color:var(--color-ink);cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:0 10px;display:flex}.select__option--active{background:var(--color-wash)}.select__option--selected{font-weight:var(--font-weight-medium)}.select__option--disabled{color:var(--color-grey-500);cursor:not-allowed}.select--disabled{opacity:.45}.select--disabled .select__trigger{cursor:not-allowed;background:var(--color-wash)}@keyframes select-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.stat-metric{gap:var(--spacing-8);padding:var(--spacing-20);background:var(--surface-card);border-radius:var(--radius-cards);flex-direction:column;min-height:120px;display:flex}.stat-metric__top{justify-content:space-between;align-items:center;gap:var(--spacing-12);display:flex}.stat-metric__label{margin:0}.stat-metric__icon{color:var(--color-muted);display:inline-flex}.stat-metric__icon svg{width:18px;height:18px}.stat-metric__value{margin:0}.stat-metric__delta{align-self:flex-start;margin-top:auto}.stepper{--stepper-progress:0%;width:100%;margin:0;padding:0;list-style:none;display:flex}.stepper__item{min-width:0;display:flex;position:relative}.stepper__indicator{z-index:1;box-sizing:border-box;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.stepper__dot{background:currentColor;border-radius:50%;width:6px;height:6px}.stepper__copy{flex-direction:column;min-width:0;display:flex}.stepper__label{font-weight:var(--font-weight-semibold);color:var(--color-ink);line-height:1.3}.stepper__description,.stepper__meta{color:var(--color-muted);line-height:1.35}.stepper__status{font-size:var(--text-caption);font-weight:var(--font-weight-medium);line-height:1.3}.stepper__status--complete{color:#1f7a45}.stepper__status--current{color:var(--color-primary)}.stepper__status--upcoming{color:var(--color-muted)}.stepper__connector{z-index:0;pointer-events:none;background:var(--color-border);position:absolute}.stepper--circles{flex-direction:row;align-items:flex-start;gap:0}.stepper--circles .stepper__item{text-align:center;flex-direction:column;flex:1;align-items:center;gap:10px;padding-inline:8px}.stepper--circles .stepper__indicator{border:2px solid var(--color-border);background:var(--color-white);width:40px;height:40px;color:var(--color-muted);font-size:13px;font-weight:var(--font-weight-semibold);border-radius:50%}.stepper--circles .stepper__item--complete .stepper__indicator{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-white)}.stepper--circles .stepper__item--current .stepper__indicator{border-color:var(--color-primary);color:var(--color-primary)}.stepper--circles .stepper__label{font-size:var(--text-body)}.stepper--circles .stepper__description{font-size:13px}.stepper--circles .stepper__item--upcoming .stepper__label,.stepper--circles .stepper__item--upcoming .stepper__description{color:var(--color-muted)}.stepper--circles .stepper__connector{height:2px;top:19px;left:calc(50% + 24px);right:calc(24px - 50%)}.stepper--circles .stepper__item--complete .stepper__connector{background:var(--color-primary)}.stepper--inline{flex-flow:wrap;align-items:center;gap:12px 0}.stepper--inline .stepper__item{flex:auto;align-items:center;gap:10px;min-width:120px;padding-inline-end:20px}.stepper--inline .stepper__indicator{border:2px solid var(--color-soft);background:var(--color-white);width:22px;height:22px;color:var(--color-muted);border-radius:50%}.stepper--inline .stepper__item--complete .stepper__indicator{border-color:var(--color-soft);background:var(--color-soft);color:var(--color-white)}.stepper--inline .stepper__item--current .stepper__indicator{border-color:var(--color-primary);color:var(--color-primary)}.stepper--inline .stepper__label{font-size:14px}.stepper--inline .stepper__description{display:none}.stepper--inline .stepper__item--current .stepper__label{color:var(--color-primary)}.stepper--inline .stepper__item--upcoming .stepper__label{color:var(--color-muted);font-weight:var(--font-weight-medium)}.stepper--inline .stepper__connector{height:2px;top:50%;left:32px;right:8px;transform:translateY(-50%)}.stepper--inline .stepper__item--complete .stepper__connector{background:var(--color-primary)}.stepper--chevrons{flex-direction:row;align-items:stretch;gap:0;overflow:hidden}.stepper--chevrons .stepper__item{background:var(--color-white);min-height:64px;color:var(--color-muted);border:1px solid var(--color-border);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,0 100%,14px 50%);flex:1;align-items:center;margin-inline-start:-10px;padding:12px 28px 12px 36px}.stepper--chevrons .stepper__item:first-child{clip-path:polygon(0 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,0 100%);border-radius:var(--radius-inputs) 0 0 var(--radius-inputs);margin-inline-start:0;padding-inline-start:20px}.stepper--chevrons .stepper__item:last-child{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,14px 50%);border-radius:0 var(--radius-inputs) var(--radius-inputs) 0}.stepper--chevrons .stepper__item--complete{color:var(--color-white);z-index:2;background:#3d3f8f;border-color:#3d3f8f}.stepper--chevrons .stepper__item--current{background:var(--color-white);border-color:var(--color-primary);color:var(--color-primary);z-index:3}.stepper--chevrons .stepper__item--upcoming{z-index:1}.stepper--chevrons .stepper__label{color:inherit;font-size:14px}.stepper--chevrons .stepper__description{color:inherit;opacity:.8;font-size:12px}.stepper--chevrons .stepper__item--complete .stepper__description{color:#ffffffc7;opacity:1}.stepper--chevrons .stepper__item--upcoming .stepper__label,.stepper--chevrons .stepper__item--upcoming .stepper__description{color:var(--color-muted)}.stepper--icons{flex-direction:row;align-items:flex-start;gap:0;padding-top:4px;position:relative}.stepper--icons:before,.stepper--icons:after{content:"";border-radius:999px;height:4px;position:absolute;top:28px;left:28px;right:28px}.stepper--icons:before{background:var(--color-border)}.stepper--icons:after{background:var(--color-primary);width:max(0px, calc((100% - 56px) * var(--stepper-progress) / 100));right:auto}.stepper--icons .stepper__item{text-align:center;flex-direction:column;flex:1;align-items:center;gap:14px;padding-inline:8px}.stepper--icons .stepper__indicator{background:var(--color-wash);width:48px;height:48px;color:var(--color-muted);border-radius:50%}.stepper--icons .stepper__indicator svg{width:20px;height:20px}.stepper--icons .stepper__item--complete .stepper__indicator,.stepper--icons .stepper__item--current .stepper__indicator{background:var(--color-primary-soft);color:var(--color-primary)}.stepper--icons .stepper__label{font-size:14px}.stepper--icons .stepper__description{font-size:12px}.stepper--icons .stepper__item--current .stepper__label,.stepper--icons .stepper__item--current .stepper__description{color:var(--color-primary)}.stepper--icons .stepper__item--upcoming .stepper__label,.stepper--icons .stepper__item--upcoming .stepper__description,.stepper--icons .stepper__item--complete .stepper__label,.stepper--icons .stepper__item--complete .stepper__description{color:var(--color-muted)}.stepper--icons .stepper__item--current .stepper__label{color:var(--color-primary)}.stepper--status{flex-direction:row;align-items:flex-start;gap:0}.stepper--status .stepper__item{text-align:center;flex-direction:column;flex:1;align-items:center;gap:10px;padding-inline:8px}.stepper--status .stepper__indicator{background:var(--color-primary-soft);width:20px;height:20px;color:var(--color-white);border:2px solid #0000;border-radius:50%}.stepper--status .stepper__item--complete .stepper__indicator{background:var(--color-primary);border-color:var(--color-primary)}.stepper--status .stepper__item--current .stepper__indicator{background:var(--color-white);border-color:var(--color-primary);color:var(--color-primary)}.stepper--status .stepper__meta{font-size:12px}.stepper--status .stepper__label{font-size:14px}.stepper--status .stepper__connector{height:2px;top:9px;left:calc(50% + 14px);right:calc(14px - 50%)}.stepper--status .stepper__item--complete .stepper__connector{background:var(--color-primary)}.stepper--stack{flex-direction:column;gap:0}.stepper--stack .stepper__item{grid-template-columns:28px 1fr;align-items:start;gap:12px;padding-bottom:20px;display:grid}.stepper--stack .stepper__item:last-child{padding-bottom:0}.stepper--stack .stepper__indicator{border-radius:var(--radius-avatars);background:var(--color-wash);width:28px;height:28px;color:var(--color-muted);font-size:12px;font-weight:var(--font-weight-semibold)}.stepper--stack .stepper__item--current .stepper__indicator,.stepper--stack .stepper__item--complete .stepper__indicator{background:var(--color-primary);color:var(--color-white)}.stepper--stack .stepper__copy{gap:2px;padding-top:4px}.stepper--stack .stepper__label{font-size:var(--text-body);font-weight:var(--font-weight-medium)}.stepper--stack .stepper__item--upcoming .stepper__label{color:var(--color-muted)}.stepper--stack .stepper__description{font-size:13px}.stepper--stack .stepper__connector{width:2px;top:28px;bottom:0;left:13px}.stepper--stack .stepper__item--complete .stepper__connector{background:var(--color-primary)}@media (width<=719px){.stepper--chevrons,.stepper--circles,.stepper--icons,.stepper--status{padding-bottom:4px;overflow-x:auto}.stepper--chevrons .stepper__item,.stepper--circles .stepper__item,.stepper--icons .stepper__item,.stepper--status .stepper__item{flex:0 0 140px}.stepper--inline{flex-direction:column;align-items:stretch}.stepper--inline .stepper__item{padding-inline-end:0;padding-bottom:16px}.stepper--inline .stepper__item:last-child{padding-bottom:0}.stepper--inline .stepper__connector{width:2px;height:auto;inset:22px auto 0 10px;transform:none}}.timeline{flex-direction:column;width:100%;max-width:420px;margin:0;padding:0;list-style:none;display:flex}.timeline__item{grid-template-columns:32px 1fr;align-items:stretch;gap:14px;display:grid}.timeline__rail{flex-direction:column;align-items:center;display:flex;position:relative}.timeline__marker{z-index:1;border:2px solid var(--color-border);background:var(--color-white);width:28px;height:28px;color:var(--color-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.timeline__connector{background:var(--color-border);border-radius:999px;flex:1;width:2px;min-height:28px;margin-top:4px;margin-bottom:4px}.timeline__item--complete .timeline__marker{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-white)}.timeline__item--current .timeline__marker{border-color:var(--color-primary);color:var(--color-primary)}.timeline__item--complete .timeline__connector,.timeline__item--current .timeline__connector{background:var(--color-primary)}.timeline__content{flex-direction:column;gap:4px;min-width:0;padding-bottom:24px;display:flex}.timeline__item:last-child .timeline__content{padding-bottom:0}.timeline__timestamp{font-size:var(--text-caption);color:var(--color-muted);line-height:1.35}.timeline__title{font-size:var(--text-body);font-weight:var(--font-weight-semibold);color:var(--color-ink);line-height:var(--leading-ui);margin:0}.timeline__description{color:var(--color-muted);font-size:13px;line-height:var(--leading-body);margin:0}.timeline__item--upcoming .timeline__title{color:var(--color-ink)}.table-wrap{background:var(--color-white);border-radius:var(--radius-cards);width:100%;overflow-x:auto}.table{border-collapse:collapse;width:100%;min-width:480px}.table__head,.table__cell{text-align:left;font-size:var(--text-body);border-bottom:1px solid var(--color-border);padding:12px 16px}.table__head{color:var(--color-muted);font-weight:var(--font-weight-medium);background:var(--color-wash)}.table__cell{color:var(--color-ink)}.table__body .table__row:last-child .table__cell{border-bottom:0}.table__footer .table__cell{background:var(--color-wash);font-weight:var(--font-weight-medium)}.table__caption{caption-side:bottom;text-align:left;color:var(--color-muted);padding:12px 16px;font-size:12px}.table__head--sortable{padding:0}.table__sort-btn{width:100%;min-height:44px;color:inherit;font:inherit;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:6px;padding:12px 16px;display:inline-flex}.table__sort-btn:hover{color:var(--color-ink)}.tabs{gap:var(--spacing-16);flex-direction:column;width:100%;display:flex}.tabs__list{align-items:stretch;gap:var(--spacing-4);scrollbar-width:none;display:flex;overflow-x:auto}.tabs__list::-webkit-scrollbar{display:none}.tabs__trigger{min-height:40px;color:var(--color-muted);font-size:var(--text-body);font-weight:var(--font-weight-medium);white-space:nowrap;cursor:pointer;transition:color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);background:0 0;border:none;justify-content:center;align-items:center;gap:8px;padding:0 14px;display:inline-flex}.tabs__trigger:disabled{opacity:.4;cursor:not-allowed}.tabs__trigger:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.tabs__icon{color:currentColor;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.tabs__icon svg{stroke-width:1.75px;width:18px;height:18px}.tabs__label{line-height:1}.tabs__badge{border-radius:var(--radius-badges);background:var(--color-wash);min-width:20px;height:20px;color:var(--color-ink);font-size:var(--text-caption);font-weight:var(--font-weight-semibold);justify-content:center;align-items:center;padding:0 6px;display:inline-flex}.tabs__trigger--active .tabs__badge{background:var(--color-primary-soft);color:var(--color-primary)}.tabs__panel{color:var(--color-ink);font-size:var(--text-body);line-height:var(--leading-body);animation:tabs-panel-in var(--duration-base) var(--ease-out)}@keyframes tabs-panel-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.tabs__panel{animation:none}}.tabs--stacked .tabs__trigger{flex-direction:column;gap:6px;min-height:0;padding:8px 16px 12px}.tabs--underline .tabs__list{gap:var(--spacing-24);border-bottom:1px solid var(--color-border)}.tabs--underline .tabs__trigger{border-radius:0;padding:0 2px 14px;position:relative}.tabs--underline.tabs--stacked .tabs__list{gap:var(--spacing-16)}.tabs--underline.tabs--stacked .tabs__trigger{padding:8px 16px 14px}.tabs--underline .tabs__trigger--active{color:var(--color-primary)}.tabs--underline .tabs__trigger--active:after{content:"";background:var(--color-primary);height:2px;position:absolute;bottom:-1px;left:0;right:0}.tabs--underline .tabs__trigger:hover:not(:disabled):not(.tabs__trigger--active){color:var(--color-ink)}.tabs--soft .tabs__list{gap:var(--spacing-8)}.tabs--soft .tabs__trigger{border-radius:var(--radius-inputs);min-height:40px;padding:0 14px}.tabs--soft .tabs__trigger--active{color:var(--color-primary);background:var(--color-primary-soft)}.tabs--soft .tabs__trigger:hover:not(:disabled):not(.tabs__trigger--active){color:var(--color-ink);background:var(--color-wash)}.tabs--solid .tabs__list{gap:var(--spacing-8)}.tabs--solid .tabs__trigger{border-radius:var(--radius-buttons);min-height:40px;padding:0 16px}.tabs--solid .tabs__trigger--active{background:var(--color-primary);color:var(--color-white)}.tabs--solid .tabs__trigger--active .tabs__badge{color:var(--color-white);background:#fff3}.tabs--solid .tabs__trigger:hover:not(:disabled):not(.tabs__trigger--active){color:var(--color-ink)}.tabs--boxed .tabs__list{border:1px solid var(--color-border);border-radius:var(--radius-inputs);background:var(--color-white);gap:0;width:fit-content;max-width:100%;overflow:hidden}.tabs--boxed .tabs__trigger{border-right:1px solid var(--color-border);border-radius:0;flex:none;min-height:40px;padding:0 18px}.tabs--boxed .tabs__trigger:last-child{border-right:none}.tabs--boxed .tabs__trigger--active{background:var(--color-primary);color:var(--color-white)}.tabs--boxed .tabs__trigger--active .tabs__badge{color:var(--color-white);background:#fff3}.tabs--boxed .tabs__trigger:hover:not(:disabled):not(.tabs__trigger--active){color:var(--color-ink);background:var(--color-wash)}.tabs--boxed .tabs__trigger:focus-visible{outline-offset:-3px}.tabs--pills .tabs__list{background:var(--color-wash);border-radius:var(--radius-badges);gap:0;width:fit-content;max-width:100%;padding:4px}.tabs--pills .tabs__trigger{border-radius:var(--radius-badges);flex:none;min-height:36px;padding:0 16px}.tabs--pills .tabs__trigger--active{background:var(--color-primary);color:var(--color-white);box-shadow:none}.tabs--pills .tabs__trigger--active .tabs__badge{color:var(--color-white);background:#fff3}.tabs--pills .tabs__trigger:hover:not(:disabled):not(.tabs__trigger--active){color:var(--color-ink)}.tabs--segmented .tabs__list{background:var(--color-wash);border-radius:var(--radius-badges);gap:2px;width:fit-content;max-width:100%;padding:4px}.tabs--segmented .tabs__trigger{border-radius:var(--radius-badges);min-height:36px;padding:0 16px}.tabs--segmented .tabs__trigger--active{background:var(--color-white);color:var(--color-primary);box-shadow:var(--shadow-subtle)}.tabs--segmented .tabs__trigger:hover:not(:disabled):not(.tabs__trigger--active){color:var(--color-ink)}.tabs--folder .tabs__list{background:var(--color-wash);border-radius:var(--radius-inputs);width:100%;box-shadow:var(--shadow-subtle,0 1px 2px #0000000a);align-items:flex-end;gap:2px;padding:6px 6px 0}.tabs--folder .tabs__trigger{min-height:40px;color:var(--color-ink);border-radius:10px 10px 0 0;flex:none;padding:0 14px;font-size:14px}.tabs--folder .tabs__trigger--active{background:var(--color-white);color:var(--color-primary);box-shadow:0 -1px #fffc}.tabs--folder .tabs__trigger:hover:not(:disabled):not(.tabs__trigger--active){color:var(--color-muted);background:#ffffff73;border-radius:10px 10px 0 0}.tabs--folder .tabs__trigger:focus-visible{outline-offset:-2px}.tabs--folder .tabs__icon svg{width:16px;height:16px}.tag-input{flex-direction:column;gap:8px;width:100%;display:flex}.tag-input__label{font-size:var(--text-body);font-weight:var(--font-weight-medium);color:var(--color-ink)}.tag-input__control{border:1px solid var(--color-border);border-radius:var(--radius-inputs);background:var(--color-white);transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);flex-wrap:wrap;align-items:center;gap:6px;display:flex}.tag-input--sm .tag-input__control{min-height:32px;padding:4px 8px}.tag-input--md .tag-input__control{min-height:40px;padding:6px 10px}.tag-input--lg .tag-input__control{min-height:48px;padding:8px 12px}.tag-input__control:focus-within{border-color:var(--color-ink);box-shadow:0 0 0 1px var(--color-ink)}.tag-input__chip{border-radius:var(--radius-badges);background:var(--color-wash);color:var(--color-ink);font-weight:var(--font-weight-medium);align-items:center;gap:4px;padding:0 8px;display:inline-flex}.tag-input--sm .tag-input__chip{min-height:20px;font-size:var(--text-caption)}.tag-input--md .tag-input__chip{min-height:24px;font-size:12px}.tag-input--lg .tag-input__chip{min-height:28px;font-size:13px}.tag-input__remove{border-radius:var(--radius-avatars);width:16px;height:16px;color:var(--color-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.tag-input__remove:hover{background:var(--color-border);color:var(--color-ink)}.tag-input__field{min-width:120px;color:var(--color-ink);background:0 0;border:none;outline:none;flex:1}.tag-input--sm .tag-input__field{font-size:13px}.tag-input--md .tag-input__field{font-size:var(--text-body)}.tag-input--lg .tag-input__field{font-size:var(--text-ui)}.tag-input__field::placeholder{color:var(--color-grey-500)}.tag-input--invalid .tag-input__control{border-color:var(--color-danger)}.tag-input--invalid .tag-input__control:focus-within{border-color:var(--color-danger);box-shadow:0 0 0 1px var(--color-danger)}.tag-input--disabled{opacity:.55}.tag-input--disabled .tag-input__control{background:var(--color-wash);cursor:not-allowed}.tag-input--disabled .tag-input__field,.tag-input--disabled .tag-input__remove{cursor:not-allowed}.toast{align-items:flex-start;gap:var(--spacing-12);background:var(--color-white);border-radius:var(--radius-cards);width:min(100%,360px);box-shadow:var(--shadow-dropdown);animation:toast-in var(--duration-base) var(--ease-out);padding:14px 14px 14px 16px;display:flex}.toast__icon{flex-shrink:0;margin-top:1px;display:inline-flex}.toast__body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.toast__description{font-size:13px!important}.toast--info .toast__icon{color:#2a4a9b}.toast--success .toast__icon{color:#1f7a45}.toast--warning .toast__icon{color:#9a5b00}.toast--danger .toast__icon{color:var(--color-danger)}.toast-viewport{gap:var(--spacing-8);pointer-events:none;flex-direction:column;display:flex}.toast-viewport .toast{pointer-events:auto}.toast-viewport--stacked{position:static}.toast-viewport--top-right,.toast-viewport--bottom-right,.toast-viewport--top-center{z-index:60;padding:var(--spacing-20);position:fixed}.toast-viewport--top-right{top:0;right:0}.toast-viewport--bottom-right{bottom:0;right:0}.toast-viewport--top-center{top:0;left:50%;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.tooltip{display:inline-flex;position:relative}.tooltip__anchor{display:inline-flex}.tooltip__content{z-index:50;background:var(--color-ink);max-width:220px;color:var(--color-white);font-size:12px;font-weight:var(--font-weight-medium);white-space:normal;pointer-events:none;box-shadow:var(--shadow-dropdown);animation:tooltip-in var(--duration-fast) var(--ease-out);border-radius:8px;padding:6px 10px;line-height:1.35;position:absolute}.tooltip__content--top{bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.tooltip__content--bottom{top:calc(100% + 8px);left:50%;transform:translate(-50%)}.tooltip__content--left{top:50%;right:calc(100% + 8px);transform:translateY(-50%)}.tooltip__content--right{top:50%;left:calc(100% + 8px);transform:translateY(-50%)}@keyframes tooltip-in{0%{opacity:0}to{opacity:1}}.user-chip{align-items:center;gap:var(--spacing-8);border-radius:var(--radius-badges);text-align:left;background:0 0;border:none;padding:4px 8px 4px 4px;display:inline-flex}.user-chip--interactive{cursor:pointer}.user-chip--interactive:hover{background:var(--color-wash)}.user-chip__meta{flex-direction:column;min-width:0;display:flex}.user-chip__role{font-size:12px!important;line-height:1.2!important}.user-chip__caret{color:var(--color-muted);flex-shrink:0}.activity-feed{background:var(--surface-card);border-radius:var(--radius-cards);padding:var(--spacing-16) var(--spacing-20);height:100%}.activity-feed__header{justify-content:space-between;align-items:baseline;gap:var(--spacing-12);margin-bottom:var(--spacing-16);display:flex}.activity-feed__list{gap:var(--spacing-16);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.activity-feed__item{gap:var(--spacing-12);align-items:flex-start;display:flex}.activity-feed__copy strong{font-weight:var(--font-weight-semibold)}.activity-feed__time{margin-top:2px;font-size:12px!important}.admin-topbar{justify-content:space-between;align-items:center;gap:var(--spacing-16);padding:var(--spacing-16) var(--spacing-20);background:var(--surface-card);border-radius:var(--radius-cards);flex-wrap:wrap;display:flex}.admin-topbar__left{gap:var(--spacing-8);flex-direction:column;min-width:0;display:flex}.admin-topbar__right{align-items:center;gap:var(--spacing-8);flex-wrap:nowrap;min-width:0;margin-left:auto;display:flex}.admin-topbar__search.search-field{flex:0 240px;width:240px;min-width:140px}.admin-topbar__actions{align-items:center;gap:var(--spacing-8);flex-wrap:nowrap;flex-shrink:0;display:flex}.admin-topbar__actions .user-chip{white-space:nowrap;flex-shrink:0}@media (width<=720px){.admin-topbar__right{flex-wrap:wrap;width:100%}.admin-topbar__search.search-field{flex:100%;width:100%;min-width:0}}.calendar-board{gap:var(--spacing-12);width:100%;padding:var(--spacing-16);background:var(--surface-card);border-radius:var(--radius-cards);flex-direction:column;display:flex}.calendar-board__header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-12);display:flex}.calendar-board__title-block{flex-direction:column;gap:2px;display:flex}.calendar-board__title-block h3,.calendar-board__month{margin:0}.calendar-board__controls{align-items:center;gap:var(--spacing-8);display:inline-flex}.calendar-board__weekdays,.calendar-board__grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.calendar-board__weekdays span{font-size:var(--text-caption);font-weight:var(--font-weight-medium);color:var(--color-muted);padding:0 4px}.calendar-board__day{border:1px solid var(--color-border);border-radius:var(--radius-inputs);background:var(--color-white);min-height:88px;color:var(--color-ink);text-align:left;cursor:pointer;transition:background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);flex-direction:column;align-items:flex-start;gap:6px;padding:8px;display:flex}.calendar-board__day:hover{background:var(--color-wash)}.calendar-board__day:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.calendar-board__day--muted{color:var(--color-grey-500);background:#fafafa}.calendar-board__day--today{border-color:var(--color-primary);box-shadow:inset 0 0 0 1px var(--color-primary)}.calendar-board__date{font-size:var(--text-caption);font-weight:var(--font-weight-semibold)}.calendar-board__events{flex-direction:column;gap:4px;width:100%;min-width:0;display:flex}.calendar-board__event{text-overflow:ellipsis;max-width:100%;overflow:hidden}.calendar-board__more{color:var(--color-muted);font-size:10px;font-weight:var(--font-weight-medium)}@media (width<=900px){.calendar-board__day{min-height:64px}.calendar-board__events{display:none}}.chart-card{background:var(--color-white);border-radius:var(--radius-cards);flex-direction:column;gap:10px;width:100%;padding:16px;display:flex}.chart-card__header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.chart-card__subtitle,.chart-card__value{margin:0}.chart-card__subtitle{margin-top:2px!important;font-size:12px!important}.chart-card__svg{width:100%;height:auto;display:block}.chart-card__area{fill:color-mix(in srgb, var(--color-primary) 12%, white)}.chart-card__line{stroke:var(--color-primary);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.chart-card__dot{fill:var(--color-white);stroke:var(--color-primary);stroke-width:2px}.chart-card__labels{font-size:var(--text-caption);color:var(--color-muted);justify-content:space-between;gap:4px;display:flex}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;width:100%;display:flex}.page-header__copy{flex-direction:column;gap:8px;min-width:0;max-width:640px;display:flex}.page-header__description{max-width:52ch}.page-header__meta{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.page-header__actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.stats-row{gap:var(--element-gap);grid-template-columns:1fr;display:grid}@media (width>=640px){.stats-row{grid-template-columns:repeat(2,1fr)}}@media (width>=1100px){.stats-row{grid-template-columns:repeat(4,1fr)}}.line-chart{gap:var(--spacing-12);width:100%;padding:var(--spacing-16);background:var(--surface-card);border-radius:var(--radius-cards);flex-direction:column;display:flex}.line-chart__header{justify-content:space-between;align-items:center;gap:var(--spacing-12);display:flex}.line-chart__header h3{margin:0}.line-chart__svg{width:100%;height:auto;display:block}.line-chart__grid{stroke:var(--color-border);stroke-width:1px;stroke-dasharray:3 4}.line-chart__tick{fill:var(--color-muted);font-size:10px;font-family:var(--font-sans)}.line-chart__line{stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.line-chart__line--dashed{stroke-dasharray:5 4}.line-chart__footer{gap:var(--spacing-8);flex-direction:column;display:flex}.line-chart__labels{font-size:var(--text-caption);color:var(--color-muted);justify-content:space-between;gap:4px;display:flex}.line-chart__legend{gap:var(--spacing-12);flex-wrap:wrap;display:flex}.line-chart__legend-item{font-size:var(--text-caption);color:var(--color-muted);align-items:center;gap:6px;display:inline-flex}.line-chart__legend-swatch{border-radius:999px;width:14px;height:3px}.line-chart__legend-swatch--dashed{height:2px;background:repeating-linear-gradient(90deg,currentColor 0 4px,#0000 4px 7px)!important}.data-table{background:var(--surface-card);border-radius:var(--radius-cards);overflow:hidden}.data-table__header{justify-content:space-between;align-items:center;gap:var(--spacing-12);padding:var(--spacing-16) var(--spacing-20);border-bottom:1px solid var(--color-border);display:flex}.data-table__heading{flex-direction:column;gap:2px;min-width:0;display:flex}.data-table__heading h3,.data-table__heading p{margin:0}.data-table__scroll{overflow-x:auto}.data-table table{border-collapse:collapse;width:100%;min-width:560px}.data-table--tasks table{min-width:920px}.data-table th,.data-table td{text-align:left;font-size:var(--text-body);border-bottom:1px solid var(--color-border);vertical-align:middle;padding:14px 20px}.data-table th{color:var(--color-muted);font-weight:var(--font-weight-medium);background:var(--color-wash);white-space:nowrap}.data-table tr:last-child td{border-bottom:0}.data-table__customer{flex-direction:column;gap:2px;display:flex}.data-table__email,.data-table__timeline{white-space:nowrap;font-size:12px!important}.data-table--tasks td:last-child{white-space:nowrap;width:1%}.sidebar{z-index:1;width:260px;min-height:100%;padding:var(--spacing-16);background:var(--surface-card);border:1px solid var(--color-border);border-radius:var(--radius-cards);gap:var(--spacing-16);flex-direction:column;display:flex;position:relative}.sidebar--compact{width:72px;padding-inline:var(--spacing-12);align-items:stretch}.sidebar__brand{min-height:40px;padding-inline:var(--spacing-8);align-items:center;display:flex}.sidebar__brand>:not(.sidebar__collapse){flex:1;min-width:0}.sidebar__header,.sidebar__after-nav{gap:var(--spacing-8);flex-direction:column;display:flex}.sidebar__footer{gap:var(--spacing-8);padding-top:var(--spacing-8);border-top:1px solid var(--color-border);flex-direction:column;margin-top:auto;display:flex}.sidebar--compact .sidebar__brand{justify-content:center;padding-inline:0}.sidebar__mark{border-radius:var(--radius-inputs);background:var(--color-primary);flex-shrink:0;width:28px;height:28px;box-shadow:inset 0 -6px #00000014}.sidebar__collapse{top:var(--spacing-20);z-index:2;border:1px solid var(--color-border);border-radius:var(--radius-buttons);background:var(--color-white);width:28px;height:28px;color:var(--color-ink);cursor:pointer;box-shadow:var(--shadow-subtle);transition:background var(--duration-fast) var(--ease-out);justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;right:-14px}.sidebar__collapse:hover{background:var(--color-wash)}.sidebar__collapse:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.sidebar--compact .sidebar__collapse{top:var(--spacing-20);right:-14px}.sidebar__nav{gap:var(--spacing-4);flex-direction:column;flex:1;display:flex}.sidebar__block{flex-direction:column;display:flex}.sidebar__row{align-items:center;gap:var(--spacing-4);min-height:40px;padding-right:var(--spacing-4);border-radius:var(--radius-inputs);color:var(--color-muted);transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);display:flex}.sidebar--compact .sidebar__row{justify-content:center;padding:0}.sidebar__row:hover{background:var(--color-wash);color:var(--color-ink)}.sidebar__row--active{background:var(--color-primary-soft);color:var(--color-primary)}.sidebar__item{align-items:center;gap:var(--spacing-12);min-width:0;min-height:40px;padding:0 var(--spacing-12);border-radius:var(--radius-inputs);color:inherit;font:inherit;font-weight:var(--font-weight-medium);text-align:left;cursor:pointer;background:0 0;border:none;flex:1;display:flex}.sidebar__item:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.sidebar--compact .sidebar__item{flex:none;justify-content:center;width:40px;min-height:40px;padding:0}.sidebar__icon{color:currentColor;flex-shrink:0;display:inline-flex}.sidebar__icon svg{width:18px;height:18px}.sidebar__label{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--text-body);flex:1;line-height:1.2;overflow:hidden}.sidebar__row--active .sidebar__label{font-weight:var(--font-weight-semibold)}.sidebar__add{border:1px solid var(--color-border);border-radius:var(--radius-buttons);background:var(--color-white);width:24px;height:24px;color:var(--color-muted);cursor:pointer;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.sidebar__add:hover{color:var(--color-ink);background:var(--color-wash)}.sidebar__add:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.sidebar__badge{flex-shrink:0}.sidebar__chevron{margin-right:var(--spacing-8);color:var(--color-grey-500);transition:transform var(--duration-fast) var(--ease-out);flex-shrink:0}.sidebar__row--active .sidebar__chevron{color:var(--color-primary)}.sidebar__chevron--open{transform:rotate(180deg)}.sidebar__tree{margin:var(--spacing-4) 0 var(--spacing-8) 28px;padding:0 0 0 var(--spacing-16);flex-direction:column;gap:2px;list-style:none;display:flex;position:relative}.sidebar__tree:before{content:"";background:var(--color-border);width:1px;position:absolute;top:8px;bottom:16px;left:0}.sidebar__tree li{position:relative}.sidebar__tree li:before{content:"";background:var(--color-border);width:12px;height:1px;position:absolute;top:20px;left:-16px}.sidebar__child{justify-content:space-between;align-items:center;gap:var(--spacing-8);width:100%;min-height:36px;padding:0 var(--spacing-12);border-radius:var(--radius-inputs);color:var(--color-muted);font:inherit;font-size:var(--text-body);font-weight:var(--font-weight-medium);text-align:left;cursor:pointer;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);background:0 0;border:none;display:flex}.sidebar__child:hover{background:var(--color-wash);color:var(--color-ink)}.sidebar__child--active{background:var(--color-primary-soft);color:var(--color-primary);font-weight:var(--font-weight-semibold)}.sidebar__child:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}@media (prefers-reduced-motion:reduce){.sidebar__collapse,.sidebar__row,.sidebar__add,.sidebar__child,.sidebar__chevron{transition:none}}.dashboard-board{gap:var(--spacing-12);padding:var(--spacing-12);background:linear-gradient(180deg, #f3f1ee 0%, var(--color-wash) 45%, #eef0f5 100%);border-radius:16px;grid-template-columns:auto 1fr;min-height:720px;display:grid;overflow:hidden}.dashboard-board__sidebar{max-height:none}.dashboard-board__main{gap:var(--spacing-16);min-width:0;padding:var(--spacing-8);flex-direction:column;display:flex}.dashboard-board__mid{gap:var(--spacing-12);grid-template-columns:1.4fr 1fr;min-width:0;display:grid}.dashboard-board__docs{gap:var(--spacing-12);min-width:0;padding:var(--spacing-16);background:var(--surface-card);border-radius:var(--radius-cards);flex-direction:column;display:flex}.dashboard-board__doc-grid{gap:var(--spacing-12);grid-template-columns:1fr;display:grid}.dashboard-board__doc-grid .document-card{min-height:0}@media (width<=1100px){.dashboard-board{grid-template-columns:1fr}.dashboard-board__sidebar{display:none}.dashboard-board__mid{grid-template-columns:1fr}}.map-view{border:1px solid var(--color-border);border-radius:var(--radius-cards,12px);background:#e9eef5;width:100%;min-height:260px;position:relative;overflow:hidden}.map-view__canvas{position:absolute;inset:0}.map-view__grid{background-image:linear-gradient(#ffffff73 1px,#0000 1px),linear-gradient(90deg,#ffffff73 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0}.map-view__road{background:#d7dde8;position:absolute;box-shadow:inset 0 0 0 1px #c8d0dd}.map-view__road--h{height:18px;top:48%;left:0;right:0}.map-view__road--v{width:16px;top:0;bottom:0;left:62%}.map-view__park{background:#d1ead6;border-radius:18px;width:28%;height:22%;position:absolute;top:18%;left:12%}.map-view__markers{pointer-events:none;position:absolute;inset:0}.map-view__markers>*{pointer-events:auto;position:absolute}.map-view__chrome{pointer-events:none;justify-content:space-between;align-items:flex-start;display:flex;position:absolute;inset:12px}.map-view__meta,.map-view__zoom{pointer-events:auto}.map-view__meta{box-shadow:var(--shadow-subtle,0 1px 2px #0000000f);background:#ffffffeb;border-radius:10px;flex-direction:column;gap:2px;padding:8px 12px;display:flex}.map-view__meta strong{color:var(--color-ink);font-size:13px}.map-view__meta span{color:var(--color-muted);font-size:12px}.map-view__zoom{border:1px solid var(--color-border);background:var(--color-white);border-radius:10px;flex-direction:column;display:flex;overflow:hidden}.map-view__zoom button{width:34px;height:34px;color:var(--color-ink);cursor:pointer;background:0 0;border:none;font-size:18px;line-height:1}.map-view__zoom button+button{border-top:1px solid var(--color-border)}.map-view__zoom button:hover{background:var(--color-wash)}.command-palette{z-index:80;place-items:start center;padding:12vh 16px 16px;display:grid;position:fixed;inset:0}.command-palette__backdrop{cursor:pointer;background:#2226;border:none;margin:0;padding:0;position:absolute;inset:0}.command-palette__panel{z-index:1;background:var(--color-white);width:min(100%,560px);box-shadow:var(--shadow-overlay);animation:command-in var(--duration-base) var(--ease-out);border-radius:16px;position:relative;overflow:hidden}.command-palette__search{border-bottom:1px solid var(--color-border);color:var(--color-muted);align-items:center;gap:10px;padding:14px 16px;display:flex}.command-palette__search input{font-size:var(--text-ui);color:var(--color-ink);background:0 0;border:none;outline:none;flex:1}.command-palette__list{max-height:360px;padding:8px;overflow:auto}.command-palette__group+.command-palette__group{margin-top:8px}.command-palette__group-label{font-size:var(--text-caption);font-weight:var(--font-weight-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--color-grey-500);margin:0;padding:8px 10px 6px}.command-palette__item{border-radius:var(--radius-inputs);width:100%;min-height:40px;color:var(--color-ink);font-size:var(--text-body);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;padding:0 10px;display:flex}.command-palette__item--active,.command-palette__item:hover{background:var(--color-wash)}.command-palette__item-main{align-items:center;gap:10px;display:inline-flex}.command-palette__icon{color:var(--color-muted);display:inline-flex}.command-palette__icon svg{width:16px;height:16px}.command-palette__shortcut{font-family:inherit;font-size:var(--text-caption);font-weight:var(--font-weight-medium);color:var(--color-muted);background:var(--color-wash);border-radius:6px;padding:2px 6px}.command-palette__empty{text-align:center;color:var(--color-muted);font-size:var(--text-body);margin:0;padding:24px 12px}@keyframes command-in{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.filter-bar{background:var(--color-white);border-radius:var(--radius-cards);flex-wrap:wrap;align-items:center;gap:10px;width:100%;padding:12px;display:flex}.filter-bar__search{flex:220px;min-width:180px;position:relative}.filter-bar__search-icon{color:var(--color-muted);pointer-events:none;z-index:1;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.filter-bar__search-input{padding-left:40px}.filter-bar__filters{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.docs-sidebar{flex-direction:column;gap:0;height:100%;min-height:0;display:flex}.docs-sidebar__search-bar{z-index:2;padding:var(--spacing-16) var(--spacing-12) var(--spacing-12);background:var(--surface-canvas);box-shadow:0 1px 0 color-mix(in srgb, var(--color-border) 85%, transparent);flex-shrink:0;position:sticky;top:0}.docs-sidebar__search{margin:0}.docs-sidebar__nav{overscroll-behavior:contain;min-height:0;padding:var(--spacing-4) var(--spacing-12) var(--spacing-32);scrollbar-gutter:stable;flex:1;overflow:auto}.docs-sidebar__group{padding:var(--spacing-8) 0;border-top:1px dotted var(--color-soft);flex-direction:column;gap:2px;display:flex}.docs-sidebar__group:first-of-type{border-top:none;padding-top:0}.docs-sidebar__group-toggle{justify-content:space-between;align-items:center;gap:var(--spacing-8);width:100%;min-height:36px;color:var(--color-ink);font-size:var(--text-body);font-weight:var(--font-weight-semibold);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:10px;padding:6px 10px;display:flex}.docs-sidebar__group-toggle:hover{background:var(--color-wash)}.docs-sidebar__chevron{color:var(--color-muted);transition:transform var(--duration-fast) var(--ease-out);flex-shrink:0}.docs-sidebar__chevron--collapsed{transform:rotate(-90deg)}.docs-sidebar__items{flex-direction:column;gap:1px;display:flex}.docs-sidebar__item{min-height:36px;color:var(--color-muted);font-size:var(--text-body);font-weight:var(--font-weight-medium);border-radius:10px;align-items:center;gap:10px;padding:6px 10px;line-height:1.25;display:flex}.docs-sidebar__label{flex:1;min-width:0}.docs-sidebar__soon{background:var(--color-border);height:18px;color:var(--color-muted);font-size:10px;font-weight:var(--font-weight-semibold);letter-spacing:.02em;border-radius:999px;flex-shrink:0;padding:0 7px;line-height:18px}.docs-sidebar__item--active .docs-sidebar__soon{background:var(--color-white)}.docs-sidebar__item:hover,.docs-sidebar__item--active{color:var(--color-ink);background:var(--color-wash)}.docs-sidebar__icon{color:currentColor;flex-shrink:0;display:inline-flex}.notifications-menu{display:inline-flex;position:relative}.notifications-menu__trigger{position:relative}.notifications-menu__badge{border-radius:var(--radius-badges);background:var(--color-primary);min-width:16px;height:16px;color:var(--color-white);font-size:10px;font-weight:var(--font-weight-semibold);pointer-events:none;justify-content:center;align-items:center;padding:0 4px;display:inline-flex;position:absolute;top:2px;right:2px}.notifications-menu__panel{z-index:40;background:var(--color-white);border-radius:var(--radius-cards);width:min(360px,85vw);box-shadow:var(--shadow-dropdown);animation:notifications-in var(--duration-fast) var(--ease-out);position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.notifications-menu__header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.notifications-menu__list{max-height:320px;margin:0;padding:0;list-style:none;overflow:auto}.notifications-menu__item{border:none;border-bottom:1px solid var(--color-border);text-align:left;cursor:pointer;background:0 0;align-items:flex-start;gap:12px;width:100%;padding:12px 16px;display:flex}.notifications-menu__item:hover,.notifications-menu__item--unread{background:var(--color-wash)}.notifications-menu__dot{border-radius:var(--radius-avatars);background:var(--color-primary);flex-shrink:0;width:8px;height:8px;margin-top:6px}.notifications-menu__copy{flex-direction:column;gap:2px;min-width:0;display:flex}.notifications-menu__description,.notifications-menu__time{font-size:12px!important}.notifications-menu__empty{text-align:center;padding:24px 16px}.notifications-menu__footer{border:none;border-top:1px solid var(--color-border);background:var(--color-white);width:100%;min-height:44px;color:var(--color-ink);font-size:var(--text-body);font-weight:var(--font-weight-medium);cursor:pointer}.notifications-menu__footer:hover{background:var(--color-wash)}@keyframes notifications-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.site-footer{background:var(--surface-canvas);border-top:1px solid var(--color-border);padding:var(--section-gap) 0 var(--spacing-32);margin-top:var(--section-gap)}.site-footer__grid{gap:var(--spacing-32);grid-template-columns:1fr;display:grid}.site-footer__brand{gap:var(--spacing-12);flex-direction:column;max-width:320px;display:flex}.site-footer__logo{align-items:center;gap:10px;display:inline-flex}.site-footer__mark{background:var(--color-primary);border-radius:7px;width:24px;height:24px}.site-footer__column ul{margin:var(--spacing-12) 0 0;gap:var(--spacing-12);flex-direction:column;padding:0;list-style:none;display:flex}.site-footer__column a{color:var(--color-muted);font-size:var(--text-body)}.site-footer__column a:hover{color:var(--color-ink)}.site-footer__bottom{justify-content:space-between;align-items:center;gap:var(--spacing-16);margin-top:var(--spacing-40);padding-top:var(--spacing-20);border-top:1px solid var(--color-border);flex-wrap:wrap;display:flex}.site-footer__social{gap:var(--spacing-8);display:flex}.site-footer__social a{border-radius:var(--radius-buttons);width:32px;height:32px;color:var(--color-ink);justify-content:center;align-items:center;display:inline-flex}.site-footer__social a:hover{background:var(--color-border)}@media (width>=900px){.site-footer__grid{grid-template-columns:1.4fr repeat(3,1fr)}}.site-header{z-index:40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);background:#fffffff5;position:fixed;top:0;left:0;right:0}.site-header__inner{justify-content:space-between;align-items:center;gap:var(--spacing-16);min-height:72px;display:flex}.site-header__brand{align-items:center;gap:10px;display:inline-flex}.site-header__mark{background:var(--color-primary);border-radius:8px;width:28px;height:28px;box-shadow:inset 0 -6px #00000014}.site-header__name{font-size:var(--text-ui);font-weight:var(--font-weight-semibold);letter-spacing:-.02em}.site-header__nav{align-items:center;gap:var(--spacing-8);display:none}.site-header__link{border-radius:var(--radius-badges);color:var(--color-muted);font-size:var(--text-body);font-weight:var(--font-weight-medium);padding:8px 14px}.site-header__link:hover,.site-header__link--active{color:var(--color-ink);background:var(--color-wash)}.site-header__actions{align-items:center;gap:var(--spacing-8);display:flex}.site-header__desktop-cta{display:none}.site-header__menu-btn{display:inline-flex}.site-header__drawer{gap:var(--spacing-8);padding-bottom:var(--spacing-20);animation:rise-in var(--duration-base) var(--ease-out);flex-direction:column;display:flex}.site-header__drawer-link{border-bottom:1px solid var(--color-border);font-weight:var(--font-weight-medium);padding:12px 0}@media (width>=900px){.site-header__nav{display:flex}.site-header__desktop-cta{display:inline-flex}.site-header__menu-btn,.site-header__drawer{display:none}}.skeleton-layout{flex-direction:column;gap:12px;width:100%;display:flex}.skeleton-layout__row{justify-content:space-between;align-items:center;gap:12px;display:flex}.skeleton-layout__row--end{justify-content:flex-end}.skeleton-layout__stats{grid-template-columns:1fr;gap:12px;display:grid}.skeleton-layout__stat,.skeleton-layout__panel{background:var(--color-white);border-radius:var(--radius-cards);flex-direction:column;gap:10px;padding:16px;display:flex}.skeleton-layout__split{grid-template-columns:1fr;gap:12px;display:grid}.skeleton-layout__table-row{border-bottom:1px solid var(--color-border);grid-template-columns:1.4fr 1fr .8fr auto;align-items:center;gap:12px;padding:12px 0;display:grid}.skeleton-layout--table,.skeleton-layout--form{background:var(--color-white);border-radius:var(--radius-cards);padding:16px}@media (width>=800px){.skeleton-layout__stats{grid-template-columns:repeat(4,1fr)}.skeleton-layout__split{grid-template-columns:1.4fr 1fr}}.app-shell{gap:var(--spacing-12);min-height:calc(100vh - 24px);padding:var(--spacing-12);background:var(--surface-canvas);grid-template-columns:auto 1fr;display:grid}.app-shell__sidebar{align-self:start;max-height:calc(100vh - 24px);position:sticky;top:12px}.app-shell__main{gap:var(--spacing-12);flex-direction:column;min-width:0;display:flex}.app-shell__top{gap:var(--spacing-8);flex-direction:column;display:flex}.app-shell__content{gap:var(--spacing-12);flex-direction:column;min-width:0;display:flex}@media (width<=900px){.app-shell{grid-template-columns:1fr}.app-shell__sidebar{display:none}}.marketing-layout{flex-direction:column;min-height:100vh;padding-top:72px;display:flex}.marketing-layout__main{flex:1;min-width:0}.components-layout{grid-template-columns:1fr;min-height:calc(100vh - 72px);display:grid}.components-nav{background:var(--surface-canvas);display:none}.components-nav--open{z-index:30;background:var(--surface-canvas);border-right:1px solid var(--color-border);flex-direction:column;width:min(300px,88vw);height:calc(100vh - 72px);display:flex;position:fixed;inset:72px auto 0 0;overflow:hidden;box-shadow:12px 0 32px #2222220f}.components-nav__backdrop{z-index:20;background:#2223;border:none;position:fixed;inset:72px 0 0}.components-nav__open{border:1px solid var(--color-border);border-radius:var(--radius-badges);background:var(--color-white);min-height:36px;color:var(--color-ink);font-weight:var(--font-weight-medium);cursor:pointer;align-self:flex-start;padding:0 14px}.components-stage{min-width:0;padding:var(--spacing-24) var(--page-padding) var(--spacing-48);gap:var(--spacing-20);flex-direction:column;display:flex}.components-stage__top{gap:var(--spacing-12);flex-direction:column;max-width:720px;display:flex}.components-empty{min-height:320px}.components-list{gap:var(--spacing-16);flex-direction:column;display:flex}.catalog-item{gap:var(--spacing-16);padding:var(--spacing-24);background:var(--surface-card);border-radius:var(--radius-cards);flex-direction:column;display:flex}.catalog-item__meta{max-width:720px}.catalog-item__title-row{align-items:center;gap:var(--spacing-12);margin-bottom:var(--spacing-8);flex-wrap:wrap;display:flex}.catalog-item__tags{margin-top:var(--spacing-12);flex-wrap:wrap;gap:8px;display:flex}.catalog-item__preview{min-height:140px;padding:var(--spacing-20);background:var(--color-wash);border-radius:var(--radius-cards);justify-content:flex-start;align-items:flex-start;display:flex;overflow:auto}.token-swatches{gap:var(--spacing-12);grid-template-columns:repeat(2,1fr);width:min(100%,560px);display:grid}.token-swatch{flex-direction:column;gap:4px;display:flex}.token-swatch__chip{border-radius:var(--radius-inputs);border:1px solid var(--color-border);height:48px}.token-swatch__chip--inverse{border-color:var(--color-ink)}.token-swatch__token{color:var(--color-grey-500);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px}.token-swatch__usage{color:var(--color-muted)}.token-swatches--preview{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));width:100%;max-width:none}.demo-row{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:12px;display:flex}.demo-row--start{justify-content:flex-start}.demo-row--baseline{align-items:baseline}.demo-panel{gap:var(--spacing-12);width:100%;padding:var(--spacing-16);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-cards);flex-direction:column;display:flex}.demo-panel__title{font-size:var(--text-caption);font-weight:var(--font-weight-semibold);color:var(--color-muted);letter-spacing:.01em;margin:0}.tabs-preview{gap:var(--spacing-12);flex-direction:column;width:min(100%,640px);display:flex}.demo-stack{gap:var(--spacing-12);flex-direction:column;align-items:stretch;width:min(100%,420px);display:flex}.demo-stack--wide{width:min(100%,560px)}.demo-stack--button{gap:var(--spacing-12);width:min(100%,760px)}.button-size-grid{flex-direction:column;gap:12px;display:flex}.button-matrix{grid-template-columns:76px repeat(4,minmax(88px,max-content));place-items:center start;gap:12px 16px;display:grid}.button-matrix__label,.button-matrix__state{font-size:var(--text-caption);font-weight:var(--font-weight-medium);color:var(--color-muted);line-height:1.2}.button-matrix__label{text-align:left;justify-self:start}.button-matrix__state{align-self:center}.filter-bar-select{width:160px}.app-shell-preview{border-radius:var(--radius-cards);width:min(100%,720px);max-height:360px;overflow:auto}.app-shell-preview .app-shell{grid-template-columns:auto 1fr;min-height:320px;padding:8px}.sidebar-preview{gap:var(--spacing-32);width:100%;padding:var(--spacing-12) 28px;flex-wrap:wrap;justify-content:center;align-items:flex-start;display:flex}.site-chrome-preview{border-radius:var(--radius-cards);background:var(--surface-canvas);width:min(100%,720px);max-height:280px;overflow:auto}.site-chrome-preview .site-header{position:relative;inset:auto}.site-chrome-preview .site-footer{padding-block:var(--spacing-24)}@media (width>=720px){.token-swatches{grid-template-columns:repeat(6,1fr)}}@media (width>=960px){.components-layout{padding-left:280px;display:block}.components-nav,.components-nav--open{top:72px;left:0;z-index:20;border-right:1px solid color-mix(in srgb, var(--color-border) 80%, transparent);width:280px;height:calc(100vh - 72px);max-height:calc(100vh - 72px);box-shadow:none;flex-direction:column;align-self:auto;display:flex;position:fixed;inset:72px auto 0 0;overflow:hidden}.components-nav__backdrop,.components-nav__open{display:none}.components-stage{padding:var(--spacing-32) var(--spacing-40) var(--spacing-64)}}.component-card{background:var(--surface-card);border-radius:var(--radius-cards);flex-direction:column;height:100%;display:flex;overflow:hidden}.component-card__preview{min-height:160px;padding:var(--spacing-24);background:radial-gradient(circle at top right, color-mix(in srgb, var(--color-primary) 8%, transparent), transparent 40%), var(--color-wash);justify-content:center;align-items:center;display:flex}.component-card__meta{gap:var(--spacing-8);padding:var(--spacing-16);flex-direction:column;display:flex}.component-card__title-row{justify-content:space-between;align-items:center;gap:var(--spacing-8);display:flex}.component-card__link{margin-top:var(--spacing-4);font-size:var(--text-body);font-weight:var(--font-weight-medium);color:var(--color-ink);align-items:center;gap:4px;display:inline-flex}.component-card__link:hover{color:var(--color-primary)}.dashboard-preview{gap:var(--spacing-12);padding:var(--spacing-12);background:linear-gradient(180deg, #efece8 0%, var(--color-wash) 40%, #f3f1ee 100%);border-radius:16px;grid-template-columns:auto 1fr;min-height:560px;display:grid;overflow:hidden}.dashboard-preview__main{gap:var(--spacing-12);flex-direction:column;min-width:0;display:flex}.dashboard-preview__split{gap:var(--spacing-12);grid-template-columns:1.5fr 1fr;min-width:0;display:grid}@media (width<=1100px){.dashboard-preview{grid-template-columns:1fr}.dashboard-preview__sidebar{display:none}.dashboard-preview__split{grid-template-columns:1fr}}.hero{padding-top:var(--spacing-48);padding-bottom:var(--spacing-32);position:relative;overflow:hidden}.hero__atmosphere{background:radial-gradient(ellipse 80% 50% at 50% -10%, color-mix(in srgb, var(--color-primary) 14%, transparent), transparent 55%), radial-gradient(ellipse 40% 40% at 90% 20%, #2222220d, transparent 50%), linear-gradient(180deg, #fff 0%, var(--color-wash) 55%, #f0eeeb 100%);pointer-events:none;position:absolute;inset:0}.hero__grain{opacity:.35;pointer-events:none;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");animation:12s linear infinite alternate grain-shift;position:absolute;inset:-20%}.hero__content{text-align:center;align-items:center;gap:var(--spacing-16);flex-direction:column;max-width:780px;margin-inline:auto;display:flex;position:relative}.hero__brand{color:var(--color-ink);text-transform:none;font-size:clamp(28px,4vw,40px)!important;font-weight:var(--font-weight-bold)!important;letter-spacing:-.03em!important;line-height:1.1!important}.hero__brand-mark{background:var(--color-primary);vertical-align:.08em;border-radius:.22em;width:.55em;height:.55em;margin-right:.28em;display:inline-block;box-shadow:inset 0 -.12em #00000014}.hero__title{max-width:16ch}.hero__lede{max-width:46ch;font-size:var(--text-ui)!important;line-height:1.45!important}.hero__actions{justify-content:center;gap:var(--spacing-12);margin-top:var(--spacing-8);flex-wrap:wrap;display:flex}.hero__stage{margin-top:var(--spacing-48);position:relative}.hero__preview{box-shadow:var(--shadow-subtle)}.section{padding:var(--section-gap) 0}.section__intro{gap:var(--spacing-8);max-width:560px;margin-bottom:var(--spacing-32);flex-direction:column;display:flex}.section__intro--row{justify-content:space-between;align-items:flex-end;gap:var(--spacing-16);flex-direction:row;max-width:none}.value-grid,.feature-grid{gap:var(--spacing-16);grid-template-columns:1fr;display:grid}.value-card{background:var(--surface-card);border-radius:var(--radius-cards);padding:var(--spacing-24);gap:var(--spacing-8);flex-direction:column;display:flex}.value-card__icon{border-radius:var(--radius-buttons);background:var(--color-wash);width:40px;height:40px;color:var(--color-ink);margin-bottom:var(--spacing-4);justify-content:center;align-items:center;display:inline-flex}.preview-row,.mini-dash{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.cta-band{margin:var(--spacing-32) var(--page-padding) var(--spacing-48);padding:var(--spacing-40);background:radial-gradient(circle at 0% 0%, color-mix(in srgb, var(--color-primary) 14%, transparent), transparent 45%), var(--color-white);box-shadow:var(--shadow-subtle);border-radius:20px}.cta-band__inner{gap:var(--spacing-24);flex-direction:column;width:100%;display:flex}.cta-band__title{margin:var(--spacing-12) 0 var(--spacing-8);max-width:14ch}.cta-band__actions{gap:var(--spacing-12);flex-wrap:wrap;display:flex}@media (width>=768px){.value-grid{grid-template-columns:repeat(3,1fr)}.feature-grid{grid-template-columns:repeat(2,1fr)}.cta-band__inner{flex-direction:row;justify-content:space-between;align-items:flex-end}}@media (width>=1100px){.feature-grid{grid-template-columns:repeat(4,1fr)}}.templates-hero{padding:var(--spacing-40) 0 var(--spacing-32);align-items:flex-start;gap:var(--spacing-12);flex-direction:column;max-width:720px;display:flex}.templates-hero__lede{max-width:54ch;font-size:var(--text-ui)!important}.templates-hero__actions{gap:var(--spacing-12);margin-top:var(--spacing-8);flex-wrap:wrap;display:flex}.templates-grid{gap:var(--spacing-16);padding-bottom:var(--spacing-48);grid-template-columns:1fr;display:grid}.template-card{background:var(--surface-card);border-radius:var(--radius-cards);padding:var(--spacing-24);gap:var(--spacing-16);flex-direction:column;display:flex}.template-card__icon{border-radius:var(--radius-buttons);background:var(--color-wash);justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.template-card__list{gap:var(--spacing-12);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.template-card__list li{color:var(--color-ink);font-size:var(--text-body);align-items:flex-start;gap:10px;display:flex}.template-card__list svg{color:var(--color-primary);flex-shrink:0;margin-top:2px}.template-card__code{padding:var(--spacing-16);border-radius:var(--radius-inputs);background:var(--color-wash);color:var(--color-ink);margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px;line-height:1.55;overflow-x:auto}@media (width>=900px){.templates-grid{grid-template-columns:1.1fr .9fr}}:root{--color-primary:#5b5ff7;--color-primary-hover:#7c7ef8;--color-primary-pressed:#1f2494;--color-primary-soft:#eef;--color-primary-soft-pressed:#dddfff;--color-danger:#ed3b5b;--color-danger-strong:#d10f45;--color-ink:#1c1c1c;--color-muted:#656565;--color-grey-500:#bdbdbd;--color-border:#e8e8e8;--color-soft:#d9d9d9;--color-wash:#f5f5f5;--color-white:#fff;--color-disabled-bg:#e8e8e8;--color-disabled-fg:#a0a0a0;--surface-canvas:#f5f5f5;--surface-card:#fff;--surface-muted:#d9d9d9;--surface-inverse:#1c1c1c;--font-sans:"DM Sans", ui-sans-serif, system-ui, sans-serif;--text-caption:12px;--leading-caption:1.33;--text-body:15px;--leading-body:1.5;--text-ui:15px;--leading-ui:1.4;--text-subheading:18px;--leading-subheading:1.3;--tracking-subheading:-.01em;--text-heading-sm:24px;--leading-heading-sm:1.25;--tracking-heading-sm:-.015em;--text-heading:32px;--leading-heading:1.25;--text-display:40px;--leading-display:1.12;--tracking-display:-.02em;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--spacing-4:4px;--spacing-8:8px;--spacing-12:12px;--spacing-16:16px;--spacing-20:20px;--spacing-24:24px;--spacing-28:28px;--spacing-32:32px;--spacing-40:40px;--spacing-44:44px;--spacing-48:48px;--spacing-64:64px;--spacing-80:80px;--page-max-width:1280px;--section-gap:56px;--card-padding:16px;--element-gap:12px;--page-padding:40px;--radius-inputs:8px;--radius-ghost:8px;--radius-cards:12px;--radius-badges:9999px;--radius-buttons:10px;--radius-avatars:9999px;--radius-search:10px;--shadow-subtle:#00000005 0px 0px 0px 1px, #0000000a 0px 2px 6px 0px, #0000001a 0px 4px 8px 0px;--shadow-overlay:0 8px 28px #00000047;--shadow-dropdown:0 6px 20px #0003;--ease-out:cubic-bezier(.22, 1, .36, 1);--duration-fast:.16s;--duration-base:.28s;--duration-slow:.48s}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;font-family:var(--font-sans);font-size:var(--text-body);font-weight:var(--font-weight-regular);line-height:var(--leading-body);color:var(--color-ink);background:var(--surface-canvas);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}#root{min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}img,svg{max-width:100%;display:block}::selection{background:color-mix(in srgb, var(--color-primary) 22%, white);color:var(--color-ink)}.page-shell{width:min(100% - (var(--page-padding) * 2), var(--page-max-width));margin-inline:auto}@media (width<=768px){:root{--page-padding:20px}}@keyframes rise-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes grain-shift{0%{transform:translate(0)}to{transform:translate(-2%,-2%)}}.animate-rise{animation:rise-in var(--duration-slow) var(--ease-out) both}.animate-fade{animation:fade-in var(--duration-base) var(--ease-out) both}.delay-1{animation-delay:80ms}.delay-2{animation-delay:.16s}.delay-3{animation-delay:.24s}.delay-4{animation-delay:.32s}