:root{--font-core:"Space Grotesk","Helvetica Neue",Arial,sans-serif;--font-display:"Space Grotesk","Helvetica Neue",Arial,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace}:root{--blue-50:#F2F5FE;--blue-100:#E4EAFD;--blue-200:#C6D2FA;--blue-300:#9DB0F5;--blue-400:#6A85EE;--blue-500:#3E60E7;--blue-600:#1F4FE0;--blue-700:#1740C4;--blue-800:#1235A8;--blue-900:#0E2A85;--grey-0:#FFFFFF;--grey-25:#FBFCFD;--grey-50:#F7F8FA;--grey-100:#F0F2F5;--grey-200:#E4E7EC;--grey-300:#D3D8E0;--grey-400:#A8B0BD;--grey-500:#868E9C;--grey-600:#5B6270;--grey-700:#3C424E;--grey-800:#232833;--grey-900:#0F1115;--green-50:#EAF7F1;--green-100:#CDEBDD;--green-600:#0F8A5F;--green-700:#0B6E4B;--amber-50:#FDF4E7;--amber-100:#F8E4C2;--amber-600:#B26B00;--amber-700:#8E5500;--red-50:#FDF0EF;--red-100:#F9D6D3;--red-600:#D0342C;--red-700:#A82823;--text-primary:var(--grey-900);--text-secondary:var(--grey-600);--text-tertiary:var(--grey-500);--text-disabled:var(--grey-400);--text-inverse:var(--grey-0);--text-link:var(--blue-600);--text-link-hover:var(--blue-700);--text-success:var(--green-700);--text-warning:var(--amber-700);--text-danger:var(--red-700);--surface-page:var(--grey-50);--surface-card:var(--grey-0);--surface-sunken:var(--grey-100);--surface-raised:var(--grey-0);--surface-inverse:var(--grey-900);--surface-hover:var(--grey-50);--surface-active:var(--grey-100);--surface-selected:var(--blue-50);--surface-accent:var(--blue-600);--surface-accent-subtle:var(--blue-50);--surface-success-subtle:var(--green-50);--surface-warning-subtle:var(--amber-50);--surface-danger-subtle:var(--red-50);--border-subtle:var(--grey-200);--border-default:var(--grey-300);--border-strong:var(--grey-400);--border-accent:var(--blue-600);--border-danger:var(--red-600);--border-focus:var(--blue-600);--action-primary-bg:var(--blue-600);--action-primary-bg-hover:var(--blue-700);--action-primary-bg-active:var(--blue-800);--action-primary-fg:var(--grey-0);--action-secondary-bg:var(--grey-0);--action-secondary-bg-hover:var(--grey-50);--action-secondary-bg-active:var(--grey-100);--action-secondary-fg:var(--grey-900);--action-ghost-bg-hover:var(--grey-100);--action-danger-bg:var(--red-600);--action-danger-bg-hover:var(--red-700);--action-disabled-bg:var(--grey-100);--action-disabled-fg:var(--grey-400);--focus-ring:0 0 0 3px var(--blue-100);--focus-ring-danger:0 0 0 3px var(--red-100);--status-active-fg:var(--green-700);--status-active-bg:var(--green-50);--status-expired-fg:var(--amber-700);--status-expired-bg:var(--amber-50);--status-deleted-fg:var(--grey-600);--status-deleted-bg:var(--grey-100);--status-locked-fg:var(--blue-700);--status-locked-bg:var(--blue-50)}:root{--text-display-1:56px;--text-display-2:44px;--text-h1:36px;--text-h2:28px;--text-h3:22px;--text-h4:18px;--text-body-lg:17px;--text-body:15px;--text-body-sm:13px;--text-caption:12px;--text-micro:11px;--leading-display:1.06;--leading-heading:1.22;--leading-body:1.55;--leading-tight:1.35;--leading-mono:1.45;--weight-light:300;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--tracking-display:-.022em;--tracking-heading:-.014em;--tracking-body:-.003em;--tracking-mono:-.01em;--tracking-caps:.08em;--type-display-1:var(--weight-semibold) var(--text-display-1)/var(--leading-display) var(--font-display);--type-display-2:var(--weight-semibold) var(--text-display-2)/var(--leading-display) var(--font-display);--type-h1:var(--weight-semibold) var(--text-h1)/var(--leading-heading) var(--font-display);--type-h2:var(--weight-semibold) var(--text-h2)/var(--leading-heading) var(--font-display);--type-h3:var(--weight-medium) var(--text-h3)/var(--leading-heading) var(--font-core);--type-h4:var(--weight-medium) var(--text-h4)/var(--leading-tight) var(--font-core);--type-body:var(--weight-regular) var(--text-body)/var(--leading-body) var(--font-core);--type-body-sm:var(--weight-regular) var(--text-body-sm)/var(--leading-body) var(--font-core);--type-label:var(--weight-medium) var(--text-body-sm)/var(--leading-tight) var(--font-core);--type-mono:var(--weight-regular) var(--text-body-sm)/var(--leading-mono) var(--font-mono);--type-caps:var(--weight-semibold) var(--text-micro)/1.2 var(--font-core)}:root{--space-0:0px;--space-1:2px;--space-2:4px;--space-3:6px;--space-4:8px;--space-5:12px;--space-6:16px;--space-7:20px;--space-8:24px;--space-9:32px;--space-10:40px;--space-11:48px;--space-12:64px;--space-13:80px;--space-14:96px;--space-15:128px;--pad-control-x:14px;--pad-control-y:9px;--pad-card:20px;--pad-card-lg:28px;--pad-section-y:96px;--gap-inline:8px;--gap-stack:12px;--gap-group:24px}:root{--radius-0:0px;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-pill:999px;--radius-control:var(--radius-sm);--radius-card:var(--radius-lg);--radius-panel:var(--radius-lg);--radius-dialog:var(--radius-xl);--radius-dropzone:var(--radius-lg);--radius-badge:var(--radius-xs);--radius-pillbadge:var(--radius-pill);--radius-avatar:var(--radius-pill)}:root{--shadow-none:none;--shadow-xs:0 1px 2px rgba(15,17,21,.05);--shadow-sm:0 1px 2px rgba(15,17,21,.05),0 1px 3px rgba(15,17,21,.04);--shadow-md:0 2px 4px rgba(15,17,21,.05),0 4px 12px rgba(15,17,21,.06);--shadow-lg:0 4px 8px rgba(15,17,21,.04),0 12px 32px rgba(15,17,21,.1);--shadow-dialog:0 16px 48px rgba(15,17,21,.18),0 2px 6px rgba(15,17,21,.08);--shadow-inset-top:inset 0 1px 0 rgba(255,255,255,.06);--shadow-accent:0 2px 8px rgba(31,79,224,.24);--scrim:rgba(15,17,21,.44);--scrim-light:rgba(15,17,21,.24)}:root{--duration-instant:80ms;--duration-fast:.12s;--duration-base:.18s;--duration-slow:.26s;--duration-slower:.4s;--ease-out:cubic-bezier(.2,.7,.3,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--ease-in:cubic-bezier(.5,0,1,1);--transition-control:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out);--transition-surface:background-color var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out);--transition-transform:transform var(--duration-base) var(--ease-out)}:root{--container-narrow:640px;--container-content:800px;--container-app:1200px;--container-wide:1320px;--sidebar-width:248px;--sidebar-width-collapsed:64px;--topbar-height:60px;--marketing-nav-height:68px;--row-height:56px;--row-height-compact:44px;--control-height-sm:32px;--control-height-md:40px;--control-height-lg:48px;--icon-sm:16px;--icon-md:20px;--icon-lg:24px;--z-base:0;--z-sticky:100;--z-dropdown:200;--z-scrim:300;--z-dialog:400;--z-toast:500}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font:var(--type-body);letter-spacing:var(--tracking-body);color:var(--text-primary);background:var(--surface-page);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{margin:0}p{margin:0;text-wrap:pretty}a{color:var(--text-link);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}a:hover{color:var(--text-link-hover);text-decoration:underline;text-underline-offset:2px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}code,kbd,samp,pre{font-family:var(--font-mono);font-size:.92em}hr{border:0;border-top:1px solid var(--border-subtle);margin:var(--space-8) 0}::selection{background:var(--blue-100);color:var(--blue-900)}.xt-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--gap-inline);font-family:var(--font-core);font-weight:var(--weight-medium);letter-spacing:var(--tracking-body);border-radius:var(--radius-control);border:1px solid transparent;cursor:pointer;white-space:nowrap;text-decoration:none;transition:var(--transition-control);-webkit-user-select:none;user-select:none}.xt-btn:hover{text-decoration:none}.xt-btn--sm{height:var(--control-height-sm);padding:0 12px;font-size:var(--text-body-sm)}.xt-btn--md{height:var(--control-height-md);padding:0 16px;font-size:var(--text-body)}.xt-btn--lg{height:var(--control-height-lg);padding:0 22px;font-size:var(--text-body-lg)}.xt-btn--block{width:100%}.xt-btn--primary{background:var(--action-primary-bg);color:var(--action-primary-fg)}.xt-btn--primary:hover{background:var(--action-primary-bg-hover)}.xt-btn--primary:active{background:var(--action-primary-bg-active)}.xt-btn--secondary{background:var(--action-secondary-bg);color:var(--action-secondary-fg);border-color:var(--border-default)}.xt-btn--secondary:hover{background:var(--action-secondary-bg-hover);border-color:var(--border-strong)}.xt-btn--secondary:active{background:var(--action-secondary-bg-active)}.xt-btn--ghost{background:transparent;color:var(--text-secondary)}.xt-btn--ghost:hover{background:var(--action-ghost-bg-hover);color:var(--text-primary)}.xt-btn--ghost:active{background:var(--surface-active)}.xt-btn--danger{background:var(--action-danger-bg);color:var(--text-inverse)}.xt-btn--danger:hover{background:var(--action-danger-bg-hover)}.xt-btn--link{background:transparent;color:var(--text-link);padding:0;height:auto}.xt-btn--link:hover{color:var(--text-link-hover);text-decoration:underline;text-underline-offset:2px}.xt-btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.xt-btn--danger:focus-visible{box-shadow:var(--focus-ring-danger)}.xt-btn[disabled],.xt-btn[aria-disabled=true]{background:var(--action-disabled-bg);color:var(--action-disabled-fg);border-color:transparent;cursor:not-allowed}.xt-btn--ghost[disabled],.xt-btn--link[disabled]{background:transparent}.xt-btn__spinner{width:14px;height:14px;border-radius:var(--radius-pill);border:2px solid currentColor;border-top-color:transparent;opacity:.7;animation:xt-spin .7s linear infinite}.xt-iconbtn{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-control);border:1px solid transparent;background:transparent;color:var(--text-secondary);cursor:pointer;transition:var(--transition-control);padding:0}.xt-iconbtn--sm{width:var(--control-height-sm);height:var(--control-height-sm)}.xt-iconbtn--md{width:var(--control-height-md);height:var(--control-height-md)}.xt-iconbtn--lg{width:var(--control-height-lg);height:var(--control-height-lg)}.xt-iconbtn:hover{background:var(--action-ghost-bg-hover);color:var(--text-primary)}.xt-iconbtn:active{background:var(--surface-active)}.xt-iconbtn--outlined{border-color:var(--border-default);background:var(--surface-card)}.xt-iconbtn--outlined:hover{border-color:var(--border-strong);background:var(--surface-hover)}.xt-iconbtn--danger:hover{background:var(--surface-danger-subtle);color:var(--text-danger)}.xt-iconbtn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.xt-iconbtn[disabled]{color:var(--text-disabled);cursor:not-allowed;background:transparent}.xt-field{display:flex;flex-direction:column;gap:var(--space-3)}.xt-field__label{font:var(--type-label);color:var(--text-primary);display:flex;align-items:center;gap:var(--space-2)}.xt-field__optional{color:var(--text-tertiary);font-weight:var(--weight-regular)}.xt-field__hint{font-size:var(--text-body-sm);color:var(--text-tertiary);line-height:var(--leading-tight)}.xt-field__error{font-size:var(--text-body-sm);color:var(--text-danger);line-height:var(--leading-tight)}.xt-input{width:100%;font-family:var(--font-core);font-size:var(--text-body);letter-spacing:var(--tracking-body);color:var(--text-primary);background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-control);height:var(--control-height-md);padding:0 var(--pad-control-x);transition:var(--transition-control)}.xt-input--sm{height:var(--control-height-sm);font-size:var(--text-body-sm);padding:0 10px}.xt-input--lg{height:var(--control-height-lg);font-size:var(--text-body-lg)}.xt-input--mono{font-family:var(--font-mono);font-size:var(--text-body-sm)}.xt-input::placeholder{color:var(--text-tertiary)}.xt-input:hover{border-color:var(--border-strong)}.xt-input:focus{outline:none;border-color:var(--border-focus);box-shadow:var(--focus-ring)}.xt-input[disabled]{background:var(--surface-sunken);color:var(--text-disabled);cursor:not-allowed}.xt-input[aria-invalid=true]{border-color:var(--border-danger)}.xt-input[aria-invalid=true]:focus{box-shadow:var(--focus-ring-danger)}.xt-textarea{min-height:96px;height:auto;padding:10px var(--pad-control-x);line-height:var(--leading-body);resize:vertical}.xt-input__wrap{position:relative;display:flex;align-items:center}.xt-input__wrap .xt-input{padding-left:38px}.xt-input__icon{position:absolute;left:12px;display:flex;color:var(--text-tertiary);pointer-events:none}.xt-input__affix{position:absolute;right:12px;font:var(--type-mono);color:var(--text-tertiary)}.xt-select{width:100%;appearance:none;font-family:var(--font-core);font-size:var(--text-body);color:var(--text-primary);background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-control);height:var(--control-height-md);padding:0 34px 0 var(--pad-control-x);cursor:pointer;transition:var(--transition-control)}.xt-select--sm{height:var(--control-height-sm);font-size:var(--text-body-sm)}.xt-select:hover{border-color:var(--border-strong)}.xt-select:focus{outline:none;border-color:var(--border-focus);box-shadow:var(--focus-ring)}.xt-select[disabled]{background:var(--surface-sunken);color:var(--text-disabled);cursor:not-allowed}.xt-select__wrap{position:relative;display:flex;align-items:center}.xt-select__chevron{position:absolute;right:12px;pointer-events:none;color:var(--text-tertiary);display:flex}.xt-check{display:flex;align-items:flex-start;gap:10px;cursor:pointer}.xt-check[data-disabled=true]{cursor:not-allowed;opacity:.55}.xt-check__box{flex:none;width:18px;height:18px;margin-top:1px;border:1px solid var(--border-default);border-radius:var(--radius-xs);background:var(--surface-card);display:flex;align-items:center;justify-content:center;color:transparent;transition:var(--transition-control)}.xt-check:hover .xt-check__box{border-color:var(--border-strong)}.xt-check input{position:absolute;opacity:0;width:0;height:0}.xt-check input:checked+.xt-check__box{background:var(--action-primary-bg);border-color:var(--action-primary-bg);color:var(--text-inverse)}.xt-check input:focus-visible+.xt-check__box{box-shadow:var(--focus-ring);border-color:var(--border-focus)}.xt-check__text{display:flex;flex-direction:column;gap:2px}.xt-check__label{font-size:var(--text-body);color:var(--text-primary);line-height:var(--leading-tight)}.xt-check__desc{font-size:var(--text-body-sm);color:var(--text-tertiary);line-height:var(--leading-tight)}.xt-switch{display:flex;align-items:center;gap:12px;cursor:pointer}.xt-switch[data-disabled=true]{cursor:not-allowed;opacity:.55}.xt-switch input{position:absolute;opacity:0;width:0;height:0}.xt-switch__track{flex:none;width:38px;height:22px;border-radius:var(--radius-pill);background:var(--grey-300);padding:2px;display:flex;transition:background-color var(--duration-base) var(--ease-out)}.xt-switch__knob{width:18px;height:18px;border-radius:var(--radius-pill);background:var(--grey-0);box-shadow:var(--shadow-xs);transition:transform var(--duration-base) var(--ease-out)}.xt-switch input:checked+.xt-switch__track{background:var(--action-primary-bg)}.xt-switch input:checked+.xt-switch__track .xt-switch__knob{transform:translate(16px)}.xt-switch input:focus-visible+.xt-switch__track{box-shadow:var(--focus-ring)}.xt-switch__text{display:flex;flex-direction:column;gap:2px}.xt-switch__label{font-size:var(--text-body);color:var(--text-primary);line-height:var(--leading-tight)}.xt-switch__desc{font-size:var(--text-body-sm);color:var(--text-tertiary);line-height:var(--leading-tight)}.xt-card{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-card);box-shadow:var(--shadow-sm)}.xt-card--flat{box-shadow:none}.xt-card--raised{box-shadow:var(--shadow-md);border-color:transparent}.xt-card--sunken{background:var(--surface-sunken);border-color:transparent;box-shadow:none}.xt-card--interactive{cursor:pointer;transition:var(--transition-surface),border-color var(--duration-base) var(--ease-out)}.xt-card--interactive:hover{border-color:var(--border-default);box-shadow:var(--shadow-md)}.xt-card--selected{border-color:var(--border-accent);box-shadow:var(--focus-ring)}.xt-card__pad{padding:var(--pad-card)}.xt-card__pad--lg{padding:var(--pad-card-lg)}.xt-card__header{padding:var(--space-6) var(--pad-card);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;gap:var(--space-6)}.xt-card__title{font:var(--type-h4);letter-spacing:var(--tracking-heading);color:var(--text-primary)}.xt-card__footer{padding:var(--space-5) var(--pad-card);border-top:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:flex-end;gap:var(--gap-inline)}.xt-badge{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-core);font-size:var(--text-caption);font-weight:var(--weight-medium);line-height:1;padding:4px 8px;border-radius:var(--radius-badge);border:1px solid transparent;white-space:nowrap}.xt-badge--pill{border-radius:var(--radius-pill);padding:4px 10px}.xt-badge--neutral{background:var(--surface-sunken);color:var(--text-secondary)}.xt-badge--accent{background:var(--surface-accent-subtle);color:var(--blue-700)}.xt-badge--success{background:var(--surface-success-subtle);color:var(--text-success)}.xt-badge--warning{background:var(--surface-warning-subtle);color:var(--text-warning)}.xt-badge--danger{background:var(--surface-danger-subtle);color:var(--text-danger)}.xt-badge--outline{background:transparent;border-color:var(--border-default);color:var(--text-secondary)}.xt-badge--inverse{background:var(--surface-inverse);color:var(--text-inverse)}.xt-badge__dot{width:6px;height:6px;border-radius:var(--radius-pill);background:currentColor}.xt-badge--mono{font-family:var(--font-mono);letter-spacing:var(--tracking-mono)}.xt-avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-avatar);background:var(--blue-100);color:var(--blue-800);font-family:var(--font-core);font-weight:var(--weight-medium);flex:none;overflow:hidden}.xt-avatar--xs{width:24px;height:24px;font-size:var(--text-micro)}.xt-avatar--sm{width:32px;height:32px;font-size:var(--text-caption)}.xt-avatar--md{width:40px;height:40px;font-size:var(--text-body-sm)}.xt-avatar--lg{width:56px;height:56px;font-size:var(--text-h4)}.xt-avatar--neutral{background:var(--surface-sunken);color:var(--text-secondary)}.xt-wordmark{display:inline-flex;align-items:baseline;font-family:var(--font-display);font-weight:var(--weight-bold);letter-spacing:-.03em;color:var(--text-primary);text-decoration:none;line-height:1;white-space:nowrap}.xt-wordmark:hover{text-decoration:none;color:var(--text-primary)}.xt-wordmark__x{color:var(--action-primary-bg);font-size:1.18em;line-height:.85;margin-right:-.055em}.xt-wordmark__mark{display:inline-flex;align-items:flex-end;margin-right:-.2em;margin-bottom:-.11em;flex:none}.xt-wordmark--inverse .xt-wordmark__mark{background:var(--blue-300)}.xt-wordmark--inverse{color:var(--text-inverse)}.xt-wordmark--inverse .xt-wordmark__x{color:var(--blue-300)}.xt-wordmark__division{font-family:var(--font-core);font-weight:var(--weight-medium);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-tertiary);margin-left:10px;padding-left:10px;border-left:1px solid var(--border-default)}.xt-tabs{display:flex;align-items:center;gap:var(--space-7);border-bottom:1px solid var(--border-subtle)}.xt-tab{position:relative;background:none;border:0;padding:0 0 12px;font-family:var(--font-core);font-size:var(--text-body);font-weight:var(--weight-medium);color:var(--text-secondary);cursor:pointer;transition:color var(--duration-fast) var(--ease-out)}.xt-tab:hover,.xt-tab[aria-selected=true]{color:var(--text-primary)}.xt-tab[aria-selected=true]:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--action-primary-bg);border-radius:2px 2px 0 0}.xt-tab__count{margin-left:6px;font-family:var(--font-mono);font-size:var(--text-caption);color:var(--text-tertiary)}@keyframes xt-spin{to{transform:rotate(360deg)}}@keyframes xt-fade-in{0%{opacity:0}to{opacity:1}}@keyframes xt-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes xt-stripe{to{background-position:24px 0}}.xt-status{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-core);font-size:var(--text-caption);font-weight:var(--weight-medium);line-height:1;padding:5px 10px;border-radius:var(--radius-pill)}.xt-status__dot{width:6px;height:6px;border-radius:var(--radius-pill);background:currentColor}.xt-status--active{background:var(--status-active-bg);color:var(--status-active-fg)}.xt-status--expired{background:var(--status-expired-bg);color:var(--status-expired-fg)}.xt-status--deleted{background:var(--status-deleted-bg);color:var(--status-deleted-fg)}.xt-status--locked,.xt-status--uploading{background:var(--status-locked-bg);color:var(--status-locked-fg)}.xt-progress{width:100%;height:6px;border-radius:var(--radius-pill);background:var(--surface-sunken);overflow:hidden}.xt-progress--lg{height:10px}.xt-progress--thin{height:3px}.xt-progress__fill{height:100%;border-radius:var(--radius-pill);background:var(--action-primary-bg);transition:width var(--duration-slow) var(--ease-out)}.xt-progress__fill--success{background:var(--green-600)}.xt-progress__fill--warning{background:var(--amber-600)}.xt-progress__fill--danger{background:var(--red-600)}.xt-progress__fill--striped{background-image:linear-gradient(100deg,rgba(255,255,255,.28) 25%,transparent 25% 50%,rgba(255,255,255,.28) 50% 75%,transparent 75%);background-size:24px 24px;animation:xt-stripe .8s linear infinite}.xt-progress-row{display:flex;align-items:center;gap:var(--space-5)}.xt-progress-row__value{font:var(--type-mono);color:var(--text-secondary);min-width:44px;text-align:right}.xt-spinner{display:inline-block;border-radius:var(--radius-pill);border:2px solid var(--border-default);border-top-color:var(--action-primary-bg);animation:xt-spin .7s linear infinite}.xt-spinner--sm{width:14px;height:14px}.xt-spinner--md{width:20px;height:20px}.xt-spinner--lg{width:32px;height:32px;border-width:3px}.xt-scrim{position:fixed;inset:0;background:var(--scrim);z-index:var(--z-scrim);display:flex;align-items:center;justify-content:center;padding:var(--space-8);animation:xt-fade-in var(--duration-base) var(--ease-out)}.xt-dialog{background:var(--surface-card);border-radius:var(--radius-dialog);box-shadow:var(--shadow-dialog);width:100%;max-width:480px;z-index:var(--z-dialog);animation:xt-rise var(--duration-slow) var(--ease-out);overflow:hidden}.xt-dialog--wide{max-width:640px}.xt-dialog__header{padding:var(--space-8) var(--pad-card-lg) var(--space-5);display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-6)}.xt-dialog__title{font:var(--type-h3);letter-spacing:var(--tracking-heading);color:var(--text-primary)}.xt-dialog__desc{font-size:var(--text-body);color:var(--text-secondary);line-height:var(--leading-body);margin-top:6px}.xt-dialog__body{padding:0 var(--pad-card-lg) var(--space-8);display:flex;flex-direction:column;gap:var(--space-6)}.xt-dialog__footer{padding:var(--space-6) var(--pad-card-lg);background:var(--surface-page);border-top:1px solid var(--border-subtle);display:flex;justify-content:flex-end;gap:var(--gap-inline)}.xt-toast{display:flex;align-items:flex-start;gap:12px;background:var(--surface-inverse);color:var(--text-inverse);border-radius:var(--radius-md);padding:14px 16px;box-shadow:var(--shadow-lg);max-width:400px;animation:xt-rise var(--duration-slow) var(--ease-out)}.xt-toast__body{display:flex;flex-direction:column;gap:2px}.xt-toast__title{font-size:var(--text-body-sm);font-weight:var(--weight-medium)}.xt-toast__desc{font-size:var(--text-body-sm);color:var(--grey-400);line-height:var(--leading-tight)}.xt-toast__icon{display:flex;flex:none;margin-top:1px}.xt-toast--success .xt-toast__icon{color:var(--green-100)}.xt-toast--danger .xt-toast__icon{color:var(--red-100)}.xt-tooltip{position:relative;display:inline-flex}.xt-tooltip__bubble{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--surface-inverse);color:var(--text-inverse);font-size:var(--text-caption);line-height:1.4;padding:6px 9px;border-radius:var(--radius-xs);white-space:nowrap;box-shadow:var(--shadow-md);pointer-events:none;animation:xt-fade-in var(--duration-fast) var(--ease-out);z-index:var(--z-dropdown)}.xt-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-5);padding:var(--space-13) var(--space-8)}.xt-empty__glyph{width:48px;height:48px;border-radius:var(--radius-lg);background:var(--surface-sunken);color:var(--text-tertiary);display:flex;align-items:center;justify-content:center}.xt-empty__title{font:var(--type-h4);letter-spacing:var(--tracking-heading);color:var(--text-primary)}.xt-empty__desc{font-size:var(--text-body);color:var(--text-secondary);max-width:38ch;line-height:var(--leading-body)}.xt-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-5);text-align:center;padding:var(--space-11) var(--space-8);border:1px dashed var(--border-default);border-radius:var(--radius-dropzone);background:var(--surface-card);cursor:pointer;transition:var(--transition-control)}.xt-dropzone:hover{border-color:var(--border-accent);background:var(--blue-50)}.xt-dropzone[data-dragging=true]{border-color:var(--border-accent);background:var(--blue-50);box-shadow:var(--focus-ring)}.xt-dropzone--compact{padding:var(--space-7) var(--space-6);flex-direction:row;justify-content:flex-start;text-align:left;gap:var(--space-5)}.xt-dropzone__glyph{width:44px;height:44px;border-radius:var(--radius-md);background:var(--surface-accent-subtle);color:var(--action-primary-bg);display:flex;align-items:center;justify-content:center;flex:none}.xt-dropzone__title{font-size:var(--text-body);font-weight:var(--weight-medium);color:var(--text-primary)}.xt-dropzone__hint{font-size:var(--text-body-sm);color:var(--text-tertiary)}.xt-filerow{display:flex;align-items:center;gap:var(--space-5);padding:12px var(--space-6);border-bottom:1px solid var(--border-subtle);transition:background-color var(--duration-fast) var(--ease-out)}.xt-filerow:last-child{border-bottom:0}.xt-filerow:hover{background:var(--surface-hover)}.xt-filerow__glyph{width:34px;height:34px;border-radius:var(--radius-sm);background:var(--surface-sunken);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;flex:none;font-family:var(--font-mono);font-size:var(--text-micro);font-weight:var(--weight-semibold);text-transform:uppercase}.xt-filerow__main{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.xt-filerow__name{font-size:var(--text-body);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.xt-filerow__meta{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:var(--text-micro);color:var(--text-tertiary)}.xt-filerow__sep{width:1px;height:9px;background:var(--border-default)}.xt-filerow__actions{display:flex;align-items:center;gap:2px;flex:none}.xt-copyfield{display:flex;align-items:center;gap:var(--space-4);background:var(--surface-sunken);border:1px solid var(--border-subtle);border-radius:var(--radius-control);padding:0 6px 0 12px;height:var(--control-height-md)}.xt-copyfield--lg{height:var(--control-height-lg);padding-left:16px}.xt-copyfield__value{flex:1;min-width:0;font:var(--type-mono);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.xt-copyfield--accent{background:var(--surface-accent-subtle);border-color:var(--blue-200)}.xt-metalist{display:flex;flex-direction:column}.xt-metalist__row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);padding:11px 0;border-bottom:1px solid var(--border-subtle)}.xt-metalist__row:last-child{border-bottom:0}.xt-metalist__key{display:flex;align-items:center;gap:8px;font-size:var(--text-body-sm);color:var(--text-secondary)}.xt-metalist__val{font-size:var(--text-body-sm);color:var(--text-primary);font-weight:var(--weight-medium);text-align:right}.xt-metalist__val--mono{font-family:var(--font-mono);font-weight:var(--weight-regular)}.xt-app{display:flex;min-height:100vh;background:var(--surface-page)}.xt-sidebar{width:var(--sidebar-width);flex:none;background:var(--surface-card);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;padding:var(--space-6) var(--space-5);gap:var(--space-8)}.xt-sidebar__brand{padding:var(--space-2) var(--space-3) 0;display:flex;align-items:center;justify-content:space-between}.xt-nav{display:flex;flex-direction:column;gap:2px}.xt-nav__label{font:var(--type-caps);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-tertiary);padding:var(--space-5) var(--space-3) var(--space-3)}.xt-nav__item{display:flex;align-items:center;gap:10px;padding:8px var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-body);color:var(--text-secondary);background:none;border:0;cursor:pointer;text-align:left;width:100%;font-family:var(--font-core);transition:var(--transition-control)}.xt-nav__item:hover{background:var(--surface-hover);color:var(--text-primary)}.xt-nav__item[aria-current=page]{background:var(--surface-selected);color:var(--blue-700);font-weight:var(--weight-medium)}.xt-nav__item svg{flex:none}.xt-nav__count{margin-left:auto;font-family:var(--font-mono);font-size:var(--text-micro);color:var(--text-tertiary)}.xt-topbar{height:var(--topbar-height);flex:none;background:var(--surface-card);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-8);gap:var(--space-8)}.xt-topbar__title{font:var(--type-h4);letter-spacing:var(--tracking-heading)}.xt-main{flex:1;min-width:0;display:flex;flex-direction:column}.xt-content{flex:1;padding:var(--space-9);overflow:auto}.xt-content__inner{max-width:var(--container-app);margin:0 auto;display:flex;flex-direction:column;gap:var(--space-8)}.xt-pagehead{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-8)}.xt-pagehead__title{font:var(--type-h2);letter-spacing:var(--tracking-heading)}.xt-pagehead__sub{font-size:var(--text-body);color:var(--text-secondary);margin-top:6px}.xt-table{width:100%;border-collapse:collapse;font-size:var(--text-body)}.xt-table th{text-align:left;font:var(--type-caps);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-tertiary);padding:0 var(--space-6) 10px;border-bottom:1px solid var(--border-subtle);white-space:nowrap}.xt-table td{padding:14px var(--space-6);border-bottom:1px solid var(--border-subtle);vertical-align:middle}.xt-table tbody tr{transition:background-color var(--duration-fast) var(--ease-out)}.xt-table tbody tr:hover{background:var(--surface-hover)}.xt-table tbody tr:last-child td{border-bottom:0}.xt-table__mono{font-family:var(--font-mono);font-size:var(--text-body-sm);color:var(--text-secondary)}.xt-marketing-nav{height:var(--marketing-nav-height);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-9);border-bottom:1px solid var(--border-subtle);background:#ffffffdb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:var(--z-sticky)}.xt-marketing-nav__links{display:flex;align-items:center;gap:var(--space-8)}.xt-marketing-nav__link{font-size:var(--text-body);color:var(--text-secondary)}.xt-marketing-nav__link:hover{color:var(--text-primary);text-decoration:none}.xt-section{padding:var(--pad-section-y) var(--space-9)}.xt-section__inner{max-width:var(--container-wide);margin:0 auto}.xt-eyebrow{font:var(--type-caps);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--action-primary-bg)}.xt-hero__title{font:var(--type-display-1);letter-spacing:var(--tracking-display);max-width:19ch}.xt-hero__body{font-size:var(--text-body-lg);color:var(--text-secondary);line-height:var(--leading-body);max-width:48ch}.xt-grid-lines{background-image:linear-gradient(var(--border-subtle) 1px,transparent 1px),linear-gradient(90deg,var(--border-subtle) 1px,transparent 1px);background-size:64px 64px}:root{--color-primary-navy: #0a1b44;--color-primary-navy-hover: #071330;--color-primary-accent: #2563eb;--color-surface-bg: #f8fafc;--color-surface-card: #ffffff;--color-border-subtle: #e2e8f0;--color-border-hover: #cbd5e1;--color-text-main: #0f172a;--color-text-muted: #64748b;--color-success-bg: #ecfdf5;--color-success-text: #065f46;--color-success-border: #a7f3d0;--color-warning-bg: #fffbeb;--color-warning-text: #92400e;--color-warning-border: #fde68a;--color-danger-bg: #fef2f2;--color-danger-text: #991b1b;--color-danger-border: #fecaca;--font-family: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--color-surface-bg);color:var(--color-text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;min-height:100vh}.xsign-header{background-color:#fffffff0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #E4E7EC;color:#0f1115;height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;box-shadow:none;position:sticky;top:0;z-index:100}.xsign-brand{display:inline-flex;align-items:flex-start;gap:0;text-decoration:none;color:#0f1115;height:100%}.xsign-brand-xwrap{display:inline-flex;align-items:center;flex:none}.xsign-brand-xsvg{height:38px;width:auto;fill:#2563eb;display:block}.xsign-brand-lockup{display:inline-flex;align-items:center;margin-left:-5px;gap:8px}.xsign-brand-text{font-size:32px;font-weight:800;letter-spacing:-.035em;color:#2563eb;line-height:1}.xsign-badge-ecosystem{font-size:10px;font-weight:700;letter-spacing:.08em;background:#eff6ff;border:1px solid #BFDBFE;color:#2563eb;padding:2px 6px;border-radius:4px;text-transform:uppercase;line-height:1}.xsign-nav-links{display:flex;align-items:center;gap:24px}.xsign-nav-link{color:#5b6270;text-decoration:none;font-size:14px;font-weight:500;transition:color .15s ease;cursor:pointer}.xsign-nav-link:hover,.xsign-nav-link.active{color:#13328c}.locale-picker{background:#f7f8fa;border:1px solid #D3D8E0;color:#3c424e;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:500;cursor:pointer;outline:none;transition:border-color .15s ease}.locale-picker:focus{border-color:#13328c}.locale-picker option{background-color:#fff;color:#0f1115}.xsign-header-btn{background:#2563eb!important;border:1px solid #2563EB!important;color:#fff!important;border-radius:8px!important;padding:8px 16px!important;font-size:13px!important;font-weight:600!important;display:inline-flex!important;align-items:center!important;gap:6px!important;cursor:pointer!important;transition:all .15s ease!important;text-decoration:none!important}.xsign-header-btn:hover{background:#1d4ed8!important;border-color:#1d4ed8!important}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;border-radius:6px;cursor:pointer;transition:all .15s ease;border:none;text-decoration:none}.btn-primary{background-color:var(--color-primary-navy);color:#fff}.btn-primary:hover{background-color:var(--color-primary-navy-hover);box-shadow:0 2px 6px #0a1b4440}.btn-secondary{background-color:#fff;color:var(--color-primary-navy);border:1px solid var(--color-border-subtle)}.btn-secondary:hover{background-color:#f1f5f9;border-color:var(--color-border-hover)}.btn-danger{background-color:#dc2626;color:#fff}.btn-danger:hover{background-color:#b91c1c}.btn-sm{padding:6px 12px;font-size:12px}.btn-lg{padding:14px 28px;font-size:15px}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600}.status-badge.draft{background:#f1f5f9;color:#475569}.status-badge.sent,.status-badge.signing{background:#eff6ff;color:#1d4ed8}.status-badge.pending_grace{background:var(--color-warning-bg);color:var(--color-warning-text);border:1px solid var(--color-warning-border)}.status-badge.completed{background:var(--color-success-bg);color:var(--color-success-text);border:1px solid var(--color-success-border)}.status-badge.withdrawn{background:var(--color-danger-bg);color:var(--color-danger-text);border:1px solid var(--color-danger-border)}.card{background:var(--color-surface-card);border:1px solid var(--color-border-subtle);border-radius:8px;box-shadow:0 1px 3px #0000000a}.modal-backdrop{position:fixed;inset:0;background:#0f172a99;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-dialog{background:#fff;border-radius:8px;max-width:580px;width:92%;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a;border:1px solid var(--color-border-subtle)}.xsign-modal-backdrop{position:fixed;inset:0;background:#0f172a99;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:20px}.xsign-modal-dialog{background:#fff;border-radius:12px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040;border:1px solid var(--color-border-subtle);animation:modalFadeIn .15s ease-out}.xsign-modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 24px 16px;border-bottom:1px solid var(--color-border-subtle)}.xsign-modal-body{padding:20px 24px}.xsign-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px 20px;border-top:1px solid var(--color-border-subtle);background:#fafafa;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.xsign-input{display:block;width:100%;padding:9px 12px;font-size:13px;color:#1e293b;background:#fff;border:1px solid #cbd5e1;border-radius:6px;transition:border-color .15s ease,box-shadow .15s ease;box-sizing:border-box}.xsign-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.xsign-footer{background-color:#061134;color:#94a3b8;padding:64px 0 32px;border-top:1px solid #0E256D;margin-top:auto}.xsign-footer .footer-container{max-width:1200px;margin:0 auto;padding:0 24px}.xsign-footer .footer-inner{display:flex;justify-content:space-between;gap:48px;padding-bottom:48px;border-bottom:1px solid #0E256D}.xsign-footer .footer-brand{display:flex;flex-direction:column;gap:12px;max-width:360px}.xsign-footer .brand-title{color:#fff;font-size:15px;font-weight:800;letter-spacing:.04em}.xsign-footer .brand-desc{font-size:13px;line-height:1.6;color:#94a3b8}.xsign-footer .sso-notice{display:flex;align-items:center;gap:8px;font-size:12px;color:#7da6eb;margin-top:4px}.xsign-footer .dot{width:6px;height:6px;border-radius:50%;background-color:#34d399}.xsign-footer .footer-links{display:flex;gap:56px}.xsign-footer .links-col{display:flex;flex-direction:column;gap:10px}.xsign-footer .col-title{font-size:11px;font-weight:700;letter-spacing:.08em;color:#fff;margin-bottom:4px}.xsign-footer .links-col a{font-size:13px;color:#94a3b8;text-decoration:none;transition:color .12s ease}.xsign-footer .links-col a:hover{color:#fff}.xsign-footer .subfooter{display:flex;justify-content:space-between;padding-top:24px;font-size:12px;color:#64748b}@media(max-width:768px){.xsign-footer .footer-inner{flex-direction:column}.xsign-footer .subfooter{flex-direction:column;gap:8px}}