:root{--fg-accent:#5b5bd6;--fg-accent-hover:#4f4fc4;--fg-accent-active:#4444b0;--fg-accent-subtle:#5b5bd614;--fg-accent-ring:#5b5bd647;--fg-canvas:#fff;--fg-chrome:#fafafa;--fg-raised:#fff;--fg-sunken:#f5f5f7;--fg-text:#1d1d1f;--fg-text-secondary:#6e6e73;--fg-text-tertiary:#8e8e93;--fg-hairline:#00000017;--fg-hairline-strong:#00000024;--fg-radius-sm:6px;--fg-radius:8px;--fg-radius-lg:12px;--fg-radius-xl:16px;--fg-shadow-sm:0 1px 2px #0000000d;--fg-shadow:0 1px 3px #0000000f, 0 1px 2px #0000000a;--fg-shadow-lg:0 12px 32px -8px #00000024, 0 4px 10px -4px #00000014, 0 0 0 1px #0000000d;--fg-fast:90ms;--fg-med:.14s;--fg-ease:cubic-bezier(.25, .1, .25, 1);--theme-bg:var(--fg-canvas);--theme-input-bg:var(--fg-canvas);--theme-text:var(--fg-text);--theme-border-color:var(--fg-hairline);--theme-overlay:#00000047;--theme-elevation-0:#fff;--theme-elevation-50:#fbfbfd;--theme-elevation-100:#f5f5f7;--theme-elevation-150:#ececee;--theme-elevation-200:#e3e3e6;--theme-elevation-250:#d8d8dc;--theme-elevation-300:#c9c9ce;--theme-elevation-350:#b8b8bf;--theme-elevation-400:#a1a1a8;--theme-elevation-450:#8e8e93;--theme-elevation-500:#7c7c82;--theme-elevation-550:#6e6e73;--theme-elevation-600:#5f5f64;--theme-elevation-650:#515156;--theme-elevation-700:#434348;--theme-elevation-750:#35353a;--theme-elevation-800:#1d1d1f;--theme-elevation-850:#161618;--theme-elevation-900:#0e0e10;--theme-elevation-950:#08080a;--theme-success-400:var(--fg-accent);--theme-success-450:var(--fg-accent);--theme-success-500:var(--fg-accent);--theme-success-550:var(--fg-accent-hover);--theme-success-600:var(--fg-accent-hover);--style-radius-s:var(--fg-radius-sm);--style-radius-m:var(--fg-radius);--style-radius-l:var(--fg-radius-lg);--font-body:system-ui, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;--accessibility-outline:2px solid var(--fg-accent);--accessibility-outline-offset:2px;--nav-width:264px;--nav-trans-time:var(--fg-med);--app-header-height:calc(var(--base) * 2.6);--doc-controls-height:calc(var(--base) * 2.6)}html{background:var(--fg-chrome);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{color:var(--fg-text);letter-spacing:-.006em}::selection{background:var(--fg-accent-subtle);color:var(--fg-text)}*{scrollbar-width:thin;scrollbar-color:#0000002e #0000}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#00000029 padding-box padding-box;border:3px solid #0000;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#0000004d padding-box padding-box}h1,h2,h3,h4,h5{letter-spacing:-.021em;font-weight:600}:focus-visible{outline:2px solid var(--fg-accent);outline-offset:2px;border-radius:var(--fg-radius-sm)}:focus:not(:focus-visible){outline:none}.nav{background:var(--fg-chrome);border-right:1px solid var(--fg-hairline)}.nav__scroll,.nav__header{padding-inline:10px}.nav__wrap{gap:2px}.nav__link{border-radius:var(--fg-radius-sm);min-height:32px;color:var(--fg-text-secondary);transition:background-color var(--fg-fast) var(--fg-ease),color var(--fg-fast) var(--fg-ease);align-items:center;gap:8px;margin:0;padding:6px 10px;font-size:13px;font-weight:500;line-height:1.25;text-decoration:none;display:flex}.nav__link:hover{color:var(--fg-text);opacity:1;background:#0000000b}.nav__link:active{opacity:1;background:#00000012}.nav__link-indicator{display:none}.nav-group__toggle{letter-spacing:.04em;text-transform:uppercase;color:var(--fg-text-tertiary);border-radius:var(--fg-radius-sm);transition:color var(--fg-fast) var(--fg-ease);margin-top:14px;padding:6px 10px;font-size:11px;font-weight:600}.nav-group__toggle:hover{color:var(--fg-text-secondary);background:0 0}.nav-group__toggle:focus-visible{color:var(--fg-text);outline:none}.nav-group__toggle:focus-visible .nav-group__label{outline:2px solid var(--fg-accent);outline-offset:3px;border-radius:3px}.nav-group__indicator{color:var(--fg-text-tertiary);transition:transform var(--fg-med) var(--fg-ease)}.nav__controls,.nav__log-out{border-top:1px solid var(--fg-hairline);padding-top:10px}.app-header{-webkit-backdrop-filter:saturate(180%)blur(20px);border-bottom:1px solid var(--fg-hairline);background:#fafafacc}.app-header__bg,.app-header__gradient-placeholder{background:0 0;display:none}.app-header__content{padding-block:0}.step-nav{color:var(--fg-text-tertiary);gap:2px;font-size:13px}.step-nav a{color:var(--fg-text-secondary);transition:color var(--fg-fast) var(--fg-ease);border-radius:4px;padding:2px 4px;text-decoration:none}.step-nav a:hover{color:var(--fg-text);opacity:1}.btn{border-radius:var(--fg-radius);letter-spacing:-.006em;text-transform:none;box-shadow:none;transition:background-color var(--fg-fast) var(--fg-ease),border-color var(--fg-fast) var(--fg-ease),box-shadow var(--fg-fast) var(--fg-ease),transform var(--fg-fast) var(--fg-ease),color var(--fg-fast) var(--fg-ease);font-size:13px;font-weight:500}.btn:active:not(.btn--disabled){opacity:1;transform:scale(.975)}.btn__content{gap:6px}.btn--style-primary,.btn--style-secondary{--btn-padding-block-start:0;--btn-padding-block-end:0;--btn-padding-inline-start:0;--btn-padding-inline-end:0}.btn--style-primary .btn__content{padding:7px 14px}.btn--style-primary{background:var(--fg-accent);color:#fff;box-shadow:var(--fg-shadow-sm);border:1px solid #0000}.btn--style-primary:hover:not(.btn--disabled){background:var(--fg-accent-hover);color:#fff}.btn--style-primary:active:not(.btn--disabled){background:var(--fg-accent-active)}.btn--style-secondary{background:var(--fg-canvas);color:var(--fg-text);border:1px solid var(--fg-hairline-strong);box-shadow:var(--fg-shadow-sm)}.btn--style-secondary .btn__content{padding:7px 14px}.btn--style-secondary:hover:not(.btn--disabled){background:var(--fg-sunken);border-color:var(--fg-hairline-strong);color:var(--fg-text)}.btn--style-subtle{color:var(--fg-text-secondary);background:0 0;border:1px solid #0000}.btn--style-subtle:hover:not(.btn--disabled){background:var(--fg-sunken);color:var(--fg-text)}.btn--style-pill{border-radius:99px}.btn--style-icon-label,.btn--icon-only{border-radius:var(--fg-radius-sm);color:var(--fg-text-secondary)}.btn--style-icon-label:hover:not(.btn--disabled),.btn--icon-only:hover:not(.btn--disabled){background:var(--fg-sunken);color:var(--fg-text)}.btn--disabled{opacity:.4;box-shadow:none;transform:none}.field-type input[type=text],.field-type input[type=email],.field-type input[type=password],.field-type input[type=number],.field-type input[type=date],.field-type textarea,.field-type .textarea__el,.field-type .code-editor,input.search-filter__input{border:1px solid var(--fg-hairline-strong);border-radius:var(--fg-radius);background:var(--fg-canvas);box-shadow:none;color:var(--fg-text);transition:border-color var(--fg-fast) var(--fg-ease),box-shadow var(--fg-fast) var(--fg-ease),background-color var(--fg-fast) var(--fg-ease);font-size:13px}.field-type input:hover:not(:disabled),.field-type textarea:hover:not(:disabled),input.search-filter__input:hover{border-color:var(--theme-elevation-300);box-shadow:none}.field-type input:focus,.field-type textarea:focus,input.search-filter__input:focus{border-color:var(--fg-accent);box-shadow:0 0 0 3px var(--fg-accent-ring);outline:none}.field-type input::placeholder,.field-type textarea::placeholder{color:var(--fg-text-tertiary)}.field-label{letter-spacing:-.003em;color:var(--fg-text-secondary);margin-bottom:6px;font-size:12px;font-weight:600}.rs__control{border:1px solid var(--fg-hairline-strong);border-radius:var(--fg-radius);background:var(--fg-canvas);box-shadow:none;min-height:34px;transition:border-color var(--fg-fast) var(--fg-ease),box-shadow var(--fg-fast) var(--fg-ease)}.rs__control:hover{border-color:var(--theme-elevation-300);box-shadow:none}.rs__control--is-focused,.rs__control--menu-is-open{border-color:var(--fg-accent);box-shadow:0 0 0 3px var(--fg-accent-ring)}.rs__menu{border-radius:var(--fg-radius-lg);border:1px solid var(--fg-hairline);box-shadow:var(--fg-shadow-lg);padding:4px;overflow:hidden}.rs__option{border-radius:var(--fg-radius-sm);padding:7px 10px;font-size:13px}.rs__option--is-focused{background:var(--fg-sunken)}.rs__option--is-selected{background:var(--fg-accent-subtle);color:var(--fg-accent);font-weight:500}.rs__multi-value{border-radius:var(--fg-radius-sm);background:var(--fg-sunken)}.checkbox-input__input{border-radius:var(--fg-radius-sm);border:1px solid var(--fg-hairline-strong);background:var(--fg-canvas);transition:background-color var(--fg-fast) var(--fg-ease),border-color var(--fg-fast) var(--fg-ease)}.checkbox-input--checked .checkbox-input__input{background:var(--fg-accent);border-color:var(--fg-accent)}.checkbox-input__input:has(input:checked){background:var(--fg-accent);border-color:var(--fg-accent)}.list-header__title,.collection-list__header h1{letter-spacing:-.021em;font-size:22px;font-weight:600}.table{border:1px solid var(--fg-hairline);border-radius:var(--fg-radius-lg);background:var(--fg-canvas);box-shadow:var(--fg-shadow-sm);overflow:hidden}.table table{border-collapse:separate;border-spacing:0}.table thead th{z-index:1;background:var(--fg-sunken);border-bottom:1px solid var(--fg-hairline);letter-spacing:.04em;text-transform:uppercase;color:var(--fg-text-tertiary);white-space:nowrap;padding:9px 14px;font-size:11px;font-weight:600;position:sticky;top:0}.table tbody td{border-bottom:1px solid var(--fg-hairline);color:var(--fg-text);vertical-align:middle;padding:11px 14px;font-size:13px}.table tbody tr:last-child td{border-bottom:0}.table tbody tr{transition:background-color var(--fg-fast) var(--fg-ease);background:0 0}.table tbody tr:hover{background:var(--fg-sunken)}.table td a{color:var(--fg-text);font-weight:500;text-decoration:none}.table td a:hover{color:var(--fg-accent);opacity:1}.list-controls{gap:0}.search-bar{gap:8px}.paginator button,.paginator a{border-radius:var(--fg-radius-sm);min-width:30px;transition:background-color var(--fg-fast) var(--fg-ease);font-size:13px}.paginator button:hover{background:var(--fg-sunken)}.popup__content{border-radius:var(--fg-radius-lg);border:1px solid var(--fg-hairline);background:var(--fg-raised);box-shadow:var(--fg-shadow-lg);padding:4px;overflow:hidden}.popup__caret{display:none}.popup-button-list__button{border-radius:var(--fg-radius-sm);color:var(--fg-text);transition:background-color var(--fg-fast) var(--fg-ease),color var(--fg-fast) var(--fg-ease);padding:7px 10px;font-size:13px;font-weight:500}.popup-button-list__button:hover{background:var(--fg-sunken);color:var(--fg-text);opacity:1}.popup-button-list__button--selected{background:var(--fg-accent-subtle);color:var(--fg-accent)}.drawer__content,.payload__modal-item .drawer__content{border-radius:var(--fg-radius-xl) 0 0 var(--fg-radius-xl);background:var(--fg-canvas);box-shadow:var(--fg-shadow-lg)}.tooltip{border-radius:var(--fg-radius-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;box-shadow:var(--fg-shadow);background:#1d1d1feb;padding:5px 8px;font-size:12px;font-weight:500}.doc-controls{-webkit-backdrop-filter:saturate(180%)blur(20px);border-bottom:1px solid var(--fg-hairline);background:#fafafacc}.doc-controls__label{letter-spacing:.04em;text-transform:uppercase;color:var(--fg-text-tertiary);font-size:11px;font-weight:600}.doc-controls__value{color:var(--fg-text-secondary);font-size:13px}.document-fields__sidebar-wrap{border-left:1px solid var(--fg-hairline);background:var(--fg-chrome)}.collapsible__toggle-wrap{border-radius:var(--fg-radius);transition:background-color var(--fg-fast) var(--fg-ease)}.collapsible__toggle-wrap:hover{background:var(--fg-sunken)}.group-field__header,.tabs-field__tab-button{font-size:13px;font-weight:500}.tabs-field__tab-button{border-radius:var(--fg-radius-sm);color:var(--fg-text-secondary);transition:background-color var(--fg-fast) var(--fg-ease),color var(--fg-fast) var(--fg-ease);border-bottom:0;padding:6px 12px}.tabs-field__tab-button:hover{background:var(--fg-sunken);color:var(--fg-text)}.tabs-field__tab-button--active{background:var(--fg-accent-subtle);color:var(--fg-accent);font-weight:600}.pill{letter-spacing:-.003em;text-transform:none;transition:background-color var(--fg-fast) var(--fg-ease),color var(--fg-fast) var(--fg-ease);border-radius:99px;padding:3px 9px;font-size:11px;font-weight:600}.pill--style-light{background:var(--fg-sunken);color:var(--fg-text-secondary)}.pill--style-dark{background:var(--fg-text);color:#fff}.pill--has-action:hover{background:var(--theme-elevation-150);opacity:1}.card{border:1px solid var(--fg-hairline);border-radius:var(--fg-radius-lg);background:var(--fg-canvas);box-shadow:var(--fg-shadow-sm);transition:box-shadow var(--fg-med) var(--fg-ease),border-color var(--fg-med) var(--fg-ease),transform var(--fg-med) var(--fg-ease)}.card--has-onclick:hover{border-color:var(--fg-hairline-strong);box-shadow:var(--fg-shadow);transform:translateY(-1px)}.card__title{letter-spacing:-.011em;font-size:14px;font-weight:600}.banner{border-radius:var(--fg-radius);padding:11px 14px;font-size:13px}.template-minimal{background:var(--fg-chrome)}.template-minimal__wrap{background:var(--fg-canvas);border:1px solid var(--fg-hairline);border-radius:var(--fg-radius-xl);box-shadow:var(--fg-shadow-lg);padding:36px}.login__brand{margin-bottom:20px}@media (prefers-reduced-motion:reduce){:root{--fg-fast:0s;--fg-med:0s;--nav-trans-time:0s}.btn:active:not(.btn--disabled),.card--has-onclick:hover{transform:none}}.doc-header__title{letter-spacing:-.021em;font-size:24px;font-weight:600}.doc-tab{box-shadow:none;border-radius:var(--fg-radius-sm);color:var(--fg-text-tertiary);background:0 0;border:0;font-size:13px;font-weight:500}.doc-tab:hover:not(.btn--disabled){background:var(--fg-sunken);color:var(--fg-text)}.doc-tab--active,.doc-tab--active.btn--disabled{color:var(--fg-text);opacity:1;font-weight:600}.auth-fields{background:var(--fg-sunken);border:1px solid var(--fg-hairline);border-radius:var(--fg-radius-lg);padding:24px}.list-create-new-doc__create-new-button{background:var(--fg-accent);color:#fff;border-radius:var(--fg-radius);box-shadow:var(--fg-shadow-sm);padding:7px 13px;font-size:13px;font-weight:500}.list-create-new-doc__create-new-button:hover{background:var(--fg-accent-hover);color:#fff;opacity:1}.search-filter__input,.search-bar input{height:34px;padding-block:0;font-size:13px}.search-bar{--search-bg:transparent;align-items:center;min-height:0}.search-bar__actions{padding:0}.list-controls__toggle-columns,.list-controls__toggle-where,.list-controls__toggle-sort,.list-controls__toggle-group-by{border:1px solid var(--fg-hairline-strong);border-radius:var(--fg-radius);background:var(--fg-canvas);height:34px;box-shadow:var(--fg-shadow-sm);color:var(--fg-text);letter-spacing:-.006em;padding:0 12px;font-size:13px;font-weight:500}.list-controls__toggle-columns:hover,.list-controls__toggle-where:hover,.list-controls__toggle-sort:hover,.list-controls__toggle-group-by:hover{background:var(--fg-sunken);color:var(--fg-text);opacity:1}.nav__link:has(>.nav__link-indicator){background:var(--fg-accent-subtle);color:var(--fg-accent);font-weight:600;position:relative}.nav__link:has(>.nav__link-indicator):before{content:"";background:var(--fg-accent);border-radius:0 3px 3px 0;width:3px;height:16px;position:absolute;top:50%;left:-10px;transform:translateY(-50%)}.nav__link:has(>.nav__link-indicator):hover{color:var(--fg-accent);background:#5b5bd61f}.collections__label{letter-spacing:.04em;text-transform:uppercase;color:var(--fg-text-tertiary);font-size:11px;font-weight:600}.card{min-height:0;padding:14px 16px}.list-header__title-and-actions{align-items:center;gap:16px;min-height:37px}.list-header__title{line-height:1.2}.list-header__title-actions,.list-header__actions{align-items:center;margin-bottom:0}.list-header__title-actions .btn:not(.list-create-new-doc__create-new-button){background:var(--fg-canvas);color:var(--fg-text);border:1px solid var(--fg-hairline-strong);border-radius:var(--fg-radius);box-shadow:var(--fg-shadow-sm);padding:7px 13px;font-size:13px;font-weight:500}.list-header__title-actions .btn:not(.list-create-new-doc__create-new-button):hover{background:var(--fg-sunken);color:var(--fg-text);opacity:1}.page-controls__page-info{color:var(--fg-text-secondary);font-size:13px}.per-page__base-button{color:var(--fg-text-secondary);border-radius:var(--fg-radius-sm);transition:color var(--fg-fast) var(--fg-ease);gap:4px;font-size:13px;font-weight:500}.per-page__base-button:hover{color:var(--fg-text);opacity:1}