:root{font-family:Inter,system-ui,sans-serif;color:#0f172a;background-color:#f8fafc}*{box-sizing:border-box}body{margin:0}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-content{flex:1}.site-footer{padding:16px 32px 24px;text-align:center;color:#475569;font-size:.9rem}.site-footer a{color:#2563eb;font-weight:600;text-decoration:none}.site-footer a:hover{text-decoration:underline}.page{min-height:100vh;padding:32px}.page-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.header-actions{display:flex;gap:12px;flex-wrap:wrap}.card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 10px 25px #0f172a14}.primary{background:#2563eb;color:#fff;border:none;padding:12px 18px;border-radius:10px;cursor:pointer;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}.primary:disabled{opacity:.7;cursor:not-allowed}.secondary{background:#e2e8f0;border:none;padding:8px 12px;border-radius:8px;cursor:pointer}.danger{background:#fee2e2;border:none;padding:8px 12px;border-radius:8px;cursor:pointer;color:#b91c1c}.editor-shell{display:grid;grid-template-columns:auto minmax(0,1fr);gap:24px;align-items:start}.editor-sidenav{width:320px;display:flex;flex-direction:column;gap:16px;transition:width .2s ease,padding .2s ease}.editor-sidenav.is-collapsed{width:72px;padding:16px}.sidenav-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.sidenav-title{margin:0}.editor-sidenav.is-collapsed .sidenav-title,.editor-sidenav.is-collapsed .sidenav-content{display:none}.editor-main{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:24px;align-items:start}.editor-main.template-mode{grid-template-columns:minmax(0,1fr)}.editor-side{display:flex;flex-direction:column;gap:24px}.stepper{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:24px}.stepper-step{border:1px solid #e2e8f0;background:#fff;border-radius:12px;padding:12px 16px;display:inline-flex;align-items:center;gap:12px;cursor:pointer;text-align:left;min-width:240px;transition:border-color .2s ease,box-shadow .2s ease}.stepper-step.is-active{border-color:#2563eb;box-shadow:0 12px 24px #2563eb26}.stepper-index{width:32px;height:32px;border-radius:50%;background:#dbeafe;color:#1d4ed8;display:inline-flex;align-items:center;justify-content:center;font-weight:700}.stepper-content{display:flex;flex-direction:column;gap:2px}.stepper-title{font-weight:700;color:#0f172a}.stepper-description{font-size:.85rem;color:#64748b}.template-card{display:flex;flex-direction:column;gap:24px}.template-header{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.template-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:24px;align-items:start}.template-editor-panel{display:flex;flex-direction:column;gap:12px}.template-label{font-weight:600}.template-hints{display:flex;flex-direction:column;gap:6px}.template-textarea{min-height:240px;padding:12px;border-radius:10px;border:1px solid #cbd5f5;font-family:JetBrains Mono,SFMono-Regular,Menlo,monospace;resize:vertical}.template-side{display:flex;flex-direction:column;gap:20px}.template-section h3{margin-top:0}.template-field-list{display:flex;flex-direction:column;gap:8px}.template-field-button{justify-content:flex-start}.template-preview{border:1px dashed #cbd5f5;border-radius:12px;padding:16px;background:#f8fafc;min-height:160px}.template-field-placeholder{border:1px dashed #94a3b8;border-radius:8px;padding:10px 12px;margin:6px 0;font-size:.9rem;color:#334155;background:#fff}.document-card{display:flex;flex-direction:column;gap:16px}.document-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.document-upload{display:inline-flex;align-items:center;gap:8px}.document-upload input{display:none}.fields-card{height:fit-content}.document-preview{position:relative;border:2px dashed #cbd5f5;border-radius:12px;min-height:640px;overflow:auto;background:#f1f5f9}.page-title-editor{display:flex;flex-direction:column;gap:8px;margin-top:16px}.page-title-editor input{padding:10px;border-radius:8px;border:1px solid #cbd5f5}.page-preview-title{margin:16px 0 0;font-size:1.1rem;color:#1e293b}.document-preview img,.document-preview iframe{width:100%;height:100%;min-height:640px;border:none;object-fit:contain;background:#f8fafc}.pdf-preview{width:100%}.pdf-toolbar{display:flex;align-items:center;gap:12px;padding:12px 0;flex-wrap:wrap}.pdf-toolbar span{font-weight:600;color:#1e293b}.pdf-toolbar .pdf-size{margin-left:auto;font-weight:500;color:#64748b}.pdf-pages{display:flex;align-items:center;gap:8px}.pdf-preview p{margin:0 0 12px;color:#475569}.pdf-error{color:#b91c1c}.pdf-canvas{display:block;border-radius:8px;box-shadow:0 8px 20px #0f172a26;background:#fff}.document-placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:#64748b;font-weight:500}.field-overlay{position:absolute;border:2px solid #2563eb;border-radius:8px;padding:6px 8px;background:#ffffffe6;cursor:move;display:flex;flex-direction:column;gap:6px;align-items:flex-start;justify-content:flex-start}.field-overlay.is-preview{padding:6px;background:#ffffffbf}.resize-handle{position:absolute;width:12px;height:12px;border-radius:4px;border:2px solid #1d4ed8;background:#fff;box-shadow:0 2px 4px #0f172a26}.resize-handle-nw{top:-6px;left:-6px;cursor:nwse-resize}.resize-handle-ne{top:-6px;right:-6px;cursor:nesw-resize}.resize-handle-sw{bottom:-6px;left:-6px;cursor:nesw-resize}.resize-handle-se{bottom:-6px;right:-6px;cursor:nwse-resize}.field-overlay.is-preview .field-overlay-preview{background:transparent;padding:0;border-radius:0;color:#0f172a}.field-overlay-header{display:flex;gap:4px;align-items:center}.field-overlay-label{font-weight:600;color:#1e3a8a}.field-overlay-preview{font-size:.75rem;color:#475569;background:#eff6ff;border-radius:6px;padding:2px 6px}.text-preview{white-space:pre-wrap}.checkbox-preview{display:grid;gap:4px}.checkbox-preview-item{display:flex;align-items:center;gap:6px;font-size:.75rem}.checkbox-preview-box{position:relative;font-size:.8rem}.checkbox-preview-overlay{position:relative;width:100%;height:100%;padding:0;background:transparent;overflow:hidden}.checkbox-preview-overlay .checkbox-preview-item{position:absolute;cursor:grab;-webkit-user-select:none;user-select:none;padding:2px 4px;border-radius:4px}.checkbox-preview-overlay .checkbox-preview-item:active{cursor:grabbing}.checkbox-preview-pencil{position:absolute;top:-6px;right:-8px;font-size:.6rem;color:#2563eb;background:#fff;border-radius:999px;padding:0 2px;box-shadow:0 0 0 1px #2563eb26;pointer-events:none}.required{color:#ef4444;font-weight:700}.field-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.form-list{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.form-search{padding:10px 12px;border-radius:10px;border:1px solid #cbd5f5;background:#f8fafc}.form-count{font-size:.85rem;color:#64748b;margin:0}.form-list-scroll{display:flex;flex-direction:column;gap:12px;max-height:240px;overflow-y:auto;padding-right:4px}.form-item{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:12px;border-radius:12px;border:1px solid #e2e8f0;background:#f8fafc}.form-item.is-active{border-color:#2563eb;background:#eff6ff}.form-item p{margin:4px 0 0;color:#64748b;font-size:.85rem}.form-actions{display:flex;gap:8px;flex-wrap:wrap}.field-list{display:flex;flex-direction:column;gap:16px}.field-card{border:1px solid #e2e8f0;border-radius:12px;background:#fff;overflow:hidden}.field-card-summary{padding:16px;display:flex;flex-direction:column;gap:12px}.field-card summary{list-style:none}.field-card summary::-webkit-details-marker{display:none}.field-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;cursor:pointer}.field-card-summary .field-summary{padding:0;cursor:default}.field-card[open] .field-summary{border-bottom:1px solid #e2e8f0}.field-summary-text{display:flex;flex-direction:column;gap:4px}.field-summary-label{font-weight:600;color:#0f172a}.field-summary-type{font-size:.8rem;color:#64748b}.field-summary-actions{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap}.field-summary-required{font-size:.75rem;color:#b91c1c;font-weight:600;background:#fee2e2;padding:4px 8px;border-radius:999px}.field-card-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}.field-body{padding:16px;display:flex;flex-direction:column;gap:12px}.field-row{display:flex;flex-direction:column;gap:8px}.inline-option{display:inline-flex;align-items:center;gap:8px;font-weight:500;color:#334155}.field-color-picker{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.field-color-picker input[type=color]{border:none;background:transparent;width:48px;height:40px;padding:0}.field-size-row{display:flex;align-items:center;gap:12px}.field-option-row{display:flex;gap:8px;align-items:center}.field-option-row input{flex:1}.field-preview{border:1px dashed #cbd5f5;border-radius:8px;padding:10px;background:#f8fafc;color:#334155}.field-help{margin:0;color:#64748b;font-size:.85rem}.recipients-card{display:flex;flex-direction:column;gap:12px}.recipient-input-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.recipient-input-row input{flex:1;min-width:240px;padding:10px;border-radius:8px;border:1px solid #cbd5f5}.recipient-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.recipient-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:10px;border:1px solid #e2e8f0;background:#f8fafc;color:#1f2937;word-break:break-word}.placeholder-list{display:flex;flex-wrap:wrap;gap:12px}.placeholder-item{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;border:1px solid #e2e8f0;background:#f8fafc;font-size:.85rem;color:#1f2937}.checkbox-field-list{display:flex;flex-direction:column;gap:6px}.other-option-input{margin-top:8px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;display:flex;align-items:center;justify-content:center;padding:24px;z-index:50}.modal{background:#fff;border-radius:16px;padding:24px;width:min(720px,100%);max-height:90vh;overflow:auto;box-shadow:0 24px 60px #0f172a33;display:flex;flex-direction:column;gap:20px}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.modal-header h3{margin:6px 0 0}.modal-label{margin:0;font-size:.85rem;color:#64748b}.modal-body{display:flex;flex-direction:column;gap:12px}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:8px}.modal-option{display:flex;align-items:flex-start;gap:12px;padding:12px;border-radius:12px;border:1px solid #e2e8f0;background:#f8fafc;cursor:pointer}.modal-option input[type=radio]{margin-top:4px}.modal-select .field-row{margin:0}.admin-auth-backdrop{z-index:60}.admin-auth-modal{width:min(420px,100%)}.auth-error{margin:0;padding:10px 12px;border-radius:10px;background:#fee2e2;color:#991b1b;font-weight:600}.field-row input[type=text],.field-row input[type=range],.field-row select,.form-field input[type=text],.form-field input[type=file],.form-field select,.form-field textarea{padding:10px;border-radius:8px;border:1px solid #cbd5f5}.form-card{max-width:720px;margin:0 auto}.form-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}.form-header h1{margin:0}.form-progress{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:10px;background:#eff6ff;color:#1d4ed8;font-weight:600}.progress-bar{position:relative;overflow:hidden;height:8px;border-radius:999px;background:#dbeafe}.progress-bar__value{position:absolute;top:0;right:0;bottom:0;left:0;width:40%;border-radius:inherit;background:linear-gradient(90deg,#60a5fa,#1d4ed8,#60a5fa);animation:progress-slide 1.1s infinite ease-in-out}.progress-bar__track{height:100%;border-radius:inherit;background:linear-gradient(90deg,#60a5fa,#1d4ed8);transition:width .2s ease-in-out}@keyframes progress-slide{0%{transform:translate(-100%)}50%{transform:translate(50%)}to{transform:translate(200%)}}.form-grid{display:flex;flex-direction:column;gap:20px}.form-template{display:flex;flex-direction:column;gap:16px}.form-field{display:flex;flex-direction:column;gap:10px}.form-template-missing{display:inline-block;padding:6px 10px;border-radius:6px;background:#fee2e2;color:#991b1b;font-size:.85rem}.template-page{border:1px dashed #cbd5f5;padding:12px;border-radius:10px;margin-bottom:12px}.attachment-list{list-style:none;padding:0;margin:8px 0 0;color:#475569;font-size:.9rem}.attachment-help{margin:8px 0 0;color:#64748b;font-size:.85rem}.attachment-hint{margin:4px 0 0;color:#1d4ed8;font-size:.85rem}.form-success{padding:12px;border-radius:10px;background:#dcfce7;color:#166534;font-weight:600}.form-success-card{max-width:640px;margin:0 auto;text-align:center}.form-success-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:20px}.form-page{display:flex;flex-direction:column;gap:16px;padding:16px;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc}.form-page.is-hidden{display:none}.form-page-navigation{display:flex;align-items:center;gap:16px;justify-content:space-between;margin-top:12px}.form-page-navigation button{min-width:120px}.form-page-progress{flex:1;display:flex;flex-direction:column;gap:6px;align-items:center;font-weight:600;color:#1e293b}.form-page-progress .progress-bar{width:100%;background:#e2e8f0}.form-page-title{margin:0;font-size:1.1rem;color:#0f172a}.form-page-empty{margin:0;color:#64748b}.checkbox-field{display:flex;align-items:center;gap:8px}.document-name{margin:12px 0 0;color:#475569;font-size:.9rem}.document-page-indicator{margin:6px 0 0;color:#64748b;font-size:.85rem}.drawing-field{display:flex;flex-direction:column;gap:8px}.drawing-field canvas{border:1px solid #cbd5f5;border-radius:8px;background:#fff;display:block}