:root{--centrex-green: #3dae2b;--centrex-green-aa: #2f8a22;--centrex-blue: #0071ce;--centrex-orange: #ff8300;--centrex-red: #e1251b;--centrex-ink: #1c2430;--centrex-topbar-from: #2a3542;--centrex-topbar-to: #3a4654;--muted: #f3f5f7;--card: #ffffff;--border: #e2e6eb;--shadow-md: 0 1px 2px rgba(28,36,48,.04), 0 4px 16px -4px rgba(28,36,48,.08);--shadow-lg: 0 12px 40px -8px rgba(28,36,48,.18);--radius: 12px}.cit-topbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:10px 18px;padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right));background:linear-gradient(135deg,var(--centrex-topbar-from),var(--centrex-topbar-to));color:#fff;box-shadow:var(--shadow-md);min-height:56px;position:relative;z-index:40}.cit-brand{display:flex;align-items:center;gap:10px;min-width:0;flex-shrink:0}.cit-brand-logo{height:28px;width:auto;display:block;flex-shrink:0}.cit-titles{display:flex;flex-direction:column;min-width:0}.cit-titles h1{font-family:Plus Jakarta Sans,Inter,sans-serif;font-size:1.1rem;font-weight:700;margin:0;letter-spacing:-.02em;color:#fff}.cit-sub{font-size:.72rem;opacity:.8;font-weight:500}.cit-nav{display:flex;gap:8px;margin-left:auto;flex-wrap:wrap;align-items:center;min-width:0}.cit-switcher{position:relative}.cit-switcher-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(255,255,255,.25);border-radius:10px;padding:8px 12px;min-height:40px;font:600 .85rem Inter,system-ui,sans-serif;cursor:pointer;background:#ffffff1a;color:#fff;display:inline-flex;align-items:center;gap:6px}.cit-switcher-btn:hover{background:#ffffff29}.cit-switcher-menu{display:none;position:absolute;right:0;top:calc(100% + 6px);min-width:240px;background:#fff;color:var(--centrex-ink);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-lg);padding:6px;z-index:50}.cit-switcher.open .cit-switcher-menu{display:block}.cit-switcher-item{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:8px;text-decoration:none;color:inherit;font:600 .9rem Inter,system-ui,sans-serif}.cit-switcher-item:hover{background:var(--muted)}.cit-switcher-item.active{background:#e8f7e4;color:var(--centrex-green-aa)}.cit-switcher-item small{font-weight:500;font-size:.72rem;opacity:.7}@media(max-width:640px){.cit-topbar{padding:6px 8px;gap:8px;min-height:48px}.cit-brand-logo{height:22px}.cit-titles h1{font-size:1rem;white-space:nowrap}.cit-sub{display:none}}:root{--centrex-green: #3dae2b;--centrex-green-aa: #2f8a22;--centrex-blue: #0071ce;--centrex-orange: #ff8300;--centrex-red: #e1251b;--centrex-ink: #1c2430;--muted: #f3f5f7;--card: #ffffff;--border: #e2e6eb;--shadow-md: 0 1px 2px rgba(28,36,48,.04), 0 4px 16px -4px rgba(28,36,48,.08);--shadow-lg: 0 12px 40px -8px rgba(28,36,48,.18);--radius: 12px}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}html,body{overflow-x:hidden}body{font-family:Inter,system-ui,sans-serif;color:var(--centrex-ink);background:var(--muted);-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:Plus Jakarta Sans,Inter,sans-serif;letter-spacing:-.02em;margin:0}a{color:var(--centrex-blue)}.shell{min-height:100dvh;display:flex;flex-direction:column}.nav{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;border-radius:10px;padding:10px 14px;min-height:44px;font:600 .85rem Inter,system-ui,sans-serif;cursor:pointer;background:var(--card);color:var(--centrex-ink);box-shadow:var(--shadow-md);display:inline-flex;align-items:center;justify-content:center;gap:6px;text-decoration:none;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-primary{background:var(--centrex-green);color:#fff}.btn-primary:hover{background:var(--centrex-green-aa)}.btn-secondary{background:var(--centrex-blue);color:#fff}.btn-ghost{background:transparent;color:#fff;border-color:#ffffff40;box-shadow:none}.btn-danger{background:var(--centrex-red);color:#fff}.btn-outline{background:#fff;border-color:var(--border)}.content{flex:1;padding:16px;padding-bottom:max(16px,env(safe-area-inset-bottom));max-width:1100px;width:100%;margin:0 auto}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md);padding:16px;margin-bottom:14px}.card h2{font-size:1.05rem;margin-bottom:8px}.muted{color:#5b6775;font-size:.9rem}.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:600;margin-bottom:4px}input,textarea,select{width:100%;padding:10px 12px;min-height:44px;border:1px solid var(--border);border-radius:10px;font:500 .9rem Inter,system-ui,sans-serif;background:#fff}textarea{min-height:88px;resize:vertical}.table{width:100%;border-collapse:collapse;font-size:.9rem}.table th,.table td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--border);vertical-align:top}.table th{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:#5b6775}.badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.badge-draft{background:#eef1f4;color:#445}.badge-sent,.badge-viewed{background:#e6f1fb;color:var(--centrex-blue)}.badge-signed{background:#fff3e6;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 var(--centrex-blue);background:#0071ce14;border-radius:8px;padding:6px 8px;font-size:.75rem;font-weight:600;cursor:grab;min-height:36px;display:inline-flex;align-items:center}.pages{display:flex;flex-direction:column;gap:16px}.page-wrap{position:relative;margin:0 auto;background:#fff;box-shadow:var(--shadow-lg);max-width:100%;width:100%!important;overflow:hidden;border-radius:4px}.page-wrap canvas{display:block;max-width:100%;width:100%;height:auto}.pages{max-width:100%;overflow-x:hidden}.field-box{position:absolute;border:2px solid var(--centrex-blue);background:#0071ce1f;border-radius:4px;font-size:11px;font-weight:700;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:#ff830026;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(--border);border-radius:10px;background:#fff;touch-action:none;width:100%;max-width:480px;height:160px;display:block}.consent-box{border:1px solid var(--border);border-radius:var(--radius);padding:14px;background:#fafbfc;max-height:220px;overflow:auto;font-size:.9rem;line-height:1.45}.banner{padding:10px 12px;border-radius:10px;background:#fff8e8;border:1px solid #ffe0a6;color:#7a4e00;font-size:.88rem;margin-bottom:12px}.banner-info{background:#e8f7e4;border-color:#b7e5ad;color:#1f5e16}.banner-error{background:#fde8e7;border-color:#f5b5b1;color:#8a1c16}.link-box{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem;background:#f6f8fa;border:1px solid var(--border);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:#6b7785;margin-top:24px;text-align:center;padding:0 12px 24px}.empty{text-align:center;padding:36px 12px;color:#6b7785}@media(max-width:640px){.content{padding:12px}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}}