@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--bg-base:#f3f4f6;--bg-subtle:#fff;--bg-muted:#f9fafb;--bg-elevated:#fff;--bg-overlay:#0006;--primary-900:#311188;--primary-700:#4c1d95;--primary-600:#5b21b6;--primary-500:#6d28d9;--primary-400:#8b5cf6;--primary-100:#ede9fe;--primary-50:#f5f3ff;--sky-600:#0284c7;--sky-500:#0ea5e9;--sky-400:#38bdf8;--sky-100:#e0f2fe;--sky-50:#f0f9ff;--teal-700:#be185d;--teal-600:#db2777;--teal-500:#ec4899;--teal-100:#fce7f3;--teal-50:#fdf2f8;--slate-900:#0f172a;--slate-800:#1e293b;--slate-700:#334155;--slate-600:#475569;--slate-500:#64748b;--slate-400:#94a3b8;--slate-300:#cbd5e1;--slate-200:#e2e8f0;--slate-100:#f1f5f9;--slate-50:#f8fafc;--success:#059669;--success-light:#d1fae5;--warning:#f59e0b;--warning-light:#fef3c7;--danger:#ef4444;--danger-light:#fee2e2;--info:#4c1d95;--info-light:#ede9fe;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--text-disabled:#94a3b8;--border:#0f172a14;--border-strong:#0f172a26;--border-focus:var(--primary-500);--accent:var(--primary-600);--accent-light:var(--primary-50);--accent-glow:#6d28d91f;--sidebar-width:280px;--topbar-height:72px;--card-radius:24px;--input-radius:14px;--btn-radius:100px;--shadow-xs:0 2px 4px #0f172a08;--shadow-sm:0 4px 6px #0f172a0a, 0 2px 4px #0f172a05;--shadow-md:0 10px 15px #0f172a0d, 0 4px 6px #0f172a08;--shadow-lg:0 20px 25px #0f172a0f, 0 10px 10px #0f172a0a;--shadow-xl:0 30px 40px #0f172a14, 0 15px 15px #0f172a0a;--shadow-2xl:0 40px 60px #0f172a1a;--shadow-glow:0 0 0 3px #6d28d933, 0 4px 16px #6d28d926;--shadow-inner:inset 0 2px 4px #0f172a0d;--transition:all .18s cubic-bezier(.4, 0, .2, 1);--transition-slow:all .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce:all .35s cubic-bezier(.34, 1.56, .64, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{background:var(--bg-subtle);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;color:var(--text-primary);font-family:Plus Jakarta Sans,Inter,sans-serif}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}img{max-width:100%}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--border-focus)}.app-shell{background:var(--bg-subtle);height:100vh;display:flex;overflow:hidden}.main-content{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.page-content{flex:1;padding:32px 36px;overflow-y:auto}.sidebar{width:var(--sidebar-width);background:var(--bg-base);border-right:1px solid var(--border);z-index:50;box-shadow:1px 0 0 var(--border);flex-direction:column;flex-shrink:0;display:flex;position:relative}.sidebar-logo{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:20px 20px 18px;display:flex}.sidebar-logo-icon{background:linear-gradient(135deg, var(--primary-600), var(--sky-500));border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex;box-shadow:0 4px 12px #2563eb40}.sidebar-logo-text h1{color:var(--text-primary);letter-spacing:-.3px;font-size:15px;font-weight:800;line-height:1.2}.sidebar-logo-text p{color:var(--text-muted);letter-spacing:.2px;font-size:10px;font-weight:500}.role-switcher{background:var(--bg-subtle);border:1px solid var(--border);border-radius:10px;gap:2px;margin:14px 14px 0;padding:4px;display:flex}.role-tab{color:var(--text-muted);cursor:pointer;transition:var(--transition);text-align:center;letter-spacing:.1px;background:0 0;border:none;border-radius:7px;flex:1;padding:7px 4px;font-size:11px;font-weight:600}.role-tab.active{background:var(--bg-base);color:var(--primary-600);box-shadow:var(--shadow-sm)}.role-tab:hover:not(.active){color:var(--text-secondary)}.sidebar-create-btn{background:linear-gradient(135deg, var(--primary-600), var(--primary-500));color:#fff;transition:var(--transition);border:none;border-radius:10px;justify-content:center;align-items:center;gap:7px;width:calc(100% - 28px);margin:14px 14px 0;padding:10px 14px;font-size:13px;font-weight:600;display:flex;box-shadow:0 2px 8px #2563eb4d}.sidebar-create-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #2563eb66}.sidebar-nav{flex:1;margin-top:6px;padding:10px;overflow-y:auto}.sidebar-section-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;padding:12px 10px 5px;font-size:10px;font-weight:700}.sidebar-nav-item{color:var(--text-secondary);transition:var(--transition);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:9px;align-items:center;gap:10px;width:100%;margin-bottom:1px;padding:9px 12px;font-size:13.5px;font-weight:500;display:flex;position:relative}.sidebar-nav-item:hover{background:var(--bg-muted);color:var(--text-primary)}.sidebar-nav-item.active{background:var(--primary-50);color:var(--primary-700);font-weight:600}.sidebar-nav-item.active .nav-icon{color:var(--primary-600)}.nav-icon{flex-shrink:0;width:16px;height:16px}.sidebar-footer{border-top:1px solid var(--border);padding:14px}.sidebar-user{cursor:pointer;transition:var(--transition);border-radius:10px;align-items:center;gap:10px;padding:8px;display:flex}.sidebar-user:hover{background:var(--bg-muted)}.user-avatar{background:linear-gradient(135deg, var(--primary-600), var(--sky-500));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:flex;overflow:hidden}.user-avatar img{object-fit:cover;width:100%;height:100%}.user-info{flex:1;min-width:0}.user-info .user-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.user-info .user-role{color:var(--text-muted);text-transform:capitalize;font-size:11px}.topbar{height:var(--topbar-height);background:var(--bg-base);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:16px;padding:0 30px;display:flex}.topbar-title{flex:1}.topbar-title h2{color:var(--text-primary);letter-spacing:-.2px;font-size:17px;font-weight:700}.topbar-search{background:var(--bg-subtle);border:1px solid var(--border);width:280px;height:38px;transition:var(--transition);border-radius:10px;align-items:center;gap:8px;padding:0 14px;display:flex}.topbar-search:focus-within{border-color:var(--border-focus);background:var(--bg-base);box-shadow:var(--shadow-glow)}.topbar-search input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;font-size:13px}.topbar-search input::placeholder{color:var(--text-muted)}.topbar-search-icon{color:var(--text-muted);flex-shrink:0;width:14px;height:14px}.topbar-actions{align-items:center;gap:6px;display:flex}.topbar-icon-btn{background:var(--bg-subtle);border:1px solid var(--border);width:38px;height:38px;color:var(--text-secondary);transition:var(--transition);border-radius:10px;justify-content:center;align-items:center;display:flex;position:relative}.topbar-icon-btn:hover{background:var(--bg-muted);color:var(--text-primary);border-color:var(--border-strong)}.notif-dot{background:var(--primary-500);border:2px solid var(--bg-base);border-radius:50%;width:6px;height:6px;position:absolute;top:7px;right:7px}.card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:20px;padding:24px;transition:all .5s cubic-bezier(.16,1,.3,1);box-shadow:0 10px 30px #0f172a0d}.card:hover{border-color:var(--border-strong);transform:translateY(-4px)scale(1.01);box-shadow:0 20px 40px #0f172a14,0 0 30px #6d28d914}.card-elevated{background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:20px;box-shadow:0 20px 40px #0f172a14,0 0 40px #6d28d91f}.stat-cards-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.stat-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:20px;padding:22px;transition:all .5s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:0 10px 30px #0f172a0d}.stat-card:hover{border-color:var(--border-strong);transform:translateY(-4px)scale(1.01);box-shadow:0 20px 40px #0f172a14,0 0 30px #6d28d914}.stat-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:14px;display:flex}.stat-card-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.7px;font-size:12px;font-weight:600}.stat-card-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.stat-card-icon.blue{background:var(--primary-50);color:var(--primary-600)}.stat-card-icon.sky{background:var(--sky-100);color:var(--sky-600)}.stat-card-icon.teal{background:var(--teal-100);color:var(--teal-600)}.stat-card-icon.green{background:var(--success-light);color:var(--success)}.stat-card-icon.yellow{background:var(--warning-light);color:var(--warning)}.stat-card-icon.red{background:var(--danger-light);color:var(--danger)}.stat-card-value{color:var(--text-primary);letter-spacing:-1px;margin-bottom:8px;font-family:Plus Jakarta Sans,sans-serif;font-size:28px;font-weight:800;line-height:1}.stat-card-trend{align-items:center;gap:5px;font-size:12px;font-weight:600;display:flex}.stat-card-trend.up{color:var(--success)}.stat-card-trend.down{color:var(--danger)}.stat-card-trend span{color:var(--text-muted);font-weight:400}.chart-card{background:var(--bg-base);border:1px solid var(--border);border-radius:var(--card-radius);box-shadow:var(--shadow-sm);padding:26px}.chart-header{justify-content:space-between;align-items:flex-start;margin-bottom:6px;display:flex}.chart-title{color:var(--text-primary);font-size:15px;font-weight:700}.chart-subtitle{color:var(--text-muted);margin-top:3px;font-size:13px}.chart-period-tabs{background:var(--bg-muted);border:1px solid var(--border);border-radius:9px;gap:2px;padding:3px;display:flex}.chart-period-tab{color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:7px;padding:5px 12px;font-size:12px;font-weight:600}.chart-period-tab.active{background:var(--bg-base);color:var(--primary-600);box-shadow:var(--shadow-xs)}.btn{cursor:pointer;white-space:nowrap;letter-spacing:-.1px;border:none;border-radius:100px;justify-content:center;align-items:center;gap:7px;padding:10px 22px;font-size:13.5px;font-weight:600;transition:all .4s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:var(--primary-600);color:#fff;border:1px solid #3b82f680;box-shadow:inset 0 1px 1px #0f172a33,0 0 20px #2563eb4d}.btn-primary:hover{background:var(--primary-500);transform:translateY(-2px);box-shadow:inset 0 1px 1px #fff6,0 0 30px #2563eb99}.btn-primary:active{transform:translateY(0);box-shadow:inset 0 2px 4px #0003}.btn-secondary{color:var(--text-primary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a08;border:1px solid #0f172a1a}.btn-secondary:hover{background:#0f172a14;border-color:#0f172a33;transform:translateY(-2px)}.btn-ghost{color:var(--text-secondary);background:0 0;border:1.5px solid #0000}.btn-ghost:hover{background:var(--border);color:var(--text-primary)}.btn-danger{color:var(--danger);background:#dc26261a;border:1px solid #dc26264d}.btn-danger:hover{background:#dc262633;border-color:#dc262680;box-shadow:0 0 20px #dc262633}.btn-teal{background:var(--teal-600);color:#fff;border:1px solid #0d948880;box-shadow:inset 0 1px 1px #0f172a33,0 0 20px #0d94884d}.btn-teal:hover{background:var(--teal-500);transform:translateY(-2px);box-shadow:inset 0 1px 1px #fff6,0 0 30px #0d948899}.btn-sm{padding:8px 16px;font-size:12.5px}.btn-lg{padding:14px 28px;font-size:15px}.btn-xl{padding:18px 36px;font-size:16px;font-weight:700}.btn-icon{border-radius:100px;padding:10px}.btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none!important;transform:none!important}.form-group{flex-direction:column;gap:7px;display:flex}.form-label{color:var(--text-secondary);letter-spacing:-.1px;font-size:13.5px;font-weight:600}.form-required{color:var(--primary-500);margin-left:2px}.form-input{background:var(--bg-base);border:1.5px solid var(--border);border-radius:var(--input-radius);color:var(--text-primary);transition:var(--transition);width:100%;box-shadow:var(--shadow-xs);outline:none;padding:11px 14px;font-size:14px}.form-input::placeholder{color:var(--text-muted)}.form-input:focus{border-color:var(--border-focus);box-shadow:var(--shadow-glow)}.form-input:disabled{opacity:.5;cursor:not-allowed;background:var(--bg-muted)}textarea.form-input{resize:vertical;min-height:100px;line-height:1.6}.form-select{background:var(--bg-base);border:1.5px solid var(--border);border-radius:var(--input-radius);color:var(--text-primary);transition:var(--transition);cursor:pointer;appearance:none;width:100%;box-shadow:var(--shadow-xs);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;outline:none;padding:11px 40px 11px 14px;font-size:14px}.form-select:focus{border-color:var(--border-focus);box-shadow:var(--shadow-glow)}.form-select option{background:var(--bg-elevated);color:var(--text-primary)}.form-hint{color:var(--text-muted);font-size:12px}.form-error{color:var(--danger);font-size:12px}.badge{letter-spacing:.1px;border-radius:100px;align-items:center;gap:5px;padding:3px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.badge-active{background:var(--success-light);color:var(--success)}.badge-draft{background:var(--bg-muted);color:var(--text-muted);border:1px solid var(--border)}.badge-hold{color:#b45309;background:#fef3c7}.badge-preview{color:#0369a1;background:#e0f2fe}.badge-testing{color:#6d28d9;background:#ede9fe}.badge-live{color:#047857;background:#d1fae5}.badge-paused{background:var(--warning-light);color:var(--warning)}.badge-completed{background:var(--info-light);color:var(--info)}.badge-archived{background:var(--bg-muted);color:var(--text-disabled)}.badge-voice{background:var(--primary-50);color:var(--primary-600)}.badge-text{background:var(--teal-50);color:var(--teal-600)}.badge-pending{background:var(--warning-light);color:var(--warning)}.badge-approved{background:var(--success-light);color:var(--success)}.badge-rejected{background:var(--danger-light);color:var(--danger)}.badge-both{background:var(--sky-100);color:var(--sky-600)}.badge-ai{background:var(--primary-50);color:var(--primary-600)}.ai-tag{background:linear-gradient(135deg, var(--primary-50), var(--sky-50));border:1px solid var(--primary-100);color:var(--primary-600);text-transform:uppercase;letter-spacing:.5px;border-radius:100px;align-items:center;gap:4px;padding:2px 9px;font-size:10px;font-weight:700;display:inline-flex}.modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;background:#0f172a73;justify-content:center;align-items:center;padding:20px;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--bg-base);border:1px solid var(--border);width:100%;max-width:540px;max-height:90vh;box-shadow:var(--shadow-2xl);border-radius:18px;padding:32px;animation:.2s cubic-bezier(.34,1.56,.64,1) scaleIn;overflow-y:auto}.modal-title{color:var(--text-primary);font-size:18px;font-weight:700}.modal-subtitle{color:var(--text-muted);margin-top:4px;font-size:13px}.modal-close{background:var(--bg-muted);border:1px solid var(--border);width:30px;height:30px;color:var(--text-muted);cursor:pointer;transition:var(--transition);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.modal-close:hover{color:var(--text-primary);background:var(--bg-subtle)}.modal-footer{border-top:1px solid var(--border);justify-content:flex-end;align-items:center;gap:10px;margin-top:28px;padding-top:20px;display:flex}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid var(--border);background:var(--bg-subtle);padding:11px 16px;font-size:11.5px;font-weight:700}.data-table th:first-child{border-radius:8px 0 0}.data-table th:last-child{border-radius:0 8px 0 0}.data-table td{color:var(--text-secondary);border-bottom:1px solid var(--border);vertical-align:middle;padding:14px 16px;font-size:13.5px}.data-table tr:hover td{background:var(--bg-subtle)}.data-table tr:last-child td{border-bottom:none}.progress-bar{background:var(--bg-muted);border-radius:100px;height:6px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--primary-600), var(--sky-500));border-radius:100px;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}.progress-fill.success{background:linear-gradient(90deg, var(--success), #34d399)}.progress-fill.warning{background:linear-gradient(90deg, var(--warning), #fcd34d)}.progress-fill.danger{background:linear-gradient(90deg, var(--danger), #f87171)}.tabs{border-bottom:1px solid var(--border);gap:0;margin-bottom:24px;display:flex}.tab{color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;padding:10px 18px;font-size:13.5px;font-weight:500;position:relative}.tab:hover{color:var(--text-secondary)}.tab.active{color:var(--primary-600);font-weight:600}.tab.active:after{content:"";background:var(--primary-600);border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:-1px;left:0;right:0}.toggle{flex-shrink:0;width:42px;height:24px;position:relative}.toggle input{opacity:0;width:0;height:0}.toggle-track{cursor:pointer;background:var(--slate-200);transition:var(--transition);border-radius:100px;position:absolute;inset:0}.toggle-track:before{content:"";width:16px;height:16px;transition:var(--transition);box-shadow:var(--shadow-sm);background:#fff;border-radius:50%;position:absolute;top:50%;left:4px;transform:translateY(-50%)}.toggle input:checked+.toggle-track{background:var(--primary-600)}.toggle input:checked+.toggle-track:before{transform:translate(18px)translateY(-50%)}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.empty-state-icon{background:var(--bg-muted);border:1px solid var(--border);width:60px;height:60px;color:var(--text-muted);border-radius:16px;justify-content:center;align-items:center;margin-bottom:18px;font-size:26px;display:flex}.empty-state h3{color:var(--text-primary);margin-bottom:7px;font-size:17px;font-weight:700}.empty-state p{color:var(--text-muted);max-width:320px;margin-bottom:24px;font-size:13.5px;line-height:1.6}.spinner{border:2px solid var(--border);border-top-color:var(--primary-500);border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin}.spinner-lg{border-width:3px;width:36px;height:36px}.skeleton{background:linear-gradient(90deg, var(--bg-muted) 25%, var(--bg-subtle) 50%, var(--bg-muted) 75%);background-size:200% 100%;border-radius:8px;animation:1.5s infinite shimmer}.dropdown{display:inline-block;position:relative}.dropdown-menu{background:var(--bg-base);border:1px solid var(--border);min-width:190px;box-shadow:var(--shadow-xl);z-index:200;border-radius:12px;padding:6px;animation:.15s scaleIn;position:absolute;top:calc(100% + 8px);right:0}.dropdown-item{color:var(--text-secondary);cursor:pointer;transition:var(--transition);text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:9px;width:100%;padding:8px 12px;font-size:13.5px;display:flex}.dropdown-item:hover{background:var(--bg-muted);color:var(--text-primary)}.dropdown-item.danger{color:var(--danger)}.dropdown-item.danger:hover{background:var(--danger-light)}.dropdown-separator{background:var(--border);height:1px;margin:5px 0}.tooltip-wrapper{display:inline-flex;position:relative}.tooltip-wrapper:hover .tooltip{opacity:1;transform:translate(-50%)translateY(0)}.tooltip{background:var(--slate-900);color:#fff;white-space:nowrap;opacity:0;transition:var(--transition);z-index:999;pointer-events:none;border-radius:7px;padding:5px 10px;font-size:12px;font-weight:500;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(4px)}.wizard-steps{align-items:center;gap:0;margin-bottom:36px;display:flex}.wizard-step{flex:1;align-items:center;gap:10px;display:flex}.wizard-step-num{width:34px;height:34px;transition:var(--transition);background:var(--bg-muted);border:1.5px solid var(--border);color:var(--text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.wizard-step-num.active{background:var(--primary-600);border-color:var(--primary-600);color:#fff;box-shadow:0 0 0 4px var(--primary-100)}.wizard-step-num.completed{background:var(--success-light);color:var(--success);border-color:#0596694d}.wizard-step-label{color:var(--text-muted);font-size:12.5px;font-weight:600}.wizard-step-label.active{color:var(--primary-600)}.wizard-step-label.completed{color:var(--success)}.wizard-connector{background:var(--border);flex:1;height:1.5px;margin:0 10px}.wizard-connector.completed{background:var(--primary-400)}.auth-page{background:linear-gradient(135deg, var(--bg-subtle) 0%, var(--primary-50) 50%, var(--sky-50) 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex;position:relative;overflow:hidden}.auth-bg-orb{filter:blur(80px);pointer-events:none;opacity:.5;border-radius:50%;position:absolute}.auth-bg-orb-1{background:radial-gradient(circle,#2563eb14 0%,#0000 70%);width:600px;height:600px;top:-200px;right:-100px}.auth-bg-orb-2{background:radial-gradient(circle,#0ea5e90f 0%,#0000 70%);width:400px;height:400px;bottom:-100px;left:-80px}.auth-card{background:var(--bg-base);border:1px solid var(--border);z-index:1;width:100%;max-width:420px;box-shadow:var(--shadow-xl);border-radius:20px;padding:44px;position:relative}.auth-logo{justify-content:center;align-items:center;gap:12px;margin-bottom:36px;display:flex}.auth-logo-icon{background:linear-gradient(135deg, var(--primary-600), var(--sky-500));border-radius:13px;justify-content:center;align-items:center;width:46px;height:46px;display:flex;box-shadow:0 4px 14px #2563eb4d}.auth-logo-text h1{color:var(--text-primary);letter-spacing:-.4px;font-size:19px;font-weight:800}.auth-logo-text p{color:var(--text-muted);font-size:11px}.auth-title{color:var(--text-primary);letter-spacing:-.5px;text-align:center;margin-bottom:5px;font-size:24px;font-weight:800}.auth-subtitle{color:var(--text-muted);text-align:center;margin-bottom:32px;font-size:13.5px;line-height:1.5}.auth-divider{align-items:center;gap:12px;margin:22px 0;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);flex:1;height:1px}.auth-divider span{color:var(--text-muted);font-size:12px;font-weight:500}.google-btn{background:var(--bg-subtle);border:1.5px solid var(--border);width:100%;color:var(--text-primary);transition:var(--transition);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:12px;font-size:14px;font-weight:600;display:flex}.google-btn:hover{background:var(--bg-muted);border-color:var(--border-strong);box-shadow:var(--shadow-md)}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-link{text-align:center;color:var(--text-muted);margin-top:22px;font-size:13.5px}.auth-link a{color:var(--primary-600);cursor:pointer;font-weight:600}.auth-link a:hover{text-decoration:underline}.account-type-option{background:var(--bg-base);border:2px solid var(--border);cursor:pointer;transition:var(--transition-slow);text-align:center;box-shadow:var(--shadow-sm);border-radius:16px;padding:28px;position:relative;overflow:hidden}.account-type-option:hover{border-color:var(--primary-400);box-shadow:var(--shadow-lg);transform:translateY(-3px)}.account-type-option.selected{border-color:var(--primary-600);box-shadow:var(--shadow-glow), var(--shadow-md);background:var(--primary-50)}.dashboard-grid-2{grid-template-columns:1fr 1fr;gap:20px;display:grid}.dashboard-grid-3{grid-template-columns:2fr 1fr;gap:20px;display:grid}.grid-span-full{grid-column:1/-1}.survey-row{border-bottom:1px solid var(--border);transition:var(--transition);grid-template-columns:2fr 1fr 1fr 1fr 120px 80px;align-items:center;gap:12px;padding:16px 20px;display:grid}.survey-row:last-child{border-bottom:none}.survey-row:hover{background:var(--bg-subtle)}.question-block{background:var(--bg-base);border:1.5px solid var(--border);transition:var(--transition);border-radius:12px;margin-bottom:12px;padding:20px}.question-block:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.question-block.active{border-color:var(--primary-400);box-shadow:var(--shadow-glow)}.question-type-bar{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.question-type-btn{border:1.5px solid var(--border);background:var(--bg-subtle);color:var(--text-muted);cursor:pointer;transition:var(--transition);border-radius:8px;align-items:center;gap:5px;padding:5px 12px;font-size:12.5px;font-weight:600;display:flex}.question-type-btn:hover{border-color:var(--primary-300);color:var(--text-primary);background:var(--bg-muted)}.question-type-btn.active{background:var(--primary-50);border-color:var(--primary-300);color:var(--primary-600)}.ai-prompt-box{background:var(--bg-base);border:1.5px solid var(--border);transition:var(--transition);box-shadow:var(--shadow-sm);border-radius:14px;padding:22px}.ai-prompt-box:focus-within{border-color:var(--border-focus);box-shadow:var(--shadow-glow)}.ai-prompt-box textarea{color:var(--text-primary);resize:none;background:0 0;border:none;outline:none;width:100%;min-height:100px;font-size:14px;line-height:1.7}.ai-prompt-box textarea::placeholder{color:var(--text-muted)}.voice-modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2000;background:#0f172a99;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.voice-modal{border:1px solid var(--border);width:100%;max-width:520px;box-shadow:var(--shadow-2xl), 0 0 80px #2563eb14;background:linear-gradient(160deg,#fff 0%,#f0f9ff 40%,#eff6ff 100%);border-radius:28px;padding:40px 36px;animation:.3s cubic-bezier(.34,1.56,.64,1) scaleIn;position:relative;overflow:hidden}.voice-orb-wrapper{justify-content:center;align-items:center;margin-bottom:32px;display:flex;position:relative}.voice-orb{background:linear-gradient(145deg, var(--primary-500), var(--sky-500), var(--teal-500));cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;transition:all .3s;display:flex;position:relative;box-shadow:0 0 #2563eb4d,0 8px 32px #2563eb40}.voice-orb.idle{background:linear-gradient(145deg, var(--primary-400), var(--sky-400));animation:4s ease-in-out infinite orb-breathe}.voice-orb.speaking{background:linear-gradient(145deg, var(--sky-500), var(--teal-500));animation:.8s ease-in-out infinite orb-pulse-speak}.voice-orb.listening{background:linear-gradient(145deg, var(--teal-500), var(--success));animation:1.2s ease-in-out infinite orb-listening;box-shadow:0 0 0 12px #14b8a626,0 0 0 24px #14b8a60f,0 8px 32px #14b8a64d}.voice-orb.thinking{background:linear-gradient(145deg, var(--warning), var(--primary-400));animation:2s ease-in-out infinite orb-think}.voice-orb.hold{background:linear-gradient(145deg, var(--teal-600), var(--success));transform:scale(1.12);box-shadow:0 0 0 16px #05966926,0 0 0 32px #0596690f,0 8px 40px #05966966}.voice-orb-ring{pointer-events:none;border:1.5px solid #2563eb33;border-radius:50%;position:absolute}.api-key-box{background:var(--bg-subtle);border:1.5px solid var(--border);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.api-key-value{color:var(--primary-600);word-break:break-all;flex:1;font-family:Courier New,monospace;font-size:13px}.revenue-metric{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 0;display:flex}.revenue-metric:last-child{border-bottom:none}.revenue-metric-label{color:var(--text-secondary);font-size:13.5px;font-weight:500}.revenue-metric-value{color:var(--text-primary);font-size:15px;font-weight:700}.onboarding-page{background:linear-gradient(135deg, var(--bg-subtle) 0%, var(--primary-50) 60%, var(--sky-50) 100%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex;position:relative;overflow:hidden}.onboarding-card{background:var(--bg-base);border:1px solid var(--border);width:100%;max-width:680px;box-shadow:var(--shadow-xl);z-index:1;border-radius:24px;padding:48px;position:relative}.respondent-page{background:var(--bg-subtle);min-height:100vh}.respondent-header{background:var(--bg-base);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.survey-card{background:var(--bg-base);border:1.5px solid var(--border);transition:var(--transition-slow);cursor:pointer;box-shadow:var(--shadow-sm);border-radius:16px;padding:20px}.survey-card:hover{box-shadow:var(--shadow-lg);border-color:var(--primary-300);transform:translateY(-4px)}.survey-card-reward{color:var(--success);letter-spacing:-.5px;font-family:Plus Jakarta Sans,sans-serif;font-size:20px;font-weight:800}.admin-stat-card{background:var(--bg-base);border:1.5px solid var(--border);box-shadow:var(--shadow-sm);transition:var(--transition);border-radius:14px;padding:20px}.admin-stat-card:hover{box-shadow:var(--shadow-md)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes slideRight{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes orb-breathe{0%,to{transform:scale(1);box-shadow:0 0 #2563eb33,0 8px 32px #2563eb33}50%{transform:scale(1.04);box-shadow:0 0 0 16px #2563eb14,0 8px 40px #2563eb47}}@keyframes orb-pulse-speak{0%,to{transform:scale(1)}40%{transform:scale(1.06)}70%{transform:scale(.98)}}@keyframes orb-listening{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes orb-think{0%,to{filter:brightness();transform:scale(1)rotate(0)}25%{filter:brightness(1.08);transform:scale(1.03)rotate(3deg)}75%{filter:brightness(1.08);transform:scale(1.03)rotate(-3deg)}}@keyframes waveform{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse-ring{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}.fade-in{animation:.2s both fadeIn}.slide-up{animation:.25s both slideUp}.scale-in{animation:.2s cubic-bezier(.34,1.56,.64,1) both scaleIn}.float{animation:4s ease-in-out infinite float}@media (width<=1200px){.stat-cards-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid-3{grid-template-columns:1fr}}@media (width<=768px){.sidebar{z-index:100;height:100%;box-shadow:none;width:280px;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0;transform:translate(-100%);display:flex!important}.sidebar.mobile-open{transform:translate(0);box-shadow:4px 0 30px #00000026}.mobile-sidebar-toggle,.mobile-sidebar-close{display:flex!important}.topbar{padding:0 16px!important}.topbar-search{display:none!important}.topbar-title h2{font-size:15px}.page-content{padding:16px!important}.stat-cards-grid{grid-template-columns:1fr 1fr}.dashboard-grid-2{grid-template-columns:1fr}.survey-row{grid-template-columns:1fr 80px}.auth-card,.onboarding-card{padding:28px 22px}.card{border-radius:16px;padding:18px}.docs-layout,.revenue-payout-methods,.app-modal-grid,.app-form-grid-2{grid-template-columns:1fr!important}.app-form-grid-4{grid-template-columns:1fr 1fr!important}.profile-layout-grid,.profile-details-grid,.settings-company-grid{grid-template-columns:1fr!important}.settings-platform-grid{grid-template-columns:1fr 1fr!important}.legal-form-grid{grid-template-columns:1fr!important}.campaigns-header-row{display:none!important}.campaigns-grid-row{background:var(--bg-elevated);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:12px;margin:8px 12px;flex-direction:column!important;gap:8px!important;padding:16px!important;display:flex!important}.campaign-cell-title{order:1}.campaign-cell-type,.campaign-cell-status{order:2}.campaign-cell-progress{order:3}.campaign-cell-health{order:4;font-size:12px!important}.campaign-cell-actions,.campaign-cell-menu{order:5}.campaign-cell-type,.campaign-cell-status{align-items:center;display:inline-flex}}@media (width<=480px){.stat-cards-grid{grid-template-columns:1fr}.app-form-grid-4,.settings-platform-grid{grid-template-columns:1fr 1fr!important}.topbar{height:60px!important;padding:0 12px!important}.page-content{padding:12px!important}.card{border-radius:14px;padding:14px}}.builder-shell{flex-direction:column;gap:18px;display:flex}.builder-topbar{border:1px solid var(--border);z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0d0d0ddb;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:14px;display:grid;position:sticky;top:0}.builder-title span,.builder-panel-header span,.mini-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;font-size:10px;font-weight:800}.builder-title h1{margin-top:2px;font-size:18px}.builder-actions,.builder-inline-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.builder-grid{grid-template-columns:188px minmax(0,1fr) 300px;align-items:start;gap:20px;display:grid}.builder-rail,.builder-assistant{position:sticky;top:92px}.builder-rail{background:var(--bg-base);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:6px;padding:8px;display:flex}.builder-rail-item{color:var(--text-secondary);text-align:left;transition:var(--transition);background:0 0;border:1px solid #0000;border-radius:10px;grid-template-columns:18px 1fr auto;align-items:center;gap:9px;padding:10px 9px;font-size:13px;font-weight:650;display:grid}.builder-rail-item:hover,.builder-rail-item.active{border-color:var(--border-strong);color:var(--text-primary);background:#2563eb1c}.builder-rail-item strong{background:var(--bg-muted);min-width:22px;height:22px;color:var(--primary-400);border-radius:999px;justify-content:center;align-items:center;font-size:11px;display:inline-flex}.builder-workspace,.builder-assistant{min-width:0}.builder-panel,.assistant-card{background:linear-gradient(#0d0d0df5,#000000f5);border:1px solid #3b82f62e;border-radius:14px;box-shadow:0 18px 42px #0000006b}.builder-panel{padding:28px 32px}.builder-panel-header{margin-bottom:20px}.builder-panel-header h2{margin-top:4px;font-size:22px}.builder-two,.builder-three{gap:12px;display:grid}.builder-two{grid-template-columns:1fr 1fr}.builder-three{grid-template-columns:repeat(3,1fr)}.smart-field{flex-direction:column;gap:8px;margin-bottom:18px;display:flex;position:relative}.smart-field span{color:var(--text-secondary);font-size:12px;font-weight:750}.smart-field input,.smart-field textarea,.smart-field select,.question-title-input,.option-row input,.ai-command input{border:1px solid var(--border);width:100%;color:var(--text-primary);transition:var(--transition);background:#ffffff09;border-radius:10px;outline:none}.smart-field input,.smart-field select,.question-title-input,.option-row input,.ai-command input{height:42px;padding:0 12px}.smart-field textarea{resize:vertical;min-height:112px;padding:12px;line-height:1.6}.smart-field select{appearance:none}.smart-field>svg{color:var(--text-muted);pointer-events:none;position:absolute;bottom:14px;right:12px}.smart-field input:focus,.smart-field textarea:focus,.smart-field select:focus,.question-title-input:focus,.option-row input:focus,.ai-command input:focus{border-color:var(--primary-500);box-shadow:var(--shadow-glow)}.ai-command{border:1px solid var(--border-strong);background:#2563eb14;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-top:6px;padding:10px;display:grid}.ai-command>svg{color:var(--sky-400)}.targeting-editor{flex-direction:column;gap:16px;display:flex}.country-cloud{flex-wrap:wrap;gap:7px;margin-top:8px;display:flex}.country-cloud button,.builder-typebar button{border:1px solid var(--border);background:var(--bg-muted);color:var(--text-secondary);transition:var(--transition);border-radius:999px;align-items:center;gap:6px;padding:7px 11px;font-size:12px;font-weight:700;display:inline-flex}.country-cloud button.selected,.country-cloud button:hover,.builder-typebar button:hover{border-color:var(--primary-500);color:var(--text-primary);background:#2563eb24}.builder-typebar{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.flow-mode-control{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px;display:grid}.flow-mode-control button,.campaign-settings,.demographics-panel{border:1px solid var(--border);background:#0f172a08;border-radius:12px}.flow-mode-control button{text-align:left;color:var(--text-secondary);transition:var(--transition);grid-template-columns:18px 1fr;gap:8px;padding:13px;display:grid}.flow-mode-control button.active{border-color:var(--primary-500);color:var(--text-primary);background:#2563eb1f}.flow-mode-control button small{color:var(--text-muted);grid-column:2;line-height:1.4}.demographics-panel{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px;padding:16px;display:grid}.demographics-panel h3,.campaign-settings h3{margin-bottom:4px;font-size:14px}.demographics-panel p,.campaign-settings p{color:var(--text-muted);margin-bottom:12px;font-size:12px;line-height:1.5}.demographic-grid{flex-wrap:wrap;gap:7px;display:flex}.demographic-grid button{border:1px solid var(--border);background:var(--bg-muted);color:var(--text-secondary);border-radius:999px;align-items:center;gap:5px;padding:7px 10px;font-size:12px;font-weight:700;display:inline-flex}.demographic-grid button.selected{border-color:var(--teal-500);color:var(--teal-500);background:#14b8a61f}.campaign-settings{margin-bottom:16px;padding:16px}.campaign-settings-head{align-items:flex-start;gap:10px;margin-bottom:12px;display:flex}.campaign-settings-head>svg{color:var(--teal-500);margin-top:2px}.country-cloud.compact{max-height:142px;padding-right:4px;overflow:auto}.cost-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px;display:grid}.cost-grid div{background:#0000003d;border:1px solid #ffffff0f;border-radius:10px;padding:10px}.cost-grid span{color:var(--text-muted);margin-bottom:3px;font-size:10px;display:block}.cost-grid strong{color:var(--text-primary);font-size:13px}.builder-question-list{flex-direction:column;gap:12px;display:flex}.builder-question,.empty-builder{border:1px solid var(--border);background:#ffffff06;border-radius:12px;padding:16px}.builder-question{animation:.22s both slideUp}.builder-question-head{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.builder-question-head strong{color:var(--primary-400);font-size:12px}.builder-question-head select,.builder-question-head button{background:var(--bg-muted);color:var(--text-secondary);border:1px solid var(--border);border-radius:8px;height:30px;padding:0 9px;font-size:12px}.builder-question-head label{color:var(--text-muted);align-items:center;gap:5px;font-size:12px;font-weight:650;display:inline-flex}.icon-danger{margin-left:auto;color:var(--danger)!important}.option-stack{flex-direction:column;gap:8px;margin-top:12px;display:flex}.option-row{grid-template-columns:18px 1fr auto auto;align-items:center;gap:8px;display:grid}.option-row span{border:2px solid var(--border-strong);border-radius:999px;width:16px;height:16px}.option-row span.box{border-radius:4px}.option-row button,.text-action{border:1px solid var(--border);background:var(--bg-muted);color:var(--text-secondary);min-height:32px;transition:var(--transition);border-radius:8px;padding:0 10px}.option-row button:hover,.text-action:hover{border-color:var(--border-strong);color:var(--text-primary)}.option-row button.qualify.active{color:var(--success);background:#0596691f;border-color:#05966959}.text-action{align-self:flex-start;align-items:center;gap:6px;font-weight:700;display:inline-flex}.text-answer-preview,.logic-row,.builder-note{color:var(--text-muted);border:1px dashed var(--border);background:#0f172a08;border-radius:10px;align-items:center;gap:8px;margin-top:12px;padding:10px 12px;font-size:12px;display:flex}.assistant-card{margin-bottom:14px;padding:16px}.assistant-card-head,.preview-head{align-items:center;gap:10px;margin-bottom:14px;display:flex}.assistant-card-head.compact{margin-bottom:8px}.assistant-card-head h3,.preview-head h3{margin:0;font-size:14px}.assistant-card-head span{color:var(--text-muted);font-size:11px;display:block}.assistant-card-head>strong{color:var(--primary-400);margin-left:auto;font-size:22px}.health-ring{background:conic-gradient(var(--primary-500) var(--score), #ffffff12 0);color:#fff;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:112px;margin-bottom:12px;display:flex}.health-ring span{font-size:20px;font-weight:850}.metric-row,.sim-row{color:var(--text-secondary);border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:8px 0;font-size:12px;display:flex}.metric-row strong{color:var(--text-primary);margin-left:auto}.reward-box{background:#14b8a614;border:1px solid #14b8a640;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;margin:10px 0;padding:12px;display:flex}.reward-box span{color:var(--text-muted);font-size:11px;display:block}.reward-box strong{color:var(--teal-500);font-size:20px}.reward-box button{color:var(--teal-500);background:0 0;border:1px solid #14b8a659;border-radius:999px;padding:7px 11px;font-weight:800}.participation{text-align:center;border-radius:999px;margin:10px 0;padding:8px 11px;font-size:12px;font-weight:850}.participation.high{color:var(--success);background:#05966924}.participation.medium{color:var(--warning);background:#d9770624}.participation.low{color:var(--danger);background:#dc262624}.assistant-warning,.assistant-tip{border-radius:10px;align-items:flex-start;gap:8px;margin-top:7px;padding:9px 10px;font-size:12px;line-height:1.45;display:flex}.assistant-warning{color:#fbbf24;background:#d977061a}.assistant-tip{color:var(--sky-400);background:#6d28d914}.preview-head{justify-content:space-between}.preview-head div{gap:5px;display:flex}.preview-head button{border:1px solid var(--border);background:var(--bg-muted);width:30px;height:30px;color:var(--text-muted);border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.preview-head button.active{color:#fff;border-color:var(--primary-500);background:#2563eb2e}.device-preview{color:#0f172a;background:#f8fafc;border:8px solid #111827;border-radius:22px;max-width:100%;margin:0 auto;padding:16px;transition:width .25s}.device-preview h4{color:#0f172a;margin-bottom:6px;font-size:15px}.device-preview p{color:#64748b;font-size:11px;line-height:1.5}.preview-question{border:1px solid #e2e8f0;border-radius:10px;margin-top:12px;padding:10px}.preview-question span{color:#2563eb;font-size:10px;font-weight:900}.preview-question strong{margin:4px 0 8px;font-size:12px;display:block}.preview-question em{border:1px solid #e2e8f0;border-radius:8px;margin-top:5px;padding:7px;font-size:11px;font-style:normal;display:block}.preview-question input{border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:8px;font-size:11px}.preview-scale{grid-template-columns:repeat(5,1fr);gap:4px;display:grid}.preview-scale.compact{grid-template-columns:repeat(6,1fr)}.preview-scale em{text-align:center;padding:6px 0}.preview-voice,.preview-next{color:#fff;background:#2563eb;border:none;border-radius:999px;padding:8px 12px;font-size:11px;font-weight:800}.preview-next{width:100%;margin-top:12px}.preview-end{color:#059669;margin-top:12px;font-size:12px;font-weight:850}.review-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.review-grid div{border:1px solid var(--border);background:#0f172a08;border-radius:12px;padding:13px}.review-grid span{color:var(--text-muted);margin-bottom:4px;font-size:11px;display:block}.review-grid strong{color:var(--text-primary);font-size:14px}.review-grid .review-wide{color:var(--text-secondary);grid-column:1/-1;align-items:center;gap:8px;display:flex}.builder-checklist{grid-template-columns:1fr 1fr;gap:8px;margin-top:16px;display:grid}.builder-checklist div{border-radius:10px;align-items:center;gap:8px;padding:10px 12px;font-size:12px;font-weight:750;display:flex}.builder-checklist .ok{color:var(--success);background:#0596691a}.builder-checklist .warn{color:var(--warning);background:#d977061a}@media (width<=1280px){.builder-grid{grid-template-columns:170px minmax(0,1fr)}.builder-assistant{grid-column:1/-1;position:static}.preview-card-sticky{position:static}.device-frame-mobile,.device-frame-tablet{width:100%;max-width:280px}}@media (width<=900px){.builder-topbar,.builder-grid,.builder-two,.builder-three,.builder-assistant,.review-grid,.builder-checklist,.flow-mode-control,.demographics-panel,.cost-grid{grid-template-columns:1fr}.builder-rail{flex-direction:row;position:static;overflow-x:auto}.builder-rail-item{min-width:142px}.builder-actions{justify-content:flex-start}.ai-command,.option-row{grid-template-columns:1fr}.option-row span{display:none}}.survey-type-selector{margin-bottom:18px}.survey-type-cards{grid-template-columns:1fr 1fr;gap:12px;margin-top:8px;display:grid}.survey-type-cards button{border:1px solid var(--border);color:var(--text-secondary);text-align:left;transition:var(--transition);cursor:pointer;background:#ffffff05;border-radius:12px;flex-direction:column;align-items:flex-start;gap:6px;padding:16px;display:flex}.survey-type-cards button span{color:var(--text-primary);font-size:14px;font-weight:800}.survey-type-cards button small{color:var(--text-muted);font-size:11px;line-height:1.5}.survey-type-cards button.active{background:#6d28d914;border-color:#2563eb80;box-shadow:0 0 0 1px #2563eb33}.preview-card-sticky{padding:16px;position:sticky;top:92px}.device-frame{background:#0a0a0a;border:2px solid #ffffff1f;border-radius:28px;margin:0 auto;overflow:hidden;box-shadow:0 24px 48px #0000008c,inset 0 0 0 1px #ffffff0f}.device-frame-mobile{width:240px;min-height:460px}.device-frame-tablet{width:300px;min-height:420px}.device-frame-desktop{border-radius:14px;width:100%;min-height:360px}.device-notch{background:#ffffff26;border-radius:999px;width:72px;height:5px;margin:10px auto 8px}.device-frame-desktop .device-notch{display:none}.device-preview{max-height:400px;padding:16px 18px 20px;overflow-y:auto}.device-preview h4{margin-bottom:8px;font-size:15px}.device-preview p{color:var(--text-muted);margin-bottom:14px;font-size:12px;line-height:1.55}.preview-type-badge{color:#c4b5fd;background:#7c3aed26;border-radius:999px;align-items:center;gap:5px;margin-bottom:10px;padding:4px 8px;font-size:10px;font-weight:800;display:inline-flex}.preview-nav{gap:8px;margin-top:14px;display:flex}.preview-nav-btn{border:1px solid var(--border);height:36px;color:var(--text-muted);background:0 0;border-radius:10px;flex:1;font-size:12px;font-weight:700}.preview-end-block{text-align:center;background:#05966914;border:1px solid #05966933;border-radius:12px;padding:20px 10px}.preview-end-block strong{margin:8px 0 4px;font-size:14px;display:block}.preview-end-block p{margin:0;font-size:11px}.preview-empty{color:var(--text-muted);text-align:center;padding:24px 8px;font-size:12px}.preview-stars em{color:#fbbf24;margin-right:4px;font-style:normal}.preview-question em.multi:before{content:"☐ "}.preview-signature{border:1px dashed var(--border);height:56px;color:var(--text-muted);border-radius:10px;justify-content:center;align-items:center;font-size:11px;display:flex}.preview-matrix div{grid-template-columns:1fr repeat(3,24px);gap:6px;margin-bottom:6px;font-size:10px;display:grid}.preview-images{grid-template-columns:1fr 1fr;gap:8px;display:grid}.preview-images em{border:1px solid var(--border);border-radius:8px;justify-content:center;align-items:center;height:48px;font-size:11px;font-style:normal;display:flex}.demographics-summary{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px;display:grid}.demographics-summary div{border:1px solid var(--border);background:#ffffff05;border-radius:12px;padding:14px 16px}.demographics-summary strong{color:var(--primary-400);font-size:22px;display:block}.demographics-summary span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.demographic-group{margin-bottom:20px}.demographic-group h3{color:var(--text-primary);margin-bottom:10px;font-size:13px;font-weight:800}.demographic-group p{color:var(--text-muted);margin-bottom:10px;font-size:12px;line-height:1.5}.country-selector{position:relative}.country-selector-label{color:var(--text-secondary);margin-bottom:7px;font-size:12px;font-weight:700;display:block}.country-selector-label em{color:var(--danger);font-style:normal}.country-selector-trigger{border:1px solid var(--border);background:var(--bg-base);width:100%;height:44px;color:var(--text-primary);cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;padding:0 14px;display:flex}.country-selector-value{align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.country-selector-value small{color:var(--text-muted);font-weight:700}.country-selector-menu{z-index:30;background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:12px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden;box-shadow:0 16px 40px #00000073}.country-selector-search{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:10px 12px;display:flex}.country-selector-search input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:13px}.country-selector-list{max-height:240px;overflow-y:auto}.country-selector-list button{width:100%;color:var(--text-secondary);text-align:left;cursor:pointer;background:0 0;border:none;grid-template-columns:24px 1fr auto auto;align-items:center;gap:8px;padding:10px 12px;font-size:12px;display:grid}.country-selector-list button:hover,.country-selector-list button.selected{color:var(--text-primary);background:#6d28d914}.country-name{font-weight:650}.country-code,.country-dial{color:var(--text-muted);font-size:10px;font-weight:700}.country-selector-empty{color:var(--text-muted);text-align:center;padding:16px;font-size:12px}.workflow-steps{flex-wrap:wrap;gap:8px;display:flex}.workflow-step{border:1px solid var(--border);color:var(--text-muted);text-transform:capitalize;border-radius:999px;align-items:center;gap:6px;padding:8px 12px;font-size:11px;display:flex}.workflow-step span{background:var(--bg-muted);border-radius:999px;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;font-weight:800;display:inline-flex}.workflow-step.done{color:var(--success);border-color:#0596694d}.workflow-step.active{color:var(--primary-400);background:#2563eb14;border-color:#2563eb66}.workflow-step em{font-style:normal;font-weight:700}.modal-overlay{z-index:100;background:#000000a6;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-card{background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:16px;width:100%;max-width:480px;padding:24px;box-shadow:0 24px 64px #0f172a0d}.modal-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.modal-header h3{font-size:18px;font-weight:800}.launch-modal .survey-type-cards{margin-top:12px}@media (width<=768px){.pill-nav-container{padding:12px 16px!important}.pill-nav-links{display:none!important}.pill-nav-ctas{gap:8px!important}.pill-nav-ctas button{padding:8px 14px!important;font-size:12px!important}.pill-nav-logo span{font-size:15px!important}.pill-nav-logo img{width:40px!important;height:40px!important}.hero-floating-card{display:none!important}.hero-heading{letter-spacing:-1.2px!important;margin-bottom:16px!important;font-size:2.2rem!important;line-height:1.2!important}.hero-desc{margin-bottom:32px!important;padding:0 8px!important;font-size:1.05rem!important;line-height:1.6!important}.landing-section-heading{letter-spacing:-.8px!important;font-size:1.85rem!important;line-height:1.25!important}section{padding:60px 16px!important}.legal-layout-container{flex-direction:column!important;gap:28px!important;padding:100px 16px 40px!important}.legal-sidebar{border-bottom:1px solid var(--border);width:100%!important;max-height:180px!important;padding-bottom:20px!important;padding-right:0!important;position:static!important}.legal-content-card{border-radius:16px!important;padding:24px 18px!important}}@media (width<=480px){.hero-heading{font-size:1.9rem!important}.landing-section-heading{font-size:1.6rem!important}.pill-nav-logo span{display:none!important}}@media (width<=900px){.login-container{flex-direction:column!important}.login-brand-panel{display:none!important}.login-form-panel{background:#f3f4f6!important;flex:100%!important;width:100%!important;padding:24px 16px!important}.login-form-panel .auth-card{padding:28px 22px!important}}@media (width<=768px){.onboarding-form-grid{grid-template-columns:1fr!important;gap:14px!important}.onboarding-workspace-grid{grid-template-columns:1fr!important;gap:12px!important;margin-top:18px!important}.ai-builder-footer{flex-direction:column!important;align-items:stretch!important;gap:12px!important}.ai-builder-footer .btn{width:100%!important}}