:root{--color-primary: #6366f1;--color-primary-hover: #4f46e5;--color-primary-light: #eef2ff;--color-primary-ring: rgba(99, 102, 241, .15);--color-primary-gradient: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--color-gray-50: #f8fafc;--color-gray-100: #f1f5f9;--color-gray-200: #e2e8f0;--color-gray-300: #cbd5e1;--color-gray-400: #94a3b8;--color-gray-500: #64748b;--color-gray-600: #475569;--color-gray-700: #334155;--color-gray-800: #1e293b;--color-gray-900: #0f172a;--color-success: #10b981;--color-success-light: #ecfdf5;--color-success-border: #a7f3d0;--color-danger: #ef4444;--color-danger-light: #fef2f2;--color-danger-border: #fecaca;--color-warning: #f59e0b;--color-warning-light: #fffbeb;--color-warning-border: #fde68a;--color-info: #3b82f6;--color-info-light: #eff6ff;--color-info-border: #bfdbfe;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .08), 0 8px 10px -6px rgba(0, 0, 0, .04);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.25rem;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;font-weight:400;background-color:var(--color-gray-50);color:var(--color-gray-900);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv02","cv03","cv04","cv11"}*{box-sizing:border-box}body{margin:0;height:100vh;width:100vw;overflow:hidden;background:var(--color-gray-50)}html{height:100%;width:100%;overflow:hidden}a{color:inherit}::selection{background:var(--color-primary-light);color:var(--color-primary-hover)}#root{margin:0;padding:0;color:var(--color-gray-900);height:100vh;width:100vw;overflow:hidden}.page{display:flex;flex-direction:column;gap:1.5rem}.header{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem 0;margin-bottom:.25rem;flex-shrink:0}.eyebrow{text-transform:uppercase;letter-spacing:.1em;font-size:.6875rem;color:var(--color-gray-500);margin:0 0 .25rem;font-weight:600}h1{margin:0;font-size:1.625rem;font-weight:700;letter-spacing:-.025em;color:var(--color-gray-900)}.lede{margin-top:.25rem;color:var(--color-gray-600);font-size:.875rem}.badge{background:var(--color-info-light);color:#1e40af;border:1px solid var(--color-info-border);padding:.2rem .55rem;border-radius:var(--radius-full);font-weight:600;font-size:.6875rem;display:inline-block;letter-spacing:.01em}.badge-primary{background:#eef2ff;color:#4338ca;border-color:#c7d2fe}.badge-secondary{background:var(--color-gray-100);color:var(--color-gray-700);border-color:var(--color-gray-200)}.badge-success{background:var(--color-success-light);color:#065f46;border-color:var(--color-success-border)}.badge-danger{background:var(--color-danger-light);color:#991b1b;border-color:var(--color-danger-border)}.badge-warning{background:var(--color-warning-light);color:#92400e;border-color:var(--color-warning-border)}.badges{display:flex;gap:.5rem}.notice{background:var(--color-warning-light);color:#92400e;border:1px solid var(--color-warning-border);padding:.75rem 1rem;border-radius:var(--radius-lg);font-size:.875rem}.status{background:var(--color-success-light);color:#166534;border:1px solid var(--color-success-border);padding:.5rem .875rem;border-radius:var(--radius-md);font-size:.875rem;margin-bottom:.75rem;flex-shrink:0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1rem}.card{background:#fff;border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);padding:1.25rem;box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base),border-color var(--transition-base)}.card:hover{box-shadow:var(--shadow-md)}.card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.builder,.filler{display:flex;flex-direction:column;gap:1rem}.stack{display:flex;flex-direction:column;gap:.35rem;font-weight:600;color:var(--color-gray-900)}input,select,textarea{width:100%;padding:.6rem .75rem;border-radius:var(--radius-md);border:1.5px solid var(--color-gray-300);font-size:.9375rem;background:#fff;color:var(--color-gray-900);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);font-family:inherit}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-ring)}input::placeholder,textarea::placeholder{color:var(--color-gray-400)}textarea{min-height:90px;resize:vertical}.field-list{display:flex;flex-direction:column;gap:.75rem}.field-item{padding:.75rem;border-radius:var(--radius-lg);border:1px dashed var(--color-gray-300);background:var(--color-gray-50);display:flex;flex-direction:column;gap:.45rem}.field-row{display:grid;grid-template-columns:1.3fr .8fr auto auto;gap:.5rem;align-items:center}.checkbox{display:inline-flex;align-items:center;gap:.35rem;font-weight:500;color:var(--color-gray-700)}.inline-actions{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;justify-content:space-between}.dynamic-form{display:flex;flex-direction:column;gap:.75rem}.required{color:var(--color-danger)}.muted{color:var(--color-gray-400)}.instructions pre{margin:.35rem 0 .75rem;background:var(--color-gray-900);color:var(--color-gray-200);padding:1rem;border-radius:var(--radius-lg);overflow:auto;font-size:.8125rem;line-height:1.7}button{border:1.5px solid var(--color-gray-300);background:#fff;color:var(--color-gray-800);padding:.55rem .9rem;border-radius:var(--radius-md);font-weight:600;font-size:.875rem;cursor:pointer;transition:all var(--transition-fast);font-family:inherit}button:hover{border-color:var(--color-gray-400);background:var(--color-gray-50)}button:active{transform:scale(.98)}button:disabled{opacity:.6;cursor:not-allowed;transform:none}.primary{background:var(--color-primary-gradient);color:#fff;border-color:transparent;box-shadow:0 1px 3px #6366f14d}.primary:hover{background:linear-gradient(135deg,#4f46e5,#7c3aed);box-shadow:0 4px 12px #6366f159;border-color:transparent}.ghost{background:var(--color-gray-50);border-color:var(--color-gray-200)}.ghost:hover{background:var(--color-gray-100)}.danger{border-color:var(--color-danger-border);color:#b91c1c;background:var(--color-danger-light)}.danger:hover{background:#fee2e2}.status.success{background:var(--color-success-light);color:#065f46;border-color:var(--color-success-border)}.form-list{display:flex;flex-direction:column;gap:.75rem}.form-item{padding:1rem;border-radius:var(--radius-lg);border:1px solid var(--color-gray-200);background:#fff;transition:all var(--transition-base)}.form-item:hover{border-color:var(--color-gray-300);box-shadow:var(--shadow-md)}.form-item.active{border-color:var(--color-primary);background:var(--color-primary-light);box-shadow:0 4px 12px #6366f11f}.form-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.form-item-header h3{margin:0;font-size:1.05rem;color:var(--color-gray-900)}.form-item-actions{display:flex;gap:.5rem}.form-item-meta{display:flex;gap:.5rem;font-size:.8125rem;color:var(--color-gray-500);margin-bottom:.75rem}.form-item-preview{font-size:.875rem;color:var(--color-gray-600)}.form-item-preview strong{display:block;margin-bottom:.35rem;color:var(--color-gray-700)}.form-item-preview ul{margin:.35rem 0 0;padding-left:1.25rem}.form-item-preview li{margin:.2rem 0}.form-item-id{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--color-gray-200)}.form-item-id code{-webkit-user-select:all;user-select:all;cursor:text}.form-item-embed{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--color-gray-200)}.user-page{min-height:100vh;background:var(--color-primary-gradient);padding:2rem 1rem}.user-container{max-width:700px;margin:0 auto}.user-header{text-align:center;margin-bottom:2rem;color:#fff}.user-header-content{margin-bottom:1rem}.user-title{font-size:2.5rem;font-weight:700;margin:0 0 .5rem;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.1);letter-spacing:-.03em}.user-subtitle{font-size:1.1rem;color:#ffffffe6;margin:0}.admin-link{display:inline-block;padding:.5rem 1rem;background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:var(--radius-md);text-decoration:none;font-weight:500;transition:all var(--transition-base);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.admin-link:hover{background:#ffffff40;transform:translateY(-1px)}.user-message{padding:1rem 1.25rem;border-radius:var(--radius-lg);margin-bottom:1.5rem;font-weight:500;display:flex;align-items:center;gap:.5rem;animation:slideDown .3s ease}.user-message.success{background:var(--color-success-light);color:#065f46;border:1px solid var(--color-success-border)}.user-message.error{background:var(--color-danger-light);color:#991b1b;border:1px solid var(--color-danger-border)}.user-form-card{background:#fff;border-radius:var(--radius-2xl);padding:2.5rem;box-shadow:var(--shadow-xl),0 0 0 1px #ffffff1a;animation:fadeInUp .4s ease}.user-form-card.loading,.user-form-card.empty{text-align:center;padding:3rem 2rem}.loading-spinner{width:40px;height:40px;border:3px solid var(--color-gray-200);border-top-color:var(--color-primary);border-radius:50%;animation:spin .7s linear infinite;margin:0 auto 1rem}.empty-icon{font-size:3.5rem;margin-bottom:1rem}.user-form-card.empty h3{margin:0 0 .5rem;color:var(--color-gray-800)}.user-form-card.empty p{color:var(--color-gray-500);margin:0}.success-state{text-align:center;padding:3rem 2rem}.success-icon{width:60px;height:60px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:700;margin:0 auto 1.5rem;animation:scaleIn .4s ease;box-shadow:0 8px 16px #10b98140}.success-state h2{margin:0 0 .5rem;color:var(--color-gray-800);font-size:1.625rem}.success-state p{color:var(--color-gray-500);margin:0 0 1.5rem}.user-form{display:flex;flex-direction:column;gap:1.5rem}.form-fields{display:flex;flex-direction:column;gap:1.25rem}.form-field{display:flex;flex-direction:column;gap:.5rem}.form-label{font-weight:600;color:var(--color-gray-700);font-size:.875rem}.required-mark{color:var(--color-danger);margin-left:.25rem}.form-input,.form-textarea{width:100%;padding:.75rem .875rem;border:1.5px solid var(--color-gray-200);border-radius:var(--radius-lg);font-size:.9375rem;transition:all var(--transition-fast);background:#fff;color:var(--color-gray-800);font-family:inherit}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-ring)}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-gray-400)}.form-textarea{resize:vertical;min-height:100px}.form-actions{margin-top:.5rem}.btn-primary,.btn-secondary{width:100%;padding:.875rem 1.5rem;border:none;border-radius:var(--radius-lg);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;gap:.5rem;font-family:inherit}.btn-primary{background:var(--color-primary-gradient);color:#fff;box-shadow:0 4px 12px #6366f14d}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 20px #6366f159}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:#fff;color:var(--color-gray-700);border:1.5px solid var(--color-gray-200)}.btn-secondary:hover{background:var(--color-gray-50);border-color:var(--color-gray-300)}.btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translate(0) scale(1);opacity:.3}33%{transform:translate(50px,-50px) scale(1.1);opacity:.4}66%{transform:translate(-30px,30px) scale(.9);opacity:.2}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.responses-section{margin-top:2rem}.responses-table-container{display:flex;flex-direction:column;height:calc(100vh - 400px);min-height:400px;max-height:800px;overflow:hidden;margin-top:1rem;border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);background:#fff;position:relative}.responses-table-wrapper{flex:1;overflow-x:auto;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--color-gray-300) var(--color-gray-100);min-height:0}.responses-table-wrapper::-webkit-scrollbar{width:6px;height:6px}.responses-table-wrapper::-webkit-scrollbar-track{background:var(--color-gray-100)}.responses-table-wrapper::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:3px}.responses-table-wrapper::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}.responses-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.875rem;min-width:max-content;table-layout:auto}.responses-table thead{border-bottom:2px solid var(--color-gray-200);position:sticky;top:0;z-index:10}.responses-table th{padding:.75rem 1rem;text-align:left;font-weight:600;color:var(--color-gray-600);white-space:nowrap;background:var(--color-gray-50);font-size:.8125rem;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--color-gray-200)}.responses-table td{padding:.75rem 1rem;border-bottom:1px solid var(--color-gray-100);vertical-align:top;white-space:nowrap;max-width:300px;overflow:hidden;text-overflow:ellipsis;color:var(--color-gray-700)}.responses-table tbody tr{transition:background var(--transition-fast)}.responses-table tbody tr:hover{background:#f8faff}.responses-table tbody tr:last-child td{border-bottom:none}.table-container{overflow-x:auto;margin-top:1rem}.data-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.875rem}.data-table thead{border-bottom:2px solid var(--color-gray-200)}.data-table th{padding:.75rem 1rem;text-align:left;font-weight:600;color:var(--color-gray-600);white-space:nowrap;background:var(--color-gray-50);font-size:.8125rem;text-transform:uppercase;letter-spacing:.04em}.data-table td{padding:.875rem 1rem;border-bottom:1px solid var(--color-gray-100);vertical-align:top;color:var(--color-gray-700)}.data-table tbody tr{transition:background var(--transition-fast)}.data-table tbody tr:hover{background:#f8faff}.data-table tbody tr:last-child td{border-bottom:none}.response-values{display:flex;flex-direction:column;gap:.5rem;min-width:200px}.response-item{display:flex;gap:.5rem;align-items:flex-start}.response-label{font-weight:600;color:var(--color-gray-500);min-width:100px;flex-shrink:0;font-size:.8125rem}.response-value{color:var(--color-gray-800);word-break:break-word}.admin-layout{display:flex;min-height:100vh;background:var(--color-gray-50)}.admin-content{flex:1;margin-left:256px;padding:1.25rem 1.75rem;transition:margin-left .2s cubic-bezier(.4,0,.2,1);max-width:calc(100vw - 256px);height:100vh;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:var(--color-gray-300) var(--color-gray-100)}.admin-content::-webkit-scrollbar{width:8px}.admin-content::-webkit-scrollbar-track{background:var(--color-gray-100);border-radius:4px}.admin-content::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:4px}.admin-content::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}.admin-content.sidebar-collapsed{margin-left:72px;max-width:calc(100vw - 72px)}.admin-layout-with-header .admin-content.sidebar-collapsed{margin-left:56px;max-width:calc(100vw - 56px)}@media(max-width:768px){.admin-content{margin-left:72px;max-width:calc(100vw - 72px);padding:1rem}.sidebar,.sidebar.collapsed{width:80px}}.admin-nav-profile-btn{transition:background .2s ease,color .2s ease}.admin-nav-profile-btn:hover{background:#ffffff14!important}.admin-nav-dropdown{animation:adminNavDropdownIn .2s ease}@keyframes adminNavDropdownIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.admin-nav-dropdown button{transition:background .15s ease}.admin-nav-dropdown button:hover{background:#f1f5f9!important}.admin-nav-dropdown button.logout-item:hover{background:#fef2f2!important}.detail-back-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#0d9488;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease;flex-shrink:0}.detail-back-btn:hover{background:#f0fdfa;border-color:#99f6e4;color:#0f766e;box-shadow:0 1px 3px #0d948826}.detail-back-btn:active{background:#ccfbf1}.detail-back-btn:focus-visible{outline:2px solid #0d9488;outline-offset:2px}.profile-layout{max-width:900px}@media(max-width:768px){.profile-layout{grid-template-columns:1fr!important}}.sidebar{position:fixed;left:0;top:0;height:100vh;width:256px;background:#fff;border-right:1px solid var(--color-gray-200);display:flex;flex-direction:column;transition:width .2s cubic-bezier(.4,0,.2,1);z-index:1000;overflow:hidden}.admin-layout-with-header .sidebar{top:52px;height:calc(100vh - 52px)}.sidebar.collapsed{width:72px}.sidebar-crm{display:flex;flex-direction:row;width:256px;background:transparent!important;border-right:none}.sidebar-crm.collapsed{width:56px}.sidebar-crm .sidebar-icon-bar{width:56px;min-width:56px;background:#0f172a;display:flex;flex-direction:column;align-items:center;padding:.75rem 0;gap:.25rem;border-radius:0 .5rem .5rem 0;flex-shrink:0}.sidebar-crm.collapsed .sidebar-icon-bar{border-radius:0 .5rem .5rem 0}.sidebar-crm .sidebar-toggle-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#fff9;cursor:pointer;border-radius:.375rem;transition:all .2s}.sidebar-crm .sidebar-toggle-btn:hover{color:#fff;background:#ffffff14}.sidebar-crm .sidebar-icon-sep{width:24px;height:1px;background:#3b82f680;margin:.5rem 0}.sidebar-crm .sidebar-icon-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#ffffffb3;cursor:pointer;border-radius:.375rem;transition:all .2s}.sidebar-crm .sidebar-icon-btn:hover{color:#fff;background:#ffffff14}.sidebar-crm .sidebar-icon-btn.active{background:#3b82f64d;color:#fff}.sidebar-crm .sidebar-panel{width:200px;min-width:200px;background:#1e293b;display:flex;flex-direction:column;padding:1rem;overflow-y:auto;border-radius:0 0 .5rem}.sidebar-crm .sidebar-panel-heading{font-size:.875rem;font-weight:700;color:#fffffff2;margin-bottom:.75rem;padding-bottom:.5rem}.sidebar-crm .sidebar-panel-nav{display:flex;flex-direction:column;gap:.125rem}.sidebar-crm .sidebar-panel-item{padding:.6rem .75rem;background:transparent;border:none;border-radius:.375rem;color:#fffc;font-size:.875rem;text-align:left;cursor:pointer;transition:all .2s}.sidebar-crm .sidebar-panel-item:hover{color:#fff;background:#ffffff14}.sidebar-crm .sidebar-panel-item.active{color:#fff;background:#3b82f640;font-weight:500}.sidebar-crm .sidebar-header,.sidebar-crm .sidebar-nav{display:none}.sidebar-header{padding:.75rem;border-bottom:1px solid var(--color-gray-100);display:flex;align-items:center;min-height:64px;background:#fff}.sidebar.collapsed .sidebar-header{padding:.5rem;justify-content:center;min-height:64px}.sidebar-header-content{display:flex;align-items:center;justify-content:space-between;width:100%;gap:.75rem}.sidebar-header-collapsed{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%}.sidebar-logo{display:flex;align-items:center;gap:.75rem;flex:1}.sidebar.collapsed .sidebar-logo{flex:0;width:100%;justify-content:center}.sidebar-logo-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;color:#fff;flex-shrink:0}.sidebar-logo-icon-collapsed{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem;color:#fff}.sidebar-logo-text{display:flex;flex-direction:column;gap:0}.sidebar-logo-title{font-size:1.0625rem;font-weight:600;color:var(--color-gray-900);line-height:1.2;letter-spacing:-.01em}.sidebar-toggle{background:transparent;border:none;border-radius:var(--radius-md);padding:.5rem;cursor:pointer;color:var(--color-gray-500);transition:all var(--transition-fast);min-width:36px;height:36px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-toggle:hover{background-color:var(--color-gray-100);color:var(--color-gray-700)}.sidebar-toggle-collapsed{background:transparent;border:none;border-radius:var(--radius-md);padding:.5rem;cursor:pointer;color:var(--color-gray-500);transition:all var(--transition-fast);width:100%;max-width:36px;height:36px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-toggle-collapsed:hover{background-color:var(--color-gray-100)}.sidebar-nav{flex:1;padding:.5rem 0;overflow-y:auto;overflow-x:hidden}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--color-gray-200);border-radius:2px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:var(--color-gray-300)}.sidebar-menu-group{width:100%}.sidebar-item{width:calc(100% - 16px);margin:1px 8px;padding:.5rem .75rem;border:none;background:transparent;color:var(--color-gray-700);text-align:left;cursor:pointer;display:flex;align-items:center;position:relative;border-radius:var(--radius-md);transition:all var(--transition-fast);font-size:.875rem;font-weight:500;min-height:38px}.sidebar-item.has-submenu{justify-content:space-between;gap:1rem;position:relative;z-index:1;pointer-events:auto}.sidebar-item:hover{background-color:var(--color-gray-100);color:var(--color-gray-900)}.sidebar-item.active{background-color:var(--color-primary-light);color:var(--color-primary);font-weight:600}.sidebar-item.active-parent{color:var(--color-gray-700);font-weight:500}.sidebar-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:20px;background:var(--color-primary);border-radius:0 2px 2px 0}.sidebar-item.active-parent:before{display:none}.sidebar-icon{font-size:1.125rem;min-width:24px;text-align:center;display:flex;align-items:center;justify-content:center;color:var(--color-gray-500)}.sidebar-item.active .sidebar-icon{color:var(--color-primary)}.sidebar-item.active-parent .sidebar-icon{color:var(--color-gray-500)}.sidebar-label{white-space:nowrap;overflow:hidden;flex:1;color:inherit}.sidebar-arrow{display:flex;align-items:center;justify-content:center;transition:transform var(--transition-fast);color:var(--color-gray-400);margin-left:.5rem}.sidebar-arrow.expanded{transform:rotate(-90deg)}.sidebar-submenu{margin-left:1.5rem;margin-top:2px;margin-bottom:2px;border-left:1.5px solid var(--color-gray-200);padding-left:.5rem}.sidebar-submenu-item{margin:2px 0;padding-left:1.25rem;font-size:.8125rem}.sidebar-submenu-item .sidebar-icon{font-size:.875rem}.sidebar.collapsed .sidebar-label{display:none}.sidebar.collapsed .sidebar-item{justify-content:center;padding:.5rem;margin:2px 8px;width:calc(100% - 16px);border-radius:var(--radius-md);min-width:40px;min-height:40px}.sidebar.collapsed .sidebar-item.active:before{display:none}.sidebar-footer{padding:.5rem 0;border-top:1px solid var(--color-gray-100);background:#fff}.sidebar-footer-divider{height:1px;background:var(--color-gray-100);margin:.5rem 0}.sidebar-footer-title{font-size:.6875rem;font-weight:600;color:var(--color-gray-400);text-transform:uppercase;letter-spacing:.08em;margin:.75rem 1rem .5rem}.sidebar.collapsed .sidebar-footer{display:none}.sidebar-link{padding:.5rem .75rem;margin:1px 8px;color:var(--color-gray-700);text-decoration:none;border-radius:var(--radius-md);transition:all var(--transition-fast);font-size:.875rem;display:flex;align-items:center;gap:1rem;font-weight:500;min-height:38px}.sidebar-link:hover{background-color:var(--color-gray-100)}.sidebar-link-icon{font-size:1.0625rem;min-width:24px;text-align:center;color:var(--color-gray-500)}.admin-tabs{margin-top:0}.admin-tab-nav{display:flex;gap:.25rem;border-bottom:1.5px solid var(--color-gray-200);margin-bottom:1.5rem;overflow-x:auto}.admin-tab-content-wrapper{flex:1;overflow-y:auto;overflow-x:hidden;padding-right:.5rem;scrollbar-width:thin;scrollbar-color:var(--color-gray-300) transparent}.admin-tab-content-wrapper::-webkit-scrollbar{width:4px}.admin-tab-content-wrapper::-webkit-scrollbar-track{background:transparent}.admin-tab-content-wrapper::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:2px}.admin-tab-content-wrapper::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}.admin-tab-btn{padding:.625rem 1.25rem;border:none;background:transparent;color:var(--color-gray-500);font-weight:600;font-size:.875rem;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1.5px;transition:all var(--transition-fast);white-space:nowrap}.admin-tab-btn:hover{color:var(--color-gray-700);background:var(--color-gray-50);border-radius:var(--radius-sm) var(--radius-sm) 0 0}.admin-tab-btn.active{color:var(--color-primary);border-bottom-color:var(--color-primary);background:transparent}.admin-tab-content{animation:fadeIn .2s ease}.api-receiver-form{display:flex;flex-direction:column;gap:1rem}.api-result{margin-top:1rem;padding:1rem;border-radius:var(--radius-lg);border:1px solid}.api-result.success{background:var(--color-success-light);border-color:var(--color-success-border);color:#166534}.api-result.error{background:var(--color-danger-light);border-color:var(--color-danger-border);color:#991b1b}.api-result strong{display:block;margin-bottom:.5rem}.api-result details{margin-top:.5rem}.api-result pre{background:#0000000a;padding:.75rem;border-radius:var(--radius-md);overflow-x:auto;font-size:.8125rem;line-height:1.6}.api-docs-content{display:flex;flex-direction:column;gap:1.5rem}.api-docs-content h3{margin:0 0 .5rem;color:var(--color-gray-800);font-size:1.05rem}.api-docs-content p{color:var(--color-gray-500);margin:0 0 1rem;line-height:1.6}.api-info-box{background:var(--color-info-light);border:1px solid var(--color-info-border);border-radius:var(--radius-lg);padding:1rem 1.25rem;margin-top:1rem}.api-info-box strong{display:block;margin-bottom:.5rem;color:#1e40af}.api-info-box ul{margin:.5rem 0 0;padding-left:1.5rem;color:#1e40af}.api-info-box li{margin:.25rem 0}.api-info-box code{background:#6366f114;padding:.15rem .4rem;border-radius:var(--radius-sm);font-size:.85em;color:var(--color-primary-hover)}.settings-section{margin-top:0}.settings-content{display:flex;flex-direction:column;gap:1.5rem}.settings-info{background:var(--color-info-light);border:1px solid var(--color-info-border);border-radius:var(--radius-lg);padding:1rem 1.25rem;color:#1e40af;font-size:.875rem;line-height:1.6}.form-config-list{display:flex;flex-direction:column;gap:1.5rem}.form-config-item{border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);padding:1.5rem;background:#fff;box-shadow:var(--shadow-xs);transition:box-shadow var(--transition-base)}.form-config-item:hover{box-shadow:var(--shadow-sm)}.form-config-header{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--color-gray-100)}.form-config-header h3{margin:0 0 .25rem;color:var(--color-gray-900);font-size:1.125rem}.form-config-meta{margin:0;color:var(--color-gray-500);font-size:.8125rem}.form-config-body{display:flex;flex-direction:column;gap:1.5rem}.form-id-section{background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:1rem}.form-id-label{display:block;font-weight:600;color:var(--color-gray-700);margin-bottom:.5rem;font-size:.8125rem}.form-id-display{display:flex;gap:.5rem;align-items:center;margin-bottom:.5rem}.form-id-code{flex:1;background:#fff;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:.625rem .75rem;font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:.8125rem;color:var(--color-gray-700);word-break:break-all}.copy-btn{white-space:nowrap;padding:.5rem .75rem;font-size:.8125rem}.form-id-hint{display:block;color:var(--color-gray-500);font-size:.75rem;margin-top:.25rem}.form-fields-config h4{margin:0 0 .75rem;color:var(--color-gray-800);font-size:.9375rem}.fields-table{display:flex;flex-direction:column;height:400px;min-height:300px;max-height:500px;overflow:hidden;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);background:#fff}.fields-table-wrapper{flex:1;overflow-x:auto;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--color-gray-300) var(--color-gray-100)}.fields-table-wrapper::-webkit-scrollbar{width:6px;height:6px}.fields-table-wrapper::-webkit-scrollbar-track{background:var(--color-gray-100)}.fields-table-wrapper::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:3px}.fields-table-wrapper::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}.config-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.8125rem;min-width:max-content}.config-table thead{position:sticky;top:0;z-index:10}.config-table th{padding:.625rem .75rem;text-align:left;font-weight:600;color:var(--color-gray-600);white-space:nowrap;background:var(--color-gray-50);border-bottom:1px solid var(--color-gray-200);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.config-table td{padding:.625rem .75rem;border-bottom:1px solid var(--color-gray-100);white-space:nowrap;color:var(--color-gray-700)}.config-table tbody tr{transition:background var(--transition-fast)}.config-table tbody tr:hover{background:#f8faff}.field-type-badge{display:inline-block;background:#eef2ff;color:#4338ca;padding:.2rem .5rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600}.required-badge{display:inline-block;background:var(--color-danger-light);color:#b91c1c;padding:.2rem .5rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600}.optional-badge{display:inline-block;background:var(--color-gray-100);color:var(--color-gray-500);padding:.2rem .5rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600}.form-config-actions{display:flex;gap:.5rem;padding-top:1rem;border-top:1px solid var(--color-gray-100)}.settings-api-info{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--color-gray-200)}.settings-api-info h3{margin:0 0 .5rem;color:var(--color-gray-800);font-size:1.05rem}.settings-api-info p{color:var(--color-gray-500);margin:0 0 1rem}.api-warning-box{background:var(--color-warning-light);border:1px solid var(--color-warning-border);border-radius:var(--radius-lg);padding:1rem 1.25rem;margin-bottom:1.5rem;color:#92400e;font-size:.875rem}.api-warning-box strong{display:block;margin-bottom:.5rem}.api-warning-box code{background:#00000012;padding:.15rem .4rem;border-radius:var(--radius-sm);font-size:.85em}.api-troubleshooting-box{background:var(--color-info-light);border:1px solid var(--color-info-border);border-radius:var(--radius-lg);padding:1rem 1.25rem;margin-top:1.5rem;color:#1e40af;font-size:.875rem}.api-troubleshooting-box strong{display:block;margin-bottom:.5rem}.api-troubleshooting-box ul{margin:.5rem 0 0;padding-left:1.5rem}.api-troubleshooting-box li{margin:.5rem 0}.api-troubleshooting-box code{background:#0000000d;padding:.15rem .4rem;border-radius:var(--radius-sm);font-size:.85em}.api-config-section{margin-top:0}.api-config-content{display:flex;flex-direction:column;gap:1.5rem}.api-config-info{background:var(--color-info-light);border:1px solid var(--color-info-border);border-radius:var(--radius-lg);padding:1rem 1.25rem;color:#1e40af;font-size:.875rem}.api-config-form{display:flex;flex-direction:column;gap:1rem}.api-actions{display:flex;gap:.75rem;margin-top:.5rem}.api-test-result{padding:1rem;border-radius:var(--radius-lg);margin-top:1rem}.api-test-result.success{background:var(--color-success-light);border:1px solid var(--color-success-border);color:#166534}.api-test-result.error{background:var(--color-danger-light);border:1px solid var(--color-danger-border);color:#991b1b}.api-test-result details{margin-top:.5rem}.api-test-result pre{background:#0000000a;padding:.75rem;border-radius:var(--radius-md);overflow-x:auto;font-size:.8125rem;margin-top:.5rem}.api-docs{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--color-gray-200)}.api-docs h3{margin:0 0 .5rem;color:var(--color-gray-800);font-size:1.05rem}.api-docs p{color:var(--color-gray-500);margin:0 0 1rem}.api-code-example{background:#1e293b;color:#e2e8f0;padding:1.25rem;border-radius:var(--radius-lg);overflow-x:auto;font-size:.8125rem;line-height:1.7;margin:.5rem 0 1.5rem;font-family:JetBrains Mono,Fira Code,Courier New,monospace;box-shadow:inset 0 1px #ffffff0d}.api-code-example code{color:inherit}@media(max-width:720px){.user-page{padding:1.5rem 1rem}.user-title{font-size:2rem}.user-form-card{padding:1.5rem}.responses-table-container{overflow-x:scroll}.responses-table{font-size:.8rem}.responses-table th,.responses-table td{padding:.5rem}.response-label{min-width:80px;font-size:.85rem}.header{flex-direction:column;align-items:flex-start}.field-row{grid-template-columns:1fr}.inline-actions{flex-direction:column;align-items:flex-start}}.report-section{margin-bottom:2rem}.report-config{display:flex;flex-direction:column;gap:2rem;margin-top:1.5rem}.report-form-selector{padding:1rem;background:var(--color-gray-50);border-radius:var(--radius-md);border:1px solid var(--color-gray-200)}.report-form-selector label{display:block;color:var(--color-gray-800)}.calculation-builder{padding:1.5rem;background:#fff;border-radius:var(--radius-lg);border:1px solid var(--color-gray-200);box-shadow:var(--shadow-xs)}.calculation-builder h3{margin:0 0 1rem;color:var(--color-gray-800);font-size:1.0625rem}.calculation-form{display:grid;grid-template-columns:1fr 1fr auto;gap:1rem;align-items:end}.calculation-form .form-group{display:flex;flex-direction:column;gap:.5rem}.calculation-form label{font-size:.8125rem;font-weight:600;color:var(--color-gray-700)}.calculation-list{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--color-gray-100)}.calculation-list h4{margin:0 0 1rem;color:var(--color-gray-800);font-size:.9375rem}.calculation-items{display:flex;flex-direction:column;gap:.5rem}.calculation-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:.875rem;transition:all var(--transition-fast)}.calculation-item:hover{background:var(--color-gray-100)}.report-stats{margin-top:1rem}.report-stats h3{margin:0 0 1rem;color:var(--color-gray-800);font-size:1.0625rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.stat-card{padding:1.5rem;background:var(--color-primary-gradient);border-radius:var(--radius-xl);color:#fff;text-align:center;box-shadow:0 4px 12px #6366f133;transition:transform var(--transition-base),box-shadow var(--transition-base)}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #6366f140}.stat-card:nth-child(2){background:linear-gradient(135deg,#ec4899,#f43f5e);box-shadow:0 4px 12px #ec489933}.stat-card:nth-child(3){background:linear-gradient(135deg,#3b82f6,#06b6d4);box-shadow:0 4px 12px #3b82f633}.stat-card:nth-child(4){background:linear-gradient(135deg,#10b981,#14b8a6);box-shadow:0 4px 12px #10b98133}.stat-value{font-size:2.25rem;font-weight:700;margin-bottom:.5rem;line-height:1;letter-spacing:-.02em}.stat-label{font-size:.8125rem;opacity:.9;font-weight:500}.report-results{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--color-gray-200)}.report-results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.report-results-header h3{margin:0;color:var(--color-gray-800);font-size:1.125rem}.results-table-container{display:flex;flex-direction:column;height:calc(100vh - 500px);min-height:300px;max-height:500px;overflow:hidden;margin-top:1rem;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);background:#fff;position:relative}.results-table-wrapper{flex:1;overflow-x:auto;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--color-gray-300) var(--color-gray-100)}.results-table-wrapper::-webkit-scrollbar{width:6px;height:6px}.results-table-wrapper::-webkit-scrollbar-track{background:var(--color-gray-100)}.results-table-wrapper::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:3px}.results-table-wrapper::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}.results-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.875rem;min-width:max-content}.results-table thead{position:sticky;top:0;z-index:10}.results-table th{padding:.75rem 1rem;text-align:left;font-weight:600;color:var(--color-gray-600);border-bottom:1px solid var(--color-gray-200);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;background:var(--color-gray-50)}.results-table td{padding:.875rem 1rem;border-bottom:1px solid var(--color-gray-100);color:var(--color-gray-700);white-space:nowrap}.results-table tbody tr{transition:background var(--transition-fast)}.results-table tbody tr:hover{background:#f8faff}.results-table tbody tr:last-child td{border-bottom:none}.result-value{font-size:1.125rem;font-weight:700;color:var(--color-primary)}@media(max-width:768px){.calculation-form,.stats-grid{grid-template-columns:1fr}.report-results-header{flex-direction:column;align-items:flex-start;gap:1rem}}.toggle-switch{display:flex;align-items:center;justify-content:space-between;gap:1rem;cursor:pointer;-webkit-user-select:none;user-select:none;padding:.5rem 0;width:100%}.toggle-switch .toggle-label{flex:1;font-size:.875rem;color:var(--color-gray-800);font-weight:600;line-height:1.5}.toggle-switch .toggle-label small{display:block;font-size:.75rem;color:var(--color-gray-500);font-weight:400;margin-top:.25rem}.toggle-switch .toggle-control{position:relative;width:2.75rem;height:1.5rem;flex-shrink:0}.toggle-switch input[type=checkbox]{width:100%;height:100%;appearance:none;background:var(--color-gray-300);border-radius:var(--radius-full);position:relative;cursor:pointer;transition:all var(--transition-base);border:none}.toggle-switch input[type=checkbox]:hover{background:var(--color-gray-400)}.toggle-switch input[type=checkbox]:checked{background:var(--color-primary)}.toggle-switch input[type=checkbox]:checked:hover{background:var(--color-primary-hover)}.toggle-switch input[type=checkbox]:before{content:"";position:absolute;width:1.125rem;height:1.125rem;border-radius:50%;background:#fff;top:50%;left:3px;transform:translateY(-50%);transition:all var(--transition-base);box-shadow:0 1px 3px #00000026}.toggle-switch input[type=checkbox]:checked:before{left:calc(100% - 1.3125rem);box-shadow:0 1px 4px #6366f14d}.toggle-switch:focus-within input[type=checkbox]{outline:2px solid var(--color-primary);outline-offset:2px}.toggle-inline{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 0;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-inline .toggle-text{flex:1;display:flex;flex-direction:column;gap:.25rem}.toggle-inline .toggle-text span{font-size:.875rem;color:var(--color-gray-800);font-weight:600;line-height:1.5}.toggle-inline .toggle-text small{font-size:.75rem;color:var(--color-gray-500);font-weight:400}.toggle-inline .toggle-switch-control{position:relative;width:2.75rem;height:1.5rem;flex-shrink:0}.toggle-inline input[type=checkbox]{width:100%;height:100%;appearance:none;background:var(--color-gray-300);border-radius:var(--radius-full);position:relative;cursor:pointer;transition:all var(--transition-base);border:none}.toggle-inline input[type=checkbox]:hover{background:var(--color-gray-400)}.toggle-inline input[type=checkbox]:checked{background:var(--color-primary)}.toggle-inline input[type=checkbox]:checked:hover{background:var(--color-primary-hover)}.toggle-inline input[type=checkbox]:before{content:"";position:absolute;width:1.125rem;height:1.125rem;border-radius:50%;background:#fff;top:50%;left:3px;transform:translateY(-50%);transition:all var(--transition-base);box-shadow:0 1px 3px #00000026}.toggle-inline input[type=checkbox]:checked:before{left:calc(100% - 1.3125rem);box-shadow:0 1px 4px #6366f14d}.toggle-inline:focus-within input[type=checkbox]{outline:2px solid var(--color-primary);outline-offset:2px}.column-settings-panel{margin:1rem 0;padding:1.5rem;background:#fff;border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);animation:slideDown .3s ease;box-shadow:var(--shadow-sm)}.column-settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--color-gray-100)}.column-settings-header h3{margin:0;font-size:1rem;color:var(--color-gray-800)}.column-settings-header button{background:transparent;border:none;color:var(--color-gray-400);cursor:pointer;font-size:1.25rem;line-height:1;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.column-settings-header button:hover{background:var(--color-gray-100);color:var(--color-gray-700)}.column-settings-content{display:flex;flex-direction:column;gap:1.5rem}.column-settings-group{display:flex;flex-direction:column;gap:.75rem}.column-settings-group h4{margin:0;font-size:.8125rem;font-weight:600;color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.06em}.column-checkbox-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.375rem;padding:.75rem;background:var(--color-gray-50);border-radius:var(--radius-md);border:1px solid var(--color-gray-100);max-height:300px;overflow-y:auto}.column-checkbox-item{display:flex;align-items:center;gap:.5rem;padding:.4rem .5rem;cursor:pointer;border-radius:var(--radius-sm);transition:background var(--transition-fast);-webkit-user-select:none;user-select:none}.column-checkbox-item:hover{background:var(--color-gray-100)}.column-checkbox-item input[type=checkbox]{width:1rem;height:1rem;cursor:pointer;accent-color:var(--color-primary)}.column-checkbox-item span{font-size:.8125rem;color:var(--color-gray-700);font-weight:500}.column-settings-actions{display:flex;gap:.5rem;padding-top:.75rem;border-top:1px solid var(--color-gray-100)}.customer-table{font-size:.875rem;min-width:max-content}.customer-table th{white-space:nowrap;font-weight:600;background:var(--color-gray-50);border-bottom:1px solid var(--color-gray-200);padding:.625rem .875rem;position:sticky;top:0;z-index:10;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-600)}.customer-table td{vertical-align:middle;padding:.625rem .875rem;border-bottom:1px solid var(--color-gray-100);white-space:nowrap;max-width:300px;overflow:hidden;text-overflow:ellipsis;color:var(--color-gray-700)}.customer-table tbody tr{transition:background var(--transition-fast)}.customer-table tbody tr:hover{background:#f8faff}.customer-table td code{background:var(--color-gray-100);padding:.2rem .45rem;border-radius:var(--radius-sm);font-family:JetBrains Mono,Fira Code,Courier New,monospace;color:var(--color-gray-600);font-size:.75rem}@media(max-width:768px){.column-checkbox-list{grid-template-columns:1fr}.column-settings-actions{flex-direction:column}.customer-table{font-size:.8rem}.customer-table th,.customer-table td{padding:.5rem .25rem}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-primary-gradient);padding:2rem;position:relative;overflow:hidden}.login-background{position:absolute;inset:0;overflow:hidden;z-index:0}.login-bg-circle{position:absolute;border-radius:50%;background:#ffffff14;animation:float 20s infinite ease-in-out}.login-bg-circle-1{width:300px;height:300px;top:-100px;left:-100px;animation-delay:0s}.login-bg-circle-2{width:200px;height:200px;bottom:-50px;right:-50px;animation-delay:5s}.login-bg-circle-3{width:150px;height:150px;top:50%;right:10%;animation-delay:10s}.login-container{width:100%;max-width:440px;position:relative;z-index:1;animation:fadeInUp .6s ease-out}.login-card{background:#fffffff7;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:var(--radius-2xl);padding:2.5rem;box-shadow:0 25px 50px -12px #0003;border:1px solid rgba(255,255,255,.3)}.login-header{text-align:center;margin-bottom:2rem}.login-logo-container{display:flex;justify-content:center;align-items:center;margin-bottom:1.5rem}.login-logo{max-width:180px;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.08));transition:transform var(--transition-slow)}.login-logo:hover{transform:scale(1.03)}.login-title{margin:0 0 .5rem;font-size:1.75rem;font-weight:700;color:var(--color-gray-900);letter-spacing:-.03em}.login-subtitle{margin:0;color:var(--color-gray-500);font-size:.9375rem;font-weight:400;line-height:1.6}.otp-input-container{display:flex;gap:.625rem;justify-content:center;margin:1rem 0}.otp-input{width:3.25rem;height:3.25rem;border:1.5px solid var(--color-gray-200);border-radius:var(--radius-md);text-align:center;font-size:1.375rem;font-weight:600;color:var(--color-gray-800);background:#fff;transition:all var(--transition-fast);outline:none}.otp-input::placeholder{color:#0000001a;opacity:1;font-weight:300;font-size:1.375rem}.otp-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-ring);transform:scale(1.03)}.otp-input:not(:placeholder-shown){border-color:var(--color-primary);background:var(--color-primary-light)}.otp-input:hover:not(:focus){border-color:var(--color-gray-300)}@media(max-width:640px){.otp-input{width:2.75rem;height:2.75rem;font-size:1.125rem}.otp-input-container{gap:.5rem}}.login-form{display:flex;flex-direction:column;gap:1.25rem}.login-error{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:var(--color-danger-light);border:1px solid var(--color-danger-border);border-radius:var(--radius-lg);color:#991b1b;font-size:.8125rem;font-weight:500;animation:shake .5s ease-in-out}.login-error-icon{flex-shrink:0;color:var(--color-danger)}.login-input-group{position:relative}.login-label{position:relative;display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:#fff;border:1.5px solid var(--color-gray-200);border-radius:var(--radius-lg);transition:all var(--transition-base);cursor:text}.login-label:hover{border-color:var(--color-gray-300)}.login-label.focused{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-ring)}.login-input-icon{flex-shrink:0;color:var(--color-gray-400);transition:color var(--transition-base)}.login-label.focused .login-input-icon{color:var(--color-primary)}.login-label-text{position:absolute;left:3.25rem;top:50%;transform:translateY(-50%);color:var(--color-gray-500);font-size:.9375rem;font-weight:500;pointer-events:none;transition:all var(--transition-base);background:transparent;padding:0 .25rem}.login-label.focused .login-label-text,.login-label:has(input:not(:placeholder-shown)) .login-label-text{top:0;left:1.25rem;transform:translateY(-50%) scale(.85);color:var(--color-primary);background:#fff;font-weight:600}.login-input{flex:1;border:none;outline:none;background:transparent;font-size:.9375rem;color:var(--color-gray-800);padding:0;width:100%;font-weight:500}.login-input::placeholder{color:transparent}.login-input:focus::placeholder{color:var(--color-gray-400)}.login-button{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.875rem 1.5rem;font-size:.9375rem;font-weight:600;border-radius:var(--radius-lg);margin-top:.5rem;transition:all var(--transition-base);background:var(--color-primary-gradient);color:#fff;border:none;cursor:pointer;box-shadow:0 4px 12px #6366f14d}.login-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 20px #6366f159}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.6;cursor:not-allowed}.login-button-spinner{animation:spin 1s linear infinite}@media(max-width:640px){.login-page{padding:1rem}.login-card{padding:2rem 1.5rem;border-radius:var(--radius-xl)}.login-title{font-size:1.625rem}.login-subtitle{font-size:.875rem}.login-logo{max-width:150px}.login-label{padding:.75rem .875rem}.login-label-text{left:3rem}.login-label.focused .login-label-text,.login-label:has(input:not(:placeholder-shown)) .login-label-text{left:1rem}.login-button{padding:.75rem 1.25rem;font-size:.875rem}.login-bg-circle-1{width:200px;height:200px}.login-bg-circle-2{width:150px;height:150px}.login-bg-circle-3{width:100px;height:100px}}.login-info{margin-top:1.75rem;padding-top:1.5rem;border-top:1px solid var(--color-gray-200)}.login-info p{margin:0 0 .75rem;font-size:.8125rem;color:var(--color-gray-700);font-weight:600}.demo-accounts{display:flex;flex-direction:column;gap:.5rem;font-size:.8125rem;color:var(--color-gray-500)}.demo-accounts>div{padding:.625rem .75rem;background:var(--color-gray-50);border-radius:var(--radius-md);border:1px solid var(--color-gray-100)}.demo-accounts strong{display:block;margin-bottom:.25rem;color:var(--color-gray-700)}.demo-accounts code{background:#fff;padding:.1rem .35rem;border-radius:var(--radius-sm);font-size:.75rem;color:var(--color-primary);border:1px solid var(--color-primary-light)}.embed-form-container{min-height:100vh;padding:2rem 1rem;background:var(--color-gray-50);display:flex;align-items:center;justify-content:center}.embed-form-loading,.embed-form-error,.embed-form-success{text-align:center;padding:3rem 2rem;background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:500px;width:100%}.embed-form-loading p{margin-top:1rem;color:var(--color-gray-500)}.embed-form-error h2{color:var(--color-danger);margin-bottom:.5rem}.embed-form-error p{color:var(--color-gray-500)}.embed-form-success .success-icon{width:60px;height:60px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:700;margin:0 auto 1.5rem;box-shadow:0 8px 16px #10b98140}.embed-form-success h2{color:var(--color-gray-800);margin-bottom:.5rem}.embed-form-success p{color:var(--color-gray-500);margin-bottom:1.5rem}.embed-form-card{background:#fff;border-radius:var(--radius-xl);padding:2rem;box-shadow:var(--shadow-lg);max-width:600px;width:100%;border:1px solid var(--color-gray-100)}.embed-form-header{margin-bottom:1.5rem;text-align:center}.embed-form-header h2{margin:0;color:var(--color-gray-800);font-size:1.375rem;letter-spacing:-.02em}.embed-form-message{padding:.75rem 1rem;border-radius:var(--radius-md);margin-bottom:1rem;font-size:.8125rem}.embed-form-message.error{background:var(--color-danger-light);color:#991b1b;border:1px solid var(--color-danger-border)}.embed-form{display:flex;flex-direction:column;gap:1.25rem}.embed-form-fields{display:flex;flex-direction:column;gap:1rem}.embed-form-field{display:flex;flex-direction:column;gap:.375rem}.embed-form-label{font-weight:600;color:var(--color-gray-700);font-size:.8125rem}.embed-form-input{width:100%;padding:.625rem .75rem;border:1.5px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:.9375rem;transition:all var(--transition-fast);font-family:inherit;background:#fff}.embed-form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-ring)}.embed-form-input::placeholder{color:var(--color-gray-400)}.embed-form-actions{display:flex;justify-content:flex-end;margin-top:.5rem}.embed-form-button{padding:.625rem 1.75rem;border:none;border-radius:var(--radius-md);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);font-family:inherit}.embed-form-button.primary{background:var(--color-primary-gradient);color:#fff;box-shadow:0 2px 8px #6366f140}.embed-form-button.primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #6366f14d}.embed-form-button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:640px){.embed-form-card{padding:1.5rem}.embed-form-header h2{font-size:1.25rem}}.modal-overlay{position:fixed;inset:0;background:#0f172a80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .15s ease}.modal-content{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:900px;width:100%;max-height:90vh;display:flex;flex-direction:column;animation:slideUp .25s ease;overflow:hidden}@keyframes slideUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.form-builder-modal{max-width:1000px}.modal-header{padding:1.25rem 1.75rem;border-bottom:1px solid var(--color-gray-200);display:flex;justify-content:space-between;align-items:flex-start;background:var(--color-primary-gradient);color:#fff}.modal-header h2{margin:0;font-size:1.375rem;font-weight:600;color:#fff;letter-spacing:-.01em}.modal-subtitle{margin:.25rem 0 0;font-size:.8125rem;opacity:.85;color:#fff}.modal-close{background:#ffffff26;border:none;color:#fff;font-size:1.25rem;width:2rem;height:2rem;border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);padding:0}.modal-close:hover{background:#ffffff40}.wizard-steps{display:flex;align-items:center;padding:1.25rem 1.75rem;background:var(--color-gray-50);border-bottom:1px solid var(--color-gray-200)}.wizard-step{display:flex;flex-direction:column;align-items:center;gap:.5rem;flex:1;position:relative}.wizard-step-number{width:2.25rem;height:2.25rem;border-radius:50%;background:var(--color-gray-200);color:var(--color-gray-500);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.8125rem;transition:all var(--transition-slow)}.wizard-step.active .wizard-step-number{background:var(--color-primary-gradient);color:#fff;transform:scale(1.05);box-shadow:0 4px 8px #6366f140}.wizard-step.completed .wizard-step-number{background:var(--color-success);color:#fff}.wizard-step-label{font-size:.8125rem;color:var(--color-gray-500);font-weight:500}.wizard-step.active .wizard-step-label{color:var(--color-gray-800);font-weight:600}.wizard-step-line{flex:1;height:2px;background:var(--color-gray-200);margin:0 1rem;position:relative;top:-1.25rem}.wizard-step.completed+.wizard-step-line{background:var(--color-success)}.modal-body{padding:1.75rem;overflow-y:auto;flex:1}.wizard-step-content{animation:fadeIn .2s ease}.wizard-step-content h3{margin:0 0 1.25rem;font-size:1.125rem;color:var(--color-gray-800);font-weight:600}.field-list-modal{display:flex;flex-direction:column;gap:1.25rem}.field-item-modal{background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:1.25rem;transition:all var(--transition-base)}.field-item-modal:hover{border-color:var(--color-gray-300);box-shadow:var(--shadow-sm)}.field-item-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.875rem;padding-bottom:.625rem;border-bottom:1px solid var(--color-gray-200)}.field-item-number{width:1.75rem;height:1.75rem;background:var(--color-primary-gradient);color:#fff;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.75rem}.field-item-header h4{margin:0;flex:1;font-size:.9375rem;color:var(--color-gray-800)}.field-item-delete{background:var(--color-danger-light);border:none;color:#b91c1c;padding:.4rem;border-radius:var(--radius-md);cursor:pointer;font-size:.9375rem;transition:all var(--transition-fast)}.field-item-delete:hover{background:var(--color-danger-border)}.field-item-body{display:flex;flex-direction:column;gap:.875rem}.field-row-modal{display:flex;gap:1rem}.review-section{display:flex;flex-direction:column;gap:1.25rem}.review-item{display:flex;flex-direction:column;gap:.5rem;padding:.875rem 1rem;background:var(--color-gray-50);border-radius:var(--radius-md);border:1px solid var(--color-gray-100)}.review-item strong{color:var(--color-gray-500);font-size:.75rem;text-transform:uppercase;letter-spacing:.06em}.review-item span{color:var(--color-gray-800);font-size:.9375rem}.review-fields{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.review-field-item{background:#fff;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:.875rem 1rem}.review-field-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.review-field-number{width:1.375rem;height:1.375rem;background:var(--color-gray-200);color:var(--color-gray-500);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:.6875rem;font-weight:600}.review-field-header strong{flex:1;color:var(--color-gray-800);font-size:.875rem}.review-field-badge{background:#eef2ff;color:#4338ca;padding:.15rem .45rem;border-radius:var(--radius-sm);font-size:.6875rem;font-weight:600}.review-field-required{background:var(--color-danger-light);color:#b91c1c;padding:.15rem .45rem;border-radius:var(--radius-sm);font-size:.6875rem;font-weight:600}.review-field-placeholder,.review-field-options{font-size:.8125rem;color:var(--color-gray-500);margin-top:.375rem;padding-left:2.125rem}.modal-footer{padding:1.25rem 1.75rem;border-top:1px solid var(--color-gray-200);background:var(--color-gray-50)}.pagination-container{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding:.75rem 1rem;background:#fff;border-radius:var(--radius-lg);border:1px solid var(--color-gray-200);flex-wrap:wrap;gap:.75rem}.pagination-info{display:flex;align-items:center;gap:1rem;font-size:.8125rem;color:var(--color-gray-500)}.pagination-items-per-page{display:flex;align-items:center;gap:.5rem}.pagination-items-per-page label{font-size:.8125rem;color:var(--color-gray-500);white-space:nowrap}.pagination-items-per-page select{width:auto;padding:.25rem .5rem;font-size:.8125rem;border-radius:var(--radius-sm);border:1px solid var(--color-gray-300);min-width:0}.pagination-controls{display:flex;align-items:center;gap:.25rem}.pagination-button{min-width:2.25rem;height:2.25rem;padding:.375rem;border:1px solid var(--color-gray-200);background:#fff;color:var(--color-gray-700);border-radius:var(--radius-md);cursor:pointer;font-size:.8125rem;font-weight:500;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;transform:none;width:auto;line-height:1}.pagination-button:hover:not(:disabled){background:var(--color-gray-50);border-color:var(--color-gray-300);transform:none}.pagination-button:disabled{opacity:.4;cursor:not-allowed}.pagination-button.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:0 1px 3px #6366f14d}.pagination-button.active:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.pagination-ellipsis{padding:.375rem;color:var(--color-gray-400);font-size:.8125rem;display:flex;align-items:center;justify-content:center}@media(max-width:768px){.pagination-container{flex-direction:column;align-items:stretch}.pagination-info{justify-content:space-between;width:100%}.pagination-controls{justify-content:center;flex-wrap:wrap}}.api-editor-grid{grid-template-columns:1fr 1fr}@media(max-width:1024px){.api-editor-grid{grid-template-columns:1fr}}