@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@600;700&family=Manrope:wght@400;500;600;700;800&display=swap";.nav-list{display:grid;gap:8px}.nav-list a{display:inline-flex;min-height:42px;align-items:center;border:0;border-radius:8px;background:transparent;color:var(--muted);font-weight:800;text-align:left;text-decoration:none;padding:0 12px}.nav-list a.active{background:var(--mint);color:var(--deep-burrow)}.answer-form,.answer-section,.answer-subsection,.answer-question,.choice-stack{display:grid;gap:14px}.answer-section{border-top:1px solid #efeae0;padding-top:18px}.answer-section:first-child{border-top:0;padding-top:0}.answer-section h3,.answer-subsection h4{margin:0;font-family:Space Grotesk,system-ui,sans-serif;letter-spacing:0}.answer-subsection{border-left:3px solid var(--mint);padding-left:14px}.answer-question.has-error input,.answer-question.has-error textarea{border-color:#c84f45;box-shadow:0 0 0 3px #c84f451f}.field-error-list{display:grid;gap:4px;margin:-6px 0 0;padding:0;color:#a33f38;font-size:12px;font-weight:800;list-style:none}.answer-table-wrap{display:grid;gap:10px;overflow-x:auto}.answer-table{width:100%;min-width:520px;border-collapse:collapse;font-size:13px}.answer-table th,.answer-table td{border:1px solid var(--line);padding:8px;vertical-align:top}.answer-table th{background:#f8f6f1;color:var(--deep-burrow);text-align:left}.answer-table input{min-height:36px}:root{--shell-green: #0e7a64;--deep-burrow: #0a4034;--amber: #f2a03d;--mint: #ddefe9;--paper: #ece7dd;--ink: #10241e;--muted: #4a5e56;--line: #d8d1c4;--white: #ffffff}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--paper);color:var(--ink);font-family:Manrope,system-ui,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:8px;background:var(--white);color:var(--ink);padding:11px 12px}textarea{min-height:80px;resize:vertical}label{display:grid;gap:7px;color:var(--muted);font-size:13px;font-weight:700}.login-page{min-height:100vh;display:grid;place-items:center;padding:28px}.login-panel{width:min(440px,100%);border:1px solid var(--line);border-radius:8px;background:var(--white);padding:32px;box-shadow:0 24px 60px #10241e1f}.login-panel h1,.page-header h1,.side-form h2,.wide-panel h2,.template-list h2,.list-toolbar h2,.modal-header h2,.preview-heading h2{margin:0;font-family:Space Grotesk,system-ui,sans-serif;letter-spacing:0}.brand-lockup{display:flex;align-items:center;gap:10px;font-family:Space Grotesk,system-ui,sans-serif;font-size:20px;font-weight:700}.brand-mark{width:36px;height:36px}.stack{display:grid;gap:16px;margin-top:24px}.primary-button,.ghost-button,.icon-action-button,.icon-button,.mini-button,.account-box button{min-height:42px;border:0;border-radius:8px;font-weight:800}.primary-button{background:var(--shell-green);color:var(--white)}.primary-button:disabled{opacity:.65}button:disabled{cursor:not-allowed;opacity:.62}.ghost-button{border:1px solid var(--line);background:var(--white);color:var(--ink)}.icon-action-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(14,122,100,.22);background:#fbfaf7;color:var(--deep-burrow);padding:0 14px;box-shadow:0 1px #10241e0f;transition:background .14s ease,border-color .14s ease,box-shadow .14s ease,transform .14s ease}.icon-action-button svg{flex:0 0 auto;stroke-width:2.3}.icon-action-button:hover{border-color:#0e7a646b;background:var(--mint);box-shadow:0 8px 22px #10241e17;transform:translateY(-1px)}.icon-action-button.primary{border-color:transparent;background:var(--shell-green);color:var(--white);box-shadow:0 10px 24px #0e7a6438}.icon-action-button.primary:hover{background:var(--deep-burrow);box-shadow:0 12px 28px #10241e3d}.icon-action-button.subtle{border-color:var(--line);background:var(--white)}.danger-button{border-color:#f0c7bd;color:#9f2d20}.compact-button,.mini-button{min-height:36px;padding:0 12px;font-size:13px}.mini-button{border:1px solid var(--line);background:#f8f6f1;color:var(--deep-burrow);font-weight:800}.mini-button.active-filter{background:var(--mint);color:var(--deep-burrow)}.mini-button.danger{background:#fff7f5;color:#9f2d20}.danger-icon-button{display:inline-grid;place-items:center;width:36px;height:36px;border:1px solid #f0c7bd;border-radius:8px;background:#fff7f5;color:#9f2d20;padding:0}.icon-button{display:inline-grid;place-items:center;width:34px;height:34px;min-height:34px;border:1px solid var(--line);border-radius:8px;background:var(--white);color:var(--deep-burrow);padding:0}.icon-button:hover:not(:disabled){background:var(--mint);color:var(--deep-burrow)}.danger-icon-button:hover:not(:disabled){border-color:#d98d7f;background:#ffece7;color:#8f261c}.error{margin:0;color:#9f2d20;font-size:13px;font-weight:700}.app-shell{min-height:100vh;display:grid;grid-template-columns:250px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:28px;border-right:1px solid var(--line);background:#ffffffad;padding:24px}.account-box{display:grid;gap:8px;margin-top:auto;border-top:1px solid var(--line);padding-top:18px}.account-box span{color:var(--muted);font-size:12px;font-weight:700}.account-box button{background:var(--deep-burrow);color:var(--white)}.main-panel{min-width:0;padding:34px}.page-section{display:grid;gap:22px}.route-state-page{min-height:calc(100vh - 68px);align-content:center;justify-items:center}.route-state-panel{width:min(460px,100%);display:grid;justify-items:start;gap:14px;border:1px solid var(--line);border-radius:8px;background:var(--white);padding:28px;box-shadow:0 18px 42px #10241e1a}.route-state-panel svg{color:var(--shell-green)}.route-state-panel h1{margin:0;font-family:Space Grotesk,system-ui,sans-serif;font-size:28px;letter-spacing:0}.route-state-panel p{margin:0;color:var(--muted);line-height:1.6}.route-state-panel a{display:inline-grid;align-items:center;min-width:140px;padding:0 18px;text-align:center;text-decoration:none}.page-header{display:grid;gap:4px}.page-header span{color:var(--shell-green);font-size:12px;font-weight:800;text-transform:uppercase}.page-header h1{font-size:clamp(30px,4vw,48px)}.metric-grid{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:14px}.metric-card,.wide-panel,.table-panel,.side-form,.builder-panel,.template-list{border:1px solid var(--line);border-radius:8px;background:var(--white)}.metric-card{display:grid;gap:10px;min-height:112px;padding:18px}.metric-card span{color:var(--muted);font-weight:800}.metric-card strong{font-family:Space Grotesk,system-ui,sans-serif;font-size:36px}.wide-panel{padding:22px}.status-row,.button-row{display:flex;flex-wrap:wrap;gap:10px}.status-pill{border-radius:999px;padding:7px 12px;font-size:12px;font-weight:800}.status-pill.green{background:var(--mint);color:var(--deep-burrow)}.status-pill.amber{background:#f2a03d38;color:#7c4707}.status-pill.dark{background:var(--deep-burrow);color:var(--white)}.status-pill.red{background:#ffe2df;color:#9f2d20}.two-column{grid-template-columns:minmax(0,1fr) 360px;align-items:start}.builder-layout{grid-template-columns:minmax(0,1fr) 420px;align-items:start}.template-workspace{display:grid;grid-template-columns:280px minmax(0,1fr);align-items:start;gap:16px}.table-panel{overflow:auto}.forms-list-panel{display:grid;gap:14px;padding:20px}.forms-list-panel tbody tr{cursor:pointer}.form-instances-page,.form-workspace-page{align-content:start}.form-instances-table th:last-child,.form-instances-table td:last-child{width:190px}.form-instances-table td{vertical-align:middle}.form-preview-panel{margin-top:2px}.form-editor-panel{width:min(1040px,100%)}.form-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.timeline-panel,.attempts-panel{display:grid;gap:12px;border-top:1px solid #efeae0;padding-top:14px}.timeline-panel h3,.attempts-panel h3{margin:0;font-family:Space Grotesk,system-ui,sans-serif;font-size:18px;letter-spacing:0}.timeline-item{display:grid;grid-template-columns:14px minmax(0,1fr);gap:10px}.timeline-dot{width:10px;height:10px;margin-top:5px;border-radius:50%;background:var(--deep-burrow)}.timeline-dot.green{background:var(--shell-green)}.timeline-dot.amber{background:var(--amber)}.timeline-dot.red{background:#9f2d20}.timeline-item strong,.timeline-item small,.timeline-item p{display:block}.timeline-item small,.timeline-item p{margin:2px 0 0;color:var(--muted);font-size:12px;font-weight:700}.list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.list-toolbar p{margin:4px 0 0;color:var(--muted);font-size:13px;font-weight:700}table{width:100%;border-collapse:collapse}th,td{border-bottom:1px solid #efeae0;padding:14px;text-align:left}th{color:var(--muted);font-size:12px;text-transform:uppercase}td span{display:block;color:var(--muted);font-size:12px}tbody tr{cursor:pointer}tbody tr:hover,.selected-row{background:var(--mint)}.table-action-row{display:flex;flex-wrap:wrap;gap:8px}.side-form,.builder-panel,.template-list,.preview-panel{display:grid;gap:16px;padding:20px}.builder-sidebar{display:grid;gap:16px}.template-nav-panel{position:sticky;top:24px;display:grid;gap:14px}.template-tree{display:grid;gap:10px;border:1px solid var(--line);border-radius:8px;background:var(--white);padding:10px}.tree-section,.tree-subsection{position:relative;display:grid;gap:6px}.tree-section-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:6px}.tree-root{display:grid;gap:3px;border-bottom:1px solid #e8e1d6;color:var(--deep-burrow);padding:4px 2px 10px}.tree-root strong{font-size:13px}.tree-root span{color:var(--muted);font-size:12px;font-weight:800}.tree-reorder-actions,.reorder-actions{display:inline-flex;align-items:center;gap:6px}.tree-reorder-actions{align-self:center}.tree-subsection{margin-left:14px;padding-left:14px}.tree-subsection:before,.tree-question:before{position:absolute;top:-6px;bottom:17px;left:0;width:1px;background:#dce8e2;content:""}.tree-item,.template-link{position:relative;display:grid;gap:4px;width:100%;border:0;border-radius:7px;background:transparent;color:var(--ink);padding:10px;text-align:left}.tree-item{grid-template-columns:minmax(0,1fr) auto;align-items:center}.section-tree-item,.subsection-tree-item{grid-template-columns:minmax(0,1fr)}.tree-question{margin-left:14px;padding-left:14px}.tree-question.nested{margin-left:0}.tree-item.active,.template-link.active,.tree-item:hover,.template-link:hover{background:var(--mint);color:var(--deep-burrow)}.tree-item strong,.tree-item span,.template-link strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.tree-item span,.template-link span{color:var(--muted);font-size:12px;font-weight:800}.tree-item small{color:var(--shell-green);font-size:11px;font-weight:900;text-transform:uppercase}.compact-list{max-height:360px;overflow:auto}.modal-backdrop{position:fixed;z-index:100;inset:0;display:grid;place-items:center;background:#10241e5c;padding:24px}.modal-panel{display:grid;gap:16px;width:min(640px,100%);border:1px solid var(--line);border-radius:8px;background:var(--white);padding:22px;box-shadow:0 24px 70px #10241e3d}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:14px}.modal-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field-help{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:start;gap:7px;color:var(--muted);font-size:12px;font-weight:700}.field-help span{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--mint);color:var(--deep-burrow);font-size:11px;font-weight:900}.field-error-text{color:#9f2d20;font-size:12px;font-weight:800}.color-input-row{display:grid;grid-template-columns:54px minmax(0,1fr);gap:10px;align-items:center}.color-input-row input[type=color]{min-height:42px;padding:4px}.detail-list{display:grid;gap:8px;color:var(--muted);font-size:13px;font-weight:700}.branding-preview{display:grid;gap:10px;border:3px solid var(--shell-green);border-radius:8px;padding:18px}.branding-preview img{max-width:140px;max-height:72px;object-fit:contain}.form-branding-strip{display:flex;align-items:center;gap:14px;min-height:74px;border:2px solid var(--shell-green);border-radius:8px;background-color:#f8f6f1;background-position:right center;background-repeat:no-repeat;background-size:contain;padding:14px}.form-branding-strip img{max-width:120px;max-height:52px;object-fit:contain}.form-branding-strip div{display:grid;gap:3px}.form-branding-strip span{color:var(--muted);font-size:13px;font-weight:800}.condition-list{display:grid;gap:12px}.condition-row{display:grid;grid-template-columns:minmax(140px,1.3fr) minmax(130px,1fr) minmax(130px,1fr) minmax(120px,1fr) auto;align-items:end;gap:10px}.builder-header{display:grid;grid-template-columns:minmax(180px,1fr) 150px 150px;gap:12px}.builder-status-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.status-pill.version-pill{background:#6366f124;color:#4338ca}.version-unsaved{font-style:normal;opacity:.75}.sortable-row{display:flex;align-items:flex-start;gap:6px}.sortable-content{flex:1;min-width:0}.drag-handle{display:inline-flex;align-items:center;justify-content:center;margin-top:6px;padding:4px;border:none;border-radius:6px;background:transparent;color:inherit;opacity:.5;cursor:grab;touch-action:none}.drag-handle:hover:not(:disabled){opacity:.9;background:#94a3b82e}.drag-handle:active{cursor:grabbing}.drag-handle:disabled{opacity:.2;cursor:default}.droppable-over{outline:2px dashed rgba(99,102,241,.5);outline-offset:4px;border-radius:10px}.question-list.droppable-over:empty,.question-list.droppable-over{min-height:32px}.keyboard-hint{margin:6px 0 0;font-size:.72rem;opacity:.6}.version-history{list-style:none;margin:4px 0 0;padding:10px 12px;border:1px solid rgba(148,163,184,.35);border-radius:10px;display:flex;flex-direction:column;gap:8px}.version-history li{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px}.select-shell{position:relative}.select-button{display:grid;grid-template-columns:minmax(0,1fr) 18px;align-items:center;width:100%;min-height:43px;border:1px solid var(--line);border-radius:8px;background:var(--white);color:var(--ink);padding:0 12px;text-align:left}.select-button span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-chevron{color:var(--shell-green);justify-self:end}.select-menu{position:absolute;z-index:20;top:calc(100% + 6px);left:0;right:0;display:grid;gap:4px;border:1px solid var(--line);border-radius:8px;background:var(--white);padding:6px;box-shadow:0 18px 40px #10241e29}.select-menu button{border:0;border-radius:6px;background:transparent;color:var(--ink);padding:9px 10px;text-align:left}.select-menu button:hover,.select-menu button:focus-visible,.select-menu button.active{background:var(--mint);color:var(--deep-burrow)}.section-list,.subsection-list,.question-list,.preview-sections{display:grid;gap:12px}.builder-section{display:grid;gap:14px;border:1px solid #e8e1d6;border-radius:8px;background:#fbfaf7;padding:14px}.section-page{min-height:420px}.section-title-row,.subsection-title-row{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:end;gap:10px}.section-title-row>span,.subsection-title-row>span,.question-row>span{display:grid;place-items:center;border-radius:50%;background:var(--mint);color:var(--deep-burrow);font-size:12px;font-weight:800}.section-title-row>span{width:32px;height:32px}.builder-subsection{display:grid;gap:12px;border-left:3px solid var(--mint);padding-left:12px;scroll-margin-top:18px}.section-question-area{display:grid;gap:12px}.subsection-tabs{display:flex;flex-wrap:wrap;gap:6px;border-bottom:1px solid #efeae0;padding-bottom:8px}.subsection-tabs a{border-radius:6px;background:transparent;color:var(--deep-burrow);padding:6px 8px;font-size:12px;font-weight:800;text-decoration:none}.subsection-tabs a:hover{background:var(--mint)}.subsection-title-row>span{width:34px;height:34px;border-radius:8px}.inline-title-input{min-height:38px;border-color:transparent;background:transparent;color:var(--deep-burrow);font-weight:800;padding:8px 10px}.inline-title-input:focus{border-color:var(--line);background:var(--white)}.question-row{display:grid;grid-template-columns:34px minmax(180px,1fr) 170px auto;align-items:start;gap:10px;border:1px solid #efeae0;border-radius:8px;background:var(--white);padding:10px}.question-row>span{width:28px;height:28px;margin-top:23px}.question-label{min-width:0}.validation-grid{display:flex;flex-wrap:wrap;gap:8px}.question-settings{grid-column:2 / -1;border-radius:8px;background:#f8f6f1;padding:10px 12px}.question-settings summary{color:var(--deep-burrow);cursor:pointer;font-size:12px;font-weight:900;text-transform:uppercase}.question-settings[open]{display:grid;gap:10px}.validation-values,.option-config{grid-column:2 / -1;display:grid;grid-template-columns:repeat(2,minmax(0,180px));gap:10px;border-radius:8px;background:#f8f6f1;padding:12px}.integration-map-grid{display:grid;grid-template-columns:minmax(220px,1fr) minmax(220px,1.2fr);align-items:end;gap:12px}.option-config{grid-template-columns:repeat(2,minmax(0,1fr))}.option-config strong{grid-column:1 / -1;color:var(--deep-burrow);font-size:12px;text-transform:uppercase}.config-item-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.fancy-check{display:flex;align-items:center;gap:9px;min-height:34px;border:1px solid var(--line);border-radius:999px;background:#fbfaf7;color:var(--ink);padding:0 11px 0 8px;font-size:12px;font-weight:800}.fancy-check span{position:relative;width:17px;height:17px;flex:0 0 17px;border:1px solid #b8c9c2;border-radius:5px;background:var(--white)}.fancy-check.checked{border-color:#0e7a6466;background:var(--mint);color:var(--deep-burrow)}.fancy-check.checked span{border-color:var(--shell-green);background:var(--shell-green)}.fancy-check.checked span:after{position:absolute;left:5px;top:2px;width:4px;height:8px;border:solid var(--white);border-width:0 2px 2px 0;content:"";transform:rotate(45deg)}.table-config{grid-column:2 / -1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;border-radius:8px;background:#f8f6f1;padding:12px}.table-config>div{display:grid;gap:8px}.table-config strong{color:var(--deep-burrow);font-size:12px;text-transform:uppercase}.form-message{margin:0;color:var(--shell-green);font-size:13px;font-weight:800}.preview-panel,.template-list{border:1px solid var(--line);border-radius:8px;background:var(--white)}.preview-heading{display:grid;gap:6px;border-bottom:1px solid #efeae0;padding-bottom:14px}.preview-heading>span{color:var(--shell-green);font-size:12px;font-weight:800;text-transform:uppercase}.preview-heading h2{font-size:24px}.preview-heading p,.preview-heading small{margin:0;color:var(--muted)}.preview-section{display:grid;gap:10px}.preview-section h3,.preview-subsection h4{margin:0;color:var(--deep-burrow)}.preview-section h3{font-family:Space Grotesk,system-ui,sans-serif;font-size:19px}.preview-subsection{display:grid;gap:10px;border-left:3px solid var(--mint);padding-left:12px}.preview-subsection h4{font-size:14px}.preview-question{display:grid;gap:5px}.preview-question input:disabled{color:var(--muted);opacity:1}.preview-question small{color:var(--shell-green);font-size:11px;font-weight:800}.preview-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.preview-options.single{grid-template-columns:minmax(0,1fr)}.preview-options span{border:1px solid var(--line);border-radius:8px;background:#fbfaf7;padding:10px 12px;color:var(--muted)}.preview-table{table-layout:fixed;font-size:12px}.preview-table th,.preview-table td{padding:8px}.preview-table td span{display:block;height:28px;border:1px solid var(--line);border-radius:6px;background:#fbfaf7}.preview-table-empty{background:#fbfaf7;color:var(--muted);font-weight:700;text-align:center}.template-list article{display:grid;gap:5px;border-bottom:1px solid #efeae0;padding-bottom:12px}.template-list article:last-child{border-bottom:0}.template-list span,.template-list small{color:var(--muted)}@media(max-width:980px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto}.metric-grid,.two-column,.builder-layout,.template-workspace,.builder-header,.modal-field-grid,.table-config,.validation-values,.integration-map-grid,.option-config{grid-template-columns:1fr}.template-nav-panel{position:static}.question-row{grid-template-columns:28px 1fr}.question-row label,.question-row .reorder-actions,.question-settings,.validation-grid,.validation-values,.integration-map-grid,.option-config,.table-config{grid-column:2}}
