:root{--centrex-green: #3dae2b;--centrex-green-aa: #2f8a22;--centrex-blue: #0071ce;--centrex-orange: #ff8300;--centrex-red: #e1251b;--centrex-ink: #1d1d1f;--centrex-muted: #6e6e73;--centrex-accent: #0071ce;--muted: #f5f5f7;--card: #ffffff;--border: rgba(0, 0, 0, .08);--hairline: rgba(0, 0, 0, .1);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 2px 8px rgba(0, 0, 0, .06);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .08);--radius: 12px;--radius-sm: 8px;--focus-ring: 0 0 0 3px rgba(0, 113, 206, .28);--font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.cit-topbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:12px 20px;padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right));background:#ffffffd1;backdrop-filter:saturate(180%) blur(16px);-webkit-backdrop-filter:saturate(180%) blur(16px);color:var(--centrex-ink);border-bottom:1px solid var(--hairline);min-height:56px;position:sticky;top:0;z-index:40}.cit-brand{display:flex;align-items:center;gap:12px;min-width:0;flex-shrink:0}.cit-brand-home{display:inline-flex;align-items:center;border-radius:var(--radius-sm);text-decoration:none;line-height:0}.cit-brand-home:hover{opacity:.85}.cit-brand-home:focus-visible{outline:none;box-shadow:var(--focus-ring)}.cit-brand-logo{height:22px;width:auto;display:block;flex-shrink:0}.cit-titles{display:flex;flex-direction:column;min-width:0;gap:1px}.cit-titles h1{font-family:var(--font-display);font-size:1.05rem;font-weight:600;margin:0;letter-spacing:-.02em;color:var(--centrex-ink)}.cit-sub{font-size:.72rem;color:var(--centrex-muted);font-weight:500}.cit-nav{display:flex;gap:8px;margin-left:auto;flex-wrap:wrap;align-items:center;min-width:0}@media(max-width:640px){.cit-topbar{padding:8px 12px;gap:8px;min-height:48px}.cit-brand-logo{height:18px}.cit-titles h1{font-size:.95rem;white-space:nowrap}.cit-sub{display:none}}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}html,body{overflow-x:hidden}body{font-family:var(--font);color:var(--centrex-ink);background:#f5f5f7;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-weight:600}a{color:var(--centrex-accent)}.shell{min-height:100dvh;display:flex;flex-direction:column}.nav{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--hairline);border-radius:980px;padding:8px 14px;min-height:36px;font:500 .875rem var(--font);cursor:pointer;background:#fff;color:var(--centrex-ink);display:inline-flex;align-items:center;justify-content:center;gap:6px;text-decoration:none;white-space:nowrap}.btn:hover{background:#fafafa}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.btn-primary{background:var(--centrex-accent);color:#fff;border-color:transparent}.btn-primary:hover{background:#0060b0}.btn-secondary{background:var(--centrex-accent);color:#fff;border-color:transparent}.btn-ghost{background:transparent;color:var(--centrex-ink);border-color:transparent}.btn-ghost:hover{background:#0000000a}.btn-danger{background:var(--centrex-red);color:#fff;border-color:transparent}.btn-outline{background:#fff;border-color:var(--hairline)}.content{flex:1;padding:28px 20px 40px;padding-bottom:max(40px,env(safe-area-inset-bottom));max-width:980px;width:100%;margin:0 auto}.card{background:var(--card);border:1px solid var(--hairline);border-radius:16px;box-shadow:var(--shadow-sm);padding:20px;margin-bottom:16px}.card h2{font-size:1.25rem;margin-bottom:8px}.hero-card{padding:28px 24px}.muted{color:var(--centrex-muted);font-size:.9rem;line-height:1.45}.grid{display:grid;gap:12px}.grid-2{grid-template-columns:1fr 1fr}@media(max-width:768px){.grid-2{grid-template-columns:1fr}}label{display:block;font-size:.8rem;font-weight:500;margin-bottom:6px;color:var(--centrex-muted)}input,textarea,select{width:100%;padding:10px 12px;min-height:44px;border:1px solid var(--hairline);border-radius:10px;font:400 .95rem var(--font);background:#fff;color:var(--centrex-ink)}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:none;box-shadow:var(--focus-ring);border-color:#0071ce59}textarea{min-height:88px;resize:vertical}.table{width:100%;border-collapse:collapse;font-size:.9rem}.table th,.table td{text-align:left;padding:12px 8px;border-bottom:1px solid var(--hairline);vertical-align:top}.table th{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--centrex-muted);font-weight:600}.badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;font-size:.7rem;font-weight:600;letter-spacing:.02em}.badge-draft{background:#f2f2f7;color:#636366}.badge-sent,.badge-viewed{background:#e8f1fc;color:var(--centrex-blue)}.badge-signed{background:#fff4e5;color:#b85d00}.badge-completed{background:#e8f7e4;color:var(--centrex-green-aa)}.badge-declined,.badge-voided{background:#fde8e7;color:var(--centrex-red)}.stack{display:flex;flex-direction:column;gap:10px}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.field-chip{border:1px dashed rgba(0,113,206,.45);background:#0071ce0f;border-radius:8px;padding:6px 10px;font-size:.75rem;font-weight:600;cursor:grab;min-height:36px;display:inline-flex;align-items:center;color:var(--centrex-blue)}.pages{display:flex;flex-direction:column;gap:16px;max-width:100%;overflow-x:hidden}.page-wrap{position:relative;margin:0 auto;background:#fff;box-shadow:var(--shadow-md);max-width:100%;width:100%!important;overflow:hidden;border-radius:8px;border:1px solid var(--hairline)}.page-wrap canvas{display:block;max-width:100%;width:100%;height:auto}.field-box{position:absolute;border:2px solid var(--centrex-blue);background:#0071ce1a;border-radius:4px;font-size:11px;font-weight:600;color:var(--centrex-blue);padding:2px 4px;cursor:move;touch-action:none;min-width:48px;min-height:28px;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}.field-box.active{border-color:var(--centrex-orange);background:#ff83001f;color:#b85d00}.field-box input,.field-box textarea{width:100%;height:100%;border:0;background:transparent;min-height:0;padding:2px;font-size:12px}.sig-pad{border:1px solid var(--hairline);border-radius:12px;background:#fff;touch-action:none;width:100%;max-width:480px;height:160px;display:block}.consent-box{border:1px solid var(--hairline);border-radius:12px;padding:14px;background:#fafafa;max-height:220px;overflow:auto;font-size:.9rem;line-height:1.45}.banner{padding:12px 14px;border-radius:12px;background:#fff8e8;border:1px solid #ffe0a6;color:#7a4e00;font-size:.88rem;margin-bottom:12px}.banner-info{background:#eef7ff;border-color:#c9e0ff;color:#0b4a8a}.banner-error{background:#fde8e7;border-color:#f5b5b1;color:#8a1c16}.link-box{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem;background:#f5f5f7;border:1px solid var(--hairline);border-radius:8px;padding:8px 10px;word-break:break-all;overflow-wrap:anywhere;max-width:100%}.card,.content,.shell{max-width:100%;overflow-x:hidden}.toolbar-scroll{display:flex;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px;max-width:100%}.footer-note{font-size:.75rem;color:var(--centrex-muted);margin-top:8px;text-align:center;padding:0 12px max(28px,env(safe-area-inset-bottom))}.empty{text-align:center;padding:36px 12px;color:var(--centrex-muted)}.empty-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:48px 16px}.empty-card h3{margin:0;color:var(--centrex-ink);font-size:1.1rem}.empty-card p{margin:0 0 8px;max-width:32ch}.more-menu{position:relative}.more-menu>summary{list-style:none;cursor:pointer}.more-menu>summary::-webkit-details-marker{display:none}.more-menu-panel{position:absolute;right:0;top:calc(100% + 6px);min-width:180px;background:#fff;border:1px solid var(--hairline);border-radius:12px;box-shadow:var(--shadow-lg);padding:6px;z-index:50}.more-item{display:block;width:100%;text-align:left;padding:10px 12px;border:0;background:transparent;border-radius:8px;font:500 .875rem var(--font);color:var(--centrex-ink);text-decoration:none;cursor:pointer}.more-item:hover{background:#f5f5f7}@media(max-width:640px){.content{padding:16px 12px 32px}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.btn{min-height:40px}.sig-pad{height:180px}}@media(prefers-reduced-motion:reduce){.btn:hover{background:#fff}}