:root{color-scheme:light;--ink: #0d1117;--ink2: #57606a;--ink3: #8b949e;--ink4: #b3bac2;--bg: #F7F5F0;--white: #ffffff;--border: #e1e4e8;--border2: #c9cdd4;--card-sunken: #f5f5f5;--teal: #2563eb;--teal-l: #eaf0fe;--teal-m: #c3d5fb;--gold: #9a6700;--gold-l: #fff8c5;--red: #cf222e;--red-l: #fff0f0;--green: #1a7f37;--green-l: #dafbe1;--blue: #0550ae;--blue-l: #ddf4ff;--purple: #6e40c9;--purple-l:#f3efff;--r-sm: 5px;--r: 9px;--r-lg: 9px;--ds-btn-py: 7px;--ds-btn-py-xs: 3px;--ds-btn-py-sm: 5px;--ctl-h-xs: 28px;--ctl-h-sm: 32px;--ctl-h: 36px;--elev-sm: 0 1px 2px rgba(0,0,0,.04);--elev: 0 2px 8px rgba(0,0,0,.07);--elev-lg: 0 6px 20px rgba(0,0,0,.08), 0 2px 6px rgba(0,0,0,.04);--font: "DM Sans", system-ui, sans-serif;--mono: "JetBrains Mono", "Menlo", monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}button,input,textarea,select{font-family:inherit}.app-shell{display:flex;height:100vh;overflow:hidden}.app-sidebar{width:240px;min-width:240px;background:var(--white);border-right:1px solid rgba(0,0,0,.09);display:flex;flex-direction:column;flex-shrink:0;overflow:visible;position:relative;transition:width .22s cubic-bezier(.4,0,.2,1),min-width .22s cubic-bezier(.4,0,.2,1);--sb-color: var(--teal)}.app-sidebar--collapsed{width:68px;min-width:68px}.app-sb-brand{height:57px;min-height:57px;display:flex;align-items:center;gap:10px;padding:0 10px 0 14px;border-bottom:1px solid rgba(0,0,0,.09);flex-shrink:0}.app-sidebar--collapsed .app-sb-brand{justify-content:center;padding:0 8px}.app-sb-brand-icon{width:34px;height:34px;min-width:34px;background:var(--sb-color);border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.app-sb-brand-text{flex:1;min-width:0;overflow:hidden}.app-sb-brand-name{font-size:14px;font-weight:700;color:var(--ink);font-family:var(--font);letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-sb-brand-sub{font-size:10px;color:var(--ink3);font-weight:500;white-space:nowrap;margin-top:1px}.app-sb-toggle{position:absolute;top:21px;right:-11px;width:22px;height:22px;border:1px solid rgba(0,0,0,.16);border-radius:50%;background:var(--white);box-shadow:var(--elev);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--ink);transition:background .12s,box-shadow .12s,transform .12s;z-index:20;flex-shrink:0}.app-sb-toggle:hover{background:var(--bg);transform:scale(1.08)}.app-sb-nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:10px 0}.app-sb-nav::-webkit-scrollbar{width:4px}.app-sb-nav::-webkit-scrollbar-track{background:transparent}.app-sb-nav::-webkit-scrollbar-thumb{background:#0000001f;border-radius:4px}.app-sb-section-group{margin-bottom:4px}.app-sb-section-hdr{font-size:10px;font-weight:700;color:var(--ink3);text-transform:uppercase;letter-spacing:.08em;padding:4px 18px 2px;white-space:nowrap;display:flex;align-items:center;justify-content:space-between}.app-sb-item{display:flex;align-items:center;gap:10px;height:44px;width:calc(100% - 16px);margin:2px 8px;border:none;background:transparent;cursor:pointer;font-family:var(--font);font-size:14px;font-weight:500;color:var(--ink2);text-align:left;text-decoration:none;padding:0 14px;border-radius:8px;transition:background .1s ease,color .1s ease;overflow:hidden;white-space:nowrap;box-sizing:border-box}.app-sb-item:hover:not(.app-sb-item--active){background:var(--bg);color:var(--ink)}.app-sb-item--active{background:color-mix(in srgb,var(--sb-color) 14%,transparent);color:var(--sb-color);font-weight:600}.app-sb-item--active .app-sb-item-icon{color:var(--sb-color);opacity:1}.app-sidebar--collapsed .app-sb-item{width:calc(100% - 16px);justify-content:center;padding:0;gap:0}.app-sb-item-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:inherit;opacity:.75}.app-sb-item-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-sb-item-count{font-size:11px;font-weight:700;color:inherit;opacity:.75;flex-shrink:0}.app-main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.app-header{height:57px;min-height:57px;background:var(--white);border-bottom:1px solid rgba(0,0,0,.09);display:flex;align-items:stretch;flex-shrink:0;position:relative;z-index:10}.app-header-inner{display:flex;align-items:center;gap:8px;padding:0 8px;width:100%}.app-header-inner--app{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px}.app-header-left{display:flex;align-items:center;gap:6px;flex-shrink:0}.app-header-inner--app .app-header-hub-search,.app-header-inner--app .app-header-search{width:260px;max-width:100%;justify-self:start}.app-header-inner--app .app-header-search:focus-within{width:100%;max-width:100%}.app-header-inner--app .app-header-actions{justify-self:end}.app-header-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--avatar-color, #64748b);color:#fff;font-size:13px;font-weight:700;cursor:pointer;border:none;flex-shrink:0;font-family:var(--font);transition:opacity .12s}.app-header-avatar:hover{opacity:.88}.app-header-user-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:220px;background:var(--white);border-radius:10px;border:1px solid rgba(0,0,0,.1);box-shadow:var(--elev-lg);z-index:300;overflow:hidden}.app-header-user-info{padding:14px 16px;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:2px}.app-header-user-name{font-size:13.5px;font-weight:700;color:var(--ink)}.app-header-user-email{font-size:12px;color:var(--ink3)}.app-header-user-role{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ink3);margin-top:2px}.app-header-user-actions{padding:6px}.app-header-user-action{display:flex;align-items:center;gap:9px;width:100%;box-sizing:border-box;padding:9px 10px;border:none;background:transparent;cursor:pointer;font-size:13.5px;color:var(--ink2);font-family:var(--font);text-decoration:none;border-radius:7px;text-align:left;transition:background .1s}.app-header-user-action:hover{background:var(--bg);color:var(--ink)}.app-header-user-action--signout:hover{background:var(--red-l);color:var(--red)}.app-header-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.app-header-rel{position:relative}.app-header-icon-btn{width:36px;height:36px;border-radius:9px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--ink2);transition:background .12s;flex-shrink:0;position:relative}.app-header-icon-btn:hover,.app-header-icon-btn--open{background:var(--bg)}.app-header-search{display:flex;align-items:center;gap:8px;height:36px;padding:0 12px;border-radius:22px;border:1px solid var(--border);background:var(--bg);color:var(--ink3);width:260px;max-width:100%;transition:width .3s cubic-bezier(.4,0,.2,1),border-color .15s ease,box-shadow .15s ease,background .15s ease}.app-header-search:focus-within{width:100%;border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-l);background:var(--white);color:var(--ink)}.app-header-search-input{flex:1;border:none;background:transparent;outline:none;font-size:13px;font-family:var(--font);color:var(--ink);min-width:0}.app-header-search-input::placeholder{color:var(--ink3)}.app-header-search-clear{background:none;border:none;cursor:pointer;color:var(--ink3);font-size:11px;padding:2px 4px;border-radius:4px;flex-shrink:0;line-height:1;transition:color .1s}.app-header-search-clear:hover{color:var(--ink)}.app-header-lang-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--white);border-radius:10px;border:1px solid rgba(0,0,0,.1);box-shadow:var(--elev-lg);z-index:300;width:190px;padding:6px;overflow:hidden}.app-header-lang-item{display:flex;align-items:center;gap:9px;width:100%;box-sizing:border-box;padding:8px 10px;border:none;background:transparent;cursor:pointer;font-size:13px;color:var(--ink2);font-family:var(--font);border-radius:7px;text-align:left;transition:background .1s}.app-header-lang-item:hover{background:var(--bg);color:var(--ink)}.app-header-lang-item--active{color:var(--teal);font-weight:700}.app-header-lang-flag{font-size:15px;flex-shrink:0}.app-header-lang-name{flex:1}.app-lnch-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:transparent}.app-lnch-panel{position:fixed;top:60px;right:14px;width:320px;max-height:calc(100dvh - 80px);background:var(--white);border:1px solid var(--border);border-radius:20px;box-shadow:var(--elev-lg);z-index:1001;display:flex;flex-direction:column;padding:12px 14px;box-sizing:border-box;transform-origin:top right;transform:scale(.94) translateY(-10px);opacity:0;pointer-events:none;transition:transform .2s cubic-bezier(.16,1,.3,1),opacity .18s ease}.app-lnch-panel--open{transform:scale(1) translateY(0);opacity:1;pointer-events:auto}.app-lnch-panel-hdr{display:flex;align-items:center;justify-content:space-between;padding:2px 6px 10px;flex-shrink:0}.app-lnch-panel-title{font-size:17px;font-weight:800;color:var(--ink);font-family:var(--font);letter-spacing:-.02em}.app-lnch-panel-close{width:26px;height:26px;border-radius:8px;border:none;background:transparent;color:var(--ink2);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .12s,color .12s}.app-lnch-panel-close:hover{background:var(--bg);color:var(--ink)}.app-lnch-panel-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;padding:2px 2px 6px;max-height:340px}.app-lnch-panel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px 4px}.app-lnch-panel-item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:7px 3px 6px;border-radius:14px;cursor:pointer;transition:background .15s ease,transform .15s ease;font-family:var(--font);text-decoration:none;color:inherit}.app-lnch-panel-item:hover{background:var(--bg);transform:translateY(-2px)}.app-lnch-panel-item--current{background:var(--teal-l)}.app-lnch-panel-item--disabled{cursor:default;opacity:.4}.app-lnch-panel-item--disabled:hover{background:none;transform:none}.app-lnch-svg-icon{display:block;border-radius:12px;box-shadow:var(--elev);flex-shrink:0}.app-lnch-panel-name{font-size:10.5px;font-weight:600;color:var(--ink);text-align:center;font-family:var(--font);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.app-header-clock-card{display:flex;align-items:center;gap:10px;padding:4px 10px 4px 6px;background:var(--white);border:1px solid var(--border);border-radius:12px;box-shadow:0 1px 3px #0000000a;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none;max-width:280px;height:38px;box-sizing:border-box}.app-header-clock-card:hover{border-color:var(--teal);box-shadow:0 2px 8px #00000014}.app-header-clock-icon-badge{width:28px;height:28px;border-radius:8px;background:var(--teal);display:flex;align-items:center;justify-content:center;flex-shrink:0}.app-header-clock-info{display:flex;flex-direction:column;gap:2px;min-width:100px;overflow:hidden}.app-header-clock-title{font-size:12px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.app-header-clock-progress-row{display:flex;align-items:center;gap:8px}.app-header-clock-bar-bg{width:70px;height:4px;background:var(--border);border-radius:2px;overflow:hidden;flex-shrink:0}.app-header-clock-bar-fill{height:100%;background:var(--teal);border-radius:2px;transition:width .4s ease}.app-header-clock-time{font-size:11px;font-weight:600;color:var(--ink3);white-space:nowrap;line-height:1;font-variant-numeric:tabular-nums}.app-header-clock-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--white);border-radius:10px;border:1px solid rgba(0,0,0,.1);box-shadow:var(--elev-lg);z-index:300;width:220px;padding:10px}.app-header-clock-task{display:flex;align-items:center;gap:7px;padding:6px 6px 10px;font-size:13px;color:var(--ink);font-family:var(--font);font-weight:600;border-bottom:1px solid var(--border);margin-bottom:6px}.app-header-clock-action{display:flex;align-items:center;width:100%;box-sizing:border-box;padding:8px;border:none;background:transparent;cursor:pointer;font-size:13px;color:var(--ink2);font-family:var(--font);border-radius:6px;text-align:left;transition:background .1s}.app-header-clock-action:hover{background:var(--bg);color:var(--ink)}.list-row-accent{border-left:3px solid transparent}.list-row-accent[data-variant=brand]{border-left-color:var(--teal)}.list-row-accent[data-variant=warning]{border-left-color:var(--gold)}.list-row-accent[data-variant=info]{border-left-color:var(--blue)}.list-row-accent[data-variant=success]{border-left-color:var(--green)}.sign-editor-layout{display:grid;grid-template-columns:280px 1fr 320px;flex:1;overflow:hidden}.sign-editor-left{border-right:1px solid var(--border);overflow-y:auto;background:var(--white)}.sign-editor-center{overflow-y:auto;background:var(--bg);padding:24px;display:flex;flex-direction:column;align-items:center;gap:16px}.sign-editor-right{border-left:1px solid var(--border);overflow-y:auto;background:var(--white)}.sign-panel-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--ink3);padding:16px 20px 8px}.sign-field-palette{display:flex;flex-direction:column;gap:6px;padding:0 12px 16px}.sign-field-type-btn{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;border:1.5px solid var(--border);background:var(--bg);cursor:grab;transition:all .15s;font-size:13px;font-weight:500;color:var(--ink);font-family:var(--font);text-align:left}.sign-field-type-btn:hover{border-color:var(--teal);background:var(--teal-l);color:var(--teal)}.sign-field-type-btn:active{cursor:grabbing}.sign-recipient-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;border:1.5px solid var(--border);margin-bottom:8px;cursor:pointer;transition:border-color .15s}.sign-recipient-row.active{border-color:var(--teal);background:var(--teal-l)}.sign-recipient-color{width:12px;height:12px;border-radius:50%;flex-shrink:0}.sign-page-canvas-wrap{position:relative;background:#fff;box-shadow:var(--elev-lg);border-radius:3px;overflow:hidden;margin:0 auto;flex-shrink:0}.sign-field-overlay{position:absolute;border:2px dashed var(--teal);border-radius:4px;background:var(--teal-l);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:var(--teal);transition:background .15s}.sign-field-overlay:hover{background:var(--teal-m)}@media (max-width: 900px){.sign-editor-layout{grid-template-columns:1fr}.sign-editor-left,.sign-editor-right{display:none}}.sign-envelope-row{background:var(--white);border:1px solid var(--border);border-radius:8px;padding:10px 16px;display:flex;align-items:center;gap:14px;cursor:pointer;transition:all .15s ease}.sign-envelope-row:hover{border-color:var(--teal);box-shadow:0 2px 8px #0000000d;background:var(--bg)}.sign-envelope-row-icon{width:30px;height:30px;border-radius:8px;background:var(--teal-l);display:flex;align-items:center;justify-content:center;flex-shrink:0}.sign-envelope-row-title{font-size:13.5px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 1 160px;min-width:100px}.sign-envelope-row-file{font-size:12px;color:var(--ink3);display:flex;align-items:center;gap:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px;flex:0 1 auto}.sign-envelope-row-avatars{display:flex;align-items:center;gap:6px;flex-shrink:0}.sign-envelope-row-signed{font-size:11px;color:var(--ink3);white-space:nowrap}.sign-envelope-row-date{font-size:12px;color:var(--ink3);flex-shrink:0;width:80px;text-align:right}.sign-envelope-row-avatar{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:9.5px;font-weight:700;border:2px solid var(--white);flex-shrink:0}@media (max-width: 640px){.sign-envelope-row-file,.sign-envelope-row-date{display:none}}.sign-badge{display:inline-flex;align-items:center;font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;text-transform:capitalize;flex-shrink:0}.sign-badge--gray{background:var(--card-sunken);color:var(--ink3)}.sign-badge--info{background:var(--blue-l);color:var(--blue)}.sign-badge--success{background:var(--green-l);color:var(--green)}.sign-badge--error{background:var(--red-l);color:var(--red)}.sign-badge--warning{background:var(--gold-l);color:var(--gold)}::selection{background:var(--teal-l);color:var(--ink)}@media (max-width: 900px){.hero-floating-card{display:none}}:root[data-theme=dark]{color-scheme:dark;--ink: #e6e8eb;--ink2: #a8b0ba;--ink3: #7d8590;--ink4: #565f6b;--bg: #0d1117;--white: #161b22;--border: #30363d;--border2: #3d444d;--card-sunken: #1c2128;--gold-l: #3a2e05;--red-l: #3d1418;--green-l: #0f2e1a;--blue-l: #0d2440;--purple-l:#241a40}:root[data-theme=dark] .landing-page{color-scheme:light;--ink: #0d1117;--ink2: #57606a;--ink3: #8b949e;--ink4: #b3bac2;--bg: #F7F5F0;--white: #ffffff;--border: #e1e4e8;--border2: #c9cdd4;--card-sunken: #f5f5f5;--gold-l: #fff8c5;--red-l: #fff0f0;--green-l: #dafbe1;--blue-l: #ddf4ff;--purple-l:#f3efff}