@font-face{font-family:Inter;src:url(/fonts/inter-latin.woff2)format("woff2");font-weight:100 1000;font-style:normal;font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--brand:var(--brand-custom,#16160e);--brand-text:var(--brand-custom-text,#fff);--brand-hover:var(--brand-custom-hover,color-mix(in srgb, var(--brand) 86%, #000));--text-primary:#16160e;--text-secondary:#585459;--text-tertiary:#8a868b;--text-on-color:#fff;--background:#fff;--logo-stage-light:#fff;--logo-stage-light-text:#737373;--logo-stage-dark:#171717;--logo-stage-dark-text:#a3a3a3;--logo-stage-light-ink:#16160e;--logo-stage-dark-ink:#f5f5f2;--sample-brand:#5b5bd6;--sample-brand-text:#fff;--surface-light:#fafafa;--surface-dark:#f5f5f5;--surface-very-dark:#f0f0f0;--surface-sidebar:color-mix(in srgb, var(--surface-light) 50%, var(--surface-dark));--surface-raised:#fff;--device-frame-rim:#dadce0;--device-frame-rim-line:#bfc2c7;--device-frame-bezel:#0a0a0b;--border:#0000001a;--separator:#c5c5c780;--hover-overlay:#0000000d;--focus-ring:color-mix(in srgb, var(--brand) 22%, transparent);--positive:#16a34a;--positive-text:color-mix(in srgb, var(--positive) 80%, #000);--positive-surface:color-mix(in srgb, var(--positive) 10%, var(--background));--pending:#f6782c;--pending-text:color-mix(in srgb, var(--pending) 70%, #000);--pending-surface:color-mix(in srgb, var(--pending) 10%, var(--background));--info:#2563eb;--info-text:color-mix(in srgb, var(--info) 85%, #000);--info-surface:color-mix(in srgb, var(--info) 10%, var(--background));--destructive:#b0101c;--destructive-text:color-mix(in srgb, var(--destructive) 85%, #000);--destructive-hover:#960d17;--pin:var(--brand-custom,#1f6feb);--pin-text:var(--brand-custom-text,#fff);--shadow-rgb:22, 22, 14;--scrim-rgb:22, 22, 14;--overlay-on-media-rgb:0, 0, 0;--shadow-card:0 1px 2px rgba(var(--shadow-rgb), .04);--shadow-popover:0 12px 32px rgba(var(--shadow-rgb), .12);--shadow-modal:0 30px 60px rgba(var(--shadow-rgb), .18);--radius-small:8px;--radius-button:12px;--radius-card:16px;--radius-large:24px;--radius-flyout:28px;--radius-pill:999px;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;--font-display:var(--font-body);--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--font-signature:"Snell Roundhand", "Segoe Script", "Brush Script MT", cursive;--text-body-2xs:11px;--lh-body-2xs:14px;--text-body-xs:12px;--lh-body-xs:16px;--text-body-sm:13px;--lh-body-sm:18px;--text-body:14px;--lh-body:18px;--text-body-prose:14px;--lh-body-prose:21px;--text-body-lg:16px;--lh-body-lg:20px;--text-title-sm:13px;--lh-title-sm:18px;--text-title:14px;--lh-title:20px;--text-title-md:18px;--lh-title-md:22px;--text-title-lg:20px;--lh-title-lg:24px;--text-display-sm:22px;--lh-display-sm:26px;--text-display:26px;--lh-display:30px;--text-display-xl:28px;--lh-display-xl:32px;--text-display-2xl:34px;--lh-display-2xl:40px;--text-badge:12px;--lh-badge:16px;--text-hero:52px;--lh-hero:60px;--tracking-title:-.02em;--tracking-title-base:-.2px;--weight-regular:400;--weight-medium:500;--weight-semibold:550;--weight-bold:650;--sidebar-width:248px;--rail-width:400px;--topbar-height:56px}@media (width<=800px){:root{--text-hero:40px;--lh-hero:48px}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--brand:var(--brand-custom-dark,#f5f5f2);--brand-text:var(--brand-custom-dark-text,#16160e);--brand-hover:var(--brand-custom-dark-hover,color-mix(in srgb, var(--brand) 88%, #000));--text-primary:#fff;--text-secondary:#8c8e8c;--text-tertiary:#6c6e6c;--background:#171717;--logo-stage-light:#fff;--logo-stage-light-text:#737373;--logo-stage-dark:#171717;--logo-stage-dark-text:#a3a3a3;--logo-stage-light-ink:#16160e;--logo-stage-dark-ink:#f5f5f2;--sample-brand:#5b5bd6;--sample-brand-text:#fff;--surface-light:#202020;--surface-dark:#262626;--surface-very-dark:#2b2b2b;--surface-raised:#1e1e1e;--device-frame-rim:#dadce0;--device-frame-rim-line:#bfc2c7;--device-frame-bezel:#0a0a0b;--border:#ffffff1f;--separator:#50505480;--hover-overlay:#ffffff14;--positive:#22c55e;--positive-text:var(--positive);--pending-text:var(--pending);--info:#60a5fa;--info-text:var(--info);--destructive-text:color-mix(in srgb, var(--destructive) 70%, #fff);--pin:var(--brand-custom-dark,#4c8df6);--pin-text:var(--brand-custom-dark-text,#fff);--shadow-rgb:0, 0, 0;--scrim-rgb:0, 0, 0}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--brand:var(--brand-custom-dark,#f5f5f2);--brand-text:var(--brand-custom-dark-text,#16160e);--brand-hover:var(--brand-custom-dark-hover,color-mix(in srgb, var(--brand) 88%, #000));--text-primary:#fff;--text-secondary:#8c8e8c;--text-tertiary:#6c6e6c;--background:#171717;--logo-stage-light:#fff;--logo-stage-light-text:#737373;--logo-stage-dark:#171717;--logo-stage-dark-text:#a3a3a3;--logo-stage-light-ink:#16160e;--logo-stage-dark-ink:#f5f5f2;--sample-brand:#5b5bd6;--sample-brand-text:#fff;--surface-light:#202020;--surface-dark:#262626;--surface-very-dark:#2b2b2b;--surface-raised:#1e1e1e;--device-frame-rim:#dadce0;--device-frame-rim-line:#bfc2c7;--device-frame-bezel:#0a0a0b;--border:#ffffff1f;--separator:#50505480;--hover-overlay:#ffffff14;--positive:#22c55e;--positive-text:var(--positive);--pending-text:var(--pending);--info:#60a5fa;--info-text:var(--info);--destructive-text:color-mix(in srgb, var(--destructive) 70%, #fff);--pin:var(--brand-custom-dark,#4c8df6);--pin-text:var(--brand-custom-dark-text,#fff);--shadow-rgb:0, 0, 0;--scrim-rgb:0, 0, 0}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--background);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-body);line-height:var(--lh-body);font-weight:var(--weight-regular);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv11", "ss01";margin:0}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{text-wrap:balance}p,li{text-wrap:pretty}a{color:inherit}button,input,textarea,select{font:inherit;color:inherit}img,video{max-width:100%;display:block}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.type-body-2xs{font-size:var(--text-body-2xs);line-height:var(--lh-body-2xs);font-weight:var(--weight-regular);letter-spacing:normal}.type-body-xs{font-size:var(--text-body-xs);line-height:var(--lh-body-xs);font-weight:var(--weight-medium);letter-spacing:normal}.type-body-xs-regular{font-size:var(--text-body-xs);line-height:var(--lh-body-xs);font-weight:var(--weight-regular);letter-spacing:normal}.type-body-sm{font-size:var(--text-body-sm);line-height:var(--lh-body-sm);font-weight:var(--weight-medium);letter-spacing:normal}.type-body-sm-regular{font-size:var(--text-body-sm);line-height:var(--lh-body-sm);font-weight:var(--weight-regular);letter-spacing:normal}.type-body{font-size:var(--text-body);line-height:var(--lh-body);font-weight:var(--weight-regular);letter-spacing:normal}.type-body-medium{font-size:var(--text-body);line-height:var(--lh-body);font-weight:var(--weight-medium);letter-spacing:normal}.type-body-bold{font-size:var(--text-body);line-height:var(--lh-body);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-title-base)}.type-body-prose{font-size:var(--text-body-prose);line-height:var(--lh-body-prose);font-weight:var(--weight-regular);letter-spacing:normal}.type-body-lg{font-size:var(--text-body-lg);line-height:var(--lh-body-lg);font-weight:var(--weight-regular);letter-spacing:normal}.type-title-sm{font-size:var(--text-title-sm);line-height:var(--lh-title-sm);font-weight:var(--weight-semibold);letter-spacing:normal}.type-title{font-size:var(--text-title);line-height:var(--lh-title);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-title-base)}.type-title-md,.type-title-lg,.type-display-sm,.type-display,.type-display-xl,.type-display-2xl,.type-hero{font-family:var(--font-display);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-title)}.type-title-md{font-size:var(--text-title-md);line-height:var(--lh-title-md)}.type-title-lg{font-size:var(--text-title-lg);line-height:var(--lh-title-lg)}.type-display-sm{font-size:var(--text-display-sm);line-height:var(--lh-display-sm)}.type-display{font-size:var(--text-display);line-height:var(--lh-display)}.type-display-xl{font-size:var(--text-display-xl);line-height:var(--lh-display-xl)}.type-display-2xl{font-size:var(--text-display-2xl);line-height:var(--lh-display-2xl)}.type-hero{font-size:var(--text-hero);line-height:var(--lh-hero);letter-spacing:-.03em}.type-badge{font-size:var(--text-badge);line-height:var(--lh-badge);font-weight:var(--weight-semibold);letter-spacing:normal}.type-signature{font-family:var(--font-signature);font-size:var(--text-display-2xl);line-height:var(--lh-display-2xl);font-weight:var(--weight-semibold);letter-spacing:normal}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.tabular{font-variant-numeric:tabular-nums}.btn{border:.5px solid var(--separator);border-radius:var(--radius-button);corner-shape:squircle;background:var(--background);height:32px;color:var(--text-primary);font-size:var(--text-body-sm);line-height:var(--lh-body-sm);font-weight:var(--weight-semibold);white-space:nowrap;cursor:pointer;justify-content:center;align-items:center;gap:6px;padding:0 14px;text-decoration:none;transition:background .12s,border-color .12s,color .12s,opacity .12s;display:inline-flex}.btn:hover{background:var(--surface-dark)}.btn:disabled:not([data-loading]){opacity:.45;cursor:not-allowed}.btn svg{flex-shrink:0;width:16px;height:16px}.btn{--spinner-color:var(--text-secondary)}.btn[data-loading]{pointer-events:none;position:relative;color:#0000!important}.btn[data-loading]>*{visibility:hidden}.btn[data-loading]:after{content:"";border:2px solid color-mix(in srgb, var(--spinner-color) 25%, transparent);border-top-color:var(--spinner-color);border-radius:50%;width:16px;height:16px;margin:auto;animation:.7s linear infinite spin;position:absolute;inset:0}.btn-lg{border-radius:var(--radius-pill);corner-shape:round;height:40px;padding:0 18px}.btn-block{width:100%}.btn-primary{background:var(--brand);color:var(--brand-text);--spinner-color:var(--brand-text);border-color:#0000}.btn-primary:hover{background:var(--brand-hover)}.btn-ghost{background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--hover-overlay)}.btn-destructive{color:var(--destructive-text)}.btn-destructive:hover{background:color-mix(in srgb, var(--destructive) 8%, var(--background))}.btn-positive{background:var(--positive);color:var(--text-on-color);--spinner-color:var(--text-on-color);border-color:#0000}.btn-positive:hover{background:color-mix(in srgb, var(--positive) 88%, #000)}.link-button{color:var(--text-secondary);font-weight:var(--weight-semibold);cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:0;transition:color .12s;display:inline-flex}.link-button:hover{color:var(--text-primary)}.link-button-destructive{color:var(--destructive-text)}.link-button-destructive:hover{color:var(--destructive-hover)}.link-button:disabled{opacity:.45;cursor:not-allowed}.link-button svg{width:14px;height:14px}.icon-btn{border-radius:var(--radius-pill);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;transition:background .12s,color .12s;display:inline-flex}.icon-btn:hover{background:var(--hover-overlay);color:var(--text-primary)}.icon-btn:disabled{opacity:.3;cursor:default;color:var(--text-secondary);background:0 0}.icon-btn[data-active=true]{background:var(--brand);color:var(--brand-text)}.icon-btn svg{width:18px;height:18px}.field{flex-direction:column;gap:6px;display:flex}.field-label{color:var(--text-primary)}.field-hint{color:var(--text-secondary)}.input,.textarea,.select{border:.5px solid var(--border);border-radius:var(--radius-button);corner-shape:squircle;background:var(--background);width:100%;min-height:40px;color:var(--text-primary);font-size:var(--text-body);line-height:var(--lh-body-prose);outline:none;padding:9px 12px;transition:border-color .12s,box-shadow .12s}.input::placeholder,.textarea::placeholder{color:var(--text-tertiary)}.input:focus,.textarea:focus,.select:focus{border-color:var(--text-secondary);box-shadow:0 0 0 3px var(--focus-ring)}.textarea{resize:vertical;min-height:88px}.form{flex-direction:column;gap:16px;display:flex}.form-sections{flex-direction:column;gap:32px;padding:4px 0;display:flex}.form-section{flex-direction:column;gap:12px;display:flex}.form-section-fields{gap:16px}.form-error{border-radius:var(--radius-button);background:color-mix(in srgb, var(--destructive) 8%, var(--background));color:var(--destructive-text);padding:10px 12px}.card{background:var(--surface-raised);border-radius:var(--radius-card);corner-shape:squircle;box-shadow:inset 0 0 0 .5px var(--separator), var(--shadow-card)}.divider{background:var(--separator);border:0;height:.5px;margin:0}.pill{border-radius:var(--radius-pill);background:var(--surface-very-dark);height:22px;color:var(--text-secondary);white-space:nowrap;align-items:center;gap:4px;padding:0 8px;display:inline-flex}.pill svg{flex-shrink:0;width:12px;height:12px}.pill[data-status=approved]{background:var(--positive-surface);color:var(--positive-text)}.pill[data-status=changes_requested]{background:var(--pending-surface);color:var(--pending-text)}.pill[data-status=info]{background:var(--info-surface);color:var(--info-text)}.avatar{background:var(--surface-very-dark);width:28px;height:28px;color:var(--text-secondary);line-height:1;font-weight:var(--weight-semibold);box-shadow:0 0 0 2px var(--background);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.avatar-stack{display:flex}.avatar-stack .avatar+.avatar{margin-left:-8px}.spinner{border:2px solid var(--surface-very-dark);border-top-color:var(--text-secondary);border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.page-loader{place-items:center;height:100%;min-height:240px;display:grid}.empty{text-align:center;color:var(--text-secondary);flex-direction:column;align-items:center;gap:8px;padding:48px 24px;display:flex}.empty-icon{border-radius:var(--radius-card);background:var(--surface-dark);width:48px;height:48px;color:var(--text-secondary);place-items:center;margin-bottom:8px;display:grid}.empty h3{color:var(--text-primary)}.empty .btn{margin-top:12px}.fade-image{opacity:0;transition:opacity .28s ease-out}.fade-image[data-loaded=true]{opacity:1}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.modal-scrim{z-index:1000;background:rgba(var(--scrim-rgb), .4);place-items:center;padding:16px;animation:.18s ease-out both scrim-in;display:grid;position:fixed;inset:0}.modal-scrim[data-leaving]{pointer-events:none;animation:.2s ease-out both scrim-out}.modal-scrim[data-leaving] .modal{animation:.2s cubic-bezier(.4,0,.2,1) both modal-out}.modal{background:var(--surface-raised);border-radius:var(--radius-large);corner-shape:squircle;width:min(520px,100%);max-height:calc(100dvh - 32px);box-shadow:var(--shadow-modal);will-change:transform, opacity;flex-direction:column;animation:.32s cubic-bezier(.16,1,.3,1) both modal-in;display:flex}.modal-wide{width:min(680px,100%)}.modal-header{justify-content:space-between;align-items:center;gap:12px;padding:20px 20px 20px 24px;display:flex}.modal-header>.icon-btn{margin-left:auto}.modal{position:relative}.modal-header:not(:has(.modal-heading)){z-index:1;border:0;padding:12px;position:absolute;top:0;right:0}.modal-heading{flex-direction:column;gap:4px;min-width:0;display:flex}.modal-header:has(.modal-heading>p){align-items:flex-start}.modal-title{align-items:center;gap:10px;min-width:0;display:flex}.modal-body{flex-shrink:1;min-height:0;overflow-y:auto}.modal-body[data-animate=true]{transition:height .3s cubic-bezier(.16,1,.3,1)}.modal-body-inner{padding:0 24px 4px}.modal[data-fixed-height] .modal-body{flex:1}.modal-footer{justify-content:flex-end;gap:8px;padding:20px 24px;display:flex}.modal-footer:empty{display:none}.modal-footer-start{margin-right:auto}.modal-header{border-bottom:.5px solid #0000;transition:border-color .16s}.modal-footer{border-top:.5px solid #0000;transition:border-color .16s}.modal-header[data-divider],.modal-footer[data-divider]{border-color:var(--separator)}.modal-body:last-child>.modal-body-inner{padding-bottom:24px}@keyframes fade-in{0%{opacity:0}}@keyframes scrim-in{0%{opacity:0}}@keyframes scrim-out{to{opacity:0}}@keyframes modal-in{0%{opacity:0;transform:translateY(40px)scale(.98)}}@keyframes modal-out{to{opacity:0;transform:translateY(40px)scale(.98)}}@keyframes sheet-in{0%{transform:translateY(100%)}}@keyframes sheet-out{to{transform:translateY(100%)}}@media (width<=600px){.modal-scrim{place-items:end stretch;padding:0;animation-duration:.4s}.modal{border-radius:var(--radius-large) var(--radius-large) 0 0;width:100%;max-height:calc(100dvh - 24px);padding-bottom:env(safe-area-inset-bottom);animation:.4s cubic-bezier(.32,.72,0,1) both sheet-in}.modal-scrim[data-leaving]{animation-duration:.4s}.modal-scrim[data-leaving] .modal{animation:.4s cubic-bezier(.32,.72,0,1) both sheet-out}}.toast{border-radius:var(--radius-pill);background:var(--brand);width:max-content;max-width:min(420px,100vw - 32px);color:var(--brand-text);box-shadow:var(--shadow-popover);align-items:center;gap:8px;margin:0 auto;padding:10px 16px;display:flex}[data-sonner-toaster]{--width:min(420px, calc(100vw - 32px))}[data-sonner-toast][data-styled=false]{left:0;right:0}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.logo{color:var(--text-primary);align-items:center;gap:10px;display:inline-flex}.inline-link{color:var(--text-primary);text-decoration:underline;-webkit-text-decoration-color:var(--border);text-decoration-color:var(--border);text-underline-offset:2px}.inline-link:hover{text-decoration-color:currentColor}.shell{height:100dvh;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-width);background:var(--surface-sidebar);border-right:.5px solid var(--separator);flex-direction:column;flex-shrink:0;gap:24px;padding:16px 12px 12px;display:flex;overflow-y:auto}.sidebar-header{padding:4px 10px}.sidebar-logo{text-decoration:none}.sidebar-nav,.sidebar-section{flex-direction:column;display:flex}.sidebar-section-title{color:var(--text-tertiary);padding:0 10px 6px}.sidebar-item{border-radius:var(--radius-pill);height:34px;color:var(--text-secondary);align-items:center;gap:10px;padding:6px 10px;text-decoration:none;transition:background .12s,color .12s;display:flex}.sidebar-item svg{flex-shrink:0;width:16px;height:16px}.sidebar-item:hover{background:var(--hover-overlay);color:var(--text-primary)}.sidebar-item.active{background:var(--surface-very-dark);color:var(--text-primary)}.sidebar-item-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sidebar-footer{border-top:.5px solid var(--separator);margin-top:auto;padding-top:10px}.sidebar-user{text-align:left;flex-direction:column;flex:1;min-width:0;display:flex}.profile{position:relative}.profile-trigger{border-radius:var(--radius-button);width:100%;color:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:6px 8px;transition:background .12s;display:flex}.profile-trigger:hover,.profile-trigger[aria-expanded=true]{background:var(--hover-overlay)}.profile-trigger-chevron{color:var(--text-tertiary);flex-shrink:0}.profile-menu{z-index:20;border-radius:var(--radius-card);corner-shape:squircle;background:var(--surface-raised);box-shadow:inset 0 0 0 .5px var(--separator), var(--shadow-popover);transform-origin:bottom;opacity:0;visibility:hidden;flex-direction:column;gap:6px;padding:10px;transition:opacity .16s cubic-bezier(.4,0,.2,1),transform .16s cubic-bezier(.4,0,.2,1),visibility 0s linear .16s;display:flex;position:absolute;bottom:calc(100% + 8px);left:0;right:0;transform:translateY(8px)scale(.98)}.profile-menu[data-open=true]{opacity:1;visibility:visible;transition:opacity .24s cubic-bezier(.16,1,.3,1),transform .24s cubic-bezier(.16,1,.3,1),visibility;transform:none}.profile-menu .segmented-item{justify-content:center;align-items:center;height:30px;padding:0;display:inline-flex}.profile-menu-item{border-radius:var(--radius-small);height:34px;color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:0 10px;display:flex}.profile-menu-item:hover{background:var(--hover-overlay)}.profile-menu-item svg{color:var(--text-secondary)}.shell-main{flex:1;min-width:0;overflow-y:auto}.shell-client{flex-direction:column}.client-topbar{height:var(--topbar-height);border-bottom:.5px solid var(--separator);background:var(--background);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:0 16px;display:flex}.client-topbar-logo{min-width:0;text-decoration:none;display:flex}.client-topbar-actions{justify-content:flex-end;align-items:center;gap:4px;display:flex}.profile-compact .profile-trigger{border-radius:var(--radius-pill);width:auto;padding:4px}.profile-compact .profile-menu{transform-origin:100% 0;width:260px;inset:calc(100% + 8px) 0 auto auto;transform:translateY(-8px)scale(.98)}.profile-compact .profile-menu[data-open=true]{transform:none}.profile-menu-who{flex-direction:column;min-width:0;padding:2px 10px;display:flex}.rail-chrome{border-bottom:.5px solid var(--separator);flex-direction:column;justify-content:center;height:64px;margin:-24px -24px 8px;padding:0 16px 0 24px;display:flex}.rail-chrome-row{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}@media (width>=801px){.shell-client[data-on-project] .client-topbar{display:none}}@media (width<=800px){.rail-chrome{display:none}}@media (width<=640px){.client-topbar{gap:10px;padding:0 12px}}.mobile-topbar,.sidebar-scrim{display:none}@media (width<=800px){.shell{flex-direction:column}.mobile-topbar{height:var(--topbar-height);border-bottom:.5px solid var(--separator);background:var(--background);flex-shrink:0;align-items:center;gap:8px;padding:0 12px;display:flex}.sidebar{z-index:900;width:min(300px,86vw);transition:transform .2s,box-shadow .2s;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.sidebar[data-open=true]{box-shadow:var(--shadow-modal);transform:none}.sidebar-scrim{z-index:899;background:rgba(var(--scrim-rgb), .3);display:block;position:fixed;inset:0}}.page{flex-direction:column;gap:24px;max-width:1120px;margin:0 auto;padding:40px 40px 64px;display:flex}.page-narrow{max-width:720px}.page-header{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.page-header>div{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.page-header>.btn{flex-shrink:0;margin-top:-5px}@media (width<=600px){.page-header{flex-wrap:wrap;row-gap:16px}.page-header>div:has(~.btn,~.payments-header-actions){flex-basis:100%}.page-header>.btn{width:100%;margin-top:0}.page-header>.payments-header-actions{width:100%}.payments-header-actions>.btn{flex:1}}@media (width<=800px){.page{padding:24px 16px 48px}}.notice{border-radius:var(--radius-button);background:var(--surface-dark);color:var(--text-primary);padding:12px 14px}.project-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.project-card{color:inherit;flex-direction:column;text-decoration:none;transition:box-shadow .16s,transform .16s;display:flex;overflow:hidden}.project-card:hover,.project-compact:hover{box-shadow:inset 0 0 0 .5px var(--border), var(--shadow-card);transform:translateY(-1px)}.project-card-thumb{aspect-ratio:16/10;background:var(--surface-dark);color:var(--text-tertiary);place-items:center;display:grid;position:relative;overflow:hidden}.project-card-thumb img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.project-card-count{border-radius:var(--radius-pill);background:var(--surface-raised);color:var(--text-primary);box-shadow:var(--shadow-card);padding:2px 8px;position:absolute;bottom:10px;left:10px}.project-card-body{flex-direction:column;flex:1;gap:6px;padding:14px 16px 16px;display:flex}.project-card-title{justify-content:space-between;align-items:center;gap:8px;display:flex}.project-card-activity{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.project-card-footer{justify-content:space-between;align-items:center;margin-top:auto;padding-top:6px;display:flex}.project-card-empty{color:var(--text-tertiary);flex-direction:column;align-items:center;gap:8px;display:flex}.project-grid[data-compact]{grid-template-columns:repeat(auto-fit,minmax(min(100%,max(400px,50% - 6px)),1fr));gap:12px}.project-compact{min-width:0;color:inherit;align-items:stretch;gap:12px;text-decoration:none;transition:box-shadow .16s,transform .16s;display:flex;position:relative;overflow:hidden}.project-compact:after{content:"";z-index:1;border-radius:inherit;corner-shape:squircle;box-shadow:inset 0 0 0 .5px var(--separator);pointer-events:none;transition:box-shadow .16s;position:absolute;inset:0}.project-compact:hover:after{box-shadow:inset 0 0 0 .5px var(--border)}.project-compact-thumb{background:var(--surface-dark);width:84px;min-height:84px;color:var(--text-tertiary);flex-shrink:0;place-items:center;display:grid;position:relative;overflow:hidden}.project-compact-thumb img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.project-compact-body{flex-direction:column;flex:1;justify-content:center;gap:2px;min-width:0;padding:10px 12px 10px 0;display:flex}.project-compact-line{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.project-compact-schedule{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;height:20px;margin-top:4px;display:flex;overflow:hidden}.project-compact-avatars{flex-shrink:0;margin-left:auto}.pill[data-size=small]{gap:3px;height:20px;padding:0 7px}.project{height:100%;min-height:0;display:flex}.drafts-rail{width:var(--rail-width);border-right:.5px solid var(--separator);flex-direction:column;flex-shrink:0;gap:16px;padding:24px;display:flex;overflow-y:auto}.rail-sticky{z-index:2;background:var(--background);border-bottom:.5px solid #0000;flex-direction:column;gap:16px;margin:-8px -24px 0;padding:24px 24px 12px;transition:border-color .16s;display:flex;position:sticky;top:-24px}.rail-sticky[data-stuck]{border-bottom-color:var(--separator)}.rail-sticky:not(:has(>.btn)){padding-bottom:4px}.drafts-rail>*{flex-shrink:0}.rail-project{flex-direction:column;gap:8px;display:flex}.rail-description{-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.rail-members{align-items:center;gap:12px;margin-top:4px;display:flex}.rail-list{flex-direction:column;gap:2px;margin-top:4px;display:flex}.rail-empty{padding:4px 10px}.rail-draft{border-radius:var(--radius-button);width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:8px;transition:background .12s;display:flex}.rail-draft:hover{background:var(--hover-overlay)}.rail-draft[data-selected=true]{background:var(--surface-very-dark)}.rail-draft-thumb{border-radius:var(--radius-small);object-fit:cover;background:var(--surface-dark);width:40px;height:40px;box-shadow:inset 0 0 0 .5px var(--separator);flex-shrink:0}.rail-draft-number{color:var(--text-secondary);place-items:center;display:grid}.rail-draft-text{flex-direction:column;gap:2px;min-width:0;display:flex}.rail-draft-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rail-draft-meta{align-items:center;gap:6px;display:flex}.rail-draft-meta svg{width:12px;height:12px;margin-left:4px}.rail-draft-meta>.status-dot{margin:0 2.5px}.rail-draft-meta>svg.rail-draft-lock{margin-left:0}.status-dot{background:var(--text-tertiary);border-radius:50%;flex-shrink:0;width:7px;height:7px}.status-dot[data-status=approved]{background:var(--positive)}.status-dot[data-status=changes_requested]{background:var(--pending)}.review{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;position:relative}.review-empty{justify-content:center}.empty-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.review-topbar{border-bottom:.5px solid var(--separator);background:var(--background);justify-content:space-between;align-items:center;gap:12px;min-height:64px;padding:12px 24px;display:flex}.review-title{flex-direction:column;flex:1;align-items:flex-start;gap:4px;min-width:0;display:flex}.review-title h2{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;overflow:hidden}.review-title>:not(h2){white-space:nowrap;flex-shrink:0}.review-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.review-draft-select,.mobile-only{display:none}.review-scroll{scroll-behavior:smooth;flex-direction:column;flex:1;display:flex;overflow-y:auto}.review-scroll>.review-column:first-child{margin-top:auto}.review-column{width:100%;max-width:820px;margin:0 auto;padding:0 24px}.review-scroll .review-column{padding-top:24px;padding-bottom:8px}.review-scroll:not(:has(.review-composer))>.review-column{padding-bottom:40px}.review-composer{z-index:5;background:linear-gradient(to bottom, color-mix(in srgb, var(--background) 0%, transparent), var(--background) 32px);pointer-events:none;padding:32px 0 16px;position:sticky;bottom:0}.review-composer .composer,.review-composer .closed-notice{pointer-events:auto}.review-composer .closed-notice{border-radius:var(--radius-large);corner-shape:squircle;background:var(--surface-raised);min-height:56px;box-shadow:inset 0 0 0 .5px var(--border), var(--shadow-popover);margin:0;padding:10px 10px 10px 16px}.review-scroll .review-composer .review-column{padding-top:0;padding-bottom:0}.older-banner{border-radius:var(--radius-button);background:var(--surface-dark);width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;border:0;align-items:center;gap:6px;margin-bottom:16px;padding:10px 14px;display:flex}.older-banner .type-title-sm{color:var(--text-primary)}.older-banner svg{width:14px;height:14px;color:var(--text-primary)}.review-body{--work-folded:52.5px;--work-side:24px;--work-max:55vh;--work-ease:cubic-bezier(.32, .72, 0, 1);--work-duration:.38s;--work-media:max(140px, calc(var(--work-max) - var(--work-folded) - 64px));flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.review-body:has(>.work)>.review-scroll>.review-column:first-child{padding-top:calc(var(--work-height,var(--work-folded)) + 16px)}.review-body:has(>.work) .thread{padding-top:8px}.work{z-index:6;border-bottom:.5px solid var(--separator);background:color-mix(in srgb, var(--background) 80%, transparent);-webkit-backdrop-filter:saturate(1.6)blur(20px);backdrop-filter:saturate(1.6)blur(20px);position:absolute;inset:0 0 auto}.work-header{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;display:block}.work-header:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}.work-header-row{height:calc(var(--work-folded) - .5px);padding:0 var(--work-side);align-items:center;display:flex;position:relative}.work-thumbs{max-width:160px;transition:opacity var(--work-duration) var(--work-ease), max-width var(--work-duration) var(--work-ease), margin var(--work-duration) var(--work-ease), padding var(--work-duration) var(--work-ease);margin-right:10px;padding-left:2px;display:flex}.work[data-expanded=true] .work-thumbs{opacity:0;max-width:0;margin-right:0;padding-left:0}.work-thumb{border-radius:var(--radius-small);corner-shape:squircle;object-fit:cover;background:var(--surface-dark);width:36px;height:36px;box-shadow:0 0 0 2px var(--background);flex-shrink:0}.work-thumb+.work-thumb{margin-left:-10px}.work-thumb-icon{color:var(--text-secondary);place-items:center;display:grid}.work-dots{opacity:0;pointer-events:none;transition:opacity var(--work-duration) var(--work-ease);gap:6px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.work[data-expanded=true] .work-dots{opacity:1}.work-dot{background:color-mix(in srgb, var(--text-tertiary) 40%, transparent);border-radius:50%;width:7px;height:7px;transition:background .2s}.work-dot[data-current=true]{background:var(--text-primary)}.work-chevron{box-sizing:content-box;color:var(--text-secondary);transition:transform var(--work-duration) var(--work-ease), background .12s ease;border-radius:50%;flex-shrink:0;margin-left:auto;margin-right:0;padding:5px}.work-header:hover .work-chevron{background:var(--hover-overlay)}.work[data-expanded=true] .work-chevron{transform:rotate(180deg)}.work-expand{transition:grid-template-rows var(--work-duration) var(--work-ease);grid-template-rows:0fr;display:grid}.work[data-expanded=true] .work-expand{grid-template-rows:1fr}.work-expand-clip{min-height:0;overflow:hidden}.work-body{max-height:calc(var(--work-max) - var(--work-folded));padding:0 var(--work-side) 20px;opacity:0;transition:opacity var(--work-duration) var(--work-ease), transform var(--work-duration) var(--work-ease);flex-direction:column;gap:10px;display:flex;overflow-y:auto;transform:translateY(-16px)}.work[data-expanded=true] .work-body{opacity:1;transform:none}.work-notes{white-space:pre-wrap}.work-hint{text-align:center}.work-pager{gap:var(--work-side);padding-inline:var(--work-side);scroll-padding-inline:var(--work-side);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;flex-shrink:0;display:flex;position:relative;overflow-x:auto}.work-pager::-webkit-scrollbar{display:none}.work-pager:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}.work-page{scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 100%;min-width:0;display:flex}.work-page>.asset{min-width:0;box-shadow:inset 0 0 0 .5px var(--separator);flex:1}.work-page>.asset:not(.asset-file){flex-direction:column;display:flex}.work-page>.asset:not(.asset-file)>:not(.asset-header){margin-block:auto}.work-page>.asset-file{align-self:center}.work-page .asset-image-frame{flex-shrink:0}.work-page .asset-image-frame[data-sized=true]{width:min(100%, calc(var(--work-media) * var(--ratio)));margin-inline:auto}.work-page .asset-image-frame[data-sized=false]{width:fit-content;max-width:100%;margin-inline:auto}.work-page .asset-image-frame[data-sized=false] img{width:auto;max-width:100%;max-height:var(--work-media)}.work-page .asset-image-frame[data-sized=false]:has(img[data-loaded=false]){width:100%;min-height:var(--work-media)}.work-page .asset-video{max-height:calc(var(--work-media) - 28px)}.work-page>.asset:has(>.asset-image-frame){box-shadow:none;background:0 0;overflow:visible}.work-page .asset-image-frame{border-radius:var(--radius-card);corner-shape:squircle;box-shadow:inset 0 0 0 .5px var(--separator)}.work-page .asset-image-frame img{border-radius:inherit;corner-shape:squircle}.work-page .asset-pdf{height:var(--work-media)}.asset-pdf-card{position:relative}.asset-pdf-card .asset-pdf{border-radius:var(--radius-card);corner-shape:squircle;overflow:hidden}.work-page>.asset-pdf-card{box-shadow:none;background:0 0;overflow:visible}.work-pager-wrap{margin-inline:calc(-1 * var(--work-side));flex-shrink:0;position:relative}.work-arrow{z-index:4;background:color-mix(in srgb, var(--background) 80%, transparent);-webkit-backdrop-filter:saturate(1.6)blur(16px);backdrop-filter:saturate(1.6)blur(16px);width:36px;height:36px;box-shadow:inset 0 0 0 .5px var(--border), var(--shadow-card);color:var(--text-primary);cursor:pointer;border:0;border-radius:50%;place-items:center;padding:0;transition:opacity .15s ease-out,transform .15s ease-out;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.work-arrow[data-side=prev]{left:calc(var(--work-side) + 10px)}.work-arrow[data-side=next]{right:calc(var(--work-side) + 10px)}.work-arrow:hover{transform:translateY(-50%)scale(1.05)}.work-arrow:disabled{opacity:0;pointer-events:none}.work-arrow:focus-visible{outline:2px solid var(--brand);outline-offset:2px}@media (hover:none){.work-arrow{display:none}}@media (prefers-reduced-motion:reduce){.work-expand,.work-body,.work-thumbs,.work-dots,.work-chevron{transition:none}}@media (width<=640px){.review-body{--work-max:50vh}}.asset{border-radius:var(--radius-card);corner-shape:squircle;background:var(--surface-raised);box-shadow:inset 0 0 0 .5px var(--separator), var(--shadow-card);margin:0;overflow:hidden}.asset-header{align-items:center;gap:8px;padding:8px 8px 8px 14px;display:flex}.asset-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.asset-icon{width:18px;height:18px;color:var(--text-secondary);flex-shrink:0}.asset-image-frame{cursor:crosshair;background:repeating-conic-gradient(var(--surface-dark) 0% 25%, var(--surface-light) 0% 50%) 50% / 20px 20px;-webkit-user-select:none;user-select:none;position:relative}.asset-image-frame img{width:100%;height:auto}.asset-image-frame[data-sized=true] img{object-fit:contain;height:100%}.asset-image-frame[data-sized=false]:has(img[data-loaded=false]){min-height:320px}.asset-media{flex-direction:column;gap:10px;padding:0 14px 14px;display:flex}.asset-picture .asset-media{padding-top:14px}.asset-video-frame{position:relative}.asset-video-frame .asset-video{display:block}.asset-expand{z-index:3;background:rgba(var(--overlay-on-media-rgb), .4);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:32px;height:32px;color:var(--text-on-color);cursor:pointer;border:0;border-radius:50%;place-items:center;padding:0;transition:background-color .15s ease-out,transform .15s ease-out;display:grid;position:absolute;top:10px;right:10px}.asset-expand:hover{background:rgba(var(--overlay-on-media-rgb), .55);transform:scale(1.05)}.asset-expand:active{transform:scale(.96)}.asset-expand:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.asset-audio{width:100%}.asset-video{border-radius:var(--radius-button);background:#000;width:100%;max-height:70vh}.asset-media-bar{align-items:center;gap:12px;display:flex}.timeline{border-radius:var(--radius-pill);background:var(--surface-very-dark);flex:1;height:4px;position:relative}.timeline-marker{border:2px solid var(--surface-raised);border-radius:var(--radius-pill);background:var(--pin);min-width:20px;height:20px;color:var(--pin-text);cursor:pointer;place-items:center;padding:0 4px;transition:transform .12s;display:grid;position:absolute;top:50%;transform:translate(-50%,-50%)}.timeline-marker[data-highlight=true]{transform:translate(-50%,-50%)scale(1.25)}.asset-pdf{background:var(--surface-dark);border:0;width:100%;height:640px;display:block}.asset-file{align-items:center;gap:12px;padding:14px;display:flex}.asset-file-text{flex-direction:column;flex:1;min-width:0;display:flex}.pin{border:2px solid var(--text-on-color);background:var(--pin);width:26px;height:26px;color:var(--pin-text);box-shadow:0 4px 12px rgba(var(--overlay-on-media-rgb), .3);cursor:pointer;border-radius:50% 50% 50% 4px;place-items:center;padding:0;transition:transform .14s,opacity .14s;display:grid;position:absolute;transform:translate(-4px,-22px)}.pin[data-highlight=true]{z-index:2;transform:translate(-4px,-22px)scale(1.25)}.pin[data-resolved=true]{opacity:.45;background:var(--text-secondary)}.pin-pending{background:var(--brand);color:var(--brand-text);pointer-events:none;animation:.2s cubic-bezier(.2,.9,.3,1.3) pin-drop}@keyframes pin-drop{0%{opacity:0;transform:translate(-4px,-36px)}}.thread{flex-direction:column;gap:14px;padding-top:24px;display:flex}.thread-empty{text-align:center;padding:24px 0}.comment{align-items:flex-start;gap:10px;display:flex}.comment[data-side=right]{flex-direction:row-reverse}.comment[data-grouped=true]{margin-top:-10px}.comment-avatar-space{flex-shrink:0;width:32px}.comment-main{flex-direction:column;align-items:flex-start;gap:4px;min-width:0;max-width:min(80%,560px);display:flex}.comment[data-side=right] .comment-main{align-items:flex-end}.comment-header{align-items:baseline;gap:8px;padding:0 4px;display:flex}.comment-bubble{background:var(--surface-dark);border-radius:18px 18px 18px 6px;flex-direction:column;gap:6px;padding:10px 14px;transition:box-shadow .16s,background .16s;display:flex}.comment[data-grouped=true] .comment-bubble{border-radius:6px 18px 18px 6px}.comment[data-side=right] .comment-bubble{background:color-mix(in srgb, var(--brand) 12%, var(--background));border-radius:18px 18px 6px}.comment[data-side=right][data-grouped=true] .comment-bubble{border-radius:18px 6px 6px 18px}.comment[data-highlight=true] .comment-bubble{box-shadow:0 0 0 2px var(--pin)}.comment[data-resolved=true] .comment-body{color:var(--text-secondary)}.comment-body{white-space:pre-wrap;overflow-wrap:anywhere}.comment-actions{padding:0 4px;display:flex}.comment-resolve{border-radius:var(--radius-pill);color:var(--text-secondary);cursor:pointer;opacity:0;background:0 0;border:0;align-items:center;gap:4px;padding:2px 8px;transition:opacity .12s,background .12s;display:inline-flex}.comment-resolve svg{width:12px;height:12px}.comment:hover .comment-resolve,.comment-resolve:focus-visible,.comment[data-resolved=true] .comment-resolve{opacity:1}@media (hover:none){.comment-resolve{opacity:1}}.comment-resolve:hover{background:var(--hover-overlay);color:var(--text-primary)}.comment-attachments{flex-wrap:wrap;gap:8px;display:flex}.comment[data-side=right] .comment-attachments{justify-content:flex-end}.anchor-chip{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--pin) 10%, var(--background));max-width:100%;color:var(--text-primary);cursor:pointer;border:0;align-self:flex-start;align-items:center;gap:6px;padding:3px 10px 3px 3px;display:inline-flex}.anchor-chip svg{width:12px;height:12px;color:var(--pin);flex-shrink:0}.anchor-chip-asset{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.anchor-chip-number{border-radius:var(--radius-pill);background:var(--pin);min-width:18px;height:18px;color:var(--pin-text);font-size:var(--text-body-2xs);line-height:var(--lh-body-2xs);font-weight:var(--weight-semibold);place-items:center;padding:0 4px;display:inline-grid}.comment[data-resolved=true] .anchor-chip-number{background:var(--text-secondary)}.thread-event{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.thread-event[data-side=right]{justify-content:flex-end}.thread-event:not([data-side=right])>.avatar{order:-2}.thread-event:not([data-side=right])>.pill{order:-1}.thread-event[data-side=right] .avatar{order:2}.thread-event-name{color:var(--text-primary)}.thread-event-icon{background:var(--surface-dark);width:32px;height:32px;color:var(--text-secondary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.thread-reminder-note{flex-basis:100%;margin:-4px 0 0 42px}.thread-event[data-side=right] .thread-event-icon{order:2}.thread-event[data-side=right] .thread-reminder-note{text-align:right;margin:-4px 42px 0 0}.attachment-image{cursor:zoom-in;border-radius:var(--radius-button);background:var(--surface-dark);width:160px;height:120px;box-shadow:inset 0 0 0 .5px var(--separator);border:0;padding:0;display:block;overflow:hidden}.attachment-image img{object-fit:cover;width:100%;height:100%}.attachment-audio{flex-direction:column;gap:4px;width:min(360px,100%);display:flex}.attachment-audio audio{width:100%;height:40px}.attachment-video{border-radius:var(--radius-button);background:#000;width:min(360px,100%)}.attachment-file{border-radius:var(--radius-button);background:var(--surface-dark);max-width:100%;color:inherit;align-items:center;gap:8px;padding:8px 12px;text-decoration:none;display:inline-flex}.attachment-file svg{width:16px;height:16px;color:var(--text-secondary);flex-shrink:0}.attachment-file-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.attachment-file:hover{background:var(--surface-very-dark)}.composer{border-radius:var(--radius-large);corner-shape:squircle;background:var(--surface-raised);box-shadow:inset 0 0 0 .5px var(--border), var(--shadow-popover);flex-direction:column;gap:6px;padding:10px 10px 8px 14px;transition:box-shadow .12s;display:flex}.composer:focus-within{box-shadow:inset 0 0 0 .5px var(--text-tertiary), var(--shadow-popover)}.composer[data-dragging=true]{box-shadow:inset 0 0 0 2px var(--pin), var(--shadow-popover)}.composer-anchor{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--pin) 10%, var(--background));align-self:flex-start;align-items:center;gap:6px;padding:2px 2px 2px 10px;display:inline-flex}.composer-anchor>svg{width:12px;height:12px;color:var(--pin)}.composer-anchor-clear{width:22px;height:22px}.composer-anchor-clear svg{width:12px;height:12px}.composer-input{resize:none;width:100%;min-height:24px;max-height:240px;color:var(--text-primary);background:0 0;border:0;outline:none;padding:4px 0}.composer-input::placeholder{color:var(--text-tertiary)}.composer-toolbar{align-items:center;gap:2px;margin-left:-6px;display:flex}.composer-hint{margin-left:auto;margin-right:8px}.composer-recording svg{fill:currentColor;width:12px;height:12px}.composer-send{background:var(--brand);width:32px;height:32px;color:var(--brand-text);cursor:pointer;border:0;border-radius:50%;place-items:center;transition:opacity .12s,background .12s;display:grid}.composer-send:hover{background:var(--brand-hover)}.composer-send:disabled{opacity:.25;cursor:default}.composer-send svg{width:18px;height:18px}.composer-spinner{border-color:color-mix(in srgb, var(--brand-text) 30%, transparent);border-top-color:var(--brand-text);width:14px;height:14px}@media (width<=800px){.composer-hint{visibility:hidden}}.file-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.file-list-item{border-radius:var(--radius-button);background:var(--surface-dark);align-items:center;gap:8px;padding:4px 4px 4px 10px;display:flex}.file-list-icon{width:16px;height:16px;color:var(--text-secondary);flex-shrink:0}.file-list-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.file-list-item .icon-btn{width:26px;height:26px}.file-list-item .icon-btn svg{width:14px;height:14px}.dropzone{border:1px dashed var(--border);border-radius:var(--radius-card);background:var(--surface-light);text-align:center;cursor:pointer;flex-direction:column;align-items:center;gap:6px;padding:28px 16px;transition:border-color .12s,background .12s;display:flex}.dropzone svg{width:24px;height:24px;color:var(--text-secondary);margin-bottom:4px}.dropzone:hover,.dropzone[data-dragging=true]{border-color:var(--text-secondary);background:var(--surface-dark)}.upload-progress{border-radius:var(--radius-pill);background:var(--surface-very-dark);flex:1;align-self:center;height:4px;margin-right:8px;overflow:hidden}.upload-progress-bar{background:var(--brand);height:100%;transition:width .2s}.segmented{border-radius:var(--radius-button);background:var(--surface-dark);gap:4px;padding:4px;display:flex;position:relative}.segmented-item{white-space:nowrap;border-radius:var(--radius-small);height:32px;color:var(--text-secondary);cursor:pointer;z-index:1;background:0 0;border:0;flex:1;padding:0 10px;transition:color .16s;position:relative}.segmented-item[data-selected=true]{color:var(--text-primary)}.segmented-indicator{border-radius:var(--radius-small);background:var(--surface-raised);box-shadow:var(--shadow-card), inset 0 0 0 .5px var(--separator);position:absolute;top:4px;bottom:4px;left:0}.segmented-indicator[data-animate=true]{transition:transform .26s cubic-bezier(.16,1,.3,1),width .26s cubic-bezier(.16,1,.3,1)}.invite-link{border-radius:var(--radius-button);background:var(--surface-dark);align-items:center;gap:8px;padding:4px 4px 4px 12px;display:flex}.invite-link-icon{width:16px;height:16px;color:var(--text-secondary);flex-shrink:0}.invite-link-input{min-width:0;color:var(--text-primary);background:0 0;border:0;outline:none;flex:1}.member-list{border-top:.5px solid var(--separator);flex-direction:column;gap:10px;margin-top:24px;padding-top:16px;display:flex}.member-row{align-items:center;gap:10px;display:flex}.member-row-text{flex-direction:column;flex:1;min-width:0;display:flex}@media (width<=1000px){.project{flex-direction:column}.drafts-rail{display:none}.review-draft-select{flex:120px;min-width:0;display:block}.review-draft-select .dropdown-trigger{justify-content:space-between;width:100%}.review-draft-select .dropdown-trigger>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.review-title h2{display:none}.review-title{flex:none}.mobile-only{display:inline-flex}.review-closed-label{display:none}.review-actions .review-closed-pill{justify-content:center;gap:0;width:32px;padding:0}.review-topbar{flex-wrap:wrap;padding:10px 16px}.review-column{padding:0 16px}}.project-tabs{display:none}@media (width<=1000px){.project-tabs{background:var(--background);padding:12px 16px 0;display:block}.project-tabs .rail-tabs .segmented-item{flex:1;padding:0 6px}.review-topbar{justify-content:flex-start;gap:10px 8px;padding:12px 16px}.review-actions{display:contents}.review-draft-select{flex:100%;order:0}.review-actions>.btn{order:1}.review-actions>.dropdown{order:2}.review-actions>.review-closed-pill{order:3;align-self:center}.review-title{display:none}.review-draft-select .dropdown-trigger{height:auto;min-height:56px;padding-top:8px;padding-bottom:8px}.review-body{--work-side:16px}.work-body{padding-bottom:12px}.project:not([data-rail-tab=drafts]) .review{display:none}.project:not([data-rail-tab=drafts]) .drafts-rail{border-right:0;flex:1;width:auto;min-height:0;padding:16px;display:flex}.drafts-rail .rail-chrome,.drafts-rail .rail-project,.drafts-rail .rail-sticky .rail-tabs{display:none}.drafts-rail .rail-sticky{background:0 0;border:0;margin:0;padding:0;position:static}.drafts-rail .rail-sticky:not(:has(>:not(.rail-tabs))){display:none}}.plan-card{flex-direction:column;gap:20px;padding:24px;display:flex}.plan-card-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.plan-price{margin-top:4px}.plan-features{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.plan-features li{align-items:flex-start;gap:10px;display:flex}.plan-features svg{width:16px;height:16px;color:var(--positive-text);flex-shrink:0;margin-top:1px}.plan-actions{gap:8px;display:flex}.dev-card{background:var(--surface-light);align-items:center;gap:14px;padding:16px 20px;display:flex}.dev-card>svg{width:20px;height:20px;color:var(--text-secondary);flex-shrink:0}.dev-card>div{flex:1}@media (width<=600px){.dev-card{flex-wrap:wrap}}.auth{background:var(--surface-light);flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:100dvh;padding:32px 16px;display:flex}.auth-logo{text-decoration:none}.auth-card{flex-direction:column;gap:20px;width:min(400px,100%);padding:32px;display:flex}.auth-heading{text-align:center;flex-direction:column;gap:6px;display:flex}.auth-divider{align-items:center;gap:12px;display:flex}.auth-kind .segmented-item{flex:1}.auth-divider:before,.auth-divider:after{content:"";background:var(--separator);flex:1;height:.5px}.invite-card{text-align:center;align-items:center}.invite-card .empty-icon{margin-bottom:0}.invite-actions{flex-direction:column;gap:8px;width:100%;display:flex}.landing{padding:0 24px;overflow-x:clip}.landing>main,.landing>.landing-footer{max-width:1152px;margin-inline:auto}.landing-nav{z-index:10;background:0 0;justify-content:space-between;align-items:center;gap:12px;height:72px;padding:0 max(24px,50% - 576px);transition:background-color .2s,box-shadow .2s,-webkit-backdrop-filter .2s,backdrop-filter .2s;display:flex;position:sticky;top:0}.landing-nav[data-scrolled]{background:color-mix(in srgb, var(--background) 72%, transparent);-webkit-backdrop-filter:saturate(1.6)blur(20px);box-shadow:inset 0 -.5px 0 var(--separator)}.landing-logo{text-decoration:none;display:inline-flex}.landing-nav nav{align-items:center;gap:4px;display:flex}.landing-nav nav .btn-primary{margin-left:4px}.landing-hero{text-align:center;flex-direction:column;align-items:center;gap:20px;padding:56px 0 24px;display:flex;position:relative}.landing-hero:before{content:"";z-index:-1;background:radial-gradient(40% 46% at 30% 37%, color-mix(in srgb, var(--pin) 16%, transparent), transparent 70%), radial-gradient(36% 42% at 72% 46%, color-mix(in srgb, var(--pending) 12%, transparent), transparent 70%), radial-gradient(30% 36% at 52% 73%, color-mix(in srgb, var(--positive) 9%, transparent), transparent 70%);pointer-events:none;height:840px;position:absolute;inset:-120px 0 auto}.landing-eyebrow{border-radius:var(--radius-pill);background:var(--surface-raised);height:30px;box-shadow:inset 0 0 0 .5px var(--separator), var(--shadow-card);color:var(--text-secondary);align-items:center;padding:0 14px;display:inline-flex}.landing-lede{max-width:620px}.landing-cta{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:4px;display:flex}.display-frame{--u:calc(100cqw / 1000);container-type:inline-size}.display-frame-bezel{padding:calc(3 * var(--u));border-radius:calc(24 * var(--u));background:var(--device-frame-rim);box-shadow:inset 0 0 0 max(.5px, calc(1.4 * var(--u))) var(--device-frame-rim-line), var(--shadow-modal)}.display-frame-screen{border:calc(3 * var(--u)) solid var(--device-frame-bezel);border-radius:calc(21 * var(--u));background:var(--device-frame-bezel);overflow:hidden}.display-frame-screen img{width:100%;height:auto;display:block}.phone-frame{aspect-ratio:421/893;--pt:calc(100cqw / 421);flex:none;position:relative;container-type:inline-size}.phone-frame-rim{border-radius:calc(71.5 * var(--pt));background:var(--device-frame-rim);box-shadow:inset 0 0 0 calc(1.2 * var(--pt)) var(--device-frame-rim-line), var(--shadow-modal);position:absolute;inset:0}.phone-frame-bezel{inset:calc(4 * var(--pt));border-radius:calc(67.5 * var(--pt));background:var(--device-frame-bezel);position:absolute}.phone-frame-screen{inset:calc(5.5 * var(--pt));isolation:isolate;border-radius:calc(62 * var(--pt));background:var(--device-frame-bezel);position:absolute;overflow:hidden}.phone-frame-screen picture{display:contents}.phone-frame-screen img{object-fit:cover;width:100%;height:100%;display:block}.phone-frame-button{top:calc(var(--top) * var(--pt));width:calc(6 * var(--pt));height:calc(var(--length) * var(--pt));border-radius:calc(3 * var(--pt));background:var(--device-frame-rim-line);position:absolute}.phone-frame-button[data-side=left]{left:calc(-3 * var(--pt))}.phone-frame-button[data-side=right]{right:calc(-3 * var(--pt))}.landing-stage{width:100%;margin-top:36px;padding:0 0 48px;position:relative}.landing-stage-display{text-align:left;width:92%}.landing-stage-phone{width:23%;min-width:150px;position:absolute;bottom:0;right:0}.landing-section{flex-direction:column;gap:40px;padding:72px 0;scroll-margin-top:56px;display:flex}.landing-section[data-band]{background:var(--surface-dark);box-shadow:0 0 0 100vmax var(--surface-dark);clip-path:inset(0 -100vmax)}.landing-section[data-band] .bento-tile{background:var(--surface-raised)}.landing-section-header{text-align:center;flex-direction:column;align-items:center;gap:12px;max-width:680px;margin:0 auto;display:flex}.tablet-frame{--u:calc(100cqw / 1000);padding:calc(18 * var(--u));border-radius:calc(46 * var(--u));background:var(--device-frame-bezel);box-shadow:inset 0 0 0 calc(2 * var(--u)) var(--device-frame-rim-line), var(--shadow-modal);container-type:inline-size}.tablet-frame-screen{border-radius:calc(28 * var(--u));overflow:hidden}.tablet-frame-screen img{width:100%;height:auto;display:block}.landing-tablet{width:min(100%,980px);margin-inline:auto}.landing-showcase{box-shadow:var(--shadow-card);border-radius:18px;overflow:hidden}.landing-showcase img{width:100%;height:auto;display:block}.landing-showcase-points{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:8px 0 0;padding:0;list-style:none;display:grid}.landing-showcase-points li{flex-direction:column;gap:4px;display:flex}@media (width<=720px){.landing-showcase-points{grid-template-columns:minmax(0,1fr);gap:20px}}.bento{grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;display:grid}.bento-tile{border-radius:var(--radius-large);corner-shape:squircle;background:var(--surface-light);min-width:0;box-shadow:inset 0 0 0 .5px var(--separator);flex-direction:column;display:flex;overflow:hidden}.bento-tile[data-size=wide]{grid-column:span 8}.bento-tile[data-size=narrow],.bento-tile[data-size=third]{grid-column:span 4}.bento-copy{flex-direction:column;gap:6px;padding:24px 24px 20px;display:flex}.bento-copy p{max-width:460px}.bento-media{flex:1;justify-content:center;align-items:center;min-height:280px;padding:4px 24px 24px;display:flex;position:relative}.bento-media[data-align=bottom]{align-items:flex-end;padding-bottom:0}.bento-media .btn,.bento-media .pin,.bento-media .timeline-marker{pointer-events:none}.bento-stack{flex-direction:column;gap:12px;width:100%;max-width:340px;display:flex}.bento-row-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.bento-row-text>*{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bento-line{justify-content:space-between;align-items:center;gap:12px;display:flex}.bento-rows{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.bento-rows li{align-items:center;gap:12px;display:flex}.bento-list{width:100%;max-width:340px}.bento-list li{padding:12px 14px}.bento-list li+li{box-shadow:inset 0 .5px 0 var(--separator)}.bento-icon{border-radius:var(--radius-button);corner-shape:squircle;width:36px;height:36px;color:var(--text-secondary);background:var(--surface-dark);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.bento-icon[data-tone=info]{color:var(--info-text);background:var(--info-surface)}.bento-icon[data-tone=pending]{color:var(--pending-text);background:var(--pending-surface)}.bento-icon[data-tone=positive]{color:var(--positive-text);background:var(--positive-surface)}.bento-art{border-radius:var(--radius-card);corner-shape:squircle;background:var(--surface-dark);position:relative;overflow:hidden}.bento-art>img{object-fit:cover;width:100%;height:100%;display:block}.bento-art:after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 .5px var(--border);pointer-events:none;position:absolute;inset:0}.bento-art .pin{z-index:1}.bento-pin-number{background:var(--pin);width:22px;height:22px;color:var(--pin-text);border-radius:50% 50% 50% 4px;flex-shrink:0;place-items:center;display:inline-grid}.bento-pinned{flex-direction:column;align-self:stretch;width:100%;display:flex}.bento-pinned-art{min-height:320px;box-shadow:var(--shadow-card);flex:1}.bento-comments{z-index:2;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:-44px 16px 0;display:grid;position:relative}.bento-comment{box-shadow:inset 0 0 0 .5px var(--separator), var(--shadow-popover);align-items:flex-start;gap:10px;padding:14px;display:flex}.bento-comment-text{flex-direction:column;gap:4px;min-width:0;display:flex}.bento-video{flex-direction:column;align-items:flex-start;gap:14px;width:100%;max-width:400px;display:flex}.bento-video .bento-art{aspect-ratio:16/9;width:100%;box-shadow:var(--shadow-card)}.bento-video-bar{z-index:1;background:linear-gradient(transparent, rgba(var(--overlay-on-media-rgb), .55));color:var(--text-on-color);align-items:center;gap:12px;padding:28px 14px 12px;display:flex;position:absolute;inset:auto 0 0}.bento-scrub{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--text-on-color) 35%, transparent);flex:1;height:4px;position:relative}.bento-scrub-fill{border-radius:inherit;background:var(--text-on-color);position:absolute;inset:0 auto 0 0}.bento-chip{border-radius:var(--radius-pill);background:var(--surface-raised);max-width:100%;box-shadow:inset 0 0 0 .5px var(--separator), var(--shadow-card);align-items:center;gap:10px;padding:6px 14px 6px 6px;display:inline-flex}.bento-chip-time{border-radius:var(--radius-pill);background:var(--pin);height:24px;color:var(--pin-text);align-items:center;padding:0 9px;display:inline-flex}.bento-drafts{flex-direction:column;gap:8px;width:100%;max-width:380px;margin:0;padding:0;list-style:none;display:flex}.bento-drafts li{align-items:center;gap:12px;padding:10px 14px 10px 10px;display:flex}.bento-drafts li:first-child{box-shadow:inset 0 0 0 .5px var(--separator), var(--shadow-popover)}.bento-draft-number{border-radius:var(--radius-button);corner-shape:squircle;background:var(--surface-dark);width:36px;height:36px;color:var(--text-secondary);flex-shrink:0;place-items:center;display:grid}.bento-approval{flex-direction:column;justify-content:center;align-self:stretch;align-items:center;gap:14px;width:100%;display:flex;position:relative}.bento-approval-tick{background:var(--positive);width:76px;height:76px;color:var(--text-on-color);box-shadow:0 0 0 12px var(--positive-surface), var(--shadow-popover);border-radius:50%;place-items:center;margin-bottom:6px;display:grid}.bento-approval-pill{gap:6px;height:30px;padding:0 12px}.bento-approval-pill svg{width:14px;height:14px}.bento-confetti{pointer-events:none;position:absolute;inset:0}.bento-confetti i{background:var(--pin);border-radius:2px;width:7px;height:16px;position:absolute}.bento-confetti i[data-shape=dot]{border-radius:50%;width:9px;height:9px}.bento-confetti i[data-tone=positive]{background:var(--positive)}.bento-confetti i[data-tone=pending]{background:var(--pending)}.bento-confetti i[data-tone=info]{background:var(--info)}.bento-confetti i[data-tone=destructive]{background:var(--destructive)}.bento-phone-peek{width:100%;max-width:272px;height:330px;padding:0 6px;overflow:hidden}.bento-phone-peek .phone-frame{width:100%}.bento-invoice{width:100%;max-width:360px;box-shadow:inset 0 0 0 .5px var(--separator), var(--shadow-popover);flex-direction:column;gap:16px;padding:20px;display:flex}.bento-lines{flex-direction:column;gap:8px;display:flex}.bento-total{box-shadow:inset 0 .5px 0 var(--separator);padding-top:14px}.bento-tips{border-radius:var(--radius-button);background:var(--surface-dark);grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;display:grid}.bento-tips span{border-radius:var(--radius-small);height:30px;color:var(--text-secondary);place-items:center;display:grid}.bento-tips span[data-selected]{background:var(--surface-raised);color:var(--text-primary);box-shadow:var(--shadow-card), inset 0 0 0 .5px var(--separator)}.bento-signature{width:100%;max-width:360px;box-shadow:inset 0 0 0 .5px var(--separator), var(--shadow-popover);flex-direction:column;gap:14px;padding:20px;display:flex}.bento-signature-name{box-shadow:inset 0 -.5px 0 var(--border);padding:6px 0 12px}.bento-hash{border-radius:var(--radius-pill);background:var(--surface-dark);height:28px;color:var(--text-secondary);font-family:var(--font-mono);align-self:flex-start;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.bento-hash svg{color:var(--text-tertiary)}.bento-channels{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.bento-channels .pill{background:var(--surface-raised);height:26px;color:var(--text-primary);box-shadow:inset 0 0 0 .5px var(--separator), var(--shadow-card);padding:0 10px}.bento-channels .pill svg{color:var(--text-secondary)}.bento-brand-bar{border-radius:var(--radius-card);corner-shape:squircle;background:var(--logo-stage-light);height:60px;color:var(--logo-stage-light-ink);box-shadow:inset 0 0 0 .5px color-mix(in srgb, var(--logo-stage-light-ink) 12%, transparent), var(--shadow-card);justify-content:space-between;align-items:center;gap:12px;padding:0 12px 0 14px;display:flex}.bento-brand-bar[data-mode=dark]{background:var(--logo-stage-dark);color:var(--logo-stage-dark-ink);box-shadow:inset 0 0 0 .5px color-mix(in srgb, var(--logo-stage-dark-ink) 14%, transparent), var(--shadow-card)}.bento-brand-logo{align-items:center;gap:10px;min-width:0;display:inline-flex}.bento-brand-mark{border-radius:var(--radius-small);background:var(--sample-brand);width:28px;height:28px;color:var(--sample-brand-text);flex-shrink:0;place-items:center;display:grid}.bento-brand-button{border-radius:var(--radius-button);corner-shape:squircle;background:var(--sample-brand);height:32px;color:var(--sample-brand-text);align-items:center;padding:0 14px;display:inline-flex}.bento-swatch{border-radius:var(--radius-pill);background:var(--surface-raised);height:32px;box-shadow:inset 0 0 0 .5px var(--separator), var(--shadow-card);align-self:flex-start;align-items:center;gap:8px;padding:0 12px 0 6px;display:inline-flex}.bento-swatch-dot{background:var(--sample-brand);border-radius:50%;width:20px;height:20px}.bento-swatch-hex{font-family:var(--font-mono)}.landing-features{flex-direction:column;gap:96px;display:flex}.landing-feature{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:64px;display:grid}.landing-feature[data-flip] .landing-feature-media{order:-1}.landing-feature-copy{flex-direction:column;gap:12px;max-width:460px;display:flex}.landing-feature-points{box-shadow:inset 0 .5px 0 var(--separator);flex-direction:column;gap:10px;margin:8px 0 0;padding:18px 0 0;list-style:none;display:flex}.landing-feature-points li{align-items:flex-start;gap:10px;display:flex}.landing-feature-points svg{color:var(--text-secondary);flex-shrink:0;margin-top:1px}.landing-feature-media{border-radius:var(--radius-large);corner-shape:squircle;background:var(--surface-light);min-height:460px;box-shadow:inset 0 0 0 .5px var(--separator);justify-content:center;align-items:center;padding:48px;display:flex;position:relative;overflow:hidden}.landing-feature-media .btn,.landing-feature-media .pin{pointer-events:none}.landing-phones{justify-content:center;align-items:flex-start;gap:24px;width:100%;display:flex}.landing-phones .phone-frame{width:min(44%,250px)}.landing-phones .phone-frame:last-child{margin-top:64px}.landing-feature-media .bento-pinned{max-width:560px}.landing-feature-media .bento-pinned-art{aspect-ratio:4/3;flex:none;min-height:0}.landing-feature-media .bento-invoice,.landing-feature-media .bento-signature{gap:18px;max-width:420px;padding:28px}.landing-feature-media .bento-approval{min-height:364px}.landing-feature-media .bento-approval-tick{width:104px;height:104px;box-shadow:0 0 0 16px var(--positive-surface), var(--shadow-popover)}.landing-feature-media .bento-approval-tick svg{width:48px;height:48px}.kinds{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.kinds-tile{border-radius:var(--radius-large);corner-shape:squircle;background:var(--surface-light);min-width:0;box-shadow:inset 0 0 0 .5px var(--separator);flex-direction:column;display:flex;overflow:hidden}.kinds-media{aspect-ratio:4/3;justify-content:center;align-items:center;padding:20px 20px 4px;display:flex;position:relative;container:kinds/size}.kinds-media .pin,.kinds-media .timeline-marker{pointer-events:none}.kinds-copy{flex-direction:column;gap:2px;padding:16px 20px 20px;display:flex}.kinds-ellipsis{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.kinds-stack{flex-direction:column;justify-content:center;align-items:flex-start;gap:12px;width:100%;height:100%;display:flex}.kinds-chip{gap:8px;min-width:0;padding:4px 12px 4px 4px}.kinds-chip .bento-chip-time{flex-shrink:0;height:22px;padding:0 8px}.kinds-fill{width:100%;height:100%;box-shadow:var(--shadow-card)}.kinds-logo{flex-direction:column;justify-content:center;align-items:center;gap:30px;width:100%;height:100%;display:flex}.kinds-logo-mark{border-radius:var(--radius-card);corner-shape:squircle;background:var(--sample-brand);width:84px;height:84px;color:var(--sample-brand-text);place-items:center;display:grid;position:relative}.kinds-logo-mark:before{content:"";box-shadow:inset 0 0 0 .5px var(--border);border-radius:50%;position:absolute;inset:-20px}.kinds-logo-mark:after{content:"";background:var(--border);height:.5px;position:absolute;top:50%;left:-52px;right:-52px}.kinds-photo>img{transform-origin:96% 100%;transform:scale(1.7)}.kinds-before{-webkit-backdrop-filter:saturate(.15)brightness(.85)contrast(.9);backdrop-filter:saturate(.15)brightness(.85)contrast(.9);position:absolute;inset:0 50% 0 0}.kinds-split{background:var(--text-on-color);width:2px;margin-left:-1px;position:absolute;top:0;bottom:0;left:50%}.kinds-split:after{content:"";background:var(--text-on-color);width:18px;height:18px;box-shadow:0 2px 8px rgba(var(--overlay-on-media-rgb), .3);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.kinds-tag{z-index:1;border-radius:var(--radius-pill);background:rgba(var(--overlay-on-media-rgb), .45);color:var(--text-on-color);padding:2px 8px;position:absolute;top:10px}.kinds-tag[data-side=before]{left:10px}.kinds-tag[data-side=after]{right:10px}.kinds-video{aspect-ratio:16/9;width:100%;box-shadow:var(--shadow-card);flex-shrink:0}.kinds-video .bento-video-bar{gap:10px;padding:24px 12px 10px}.kinds-wave{align-items:center;gap:2px;width:100%;height:44%;display:flex;position:relative}.kinds-wave i{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--text-tertiary) 40%, transparent);flex:1;min-width:0}.kinds-wave i[data-played]{background:var(--text-primary)}.kinds-wave-head{background:var(--pin);width:1.5px;margin-left:-.75px;position:absolute;top:-4px;bottom:-4px}.kinds-wave .timeline-marker[data-flag]{top:-4px}.kinds-player{align-items:center;gap:10px;width:100%;padding:10px 14px 10px 10px;display:flex}.kinds-player .kinds-wave{flex:1;gap:1.5px;height:30px}.kinds-play{background:var(--brand);width:32px;height:32px;color:var(--brand-text);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.kinds-player-time{flex-shrink:0}.kinds-browser{flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.kinds-browser-bar{height:22px;box-shadow:inset 0 -.5px 0 var(--separator);flex-shrink:0;align-items:center;gap:5px;padding:0 10px;display:flex}.kinds-browser i,.kinds-browser b,.kinds-page i,.kinds-page b{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--text-tertiary) 35%, transparent);flex-shrink:0;height:5px;display:block}.kinds-browser b,.kinds-page b{background:var(--text-primary);height:9px}.kinds-browser-bar i{width:7px;height:7px}.kinds-browser-page{flex-direction:column;flex:1;gap:14px;min-height:0;padding:12px 14px;display:flex}.kinds-browser-nav{align-items:center;gap:8px;display:flex}.kinds-browser-nav b{border-radius:4px;width:14px;height:14px;margin-right:auto}.kinds-browser-nav i{width:12%}.kinds-browser-hero{flex:1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:12px;min-height:0;display:grid}.kinds-browser-copy{flex-direction:column;justify-content:center;gap:6px;min-width:0;display:flex}.kinds-browser-copy [data-short]{width:64%}.kinds-browser-copy i:first-of-type{margin-top:4px}.kinds-browser-button{border-radius:var(--radius-small);background:var(--text-primary);width:58%;height:18px;margin-top:6px;position:relative}.kinds-browser-image{object-fit:cover;border-radius:var(--radius-small);width:100%;height:100%;min-height:0}.kinds-doc{justify-content:center;width:100%;height:100%;display:flex;position:relative}.kinds-page{aspect-ratio:3/4;border-radius:var(--radius-small);background:var(--surface-raised);height:100%;box-shadow:inset 0 0 0 .5px var(--separator), var(--shadow-card);flex-direction:column;gap:7px;padding:14px;display:flex;position:relative;overflow:hidden}.kinds-page[data-back]{position:absolute;transform:translate(14px)rotate(4deg)}.kinds-page [data-short]{width:62%}.kinds-page b{width:72%;margin-bottom:3px}.kinds-page-head{color:var(--text-secondary);align-items:center;gap:6px;margin-bottom:4px;display:flex}.kinds-page-head svg{flex-shrink:0}.kinds-page-image{background:var(--surface-very-dark);border-radius:4px;flex:1;min-height:16px}.kinds-note{max-width:100%;box-shadow:inset 0 0 0 .5px var(--separator), var(--shadow-popover);align-items:center;gap:6px;padding:8px 12px 8px 10px;display:flex;position:absolute;bottom:18%;right:0}.kinds-note svg{color:var(--pin);flex-shrink:0}.kinds-files{flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;height:100%;display:flex}.kinds-file-list{width:100%;max-width:340px}.kinds-file-list li{color:var(--text-secondary);gap:10px;padding:9px 12px}.kinds-file-list li+li{box-shadow:inset 0 .5px 0 var(--separator)}.kinds-file-list li>svg{flex-shrink:0}.kinds-file-list li>.kinds-ellipsis{color:var(--text-primary);flex:1}.kinds-file-meta{flex-shrink:0}.kinds-any{background:var(--surface-raised);height:26px;color:var(--text-primary);box-shadow:inset 0 0 0 .5px var(--separator), var(--shadow-card);padding:0 10px}@container kinds (width<=220px){.kinds-logo{gap:14px}.kinds-logo-mark{width:48px;height:48px}.kinds-logo-mark:before{inset:-11px}.kinds-logo-mark:after{left:-26px;right:-26px}.kinds-tag,.kinds-player-time,.kinds-page-head .type-badge,.kinds-video .bento-video-bar>svg,.kinds-video .bento-video-bar>.type-body-xs{display:none}.kinds-stack{gap:8px}.kinds-chip{max-width:100%;padding-right:10px}.kinds-video .bento-video-bar{padding:16px 8px 8px}.kinds-player{gap:6px;padding:6px 8px 6px 6px}.kinds-player .kinds-wave{gap:1px;height:24px}.kinds-play{width:24px;height:24px}.kinds-play svg{width:12px;height:12px}.kinds-browser-bar{gap:4px;height:16px;padding:0 7px}.kinds-browser-bar i{width:5px;height:5px}.kinds-browser-page{gap:10px;padding:8px}.kinds-browser-nav b{width:10px;height:10px}.kinds-browser-hero{gap:8px}.kinds-browser i,.kinds-browser b,.kinds-page i,.kinds-page b{height:4px}.kinds-browser b,.kinds-page b{height:6px}.kinds-browser-copy{gap:4px}.kinds-browser-button{border-radius:4px;height:12px}.kinds-page{gap:5px;padding:9px}.kinds-page-head{margin-bottom:2px}.kinds-note{padding:6px 8px;bottom:12%}}.landing-pricing .plan-cards{align-items:center}.landing-pricing .plan-interval{align-self:center}.landing-pricing .plan-grid{width:100%;max-width:820px}.landing-closing{border-radius:var(--radius-large);corner-shape:squircle;background:var(--surface-light);box-shadow:inset 0 0 0 .5px var(--separator);text-align:center;flex-direction:column;align-items:center;gap:16px;margin:24px 0 72px;padding:64px 24px;display:flex}.landing-closing p{max-width:520px}.landing-closing .btn{margin-top:8px}.landing-footer{border-top:.5px solid var(--separator);align-items:center;gap:24px;padding:24px 0 40px;display:flex}.landing-footer-links{flex-wrap:wrap;flex:1;gap:20px;display:flex}.landing-footer-links a{color:var(--text-secondary);text-decoration:none}.landing-footer-links a:hover{color:var(--text-primary)}@media (width<=960px){.bento{grid-template-columns:repeat(6,minmax(0,1fr))}.bento-tile[data-size]{grid-area:auto/span 6}.bento-tile[data-size=third]{grid-column:span 3}.kinds{grid-template-columns:repeat(2,minmax(0,1fr))}.kinds-tile[data-wide]{grid-column:span 2}.kinds-tile[data-wide] .kinds-media{aspect-ratio:8/3}.landing-features{gap:64px}.landing-feature,.landing-feature[data-flip]{grid-template-columns:minmax(0,1fr);gap:28px}.landing-feature[data-flip] .landing-feature-media{order:0}.landing-feature-copy{max-width:560px}}@media (width<=720px){.landing,.landing-nav{padding:0 16px}.landing-nav-link{display:none}.landing-hero{padding-top:32px}.landing-stage{margin-top:20px;padding-bottom:32px}.landing-stage-display{width:100%}.landing-stage-phone{width:30%;min-width:0;right:-6px}.landing-section{gap:28px;padding:48px 0}.bento{grid-template-columns:minmax(0,1fr);gap:12px}.bento-tile[data-size]{grid-column:auto}.bento-copy{padding:20px 20px 16px}.bento-media{min-height:0;padding:4px 20px 20px}.bento-media[data-align=bottom]{padding-bottom:0}.bento-pinned-art{aspect-ratio:4/3;flex:none;min-height:0}.kinds{gap:12px}.kinds-tile{border-radius:var(--radius-card)}.kinds-media{aspect-ratio:1;padding:12px 12px 2px}.kinds-tile[data-wide] .kinds-media{aspect-ratio:2}.kinds-copy{padding:10px 12px 14px}.bento-comments{grid-template-columns:minmax(0,1fr);gap:8px;margin:-32px 12px 0}.bento-approval{min-height:240px}.landing-features{gap:48px}.landing-feature-media{min-height:0;padding:28px 20px}.landing-feature-media .bento-approval{min-height:280px}.landing-feature-media .bento-invoice,.landing-feature-media .bento-signature{padding:20px}.bento-phone-peek{max-width:252px;height:300px}.landing-closing{margin-bottom:48px;padding:40px 20px}.landing-footer{flex-direction:column;align-items:flex-start;gap:16px}}.brand-logo{min-width:0;color:var(--text-primary);align-items:center;gap:10px;display:inline-flex}.brand-logo-img{object-fit:contain;width:auto;max-width:168px;height:auto;max-height:32px;display:block}.brand-logo-mark{border-radius:var(--radius-small);background:var(--brand);width:28px;height:28px;color:var(--brand-text);flex-shrink:0;place-items:center;display:grid}.brand-logo-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.brand-logo-pending{width:120px;height:28px}.brand-logo-dark{display:none}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .brand-logo[data-has-dark] .brand-logo-light{display:none}:root:not([data-theme=light]) .brand-logo[data-has-dark] .brand-logo-dark{display:block}}:root[data-theme=dark] .brand-logo[data-has-dark] .brand-logo-light{display:none}:root[data-theme=dark] .brand-logo[data-has-dark] .brand-logo-dark{display:block}.sidebar-header{align-items:center;min-height:34px;display:flex}.sidebar-logo{min-width:0;display:flex}.branding-card{flex-direction:column;gap:24px;padding:24px;display:flex}.branding-logos{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.branding-logo-slot{flex-direction:column;gap:8px;min-width:0;display:flex}.branding-logo-slot-head{justify-content:space-between;align-items:center;gap:8px;min-height:20px;display:flex}.branding-logo-row{align-items:center;gap:16px;display:flex}.branding-logo-drop{border:1px dashed var(--border);border-radius:var(--radius-card);background:repeating-conic-gradient(var(--surface-dark) 0% 25%, var(--surface-light) 0% 50%) 50% / 14px 14px;width:168px;height:72px;color:var(--text-secondary);cursor:pointer;flex-shrink:0;place-items:center;padding:12px;display:grid}.branding-logo-drop:hover{border-color:var(--text-secondary)}.branding-logos .branding-logo-drop{background:var(--logo-stage-light);width:100%;height:88px;color:var(--logo-stage-light-text)}.branding-logos .branding-logo-drop[data-mode=dark]{background:var(--logo-stage-dark);color:var(--logo-stage-dark-text)}.branding-logo-drop img{object-fit:contain;max-width:100%;max-height:100%}.branding-logo-actions{flex-direction:column;gap:8px;min-width:0;display:flex}.branding-logo-buttons{flex-wrap:wrap;gap:6px;display:flex}.branding-color-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.branding-swatch-picker{border-radius:var(--radius-button);width:40px;height:40px;box-shadow:inset 0 0 0 .5px var(--border);cursor:pointer;flex-shrink:0;position:relative;overflow:hidden}.branding-swatch-picker input{opacity:0;cursor:pointer;position:absolute;inset:0}.branding-hex{width:112px;font-family:var(--font-mono);text-transform:uppercase}.branding-presets{flex-wrap:wrap;gap:6px;min-width:0;display:flex}.branding-preset{width:24px;height:24px;box-shadow:inset 0 0 0 .5px var(--border);cursor:pointer;border:0;border-radius:50%;padding:0;transition:transform .12s}.branding-preset:hover{transform:scale(1.1)}.branding-preset[data-selected=true]{box-shadow:0 0 0 2px var(--background), 0 0 0 4px var(--text-primary)}.branding-preview{border-radius:var(--radius-card);background:var(--background);box-shadow:inset 0 0 0 .5px var(--separator);overflow:hidden}.branding-preview-bar{border-bottom:.5px solid var(--separator);background:var(--surface-sidebar);justify-content:space-between;align-items:center;gap:12px;min-height:56px;padding:12px 16px;display:flex}.branding-preview-body{gap:16px;padding:16px;display:flex}.branding-preview-canvas{border-radius:var(--radius-button);background:var(--surface-dark);flex:1;min-height:140px;position:relative}.branding-preview-canvas .pin{cursor:default}.branding-preview-side{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.branding-preview-side .anchor-chip{cursor:default}.branding-preview-side .btn{pointer-events:none;margin-top:auto}@media (width<=600px){.branding-logo-row{flex-direction:column;align-items:flex-start}.branding-logos{grid-template-columns:1fr}.branding-preview-body{flex-direction:column}}.branding-nudge{color:inherit;align-items:center;gap:14px;padding:14px 16px;text-decoration:none;transition:box-shadow .16s;display:flex}.branding-nudge:hover{box-shadow:inset 0 0 0 .5px var(--border), var(--shadow-popover)}.branding-nudge .empty-icon{border-radius:var(--radius-button);width:40px;height:40px;margin:0}.branding-nudge-text{flex-direction:column;flex:1;min-width:0;display:flex}.branding-nudge-arrow{color:var(--text-tertiary)}.lightbox{z-index:1200;background:rgba(var(--overlay-on-media-rgb), .92);-webkit-backdrop-filter:blur(12px);cursor:zoom-out;justify-content:center;align-items:center;padding:32px;display:flex;position:fixed;inset:0}.lightbox-frame{border-radius:var(--radius-card);box-shadow:0 20px 60px rgba(var(--overlay-on-media-rgb), .5);cursor:grab;display:flex;position:relative}.lightbox-frame:active{cursor:grabbing}.lightbox-image{border-radius:inherit;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:auto;max-width:min(92vw,1600px);height:auto;max-height:86vh;display:block}.watermark{border-radius:inherit;pointer-events:none;background-repeat:repeat;position:absolute;inset:0}.lightbox-toolbar{z-index:2;gap:12px;display:flex;position:absolute;top:24px}.lightbox-toolbar-left{left:24px}.lightbox-toolbar-right{right:24px}.lightbox-icon-button{background:rgba(var(--overlay-on-media-rgb), .4);-webkit-backdrop-filter:blur(12px);width:44px;height:44px;color:var(--text-on-color);cursor:pointer;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:background-color .15s ease-out,transform .15s ease-out;display:flex}.lightbox-icon-button:hover{background:rgba(var(--overlay-on-media-rgb), .55);transform:scale(1.05)}.lightbox-icon-button:active{transform:scale(.96)}.lightbox-icon-button:focus-visible{outline:2px solid var(--text-on-color);outline-offset:2px}.lightbox-icon-button[aria-busy=true]{cursor:progress}.lightbox-spinner{border:2px solid color-mix(in srgb, var(--text-on-color) 25%, transparent);border-top-color:var(--text-on-color);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}.lightbox-nav{z-index:2;width:56px;height:56px;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-nav:hover{transform:translateY(-50%)scale(1.05)}.lightbox-nav:active{transform:translateY(-50%)scale(.96)}.lightbox-nav-prev{left:24px}.lightbox-nav-next{right:24px}.lightbox-caption{border-radius:var(--radius-pill);background:rgba(var(--overlay-on-media-rgb), .4);-webkit-backdrop-filter:blur(12px);max-width:calc(100% - 48px);color:var(--text-on-color);cursor:default;align-items:center;gap:10px;padding:8px 16px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.lightbox-caption-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lightbox-caption-count{opacity:.7;flex-shrink:0}@media (width<=700px){.lightbox{padding:16px}.lightbox-nav{width:40px;height:40px}.lightbox-nav-prev{left:12px}.lightbox-nav-next{right:12px}.lightbox-toolbar{gap:8px;top:16px}.lightbox-toolbar-left{left:16px}.lightbox-toolbar-right{right:16px}}.switch{border-radius:var(--radius-pill);background:var(--surface-very-dark);width:28px;height:16px;box-shadow:inset 0 0 0 .5px var(--border);flex-shrink:0;margin-left:auto;transition:background .16s;position:relative}.switch:after{content:"";background:var(--surface-raised);width:12px;height:12px;box-shadow:var(--shadow-card), 0 1px 2px rgba(var(--shadow-rgb), .2);border-radius:50%;transition:transform .16s cubic-bezier(.16,1,.3,1);position:absolute;top:2px;left:2px}.switch[data-on=true]{background:var(--brand)}.switch[data-on=true]:after{transform:translate(12px)}.subscribe{flex-direction:column;gap:16px;display:flex}.subscribe-plan{border-radius:var(--radius-card);background:var(--surface-light);box-shadow:inset 0 0 0 .5px var(--separator);justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.subscribe-dev{margin-right:auto}.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.plan-option{border-radius:var(--radius-card);corner-shape:squircle;background:var(--surface-raised);box-shadow:inset 0 0 0 .5px var(--border);flex-direction:column;gap:16px;padding:20px;display:flex}.plan-option[data-featured=true]{background:var(--surface-light);box-shadow:inset 0 0 0 1.5px var(--brand)}.plan-option-head{flex-direction:column;gap:4px;display:flex}.plan-option-price{flex-direction:column;gap:2px;display:flex}.plan-storage{border-radius:var(--radius-button);background:var(--surface-dark);flex-direction:column;gap:8px;margin:0;padding:12px 14px;list-style:none;display:flex}.plan-storage li{gap:8px;display:flex}.plan-storage li:before{content:"";background:var(--text-primary);border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:6px}.plan-option .plan-features{flex:1}.plan-option-current{cursor:default;background:var(--surface-dark);color:var(--text-secondary)}.plan-option-current:hover{background:var(--surface-dark)}.billing-current strong{font-weight:var(--weight-semibold)}@media (width<=640px){.plan-grid{grid-template-columns:1fr}}.team-list{flex-direction:column;padding:0 8px;display:flex}.team-row{align-items:center;gap:12px;padding:12px;display:flex}.team-row+.team-row{border-top:.5px solid var(--separator)}.team-row-text{flex-direction:column;flex:1;min-width:0;display:flex}.team-invite-form{gap:24px;min-height:300px}.invite-form{gap:24px}@media (width<=600px){.team-row{flex-wrap:wrap}}.dropdown{flex-shrink:0;position:relative}.dropdown-trigger{border:.5px solid var(--border);border-radius:var(--radius-button);corner-shape:squircle;background:var(--background);height:32px;color:var(--text-primary);font-weight:var(--weight-medium);cursor:pointer;align-items:center;gap:8px;padding:0 10px 0 12px;transition:background .12s,border-color .12s;display:inline-flex}.dropdown-trigger:hover{background:var(--surface-light)}.dropdown-trigger[aria-expanded=true]{background:var(--surface-dark)}.dropdown-trigger:disabled{opacity:.45;cursor:not-allowed}.dropdown-chevron{color:var(--text-secondary);transition:transform .16s}.dropdown-trigger[aria-expanded=true] .dropdown-chevron{transform:rotate(180deg)}.dropdown-menu{z-index:30;border-radius:var(--radius-card);corner-shape:squircle;background:var(--surface-raised);width:260px;box-shadow:inset 0 0 0 .5px var(--separator), var(--shadow-popover);transform-origin:100% 0;opacity:0;visibility:hidden;margin:0;padding:6px;list-style:none;transition:opacity .16s cubic-bezier(.4,0,.2,1),transform .16s cubic-bezier(.4,0,.2,1),visibility 0s linear .16s;position:absolute;top:calc(100% + 6px);right:0;transform:translateY(-6px)scale(.98)}.dropdown-menu-floating{z-index:1100;position:fixed;top:auto;right:auto}.dropdown-menu[data-open=true]{opacity:1;visibility:visible;transition:opacity .24s cubic-bezier(.16,1,.3,1),transform .24s cubic-bezier(.16,1,.3,1),visibility;transform:none}.dropdown-option{border-radius:var(--radius-small);cursor:pointer;align-items:flex-start;gap:10px;padding:8px 10px;display:flex}.dropdown-option[data-active=true]{background:var(--hover-overlay)}.dropdown-option-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.dropdown-check{color:var(--brand);flex-shrink:0;margin-top:1px}.date-picker-trigger{text-align:left;cursor:pointer;justify-content:space-between;align-items:center;gap:8px;height:40px;padding:0 12px;display:flex}.date-picker-trigger:hover:not(:disabled){border-color:var(--text-tertiary)}.date-picker-trigger[aria-expanded=true]{border-color:var(--text-secondary);box-shadow:0 0 0 3px var(--focus-ring)}.date-picker-trigger:disabled{background:var(--surface-light);color:var(--text-secondary);cursor:not-allowed}.date-picker-value{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.date-picker-icon{color:var(--text-secondary);flex-shrink:0;transition:color .12s}.date-picker-trigger[aria-expanded=true] .date-picker-icon{color:var(--brand)}.date-picker-popover{z-index:1150;border-radius:var(--radius-card);corner-shape:squircle;background:var(--surface-raised);width:min(280px,100vw - 16px);box-shadow:inset 0 0 0 .5px var(--separator), var(--shadow-popover);padding:10px;animation:.2s cubic-bezier(.16,1,.3,1) date-picker-in;position:fixed}@keyframes date-picker-in{0%{opacity:0;transform:translateY(-6px)scale(.98)}}.date-picker-header{justify-content:space-between;align-items:center;padding:2px 2px 8px;display:flex}.date-picker-nav{border-radius:var(--radius-pill);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;transition:background .12s,color .12s;display:inline-flex}.date-picker-nav:hover:not(:disabled){background:var(--hover-overlay);color:var(--text-primary)}.date-picker-nav:disabled{opacity:.3;cursor:default}.date-picker-grid{flex-direction:column;gap:2px;display:flex}.date-picker-row{grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;display:grid}.date-picker-weekday{height:24px;color:var(--text-secondary);justify-content:center;align-items:center;display:flex}.date-picker-day{border-radius:var(--radius-small);corner-shape:squircle;height:32px;color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;transition:background .12s,color .12s;display:flex;position:relative}.date-picker-day[data-outside]{color:var(--text-tertiary)}.date-picker-day:hover:not([aria-selected=true]):not([aria-disabled]){background:var(--hover-overlay)}.date-picker-day:focus-visible{outline-offset:0}.date-picker-day[aria-current=date]:after{content:"";border-radius:var(--radius-pill);background:var(--brand);width:4px;height:4px;margin-left:-2px;position:absolute;bottom:4px;left:50%}.date-picker-day[aria-selected=true]{background:var(--brand);color:var(--brand-text)}.date-picker-day[aria-selected=true][aria-current=date]:after{background:var(--brand-text)}.date-picker-day[aria-disabled]{color:var(--text-tertiary);opacity:.45;cursor:default}.rail-title{align-items:flex-start;gap:4px;display:flex}.rail-title h1{overflow-wrap:anywhere;flex:1;min-width:0}.rail-edit{flex-shrink:0;margin-top:-4px}.rail-tabs .segmented-item{white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.assets-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.asset-row{border-radius:var(--radius-button);align-items:center;display:flex;position:relative}.asset-row:hover{background:var(--hover-overlay)}.asset-row-main{min-width:0;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:10px;padding:8px;display:flex}.asset-row-thumb{border-radius:var(--radius-small);object-fit:cover;background:var(--surface-dark);width:36px;height:36px;box-shadow:inset 0 0 0 .5px var(--separator);flex-shrink:0}.asset-row-icon{color:var(--text-secondary);place-items:center;display:grid}.asset-row-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.asset-row-name,.asset-row-meta{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.asset-row-action{opacity:0;margin-right:4px;transition:opacity .12s}.asset-row:hover .asset-row-action,.asset-row-action:focus-visible{opacity:1}@media (hover:none){.asset-row-action{opacity:1}}.rail-draft-lock{color:var(--text-tertiary);flex-shrink:0}.asset-image-frame[data-closed=true]{cursor:default}.closed-notice{border-radius:var(--radius-card);background:var(--surface-dark);color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;padding:12px 14px;display:flex}.closed-notice-icon{color:var(--text-secondary);flex-shrink:0}.closed-notice-link{border-radius:var(--radius-pill);background:var(--brand);color:var(--brand-text);cursor:pointer;border:0;align-items:center;gap:4px;margin-left:auto;padding:4px 10px;display:inline-flex}.closed-notice-link:hover{background:var(--brand-hover)}.review-actions .pill{gap:6px}.review-actions .pill svg{width:14px;height:14px}.review-actions .pill{border-radius:var(--radius-button);corner-shape:squircle;height:32px;font-size:var(--text-body-sm);line-height:var(--lh-body-sm);font-weight:var(--weight-semibold);padding:0 14px}.settings-card{flex-direction:column;gap:20px;padding:24px;display:flex}.settings-photo{align-items:center;gap:18px;display:flex}.settings-avatar{cursor:pointer;background:0 0;border:0;border-radius:50%;padding:0;transition:transform .16s;position:relative}.settings-avatar:hover{transform:scale(1.04)}.settings-avatar .avatar{font-size:var(--text-title-lg);line-height:var(--lh-title-lg)}.settings-avatar[data-loading] .avatar{opacity:.5}.settings-avatar-badge{background:var(--brand);width:26px;height:26px;color:var(--brand-text);box-shadow:0 0 0 2px var(--surface-raised);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-2px;right:-2px}.settings-photo-actions{flex-direction:column;gap:4px;min-width:0;display:flex}.settings-photo-actions .settings-photo-remove{align-self:flex-start;margin-top:4px}.input:disabled{color:var(--text-secondary);background:var(--surface-light);cursor:default}.toggle-row{border-radius:var(--radius-button);width:100%;color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:10px 12px;display:flex}.toggle-row:hover:not(:disabled){background:var(--hover-overlay)}.toggle-row:disabled{cursor:default;opacity:.5}.toggle-row-icon{border-radius:var(--radius-small);background:var(--surface-dark);width:32px;height:32px;color:var(--text-secondary);flex-shrink:0;place-items:center;display:grid}.toggle-row-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.toggle-list{flex-direction:column;margin:-8px -12px -10px;display:flex}.settings-account-actions{flex-wrap:wrap;gap:8px;display:flex}a.profile-menu-item{text-decoration:none}.invoice-rows{flex-direction:column;display:flex}.invoice-row-motion{overflow:hidden}.invoice-row-motion>.invoice-row,.invoice-row-head{padding-bottom:6px}.invoice-row{grid-template-columns:minmax(0,1fr) 76px 120px 32px;align-items:center;gap:8px;display:grid}.invoice-row-head>span{padding-left:0}.invoice-row .input{min-width:0}.invoice-row .icon-btn{justify-self:center}.invoice-add-row{align-self:flex-start;margin-left:2px}.invoice-total{border-top:.5px dashed var(--separator);justify-content:space-between;align-items:baseline;margin-top:12px;padding-top:14px;display:flex}.form-two-col{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px;display:grid}.form-two-col .input,.form-two-col .select{height:40px}.form-two-col>.field{min-width:0}.field>.dropdown{width:100%}.field>.dropdown>.dropdown-trigger{justify-content:space-between;width:100%;height:40px}.input-suffix{align-items:center;gap:8px;display:flex}.input-suffix .input{width:96px}.money-input{width:100%;min-width:0;display:block;position:relative}.money-input-symbol{pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.money-input .input{min-width:0}.plan-preview{border-radius:var(--radius-card);background:var(--surface-light);flex-direction:column;margin:0;padding:4px 0;list-style:none;display:flex}.plan-preview-row{grid-template-columns:1fr auto;grid-template-areas:"title amount""when amount";column-gap:12px;padding:10px 14px;display:grid}.plan-preview-row+.plan-preview-row{border-top:.5px solid var(--separator)}.plan-preview-row>:first-child{grid-area:title}.plan-preview-row>:nth-child(2){grid-area:when}.plan-preview-row>:nth-child(3){grid-area:amount;align-self:center}.invoice-doc{flex-direction:column;gap:18px;display:flex}.invoice-doc-head{justify-content:space-between;align-items:center;display:flex}.invoice-doc-meta{border-radius:var(--radius-card);background:var(--surface-light);grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:14px 16px;display:grid}.invoice-doc-meta>div{flex-direction:column;gap:2px;min-width:0;display:flex}.invoice-overdue{color:var(--pending-text)}.invoice-table{border-collapse:collapse;width:100%}.invoice-table th{text-align:left;font-weight:inherit;padding:0 0 8px}.invoice-table th:not(:first-child),.invoice-table td:not(:first-child){text-align:right;white-space:nowrap;padding-left:12px}.invoice-table td{border-top:.5px solid var(--separator);padding:10px 0}.invoice-sums{flex-direction:column;gap:6px;margin:0;display:flex}.invoice-sums>div{justify-content:space-between;align-items:baseline;display:flex}.invoice-sums dd{margin:0}.invoice-sums-total{border-top:.5px solid var(--separator);margin-top:8px;padding-top:14px}.invoice-notes{white-space:pre-wrap}.invoice-callout{border-radius:var(--radius-button);background:color-mix(in srgb, var(--pending) 10%, var(--background));color:var(--text-primary);padding:10px 14px}.invoice-designer-note{margin-top:-4px}.payments-connect{align-items:center;gap:14px;padding:16px 20px;display:flex}.payments-connect .empty-icon{border-radius:var(--radius-button);width:40px;height:40px;margin:0}.payments-connect-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}@media (width<=600px){.payments-connect{flex-wrap:wrap;align-items:flex-start;row-gap:16px;padding:16px}.payments-connect>.btn{flex-basis:100%}}.payments-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.payments-stat{flex-direction:column;gap:4px;padding:14px 16px;display:flex}.payments-list{flex-direction:column;padding:0 6px;display:flex}.payments-empty{padding:20px 16px}.payments-row{border-radius:var(--radius-button);color:inherit;align-items:center;gap:14px;padding:10px 12px;text-decoration:none;display:flex;position:relative}.payments-row:hover{background:var(--hover-overlay)}.payments-row+.payments-row:before{content:"";border-top:.5px solid var(--separator);position:absolute;top:0;left:12px;right:12px}.payments-row:hover:before,.payments-row:hover+.payments-row:before{opacity:0}.payments-row-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.payments-more{justify-content:center;gap:8px;margin-top:-12px;display:flex}.asset-row-main .pill{flex-shrink:0;margin-left:auto}@media (width<=640px){.invoice-row{grid-template-columns:minmax(0,1fr) 56px 96px 32px}.invoice-doc-meta,.payments-stats,.form-two-col{grid-template-columns:1fr}}.action-menu{width:230px}.action-menu-item{color:var(--text-primary);align-items:center}.action-menu-item svg{color:var(--text-secondary);flex-shrink:0}.action-menu-item[data-destructive=true],.action-menu-item[data-destructive=true] svg{color:var(--destructive-text)}.action-menu-item[data-separated=true]{margin-top:6px;position:relative}.action-menu-item[data-separated=true]:before{content:"";background:var(--separator);height:.5px;position:absolute;top:-4px;left:8px;right:8px}.avatar-add{background:var(--surface-dark);width:26px;height:26px;color:var(--text-secondary);cursor:pointer;border:0;padding:0;transition:background .12s,color .12s}.avatar-stack .avatar-add{margin-left:-8px}.avatar-add:hover{background:var(--brand);color:var(--brand-text)}.held-notice{border-radius:var(--radius-card);background:color-mix(in srgb, var(--pending) 10%, var(--background));flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;padding:12px 14px;display:flex}.asset-held{margin:0;padding:0 14px 14px}.rail-create{flex-direction:column;align-items:center;gap:8px;display:flex}.btn-danger{background:var(--destructive);color:var(--text-on-color);--spinner-color:var(--text-on-color)}.btn-danger:hover{background:var(--destructive-hover)}.drop-overlay{z-index:950;background:color-mix(in srgb, var(--background) 82%, transparent);-webkit-backdrop-filter:blur(6px);gap:16px;padding:32px;animation:.14s ease-out fade-in;display:flex;position:fixed;inset:0}.drop-zone{border:2px dashed var(--border);border-radius:var(--radius-large);background:var(--surface-raised);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;transition:border-color .14s,background .14s,transform .16s cubic-bezier(.16,1,.3,1);display:flex}.drop-zone[data-over=true]{border-color:var(--brand);background:color-mix(in srgb, var(--brand) 6%, var(--surface-raised));transform:scale(1.01)}.drop-zone>*{pointer-events:none}.drop-zone-icon{border-radius:var(--radius-card);background:var(--surface-dark);width:52px;height:52px;color:var(--text-secondary);place-items:center;margin-bottom:4px;display:grid}.drop-zone[data-over=true] .drop-zone-icon{background:var(--brand);color:var(--brand-text)}@media (width<=700px){.drop-overlay{flex-direction:column;padding:16px}}.switch-field{border-radius:var(--radius-button);corner-shape:squircle;background:var(--background);width:100%;box-shadow:inset 0 0 0 .5px var(--border);color:var(--text-primary);text-align:left;cursor:pointer;border:0;align-items:center;gap:16px;padding:10px 14px;transition:background .12s;display:flex}.switch-field:hover:not(:disabled){background:var(--surface-light)}.switch-field:disabled{opacity:.5;cursor:default}.switch-field-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.drafts-rail{position:relative}.rail-empty-state{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;top:50%;left:24px;right:24px;transform:translateY(-50%)}.rail-empty-action{flex-direction:column;align-items:center;margin-top:8px;display:flex}.rail-empty-action .btn-block{width:auto}@media (height<=640px){.rail-empty-state{padding:24px 4px;position:static;transform:none}}.rail-empty-icon{border-radius:var(--radius-button);background:var(--surface-dark);width:44px;height:44px;color:var(--text-secondary);place-items:center;display:grid}.rail-empty-state p{max-width:220px}.due-label{color:var(--text-secondary);white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.due-label svg{flex-shrink:0}.due-label[data-overdue]{color:var(--pending-text)}.due-label-button{border-radius:var(--radius-pill);cursor:pointer;background:0 0;border:0;height:22px;margin:0 -6px;padding:0 6px;font-family:inherit;transition:background .12s}.due-label-button:hover{background:var(--hover-overlay)}.rail-archived{justify-content:space-between;align-items:center;gap:8px;display:flex}.rail-schedule{flex-wrap:wrap;align-items:center;gap:6px 10px;display:flex}.project-status-trigger{cursor:pointer;border:0;padding:0 6px 0 8px;font-family:inherit}.project-status-trigger:hover{background:var(--hover-overlay)}.project-status-trigger:has([data-status=approved]){background:var(--positive-surface);color:var(--positive-text)}.project-status-trigger:has([data-status=changes_requested]){background:var(--pending-surface);color:var(--pending-text)}.project-status-trigger:has([data-status=info]){background:var(--info-surface);color:var(--info-text)}.project-status-trigger-label{align-items:center;gap:4px;display:inline-flex}.project-status-trigger .dropdown-chevron{color:currentColor;width:12px;height:12px}.rail-schedule .action-menu{transform-origin:0 0;width:200px;left:0;right:auto}.action-menu-check{color:var(--text-primary);margin-left:auto}.project-card-schedule{align-items:center;gap:8px;min-width:0;display:flex}.project-card-footer{gap:8px}.projects-toolbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.projects-filter{scrollbar-width:none;min-width:0;overflow-x:auto}.projects-filter::-webkit-scrollbar{display:none}.projects-view{flex-shrink:0}.projects-header-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.page-header>.projects-header-actions{flex-direction:row;flex:none;gap:8px}.projects-filter .segmented-item{white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:0 14px;display:inline-flex}.projects-view .segmented-item{justify-content:center;align-items:center;width:40px;padding:0;display:inline-flex}.projects-view .segmented-item svg{width:16px;height:16px}.schedule{--schedule-name:220px;background:var(--surface-raised);box-shadow:var(--shadow-card);padding:0;position:relative;overflow:hidden}.schedule:after{content:"";z-index:4;border-radius:inherit;corner-shape:squircle;box-shadow:inset 0 0 0 .5px var(--separator);pointer-events:none;position:absolute;inset:0}.schedule-toolbar{justify-content:space-between;align-items:center;gap:12px;padding:12px 12px 12px 16px;display:flex}.schedule-nav{align-items:center;gap:4px;display:flex}.schedule-scroll{overscroll-behavior-x:contain;border-top:.5px solid var(--separator);overflow-x:auto}.schedule-content{width:calc(var(--schedule-name) + var(--day) * var(--days));position:relative}.schedule-row{border-bottom:.5px solid var(--separator);min-height:52px;display:flex}.schedule-row:last-of-type{border-bottom:0}.schedule-name{z-index:2;flex-direction:column;flex:0 0 var(--schedule-name);background:var(--surface-raised);min-width:0;box-shadow:.5px 0 0 var(--separator);color:inherit;justify-content:center;gap:2px;padding:8px 12px 8px 16px;text-decoration:none;display:flex;position:sticky;left:0}.schedule-name-link{min-width:0;color:inherit;text-decoration:none;display:flex}.schedule-name-link:after{content:"";position:absolute;inset:0}.schedule-name-link:hover .schedule-name-text{text-decoration:underline}.schedule-name-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.schedule-dates{align-self:flex-start;min-width:0;max-width:100%}.schedule-dates-text{text-overflow:ellipsis;overflow:hidden}.schedule-dates.due-label-button{z-index:1;max-width:calc(100% + 12px);margin:-3px -6px;position:relative}.schedule-dates[data-empty]{color:var(--text-tertiary)}.schedule-dates[data-empty]:hover{color:var(--text-secondary)}.schedule-track{flex:0 0 calc(var(--day) * var(--days));background:linear-gradient(to right, transparent calc(var(--day) * 5), var(--surface-light) calc(var(--day) * 5)) 0 0 / calc(var(--day) * 7) 100% repeat-x;position:relative}.schedule-head{min-height:48px}.schedule-head .schedule-name{background:var(--surface-raised)}.schedule-month{color:var(--text-primary);white-space:nowrap;padding-left:6px;position:absolute;top:6px}.schedule-day{width:var(--day);height:20px;color:var(--text-tertiary);justify-content:center;align-items:center;display:flex;position:absolute;bottom:6px}.schedule-day[data-today]{color:var(--brand-text)}.schedule-day[data-today]:before{content:"";z-index:-1;border-radius:var(--radius-pill);background:var(--brand);position:absolute;inset:0 2px}.schedule-day{z-index:0;isolation:isolate}.schedule-bar{z-index:1;border-radius:var(--radius-small);background:var(--surface-very-dark);min-width:0;color:var(--text-secondary);align-items:center;text-decoration:none;transition:filter .12s;display:flex;position:absolute;top:12px;bottom:12px}.schedule-bar:hover{filter:brightness(.96)}.schedule-bar[data-status=in_progress]{background:var(--info-surface);color:var(--info-text)}.schedule-bar[data-status=waiting]{background:var(--pending-surface);color:var(--pending-text)}.schedule-bar[data-status=completed]{background:var(--positive-surface);color:var(--positive-text)}.schedule-bar[data-open]{box-shadow:inset 0 0 0 1px var(--border);color:var(--text-tertiary);background:0 0}.schedule-bar-label{left:calc(var(--schedule-name) + 8px);white-space:nowrap;align-items:center;gap:4px;padding:0 8px;display:inline-flex;position:sticky;overflow:hidden}.schedule-bar-outside{color:var(--text-secondary);pointer-events:none;align-items:center;display:flex;position:absolute;top:12px;bottom:12px}.schedule-bar-outside .schedule-bar-label{padding:0 4px;position:static}.schedule-bar[data-overrun]{border-top-right-radius:0;border-bottom-right-radius:0}.schedule-overrun{border-radius:0 var(--radius-small) var(--radius-small) 0;background:repeating-linear-gradient(-45deg, var(--pending-surface) 0 4px, transparent 4px 8px);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--pending) 35%, transparent);position:absolute;top:12px;bottom:12px}.schedule-today{z-index:1;background:var(--brand);pointer-events:none;width:1.5px;margin-left:-.75px;position:absolute;top:48px;bottom:0}@media (width<=640px){.schedule{--schedule-name:128px}.schedule-caption{display:none}.schedule-toolbar{justify-content:flex-end}.schedule-name{padding-left:12px}.schedule-dates svg{display:none}}.dates-menu{width:min(280px,100vw - 16px);padding:14px}.dates-menu:focus{outline:none}.status-popover{width:220px}.dropdown-trigger-stack{flex-direction:column;align-items:flex-start;gap:4px;min-width:0;display:flex}.dropdown-trigger-label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.invoices-filter{margin:0 12px 8px}.payments-filter{align-self:flex-start}.invoices-filter-empty{padding:8px 12px}.proposal-sections .segmented-item{flex:1}.proposal-sections{margin-bottom:-16px}.form-section[hidden]{display:none}.status-popover:focus{outline:none}.dates-menu-form{gap:12px}.dates-menu-actions{justify-content:flex-end;gap:8px;display:flex}button.schedule-bar,button.schedule-bar-outside{font:inherit;text-align:left;cursor:pointer;border:0}button.schedule-bar-outside{pointer-events:auto;background:0 0;padding:0}.schedule-row[data-menu-open] .schedule-bar{filter:brightness(.96)}.schedule-row[data-menu-open] .schedule-name{background:var(--surface-light)}.sidebar-header-actions,.mobile-topbar-actions{align-items:center;gap:4px;margin-left:auto;display:flex}@media (width<=800px){.sidebar-header-actions{display:none}}.notification-bell{position:relative}.notification-badge{border-radius:var(--radius-pill);background:var(--brand);min-width:16px;height:16px;color:var(--brand-text);font-weight:var(--weight-semibold);box-shadow:0 0 0 2px var(--surface-sidebar);justify-content:center;align-items:center;padding:0 4px;display:inline-flex;position:absolute;top:1px;right:1px}.notification-panel{z-index:1100;border-radius:var(--radius-card);corner-shape:squircle;background:var(--surface-raised);max-height:min(560px,75vh);box-shadow:inset 0 0 0 .5px var(--separator), var(--shadow-popover);transform-origin:0 0;opacity:0;visibility:hidden;flex-direction:column;transition:opacity .16s cubic-bezier(.4,0,.2,1),transform .16s cubic-bezier(.4,0,.2,1),visibility 0s linear .16s;display:flex;position:fixed;transform:translateY(-6px)scale(.98)}.notification-panel[data-open=true]{opacity:1;visibility:visible;transition:opacity .24s cubic-bezier(.16,1,.3,1),transform .24s cubic-bezier(.16,1,.3,1),visibility;transform:none}.notification-panel-header{justify-content:space-between;align-items:center;gap:12px;padding:16px 16px 10px;display:flex}.notification-list{overscroll-behavior:contain;margin:0;padding:0 6px 6px;list-style:none;overflow-y:auto}.notification-row{border-radius:var(--radius-button);width:100%;color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:0;align-items:flex-start;gap:10px;padding:10px;font-family:inherit;transition:background .12s;display:flex}.notification-row:hover{background:var(--hover-overlay)}.notification-icon{width:20px;height:20px;color:var(--text-secondary);flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;display:inline-flex}.notification-icon[data-kind=decision],.notification-icon[data-kind=paid]{color:var(--positive-text)}.notification-icon[data-kind=status],.notification-icon[data-kind=reminder]{color:var(--pending-text)}.notification-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.notification-body{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.notification-dot{background:var(--brand);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.notification-empty{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:24px 24px 32px;display:flex}.needs-input{flex-direction:column;gap:20px;margin-bottom:24px;display:flex}.needs-input-list{margin:0;padding:0;list-style:none;overflow:hidden}.needs-input-list li+li{box-shadow:inset 0 .5px 0 var(--separator)}.needs-input-row{color:var(--text-primary);align-items:center;gap:14px;padding:14px 16px;text-decoration:none;transition:background .12s;display:flex}.needs-input-row:hover{background:var(--hover-overlay)}.needs-input-row .btn{flex-shrink:0}.needs-input-icon{border-radius:var(--radius-button);corner-shape:squircle;width:40px;height:40px;color:var(--text-secondary);background:var(--surface-dark);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.needs-input-icon[data-tone=info]{color:var(--info-text);background:var(--info-surface)}.needs-input-icon[data-tone=pending]{color:var(--pending-text);background:var(--pending-surface)}.needs-input-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.needs-input-text>*{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.needs-input-text [data-urgent]{color:var(--pending-text)}.page-header>.dropdown{flex:none}.search-scrim{z-index:1300;background:rgba(var(--scrim-rgb), .32);-webkit-backdrop-filter:blur(2px);-webkit-user-select:none;user-select:none;justify-content:center;align-items:flex-start;padding:14vh 16px 24px;display:flex;position:fixed;inset:0}.search-panel{border-radius:var(--radius-large);corner-shape:squircle;background:var(--background);width:100%;max-width:640px;box-shadow:inset 0 0 0 .5px var(--separator), 0 24px 60px rgba(var(--shadow-rgb), .22), 0 4px 14px rgba(var(--shadow-rgb), .1);flex-direction:column;display:flex;overflow:hidden}.search-input-row{border-bottom:.5px solid var(--separator);color:var(--text-secondary);align-items:center;gap:10px;padding:16px 18px;display:flex}.search-input{min-width:0;color:var(--text-primary);-webkit-user-select:text;user-select:text;background:0 0;border:0;outline:none;flex:1;font-family:inherit}.search-input::placeholder{color:var(--text-tertiary)}.invite-link-loading{align-items:center;height:32px;display:flex}.inline-spinner,.search-spinner{border:2px solid color-mix(in srgb, var(--text-secondary) 25%, transparent);border-top-color:var(--text-secondary);border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin;display:block}.search-results{overscroll-behavior:contain;scrollbar-gutter:stable;height:56vh;padding:8px;overflow-y:auto}.search-group+.search-group{margin-top:4px}.search-group-title{color:var(--text-secondary);font-weight:var(--weight-semibold);padding:8px 10px 4px}.search-row{width:100%;color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:9px 10px;font-family:inherit;transition:background .12s,color .12s;display:flex}.search-row svg{color:var(--text-secondary);flex-shrink:0;transition:color .12s}.search-row-title{text-overflow:ellipsis;white-space:nowrap;min-width:40%;max-width:60%;overflow:hidden}.search-row-meta{text-overflow:ellipsis;white-space:nowrap;text-align:right;min-width:0;color:var(--text-tertiary);flex:1;overflow:hidden}.search-row-pill{border-radius:var(--radius-pill);box-shadow:inset 0 0 0 .5px var(--border);color:var(--text-secondary);flex-shrink:0;margin-left:auto;padding:2px 7px}.search-row[data-active=true]{background:color-mix(in srgb, var(--brand) 10%, transparent);color:var(--brand)}.search-row[data-active=true] svg,.search-row[data-active=true] .search-row-meta,.search-row[data-active=true] .search-row-pill{color:var(--brand)}.search-empty{text-align:center;padding:32px}.search-footer{border-top:.5px solid var(--separator);background:var(--surface-light);justify-content:flex-end;gap:16px;padding:16px;display:flex}.search-footer span{align-items:center;gap:4px;display:inline-flex}.search-footer kbd{min-width:18px;height:18px;box-shadow:inset 0 0 0 .5px var(--border);background:var(--background);font-family:inherit;font-size:var(--text-body-2xs);line-height:var(--lh-body-2xs);border-radius:6px;justify-content:center;align-items:center;padding:0 5px;display:inline-flex}.search-footer kbd:has(svg){padding:0}.search-footer .search-indexing{gap:8px;margin-right:auto}@media (width<=800px),(height<=560px){.search-footer:not([data-indexing]),.search-footer>span:not(.search-indexing){display:none}}.invoice-editor-sums{flex-direction:column;gap:6px;margin:4px 0 0;display:flex}.invoice-editor-sums>div{justify-content:space-between;align-items:baseline;display:flex}.invoice-editor-sums dd{margin:0}.invoice-parties{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.invoice-parties>div{overflow-wrap:anywhere;flex-direction:column;gap:2px;min-width:0;display:flex}.invoice-parties>div>:first-child{margin-bottom:2px}.invoice-pay-details{border-radius:var(--radius-card);box-shadow:inset 0 0 0 .5px var(--border);flex-direction:column;gap:2px;padding:14px 16px;display:flex}.invoice-pay-details>:first-child{margin-bottom:4px}.invoice-legal{border-top:.5px solid var(--separator);padding-top:12px}@media (width<=640px){.invoice-parties{grid-template-columns:1fr}}@media print{body.invoice-printing>:not(.modal-scrim){display:none!important}body.invoice-printing{background:#fff}body.invoice-printing .modal-scrim{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;padding:0;animation:none;position:static}body.invoice-printing .modal{width:auto;max-width:none;max-height:none;box-shadow:none;animation:none}body.invoice-printing .modal-footer,body.invoice-printing .modal-header .icon-btn{display:none}body.invoice-printing .modal-header{border:0;padding-left:0;padding-right:0}body.invoice-printing .modal-body-inner{padding-left:0;padding-right:0}body.invoice-printing .modal-body{overflow:visible;height:auto!important}body.invoice-printing .invoice-callout,body.invoice-printing .invoice-tip{display:none}}.settings-card-head{flex-direction:column;gap:4px;display:flex}.settings-card-subhead{margin-top:8px}.settings-card-actions{justify-content:flex-end;display:flex}.invoice-tip .segmented{align-self:flex-start}.invoice-modal-number{white-space:nowrap}.modal-title h2{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.storage-use{gap:12px}.storage-use-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.storage-bar{border-radius:var(--radius-pill);background:var(--surface-dark);height:8px;overflow:hidden}.storage-bar>span{border-radius:inherit;background:var(--brand);height:100%;transition:width .3s;display:block}.template-row{width:100%;color:inherit;text-align:left;cursor:pointer;border-radius:var(--radius-button);background:0 0;border:0;align-items:center;gap:12px;padding:10px 12px;font-family:inherit;display:flex;position:relative}.template-row:hover{background:var(--hover-overlay)}.template-row-icon{border-radius:var(--radius-button);background:var(--surface-dark);width:40px;height:40px;color:var(--text-secondary);flex-shrink:0;place-items:center;display:grid}.template-row-icon svg{transform:translate(-.5px,-1px)}.template-row+.template-row:before{content:"";border-top:.5px solid var(--separator);position:absolute;top:0;left:12px;right:12px}.template-row:hover:before,.template-row:hover+.template-row:before{opacity:0}.team-list:has(.template-row){padding:0 4px}.template-body{font-family:var(--font-body);line-height:var(--lh-body-prose)}.proposal-package-edit{border-radius:var(--radius-card);box-shadow:inset 0 0 0 .5px var(--border);flex-direction:column;gap:16px;padding:20px;display:flex}.proposal-package-edit-head{justify-content:space-between;align-items:center;display:flex}.proposal-add-package{align-self:flex-start}.proposal-expiry{max-width:calc(50% - 6px)}.proposal-packages{flex-direction:column;gap:10px;display:flex}.proposal-package{border-radius:var(--radius-card);box-shadow:inset 0 0 0 .5px var(--border);flex-direction:column;gap:8px;padding:16px;display:flex}.proposal-package[role=radio]{cursor:pointer;transition:box-shadow .12s,background .12s}.proposal-package[role=radio]:hover{background:var(--surface-light)}.proposal-package[data-selected=true]{box-shadow:inset 0 0 0 1.5px var(--brand)}.proposal-package-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.proposal-package-items{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.proposal-package-items li{justify-content:space-between;gap:12px;display:flex}.proposal-terms{border-radius:var(--radius-card);background:var(--surface-light);white-space:pre-wrap;max-height:320px;padding:14px 16px;overflow-y:auto}.proposal-sign{flex-direction:column;gap:16px;display:flex}.proposal-sign-input{font-size:var(--text-title-md);line-height:var(--lh-title-md);font-weight:var(--weight-semibold)}.proposal-signature{border-radius:var(--radius-card);box-shadow:inset 0 0 0 .5px var(--border);flex-direction:column;gap:2px;padding:14px 16px;display:flex}.proposal-signature-name{font-size:var(--text-display-sm);line-height:var(--lh-display-sm);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-title);font-style:italic}.proposal-hash{overflow-wrap:anywhere}.proposal-invoice-link{align-self:flex-start}@media print{body.invoice-printing .proposal-terms{background:0 0;max-height:none;padding:0;overflow:visible}body.invoice-printing .proposal-sign{display:none}}@media (width<=640px){.proposal-expiry{max-width:none}}.plan-cards{flex-direction:column;gap:16px;display:flex}.plan-interval{align-self:flex-start}.plan-interval .segmented-item{white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:0 14px;display:inline-flex}@media (width<=640px){.plan-interval{align-self:stretch}.plan-interval .segmented-item{flex:1}}.plan-interval-save{border-radius:var(--radius-pill);background:var(--positive-surface);color:var(--positive-text);padding:1px 6px}.form-section-title{margin:0}.form-section-head{flex-direction:column;gap:4px;display:flex}.sms-code{gap:8px;display:flex}.sms-code .input{flex:1;min-width:0}.sms-send{align-items:flex-start}.sms-number{justify-content:space-between;align-items:center;gap:12px;display:flex}.sms-number>div{flex-direction:column;gap:4px;min-width:0;display:flex}.reveal{margin:-5px;padding:5px;overflow:hidden}.proposal-packages-edit{flex-direction:column;gap:12px;display:flex}.form-row-grow{align-items:flex-start;gap:12px;display:flex}.form-row-grow>:first-child{flex:1;min-width:0}.form-row-grow>:not(:first-child){flex:0 0 148px}.form-row-grow .input-suffix .input{flex:1;width:auto;min-width:0}@media (width<=480px){.form-row-grow{flex-wrap:wrap}.form-row-grow>:first-child{flex-basis:160px}}.rail-create-pair{grid-template-columns:1fr 1fr;gap:8px;display:grid}.rail-empty-action .rail-create-pair{grid-template-columns:auto auto}.form-sections.form-sections-roomy{gap:48px}.line-item-menu{max-height:280px;overflow-y:auto}.line-item-option{justify-content:space-between;align-items:center;gap:16px}.line-item-option-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.select-list{flex-direction:column;gap:2px;display:flex}.select-row{border-radius:var(--radius-button);width:100%;color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:10px;font-family:inherit;transition:background .12s;display:flex}.select-row:hover{background:var(--hover-overlay)}.select-row-all{border-bottom:.5px solid var(--separator);border-radius:var(--radius-button) var(--radius-button) 0 0;margin-bottom:4px}.select-row-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.select-row-meta{margin-left:auto}.select-tick{width:20px;height:20px;box-shadow:inset 0 0 0 1px var(--border);color:#0000;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:background .12s,color .12s,box-shadow .12s;display:inline-flex}.select-tick[data-on=true]{background:var(--brand);color:var(--brand-text);box-shadow:none}.sms-channel{align-self:flex-start}.sms-channel .segmented-item{white-space:nowrap;padding:0 16px}.proposal-doc{flex-direction:column;gap:32px;display:flex}.proposal-section{flex-direction:column;gap:14px;display:flex}.proposal-outcome{border-radius:var(--radius-card);align-items:center;gap:12px;padding:14px 16px;display:flex}.proposal-outcome[data-tone=positive]{background:var(--positive-surface);color:var(--positive-text)}.proposal-outcome[data-tone=pending]{background:var(--pending-surface);color:var(--pending-text)}.proposal-outcome-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.proposal-outcome-text .type-title-sm{color:var(--text-primary)}.proposal-outcome .btn{flex-shrink:0}.proposal-signatures{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.proposal-signature-empty{justify-content:flex-start}.proposal-signature-empty .type-body-sm-regular{margin-top:4px}.proposal-countersign-start{align-self:flex-start;margin-top:10px}.proposal-audit{margin-top:8px}.proposal-audit summary{cursor:pointer;color:var(--text-secondary)}.proposal-audit dl{flex-direction:column;gap:6px;margin:8px 0 0;display:flex}.proposal-audit dl>div{flex-direction:column;display:flex}.proposal-audit dt{color:var(--text-tertiary)}.proposal-audit dd{overflow-wrap:anywhere;margin:0}.proposal-hash{font-family:var(--font-mono)}.proposal-sign-actions{justify-content:flex-end;gap:8px;display:flex}@media (width<=640px){.proposal-signatures{grid-template-columns:1fr}.proposal-outcome{flex-wrap:wrap}}@media print{body.invoice-printing .proposal-audit{display:block}body.invoice-printing .proposal-countersign-start{display:none}}.edit-project-notifications{margin-top:16px}.edit-project-danger{gap:8px;display:flex}@media (width<=480px){.edit-project-noun{display:none}}.proposal-message{border-radius:var(--radius-card);background:var(--surface-light);flex-direction:column;gap:4px;padding:14px 16px;display:flex}.read-receipts{align-items:center;gap:4px;margin:-4px 0 4px 42px;display:flex}.read-receipts[data-side=right]{justify-content:flex-end;margin:-4px 42px 4px 0}.read-receipts .avatar{box-shadow:0 0 0 1.5px var(--background)}.action-menu-item[data-tone=info] svg:first-child{color:var(--info-text)}.action-menu-item[data-tone=approved] svg:first-child{color:var(--positive-text)}.action-menu-item[data-tone=changes_requested] svg:first-child{color:var(--pending-text)}.notification-icon[data-status=in_progress]{color:var(--info-text)}.notification-icon[data-status=waiting],.notification-icon[data-status=changes_requested]{color:var(--pending-text)}.notification-icon[data-status=completed],.notification-icon[data-status=approved]{color:var(--positive-text)}.notification-icon[data-status=on_hold]{color:var(--text-secondary)}.branding-logo-fallback{opacity:.35}.approve-draft{border-radius:var(--radius-card);corner-shape:squircle;background:var(--surface-light);align-items:center;gap:14px;padding:12px;display:flex}.approve-draft-thumb{border-radius:var(--radius-button);background:var(--surface-dark);width:56px;height:56px;color:var(--text-tertiary);flex-shrink:0;place-items:center;display:grid;overflow:hidden}.approve-draft-thumb img{object-fit:cover;width:100%;height:100%}.approve-draft-text{flex-direction:column;gap:2px;min-width:0;display:flex}.approve-draft-text>*{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.approve-done{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:40px 0 16px;display:flex}.approve-done-tick{color:var(--positive-text);place-items:center;margin-bottom:8px;animation:.52s cubic-bezier(.34,1.56,.64,1) both approve-pop;display:grid}.approve-done>p{animation:.42s cubic-bezier(.16,1,.3,1) .12s both approve-rise}@keyframes approve-pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}@keyframes approve-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.approve-done-tick,.approve-done>p{animation:none}}.confetti-canvas{z-index:2000;pointer-events:none;width:100vw;height:100vh;position:fixed;inset:0}.avatar-button{cursor:pointer;background:0 0;border:0;border-radius:50%;padding:0;transition:transform .14s,box-shadow .14s;display:inline-flex}.avatar-button:hover{z-index:1;box-shadow:var(--shadow-popover);position:relative;transform:translateY(-1px)scale(1.06)}@media (prefers-reduced-motion:reduce){.avatar-button:hover{transform:none}}.avatar-stack .avatar-button+.avatar-button{margin-left:-6px}.avatar-button:focus-visible{outline:2px solid var(--brand);outline-offset:1px}.member-card{text-align:center;flex-direction:column;align-items:center;gap:20px;padding:56px 0 32px;display:flex}.member-card-text{flex-direction:column;align-items:center;gap:2px;display:flex}.member-card-text h2{margin-bottom:2px}.password-input{display:block;position:relative}.password-input .input{width:100%;padding-right:44px}.password-toggle{color:var(--text-secondary);position:absolute;top:50%;right:4px;transform:translateY(-50%)}