@import"https://fonts.googleapis.com/css2?family=Work+Sans:wght@400;500;600;700&display=swap";:root{font-family:Work Sans,Helvetica Neue,Arial,sans-serif;line-height:1.5;font-weight:400;color:#1f1f1f;background-color:#f7f7f7;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#f7f7f7;color:#1f1f1f}a{color:inherit;text-decoration:none}button{font:inherit}.modal-backdrop{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;width:90%;max-width:540px;max-height:90vh;overflow:hidden;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;border-bottom:1px solid #e0e0e0}.modal__header h2{margin:0;font-size:1.5rem;font-weight:600;color:#333}.modal__close{background:none;border:none;font-size:2rem;color:#666;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s,color .2s}.modal__close:hover{background:#f0f0f0;color:#333}.modal__close:disabled{opacity:.5;cursor:not-allowed}.modal__body{padding:2rem;overflow-y:auto;max-height:calc(90vh - 180px)}.modal__error{padding:.75rem 1rem;background:#ffebee;border:1px solid #fdd8d8;border-radius:6px;color:#d32f2f;font-size:.875rem;margin-bottom:1.5rem}.form-field{margin-bottom:1.5rem}.form-field:last-child{margin-bottom:0}.form-field__label{display:block;font-size:.875rem;font-weight:600;color:#333;margin-bottom:.5rem}.form-field__required{color:#d32f2f}.form-field__input,.form-field__textarea{width:100%;padding:.75rem 1rem;border:1px solid #ddd;border-radius:6px;font-size:1rem;font-family:inherit;transition:border-color .2s,box-shadow .2s}.form-field__input:focus,.form-field__textarea:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 3px #1976d21a}.form-field__input:disabled,.form-field__textarea:disabled{background:#f5f5f5;cursor:not-allowed}.form-field__textarea{resize:vertical;min-height:80px}.form-field__hint{margin-top:.5rem;font-size:.75rem;color:#999}.modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:1.5rem 2rem;border-top:1px solid #e0e0e0;background:#f9f9f9}.btn{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary:hover:not(:disabled){background:#1565c0}.btn--secondary{background:#fff;color:#666;border:1px solid #ddd}.btn--secondary:hover:not(:disabled){background:#f5f5f5;border-color:#bbb}@media(max-width:640px){.modal{width:95%;max-height:95vh}.modal__header,.modal__body,.modal__footer{padding:1rem 1.5rem}.modal__footer{flex-direction:column-reverse}.modal__footer .btn{width:100%}}.responses-viewer{position:fixed;inset:0;background:#f5f5f5;z-index:999;display:flex;flex-direction:column;overflow:hidden}.responses-viewer__header{background:#fff;border-bottom:1px solid #e0e0e0;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center}.responses-viewer__header h2{margin:0 0 .25rem;font-size:1.5rem;color:#333}.responses-viewer__actions{display:flex;gap:.75rem}.responses-viewer__content{flex:1;overflow-y:auto;padding:2rem}.responses-list{max-width:1200px;margin:0 auto}.responses-table-container{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.responses-table{width:100%;border-collapse:collapse}.responses-table thead{background:#f9f9f9;border-bottom:2px solid #e0e0e0}.responses-table th{text-align:left;padding:1rem;font-size:.875rem;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px}.responses-table td{padding:1rem;border-bottom:1px solid #f0f0f0}.responses-table tbody tr:hover{background:#f9f9f9}.responses-table tbody tr:last-child td{border-bottom:none}.mode-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:capitalize}.mode-badge--form{background:#e3f2fd;color:#1976d2}.mode-badge--chat{background:#f3e5f5;color:#7b1fa2}.btn--sm{padding:.5rem 1rem;font-size:.875rem}.btn--link{background:none;border:none;color:#1976d2;text-decoration:underline;cursor:pointer}.btn--link:hover{color:#1565c0}.modal--wide{max-width:800px}.response-meta{background:#f9f9f9;border-radius:6px;padding:1rem;margin-bottom:1.5rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.response-meta__item{font-size:.875rem}.response-meta__item strong{display:block;margin-bottom:.25rem;color:#666;font-weight:600}.response-answers{margin-top:1.5rem}.response-answers h3{margin:0 0 1rem;font-size:1.125rem;color:#333}.answer-item{padding:1rem;background:#f9f9f9;border-radius:6px;margin-bottom:.75rem}.answer-item:last-child{margin-bottom:0}.answer-item__label{font-size:.875rem;font-weight:600;color:#666;margin-bottom:.5rem;text-transform:capitalize}.answer-item__value{font-size:1rem;color:#333;word-break:break-word}@media(max-width:768px){.responses-viewer__header{flex-direction:column;align-items:flex-start;gap:1rem}.responses-viewer__actions{width:100%}.responses-viewer__actions button{flex:1}.responses-table th,.responses-table td{padding:.75rem;font-size:.875rem}.response-meta{grid-template-columns:1fr}}.analytics-panel{background:#0f172a;color:#e5e7eb;min-height:100vh;padding:48px 32px 64px}.analytics-panel__header{max-width:1200px;margin:0 auto 24px;display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.analytics-panel__header h2{margin:4px 0 6px;color:#fff}.analytics-panel__actions{display:flex;gap:8px}.analytics-grid{max-width:1200px;margin:0 auto 20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.metric-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:18px;box-shadow:0 12px 40px #00000040}.metric-card__label{font-size:13px;color:#9ca3af;letter-spacing:.02em;text-transform:uppercase}.metric-card__value{font-size:28px;font-weight:700;margin-top:4px;color:#fff}.metric-card__hint{margin-top:6px;font-size:13px}.analytics-panel__body{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.2fr .8fr;gap:16px}@media(max-width:960px){.analytics-panel__body{grid-template-columns:1fr}}.analytics-card{background:#0b1223;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:16px;box-shadow:0 20px 50px #0000004d}.analytics-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.bar-chart{display:grid;grid-template-columns:repeat(auto-fit,minmax(36px,1fr));align-items:end;gap:8px;min-height:140px}.bar-chart__item{text-align:center;color:#9ca3af;font-size:12px}.bar-chart__bar{background:linear-gradient(180deg,#38bdf8,#0ea5e9);border-radius:8px 8px 4px 4px;transition:height .2s ease}.bar-chart__day{margin-top:6px}.bar-chart__count{font-weight:600;color:#fff}.list{display:grid;gap:8px}.list__row{display:flex;justify-content:space-between;align-items:center;padding:12px;border:1px solid rgba(255,255,255,.06);border-radius:12px}.list__title{color:#fff;font-weight:600}.list__subtitle{color:#9ca3af;font-size:13px}.btn{padding:.65rem 1.2rem;border:1px solid rgba(255,255,255,.16);border-radius:10px;background:#ffffff0a;color:#e5e7eb;cursor:pointer}.btn--secondary{background:#ffffff0f}.dashboard{min-height:100vh;background:#f5f5f5}.dashboard-header{background:#fff;border-bottom:1px solid #e0e0e0;padding:1rem 2rem}.dashboard-header__content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.dashboard-header h1{margin:0;font-size:1.5rem;color:#333}.dashboard-content{max-width:1400px;margin:0 auto;padding:2rem}.stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.stats-card{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.stats-card__label{font-size:.875rem;color:#666;margin-bottom:.5rem}.stats-card__value{font-size:2rem;font-weight:600;color:#333}.dashboard-filters{background:#fff;border-radius:8px;padding:1rem;margin-bottom:1.5rem;box-shadow:0 1px 3px #0000001a}.dashboard-filters label{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;color:#666}.dashboard-filters select{padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:.875rem}.forms-table-container{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.forms-table{width:100%;border-collapse:collapse}.forms-table thead{background:#f9f9f9;border-bottom:2px solid #e0e0e0}.forms-table th{text-align:left;padding:1rem;font-size:.875rem;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px}.forms-table td{padding:1rem;border-bottom:1px solid #f0f0f0}.forms-table tbody tr:hover{background:#f9f9f9}.form-title{font-weight:500;color:#333;margin-bottom:.25rem}.form-description,.date-cell{font-size:.875rem;color:#666}.short-code{background:#f0f0f0;padding:.25rem .5rem;border-radius:4px;font-family:Monaco,Courier New,monospace;font-size:.875rem}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge--draft{background:#e3f2fd;color:#1976d2}.status-badge--published{background:#e8f5e9;color:#388e3c}.status-badge--paused{background:#fff3e0;color:#f57c00}.status-badge--archived{background:#f5f5f5;color:#757575}.action-menu{position:relative}.action-menu__trigger{background:none;border:none;font-size:1.25rem;cursor:pointer;padding:.5rem;color:#666}.action-menu__trigger:hover{background:#f0f0f0;border-radius:4px}.action-menu__dropdown{position:absolute;right:0;top:100%;background:#fff;border:1px solid #e0e0e0;border-radius:4px;box-shadow:0 4px 12px #00000026;min-width:150px;z-index:100}.action-menu__item{display:block;width:100%;padding:.75rem 1rem;border:none;background:none;text-align:left;font-size:.875rem;cursor:pointer;color:#333;text-decoration:none}.action-menu__item:hover{background:#f9f9f9}.action-menu__item--danger{color:#d32f2f}.action-menu__item--danger:hover{background:#ffebee}.btn{padding:.75rem 1.5rem;border:none;border-radius:4px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn--primary{background:#1976d2;color:#fff}.btn--primary:hover{background:#1565c0}.loading,.error{text-align:center;padding:3rem;color:#666}.error{color:#d32f2f;background:#ffebee;border-radius:4px;margin:1rem 0}.empty-state{text-align:center;padding:4rem 2rem;background:#fff;border-radius:8px}.empty-state h2{margin:0 0 .5rem;color:#333}.empty-state p{color:#666;margin:0 0 2rem}.muted{color:#999}:root{--bg: #0b1223;--panel: #0f172a;--text: #f8fafc;--muted: #9fb2c8;--accent: #38bdf8;--accent-2: #a855f7;--border: #18223a;--shadow: 0 32px 120px rgba(9, 16, 35, .35);--radius: 24px}#app{min-height:100vh}.page{position:relative;min-height:100vh;padding:32px 18px 48px;color:var(--text);overflow:hidden}.page--immersive{background:radial-gradient(circle at 20% 20%,rgba(56,189,248,.08),transparent 36%),radial-gradient(circle at 80% 0%,rgba(168,85,247,.12),transparent 32%),var(--bg)}.backdrop{position:fixed;inset:0;background:radial-gradient(circle at 20% 20%,#192545 0,#0c1326e6 35%,#0b1223 80%);z-index:0}.backdrop--glow:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 10%,rgba(168,85,247,.2),transparent 40%),radial-gradient(circle at 10% 50%,rgba(56,189,248,.18),transparent 45%);pointer-events:none}.topbar{position:relative;z-index:1;max-width:1200px;margin:0 auto 12px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{font-weight:700;letter-spacing:.02em}.brandmark{display:flex;align-items:center;gap:8px}.pill{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:#38bdf81f;color:var(--accent);font-weight:600;font-size:14px}.pill-group{display:inline-flex;gap:8px}.pill--active{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff}.pill--subtle{background:#ffffff0f;color:#cbd5e1}.progress{position:relative;z-index:1;display:grid;gap:8px}.progress--compact{margin-top:4px}.progress__meta{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:14px;letter-spacing:.01em}.progress__track{width:100%;background:#11182c;border-radius:999px;height:8px;overflow:hidden}.progress__fill{height:100%;background:linear-gradient(90deg,var(--accent) 0%,var(--accent-2) 100%);border-radius:999px;transition:width .2s ease}.card{position:relative;z-index:1;background:linear-gradient(145deg,#ffffff05,#ffffff03);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:36px 40px;display:grid;gap:24px}.card--thanks{text-align:left;max-width:760px}.question h1{font-size:34px;margin:10px 0 12px;font-weight:800;line-height:1.1}.question__meta{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted)}.eyebrow{font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.muted{margin:0;color:var(--muted);font-size:15px;line-height:1.6}.banner{position:relative;z-index:1;max-width:1200px;margin:0 auto 12px;padding:12px 16px;border-radius:12px;font-size:14px}.banner--warn{background:#ffc4c41f;border:1px solid rgba(255,140,140,.4);color:#ffb4b4}.flow-grid{position:relative;z-index:1;max-width:1200px;margin:12px auto 0;display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:16px}@media(max-width:1024px){.flow-grid{grid-template-columns:1fr}}.flow-shell{min-height:440px}.side-rail{display:grid;gap:12px}.rail-card{background:#ffffff08;border:1px solid var(--border);border-radius:18px;padding:16px;box-shadow:var(--shadow)}.rail-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.rail-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:6px}.rail-number{font-size:24px;font-weight:700;color:#fff}.rail-steps{display:grid;gap:8px;margin-top:12px}.rail-step{display:grid;grid-template-columns:16px 1fr;gap:10px;align-items:flex-start}.rail-step__dot{width:12px;height:12px;border-radius:50%;margin-top:5px;background:#fff3}.rail-step--active .rail-step__dot{background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 0 0 6px #38bdf826}.rail-step--done .rail-step__dot{background:#22c55e}.rail-step__title{color:#e5e7eb;font-weight:600}.rail-step__hint{font-size:13px}.up-next__title{font-weight:700;color:#fff}.hints{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.hint-chip{padding:6px 10px;border-radius:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);font-size:12px;color:#cbd5e1}.field{display:flex;flex-direction:column;gap:12px}.field__meta{display:flex;align-items:center;gap:12px;color:var(--muted)}.input{width:100%;padding:18px 20px;font-size:18px;border:1px solid var(--border);border-radius:16px;background:#0b162b;color:var(--text);transition:border-color .14s ease,box-shadow .14s ease;outline:none}.input:focus{border-color:var(--accent-2);box-shadow:0 12px 28px #a855f71f}.options{display:grid;gap:12px}.option{width:100%;display:flex;align-items:center;gap:14px;border:1px solid var(--border);border-radius:16px;background:#ffffff05;padding:14px 16px;text-align:left;cursor:pointer;transition:border-color .12s ease,box-shadow .12s ease,transform .12s ease;color:var(--text)}.option:hover{border-color:var(--accent-2)}.option--active{border-color:var(--accent-2);box-shadow:0 16px 36px #a855f729;transform:translateY(-2px)}.option__badge{width:32px;height:32px;border-radius:999px;background:var(--accent);color:#fff;display:grid;place-items:center;font-weight:700;font-size:14px}.option__label{font-size:16px;color:var(--text)}.hint{font-size:13px;color:var(--muted)}.error{padding:12px 14px;border:1px solid #fdd8d8;background:#fff4f414;color:#fecdd3;border-radius:12px;font-size:14px}.actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.actions--primary{justify-content:flex-end}.actions--split{justify-content:space-between}.cta{padding:16px 28px;border:none;border-radius:14px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;font-size:17px;font-weight:700;cursor:pointer;transition:transform .12s ease,filter .12s ease,box-shadow .12s ease}.cta:hover{filter:brightness(.96);box-shadow:0 14px 32px #0f172a42}.cta:active{transform:translateY(1px)}.ghost{border:none;background:transparent;color:var(--muted);font-size:16px;cursor:pointer;padding:12px 10px}@media(max-width:768px){.page{padding:18px 12px 32px}.card{margin-top:16px;padding:28px 20px}.question h1{font-size:30px}.actions--primary{justify-content:flex-start}}