@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);.login-page{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0 50%,#f1f5f9);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:var(--space-6);position:relative}.login-page:before{background:radial-gradient(ellipse at center,#d6479414 0,#0000 70%);height:100%;right:-20%;top:-50%;width:80%}.login-page:after,.login-page:before{content:"";pointer-events:none;position:absolute}.login-page:after{background:radial-gradient(ellipse at center,#4398d714 0,#0000 70%);bottom:-30%;height:80%;left:-20%;width:60%}.login-container{animation:slideUp .5s ease-out;max-width:440px;position:relative;width:100%;z-index:1}.login-header{margin-bottom:var(--space-8);text-align:center}.logo-container{align-items:center;display:flex;flex-direction:column;margin-bottom:var(--space-4)}.login-logo{height:44px;width:auto}.login-title{color:var(--ck-text-primary);font-size:var(--text-3xl);font-weight:var(--font-bold);letter-spacing:var(--tracking-tight);margin:0}.login-subtitle{color:var(--ck-text-tertiary);font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-relaxed);margin-top:var(--space-3)}.login-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--ck-white);border:1px solid #fffc;border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);padding:var(--space-10)}.login-card h2{color:var(--ck-text-primary);font-size:var(--text-2xl);font-weight:var(--font-semibold);margin-bottom:var(--space-2);text-align:center}.login-instruction{color:var(--ck-text-tertiary);line-height:var(--leading-relaxed);margin-bottom:var(--space-8)}.login-error,.login-instruction{font-size:var(--text-sm);text-align:center}.login-error{animation:scaleIn .2s ease-out;background:var(--ck-error-light);border:1px solid #ef444433;border-radius:var(--radius-lg);color:var(--ck-error);margin-bottom:var(--space-6);padding:var(--space-4)}.google-login-wrapper{display:flex;justify-content:center;margin-bottom:var(--space-6)}.google-signin-btn{align-items:center;background:var(--ck-white);border:2px solid var(--ck-gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);color:var(--ck-text-primary);cursor:pointer;display:flex;font-size:var(--text-base);font-weight:var(--font-semibold);gap:var(--space-3);justify-content:center;padding:var(--space-4) var(--space-6);transition:all var(--transition-fast);width:100%}.google-signin-btn:hover:not(:disabled){border-color:var(--ck-gray-300);box-shadow:var(--shadow-md);transform:translateY(-1px)}.google-signin-btn:active:not(:disabled){box-shadow:var(--shadow-sm);transform:translateY(0)}.google-signin-btn:disabled{cursor:not-allowed;opacity:.6}.google-signin-btn svg{flex-shrink:0}.login-loading{align-items:center;color:var(--ck-text-tertiary);display:flex;font-size:var(--text-sm);gap:var(--space-3);justify-content:center;padding:var(--space-4)}.login-loading:before{animation:spin .8s linear infinite;border:2px solid var(--ck-gray-200);border-radius:50%;border-top-color:var(--ck-pink);content:"";height:20px;width:20px}.login-note{border-top:1px solid var(--ck-gray-100);margin-top:var(--space-6);padding-top:var(--space-6)}.login-footer,.login-note{color:var(--ck-text-muted);font-size:var(--text-xs);text-align:center}.login-footer{margin-top:var(--space-8)}.dev-login-form{display:flex;flex-direction:column;gap:var(--space-5)}.dev-mode-banner{background:linear-gradient(135deg,var(--ck-warning-light) 0,#fef9c3 100%);border:1px solid #f59e0b33;border-radius:var(--radius-lg);color:#92400e;font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);padding:var(--space-3) var(--space-4);text-align:center;text-transform:uppercase}.dev-login-form .form-group{margin-bottom:0}.dev-login-form .form-label{color:var(--ck-text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);margin-bottom:var(--space-2)}.dev-login-form .form-input{background:var(--ck-gray-50);border:2px solid var(--ck-gray-200);border-radius:var(--radius-xl);font-size:var(--text-base);padding:var(--space-4);transition:all var(--transition-fast)}.dev-login-form .form-input:hover{background:var(--ck-white);border-color:var(--ck-gray-300)}.dev-login-form .form-input:focus{background:var(--ck-white);border-color:var(--ck-pink);box-shadow:0 0 0 4px #d647941a}.dev-login-form .form-input::placeholder{color:var(--ck-text-muted)}.dev-login-form select.form-input{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right var(--space-4) center;background-repeat:no-repeat;background-size:1.25em 1.25em;cursor:pointer;padding-right:var(--space-12)}.dev-login-btn{background:linear-gradient(135deg,var(--ck-pink) 0,var(--ck-pink-dark) 100%);border-radius:var(--radius-xl);box-shadow:var(--shadow-pink);color:var(--ck-white);font-size:var(--text-base);font-weight:var(--font-semibold);margin-top:var(--space-2);padding:var(--space-4) var(--space-6);transition:all var(--transition-fast);width:100%}.dev-login-btn:hover:not(:disabled){box-shadow:0 8px 25px #d6479466;transform:translateY(-2px)}.dev-login-btn:active:not(:disabled){transform:translateY(0)}.dev-login-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (max-width:480px){.login-page{padding:var(--space-4)}.login-card{border-radius:var(--radius-xl);padding:var(--space-6)}.login-title{font-size:var(--text-2xl)}.login-subtitle{font-size:var(--text-sm)}}.admin-layout{background:var(--ck-gray-50);display:flex;min-height:100vh}.admin-sidebar{background:var(--ck-white);border-right:1px solid var(--ck-gray-200);bottom:0;display:flex;flex-direction:column;left:0;position:fixed;top:0;width:260px;z-index:var(--z-sticky)}.sidebar-header{border-bottom:1px solid var(--ck-gray-200);padding:var(--space-5) var(--space-6)}.sidebar-logo{height:28px;width:auto}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:var(--space-1);padding:var(--space-4)}.nav-item{align-items:center;border-radius:var(--radius-lg);color:var(--ck-text-secondary);display:flex;font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-3);padding:var(--space-3) var(--space-4);text-decoration:none;transition:all var(--transition-fast)}.nav-item:hover{background:var(--ck-gray-100);color:var(--ck-text-primary)}.nav-item.active{background:linear-gradient(135deg,var(--ck-pink) 0,var(--ck-pink-dark) 100%);box-shadow:var(--shadow-pink);color:var(--ck-white)}.nav-item svg{flex-shrink:0;opacity:.7}.nav-item.active svg{opacity:1}.sidebar-footer{border-top:1px solid var(--ck-gray-200);justify-content:space-between;padding:var(--space-4)}.sidebar-footer,.sidebar-user{align-items:center;display:flex;gap:var(--space-3)}.sidebar-user{flex:1 1;min-width:0}.user-avatar-small{align-items:center;background:linear-gradient(135deg,var(--ck-pink) 0,var(--ck-pink-dark) 100%);border-radius:50%;color:var(--ck-white);display:flex;flex-shrink:0;font-size:var(--text-sm);font-weight:var(--font-semibold);height:36px;justify-content:center;width:36px}.user-info{display:flex;flex-direction:column;min-width:0}.user-info .user-name{color:var(--ck-text-primary);font-size:var(--text-sm);font-weight:var(--font-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-info .user-role{color:var(--ck-text-muted);font-size:var(--text-xs)}.logout-btn{background:none;border:none;border-radius:var(--radius-md);color:var(--ck-text-muted);cursor:pointer;padding:var(--space-2);transition:all var(--transition-fast)}.logout-btn:hover{background:var(--ck-error-light);color:var(--ck-error)}.admin-main{flex:1 1;margin-left:260px;min-height:100vh;padding:var(--space-8)}@media (max-width:1024px){.admin-sidebar{width:220px}.admin-main{margin-left:220px;padding:var(--space-6)}}@media (max-width:768px){.admin-sidebar{border-bottom:1px solid var(--ck-gray-200);border-right:none;position:relative;width:100%}.sidebar-nav{flex-direction:row;overflow-x:auto;padding:var(--space-2) var(--space-4)}.nav-item{white-space:nowrap}.sidebar-footer{display:none}.admin-main{margin-left:0;padding:var(--space-4)}.admin-layout{flex-direction:column}}.dialog-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:var(--space-4);position:fixed;right:0;top:0;z-index:var(--z-modal)}.dialog-content{animation:scaleIn .2s ease-out;background:var(--ck-white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);max-width:420px;padding:var(--space-8);width:100%}.dialog-title{color:var(--ck-text-primary);font-size:var(--text-xl);font-weight:var(--font-semibold);margin-bottom:var(--space-4)}.dialog-message{color:var(--ck-text-secondary);font-size:var(--text-base);line-height:var(--leading-relaxed);margin-bottom:var(--space-6)}.dialog-actions{display:flex;gap:var(--space-3);justify-content:flex-end}.clear-responses-dialog{max-width:480px}.clear-responses-dialog .danger-header{align-items:center;color:var(--ck-danger);display:flex;gap:var(--space-3);margin-bottom:var(--space-4)}.clear-responses-dialog .danger-header svg{flex-shrink:0}.clear-responses-dialog .dialog-title{color:var(--ck-danger);margin-bottom:0}.clear-responses-dialog .warning-box{background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-lg);margin-bottom:var(--space-6);padding:var(--space-4)}.clear-responses-dialog .warning-box p{color:var(--ck-text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed);margin:0}.clear-responses-dialog .warning-box p+p{margin-top:var(--space-2)}.clear-responses-dialog .survey-name{color:var(--ck-text-primary);font-size:var(--text-base);font-weight:var(--font-semibold);padding:var(--space-2) 0}.clear-responses-dialog .warning-text{color:#b91c1c;font-weight:var(--font-medium)}.clear-responses-dialog .confirm-input-section{margin-bottom:var(--space-6)}.clear-responses-dialog .confirm-input-section label{color:var(--ck-text-secondary);display:block;font-size:var(--text-sm);margin-bottom:var(--space-2)}.clear-responses-dialog .confirm-input-section input{background-color:#fff;border:2px solid #d1d5db;border-radius:8px;box-sizing:border-box;color:#1f2937;font-size:16px;padding:12px;transition:border-color .2s,box-shadow .2s;width:100%}.clear-responses-dialog .confirm-input-section input::placeholder{color:#9ca3af}.clear-responses-dialog .confirm-input-section input:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc262626;outline:none}.clear-responses-dialog .confirm-input-section input:disabled{background-color:#f3f4f6;cursor:not-allowed}.clear-responses-dialog .error-text{color:var(--ck-danger);font-size:var(--text-sm);margin-top:var(--space-2)}.clear-responses-dialog .btn-danger{background-color:#dc2626;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px}.clear-responses-dialog .btn-danger:hover:not(:disabled){background-color:#b91c1c}.clear-responses-dialog .btn-danger:disabled{background-color:#fca5a5;color:#fff;cursor:not-allowed}.clear-responses-dialog .btn-secondary{background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px}.clear-responses-dialog .btn-secondary:hover{background-color:#e5e7eb}.admin-dashboard{margin:0 auto;max-width:1100px}.dashboard-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-8)}.header-left h1{color:var(--ck-text-primary);font-size:var(--text-3xl);font-weight:var(--font-bold);letter-spacing:var(--tracking-tight);margin-bottom:var(--space-2)}.dashboard-subtitle{color:var(--ck-text-secondary);font-size:var(--text-base)}.error-banner{background:var(--ck-error-light);border:1px solid #ef444433;border-radius:var(--radius-xl);color:var(--ck-error);justify-content:space-between}.error-banner button{background:none;border:none;border-radius:var(--radius-md);color:var(--ck-error);cursor:pointer;font-size:var(--text-lg);padding:var(--space-1);transition:background var(--transition-fast)}.error-banner button:hover{background:#ef44441a}.tab-buttons{background:var(--ck-gray-100);border-radius:var(--radius-xl);display:flex;gap:var(--space-1);margin-bottom:var(--space-6);padding:var(--space-1);width:-webkit-fit-content;width:fit-content}.tab-btn{background:#0000;border-radius:var(--radius-lg);font-size:var(--text-sm);padding:var(--space-3) var(--space-5);transition:all var(--transition-fast)}.tab-btn.active{background:var(--ck-white);box-shadow:var(--shadow-sm);color:var(--ck-text-primary)}.loading-state{text-align:center}.empty-state{border:2px dashed var(--ck-gray-300);border-radius:var(--radius-2xl);padding:var(--space-12)}.empty-icon{margin-bottom:var(--space-4)}.empty-state h3{color:var(--ck-text-primary);font-size:var(--text-xl);margin-bottom:var(--space-2)}.empty-state p{margin-bottom:var(--space-6)}.survey-list{background:var(--ck-white);border:1px solid var(--ck-gray-200);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md)}.survey-list-header{background:var(--ck-gray-50);border-bottom:1px solid var(--ck-gray-200);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;color:var(--ck-text-tertiary);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase}.survey-list-header,.survey-list-item{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:1fr 100px 100px 100px 140px;padding:var(--space-4) var(--space-6)}.survey-list-item{align-items:center;border-bottom:1px solid var(--ck-gray-100);transition:background var(--transition-fast)}.survey-list-item:last-child{border-bottom:none;border-radius:0 0 var(--radius-2xl) var(--radius-2xl)}.survey-list-item:hover{background:var(--ck-gray-50)}.col-title{display:flex;flex-direction:column;gap:var(--space-1)}.survey-title{text-decoration:none;transition:color var(--transition-fast)}.survey-title:hover{color:var(--ck-pink)}.response-count{color:var(--ck-text-muted);font-size:var(--text-xs)}.col-date{color:var(--ck-text-secondary);font-size:var(--text-sm)}.col-actions{align-items:center;display:flex;gap:var(--space-1)}.action-btn{background:none;border:none;border-radius:var(--radius-md);color:var(--ck-text-tertiary);cursor:pointer;padding:var(--space-2);transition:all var(--transition-fast)}.action-btn:hover{background:var(--ck-gray-100);color:var(--ck-text-primary)}.action-dropdown{position:relative}.action-dropdown .dropdown-menu{animation:scaleIn .15s ease-out;background:var(--ck-white);border:1px solid var(--ck-gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);display:none;min-width:180px;padding:var(--space-2);position:absolute;right:0;top:100%;z-index:var(--z-dropdown)}.action-dropdown:hover .dropdown-menu{display:block}.dropdown-menu button{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--ck-text-primary);cursor:pointer;display:flex;font-size:var(--text-sm);gap:var(--space-2);padding:var(--space-3) var(--space-4);text-align:left;transition:background var(--transition-fast);width:100%}.dropdown-menu button:hover{background:var(--ck-gray-50)}.dropdown-menu button.danger{color:var(--ck-error)}.dropdown-menu button.danger:hover{background:var(--ck-error-light)}@media (max-width:900px){.survey-list-header,.survey-list-item{grid-template-columns:1fr 80px 100px}.col-date:last-of-type,.survey-list-header .col-date:last-of-type{display:none}}@media (max-width:600px){.dashboard-header{align-items:stretch;flex-direction:column}.survey-list-header{display:none}.survey-list-item{align-items:flex-start;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5)}.col-actions{border-top:1px solid var(--ck-gray-100);justify-content:flex-end;padding-top:var(--space-3);width:100%}}.question-editor-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:var(--space-4);position:fixed;right:0;top:0;z-index:var(--z-modal)}.question-editor-modal{animation:scaleIn .2s ease-out;background:var(--ck-white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);display:flex;flex-direction:column;max-height:90vh;max-width:720px;width:100%}.modal-header{align-items:center;border-bottom:1px solid var(--ck-gray-200);display:flex;justify-content:space-between;padding:var(--space-6)}.modal-header h2{color:var(--ck-text-primary);font-size:var(--text-xl);font-weight:var(--font-semibold);margin:0}.question-type-label{background:linear-gradient(135deg,var(--ck-info-light) 0,#c7d2fe 100%);border-radius:var(--radius-full);color:var(--ck-info);font-size:var(--text-sm);font-weight:var(--font-semibold);padding:var(--space-2) var(--space-4)}.modal-body{flex:1 1;overflow-y:auto;padding:var(--space-6)}.modal-footer{background:var(--ck-gray-50);border-radius:0 0 var(--radius-2xl) var(--radius-2xl);border-top:1px solid var(--ck-gray-200);display:flex;gap:var(--space-4);justify-content:flex-end;padding:var(--space-6)}.form-row{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:1fr 1fr}.form-row.checkboxes{display:flex;gap:var(--space-6);margin-bottom:var(--space-4)}.checkbox-label{align-items:center;background:var(--ck-gray-50);border:1px solid var(--ck-gray-200);border-radius:var(--radius-lg);color:var(--ck-text-primary);cursor:pointer;display:flex;font-size:var(--text-sm);gap:var(--space-3);padding:var(--space-3) var(--space-4);transition:all var(--transition-fast)}.checkbox-label:hover{background:var(--ck-white);border-color:var(--ck-blue)}.checkbox-label input{accent-color:var(--ck-pink);cursor:pointer;height:18px;width:18px}.type-specific-fields{border-top:1px solid var(--ck-gray-200);margin-top:var(--space-6);padding-top:var(--space-6)}.option-row{align-items:center;display:flex;gap:var(--space-3);margin-bottom:var(--space-3)}.option-row .form-input{flex:1 1}.btn-icon{align-items:center;background:var(--ck-gray-100);border:none;border-radius:var(--radius-lg);color:var(--ck-text-secondary);cursor:pointer;display:flex;font-size:var(--text-lg);height:40px;justify-content:center;transition:all var(--transition-fast);width:40px}.btn-icon:hover{background:var(--ck-gray-200);color:var(--ck-text-primary)}.btn-icon.danger:hover{background:var(--ck-error-light);color:var(--ck-error)}.btn-icon:disabled{cursor:not-allowed;opacity:.5}.form-hint{color:var(--ck-text-muted);display:block;font-size:var(--text-xs)}.label-prefix{color:var(--ck-text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);min-width:60px}.emoji-preview{background:linear-gradient(135deg,var(--ck-gray-50) 0,var(--ck-info-light) 100%);border:1px solid var(--ck-gray-200);border-radius:var(--radius-xl);display:flex;gap:var(--space-6);justify-content:center;padding:var(--space-5)}.emoji-preview .emoji{font-size:36px}.row-label-row{grid-gap:var(--space-3);align-items:center;display:grid;gap:var(--space-3);grid-template-columns:1fr 1fr}.row-label-preview{background:var(--ck-gray-100);border-radius:var(--radius-md);color:var(--ck-text-secondary);font-size:var(--text-sm);overflow:hidden;padding:var(--space-2) var(--space-3);text-overflow:ellipsis;white-space:nowrap}.question-editor-modal .form-input:disabled,.question-editor-modal select:disabled,.question-editor-modal textarea:disabled{background-color:var(--ck-gray-100);border-color:var(--ck-gray-200);color:var(--ck-text-muted);cursor:not-allowed}.question-editor-modal .checkbox-label.disabled{cursor:not-allowed;opacity:.6}.question-editor-modal .checkbox-label.disabled:hover{background:var(--ck-gray-50);border-color:var(--ck-gray-200)}.question-editor-modal .checkbox-label input:disabled{cursor:not-allowed}@supports selector(:has(*)){.question-editor-modal .checkbox-label:has(input:disabled){cursor:not-allowed;opacity:.6}.question-editor-modal .checkbox-label:has(input:disabled):hover{background:var(--ck-gray-50);border-color:var(--ck-gray-200)}}.question-editor-modal .btn-icon:disabled{cursor:not-allowed;opacity:.4}@media (max-width:600px){.form-row{grid-template-columns:1fr}.form-row.checkboxes{flex-direction:column;gap:var(--space-3)}.question-editor-modal{border-radius:var(--radius-xl);max-height:100vh}.modal-body,.modal-footer,.modal-header{padding:var(--space-4)}}.question-list{display:flex;flex-direction:column;gap:var(--space-6)}.category-group{background:var(--ck-white);border:1px solid var(--ck-gray-200);border-radius:var(--radius-xl);overflow:hidden}.category-header{background:linear-gradient(135deg,var(--ck-gray-50) 0,var(--ck-info-light) 100%);padding:var(--space-3) var(--space-5)}.category-title{font-size:var(--text-sm)}.category-reorder-tip{color:var(--ck-text-muted);font-size:var(--text-xs);font-weight:var(--font-normal);margin-left:auto}.category-questions{display:flex;flex-direction:column}.question-item{align-items:flex-start;background:var(--ck-white);border-bottom:1px solid var(--ck-gray-100);display:flex;gap:var(--space-4);padding:var(--space-5);transition:background var(--transition-fast)}.question-item:last-child{border-bottom:none}.question-item:hover{background:var(--ck-gray-50)}.drag-handle{background:none;border:none;border-radius:var(--radius-md);color:var(--ck-gray-400);cursor:grab;flex-shrink:0;padding:var(--space-2);transition:all var(--transition-fast)}.drag-handle:hover{background:var(--ck-gray-100);color:var(--ck-text-secondary)}.drag-handle:active{cursor:grabbing}.question-content{flex:1 1;min-width:0}.question-header{align-items:center;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-2)}.question-number{color:var(--ck-pink);font-weight:var(--font-semibold)}.question-type-badge{background:var(--ck-gray-100);border-radius:var(--radius-full);color:var(--ck-text-secondary);font-size:var(--text-xs);font-weight:var(--font-medium);padding:var(--space-1) var(--space-3)}.required-badge{background:linear-gradient(135deg,var(--ck-pink) 0,var(--ck-pink-dark) 100%)}.metric-badge,.required-badge{border-radius:var(--radius-full);color:var(--ck-white);font-size:var(--text-xs);font-weight:var(--font-semibold);padding:var(--space-1) var(--space-3)}.metric-badge{background:linear-gradient(135deg,var(--ck-blue) 0,var(--ck-blue-dark) 100%)}.question-text{margin:0 0 var(--space-2);word-break:break-word}.question-actions{display:flex;flex-shrink:0;gap:var(--space-1)}.question-actions .action-btn{background:none;border:none;border-radius:var(--radius-md);color:var(--ck-text-tertiary);cursor:pointer;padding:var(--space-2);transition:all var(--transition-fast)}.question-actions .action-btn:hover{background:var(--ck-gray-100);color:var(--ck-text-primary)}.question-actions .action-btn.danger:hover{background:var(--ck-error-light);color:var(--ck-error)}@media (max-width:600px){.question-item{flex-direction:column;padding:var(--space-4)}.question-actions{border-top:1px solid var(--ck-gray-100);justify-content:flex-end;margin-top:var(--space-3);padding-top:var(--space-3);width:100%}}.survey-editor{margin:0 auto;max-width:900px}.editor-header{flex-wrap:wrap;gap:var(--space-6);margin-bottom:var(--space-8)}.editor-header,.editor-title{align-items:center;display:flex}.editor-title{flex:1 1;gap:var(--space-4)}.editor-title h1{color:var(--ck-text-primary);font-size:var(--text-2xl);font-weight:var(--font-bold);margin:0}.editor-actions{gap:var(--space-3)}.editor-actions,.save-status{align-items:center;display:flex}.save-status{background:var(--ck-gray-50);border-radius:var(--radius-lg);color:var(--ck-text-muted);font-size:var(--text-sm);gap:var(--space-2);padding:var(--space-2) var(--space-3)}.save-status svg{flex-shrink:0}.save-status-saving{color:var(--ck-blue)}.save-status-idle,.save-status-saved{color:var(--ck-success)}.save-status-error{background:#ef44441a;color:var(--ck-error)}.save-status-spinner{animation:spin .8s linear infinite;border:2px solid var(--ck-gray-300);border-radius:50%;border-top-color:var(--ck-blue);height:14px;width:14px}.warning-banner{background:var(--ck-warning-light);border:1px solid #f59e0b4d;color:#92400e;font-size:var(--text-sm);padding:var(--space-4) var(--space-5)}.editor-tabs,.warning-banner{border-radius:var(--radius-xl);margin-bottom:var(--space-6)}.editor-tabs{background:var(--ck-gray-100);display:flex;gap:var(--space-1);padding:var(--space-1);width:-webkit-fit-content;width:fit-content}.editor-tabs .tab-btn{background:#0000;border:none;border-radius:var(--radius-lg);color:var(--ck-text-secondary);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-medium);padding:var(--space-3) var(--space-5);transition:all var(--transition-fast)}.editor-tabs .tab-btn:hover{color:var(--ck-text-primary)}.editor-tabs .tab-btn.active{background:var(--ck-white);box-shadow:var(--shadow-sm);color:var(--ck-text-primary)}.editor-content{background:var(--ck-white);border:1px solid var(--ck-gray-200);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);padding:var(--space-8)}.details-form{max-width:600px}.details-form textarea{resize:vertical}.questions-section{display:flex;flex-direction:column;gap:var(--space-6)}.add-question-section{display:flex;justify-content:flex-start}.add-question-dropdown{position:relative}.question-type-menu{animation:scaleIn .15s ease-out;background:var(--ck-white);border:1px solid var(--ck-gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);left:0;margin-top:var(--space-2);min-width:220px;padding:var(--space-2);position:absolute;top:100%;z-index:var(--z-dropdown)}.question-type-menu button{background:none;border:none;border-radius:var(--radius-md);color:var(--ck-text-primary);cursor:pointer;display:block;font-size:var(--text-sm);padding:var(--space-3) var(--space-4);text-align:left;transition:background var(--transition-fast);width:100%}.question-type-menu button:hover{background:var(--ck-gray-50)}.empty-questions{border:2px dashed var(--ck-gray-300);border-radius:var(--radius-xl);color:var(--ck-text-secondary);padding:var(--space-12);text-align:center}.empty-questions p{color:var(--ck-text-primary);font-size:var(--text-lg);font-weight:var(--font-medium);margin-bottom:var(--space-2)}.empty-questions span{color:var(--ck-text-muted);font-size:var(--text-sm)}@media (max-width:768px){.editor-header{align-items:flex-start;flex-direction:column}.editor-actions{justify-content:flex-end;width:100%}.editor-content{padding:var(--space-5)}}.question-input{padding:var(--space-2) 0}.comment-textarea,.text-input{background:var(--ck-white);border:1px solid var(--ck-gray-300);border-radius:var(--radius-lg);color:var(--ck-text-primary);font-size:var(--text-base);padding:var(--space-3) var(--space-4);transition:all var(--transition-fast);width:100%}.comment-textarea::placeholder,.text-input::placeholder{color:var(--ck-text-muted)}.comment-textarea:hover,.text-input:hover{border-color:var(--ck-gray-400)}.comment-textarea:focus,.text-input:focus{border-color:var(--ck-blue);box-shadow:0 0 0 3px var(--ck-focus-ring);outline:none}.text-input.error{border-color:var(--ck-error)}.comment-textarea:disabled,.text-input:disabled{background-color:var(--ck-gray-100);color:var(--ck-text-muted);cursor:not-allowed}.input-error{color:var(--ck-error);font-size:var(--text-sm)}.input-error,.input-hint{display:block;margin-top:var(--space-2)}.input-hint{color:var(--ck-text-muted);font-size:var(--text-xs)}.options-list{flex-direction:column}.option-label,.options-list{display:flex;gap:var(--space-3)}.option-label{align-items:flex-start;background:var(--ck-white);border:1px solid var(--ck-gray-200);border-radius:var(--radius-lg);cursor:pointer;padding:var(--space-4);transition:all var(--transition-fast)}.option-label:hover{background:var(--ck-gray-50);border-color:var(--ck-blue)}.option-label.selected{background:#4398d714;border-color:var(--ck-blue)}.option-label input{accent-color:var(--ck-pink);cursor:pointer;height:18px;margin-top:2px;width:18px}.option-text{color:var(--ck-text-primary);flex:1 1;font-size:var(--text-base)}.other-option{flex-wrap:wrap}.other-option .other-text-input{background:var(--ck-white);border:1px solid var(--ck-gray-300);border-radius:var(--radius-md);flex-basis:100%;font-size:var(--text-sm);margin-left:30px;margin-top:var(--space-3);padding:var(--space-3) var(--space-4);transition:all var(--transition-fast);width:calc(100% - 32px)}.other-option .other-text-input::placeholder{color:var(--ck-gray-400)}.other-option .other-text-input:focus{border-color:var(--ck-blue);box-shadow:0 0 0 3px var(--ck-focus-ring);outline:none}.other-option .other-text-input:read-only{background-color:var(--ck-gray-100);color:var(--ck-text-muted);cursor:not-allowed}.other-option .other-text-wrapper{display:flex;flex-basis:100%;flex-direction:column;gap:var(--space-1);margin-left:30px;margin-top:var(--space-3);width:calc(100% - 32px)}.other-option .other-text-wrapper .other-text-input{margin:0;width:100%}.other-option .other-char-count{color:var(--ck-gray-500);font-size:var(--text-xs);text-align:right}.rating-scale{max-width:100%}.scale-labels{display:flex;justify-content:space-between;margin-bottom:var(--space-3)}.scale-label-text{color:var(--ck-text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium)}.scale-spacer{flex:1 1}.scale-options{display:flex;gap:var(--space-2)}.scale-option{background:var(--ck-white);border:2px solid var(--ck-gray-200);border-radius:var(--radius-lg);color:var(--ck-text-secondary);cursor:pointer;flex:1 1;font-size:var(--text-base);font-weight:var(--font-semibold);min-width:44px;padding:var(--space-3) var(--space-2);transition:all var(--transition-fast)}.scale-option:hover{background:var(--ck-gray-50);border-color:var(--ck-blue)}.scale-option.selected{background:linear-gradient(135deg,var(--ck-blue) 0,var(--ck-blue-dark) 100%);border-color:#0000;box-shadow:var(--shadow-blue);color:var(--ck-white)}.scale-option:disabled{cursor:not-allowed;opacity:.5}.scale-value-labels{display:flex;margin-top:var(--space-2)}.scale-value-labels .value-label{color:var(--ck-text-muted);flex:1 1;font-size:var(--text-xs);text-align:center}.matrix-table-wrapper{border:1px solid var(--ck-gray-200);border-radius:var(--radius-lg);overflow-x:auto}.matrix-table{border-collapse:collapse;font-size:var(--text-sm);width:100%}.matrix-table td,.matrix-table th{border:1px solid var(--ck-gray-200);padding:var(--space-3) var(--space-4);text-align:center}.matrix-table th{font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase}.matrix-table .row-label,.matrix-table th{background:var(--ck-gray-50);color:var(--ck-text-primary)}.matrix-table .row-label{font-weight:var(--font-medium);letter-spacing:normal;text-align:left;text-transform:none}.matrix-cell{background:var(--ck-white);transition:background var(--transition-fast)}.matrix-cell:hover{background:var(--ck-gray-50)}.matrix-radio{cursor:pointer;display:flex;justify-content:center}.matrix-radio input{accent-color:var(--ck-pink);cursor:pointer;height:20px;width:20px}.ranking-instruction{background:var(--ck-gray-50);border-radius:var(--radius-lg);color:var(--ck-text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4)}.ranking-list{display:flex;flex-direction:column;gap:var(--space-2)}.ranking-item{align-items:center;background:var(--ck-white);border:1px solid var(--ck-gray-200);border-radius:var(--radius-lg);display:flex;gap:var(--space-4);padding:var(--space-4);transition:all var(--transition-fast)}.ranking-item:hover{background:var(--ck-gray-50);border-color:var(--ck-blue)}.ranking-item.dragging{border-color:var(--ck-pink);box-shadow:var(--shadow-xl)}.ranking-item .drag-handle{background:none;border:none;border-radius:var(--radius-md);color:var(--ck-gray-400);cursor:grab;padding:var(--space-2);transition:all var(--transition-fast)}.ranking-item .drag-handle:hover{background:var(--ck-gray-100);color:var(--ck-text-primary)}.ranking-item .drag-handle:active{cursor:grabbing}.rank-number{align-items:center;background:linear-gradient(135deg,var(--ck-pink) 0,var(--ck-pink-dark) 100%);border-radius:50%;color:var(--ck-white);display:flex;font-size:var(--text-sm);font-weight:var(--font-bold);height:32px;justify-content:center;min-width:32px}.ranking-item:not(.ranked) .rank-number{background:var(--ck-gray-300)}.item-text{color:var(--ck-text-primary);flex:1 1;font-size:var(--text-base)}.comment-textarea{min-height:120px;resize:vertical}.char-count{color:var(--ck-text-muted);font-size:var(--text-xs);margin-top:var(--space-2);text-align:right}.star-rating{align-items:center;display:flex;flex-direction:column}.stars-container{display:flex;gap:var(--space-4);justify-content:center}.star-item{align-items:center;display:flex;flex-direction:column;gap:var(--space-1)}.star-item-label{color:var(--ck-text-secondary);font-size:var(--text-xs);line-height:var(--leading-tight);max-width:60px;text-align:center}.star-btn{background:none;border:none;border-radius:var(--radius-md);color:var(--ck-gray-300);cursor:pointer;padding:var(--space-2);transition:all var(--transition-fast)}.star-btn:hover{color:#fbbf24;transform:scale(1.15)}.star-btn.filled{color:#fbbf24}.star-btn:disabled{cursor:not-allowed;opacity:.5}.star-label{color:var(--ck-text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);margin-top:var(--space-3);text-align:center}.emoji-container{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center}.emoji-btn{align-items:center;background:var(--ck-white);border:2px solid var(--ck-gray-200);border-radius:var(--radius-xl);cursor:pointer;display:flex;flex-direction:column;gap:var(--space-2);min-width:100px;padding:var(--space-4) var(--space-5);transition:all var(--transition-fast)}.emoji-btn:hover{background:var(--ck-gray-50);border-color:var(--ck-blue);transform:translateY(-2px)}.emoji-btn.selected{background:#d6479414;border-color:var(--ck-pink);box-shadow:var(--shadow-pink)}.emoji-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.emoji-btn .emoji{font-size:40px;line-height:1}.emoji-btn .emoji-label{color:var(--ck-text-secondary);font-size:var(--text-xs);font-weight:var(--font-medium);text-align:center}.email-input .text-input{max-width:400px}.ranking-input-v3{display:flex;flex-direction:column;gap:var(--space-3)}.ranking-instruction-v3{background:var(--ck-gray-50);border-radius:var(--radius-lg);color:var(--ck-text-secondary);font-size:var(--text-sm);padding:var(--space-3) var(--space-4);text-align:center}.ranking-list-v3{display:flex;flex-direction:column;gap:var(--space-2)}.ranking-item-v3{align-items:center;background:var(--ck-white);border:1px solid var(--ck-gray-200);border-radius:var(--radius-lg);cursor:grab;display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4);transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}.ranking-item-v3:hover{background:var(--ck-gray-50);border-color:var(--ck-blue)}.ranking-item-v3.dragging{opacity:.5}.ranking-item-v3.read-only{cursor:default}.ranking-item-v3.dragging-overlay{background:var(--ck-white);border-color:var(--ck-pink);box-shadow:var(--shadow-xl);cursor:grabbing}.item-rank-badge{align-items:center;background:linear-gradient(135deg,var(--ck-pink) 0,var(--ck-pink-dark) 100%);border-radius:50%;color:var(--ck-white);display:flex;flex-shrink:0;font-size:var(--text-sm);font-weight:var(--font-bold);height:32px;justify-content:center;min-width:32px}.item-content{flex:1 1;min-width:0}.item-text-v3{color:var(--ck-text-primary);font-size:var(--text-base);font-weight:var(--font-medium)}.item-drag-handle{align-items:center;border-radius:var(--radius-md);color:var(--ck-gray-400);display:flex;padding:var(--space-1);transition:all var(--transition-fast)}.ranking-item-v3:hover .item-drag-handle{color:var(--ck-text-secondary)}@media (max-width:600px){.emoji-container{gap:var(--space-2)}.emoji-btn{flex:1 1;min-width:auto;min-width:60px;padding:var(--space-3)}.emoji-btn .emoji{font-size:32px}.emoji-btn .emoji-label{display:none}.scale-options{flex-wrap:wrap}.scale-option{flex:0 1 auto;min-width:40px}.ranking-item-v3{padding:var(--space-2) var(--space-3)}.item-rank-badge{font-size:var(--text-xs);height:28px;min-width:28px}.item-text-v3{font-size:var(--text-sm)}}.question-renderer{background:var(--ck-white);border:1px solid var(--ck-gray-200);border-left:4px solid var(--ck-gray-300);border-radius:var(--radius-xl);margin-bottom:var(--space-6);padding:var(--space-6);transition:all var(--transition-fast)}.question-renderer:focus-within,.question-renderer:hover{border-color:var(--ck-gray-300);border-left-color:var(--ck-pink);box-shadow:var(--shadow-sm)}.question-renderer.has-error{animation:shake .4s ease-in-out;background:linear-gradient(135deg,var(--ck-white) 0,var(--ck-error-light) 100%);border-color:var(--ck-error);border-width:2px}@keyframes shake{0%,to{transform:translateX(0)}20%,60%{transform:translateX(-4px)}40%,80%{transform:translateX(4px)}}.question-header{align-items:flex-start;display:flex;gap:var(--space-3);margin-bottom:var(--space-4)}.question-number{color:var(--ck-text-secondary);flex-shrink:0;font-size:var(--text-sm);font-weight:var(--font-bold);margin-top:1px}.question-text{flex:1 1;font-size:var(--text-base);font-weight:var(--font-medium);line-height:var(--leading-relaxed)}.required-indicator{color:var(--ck-error);font-weight:var(--font-bold);margin-left:var(--space-1)}.question-body,.validation-error{margin-top:var(--space-3)}.validation-error{align-items:center;background:var(--ck-error-light);border-left:3px solid var(--ck-error);border-radius:var(--radius-md);color:var(--ck-error);display:flex;font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-2);padding:var(--space-3) var(--space-4)}.validation-error svg{flex-shrink:0}.helper-text{display:block;margin-top:var(--space-1)}.helper-text,.helper-text-inline{color:var(--ck-text-muted);font-size:.85em;font-style:italic}.survey-preview{margin:0 auto;max-width:800px}.preview-banner{align-items:center;background:var(--ck-warning-light);border:1px solid var(--ck-warning);border-radius:var(--radius-lg);color:var(--ck-dark-blue);display:flex;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-6);padding:var(--space-3) var(--space-4)}.preview-badge{background:var(--ck-warning);border-radius:var(--radius-md);color:var(--ck-dark-blue);font-size:var(--text-xs);font-weight:var(--font-bold);padding:var(--space-1) var(--space-3);text-transform:uppercase}.preview-notice{flex:1 1;font-size:var(--text-sm)}.preview-actions{display:flex;gap:var(--space-2)}.survey-preview .survey-header{margin-bottom:var(--space-6);text-align:center}.survey-preview .survey-header h1{color:var(--ck-text-primary);font-size:var(--text-2xl);margin:0}.survey-preview .progress-container{margin-bottom:var(--space-6)}.survey-preview .progress-bar{background:var(--ck-gray-200);border-radius:var(--radius-full);height:8px;margin-bottom:var(--space-2);overflow:hidden}.survey-preview .progress-fill{background:linear-gradient(90deg,var(--ck-blue),var(--ck-pink));border-radius:var(--radius-full);height:100%;transition:width var(--transition-normal)}.survey-preview .progress-text{color:var(--ck-text-secondary);font-size:var(--text-sm);text-align:center}.survey-preview .category-nav{display:flex;gap:var(--space-2);margin-bottom:var(--space-8);overflow-x:auto;padding-bottom:var(--space-2)}.survey-preview .category-btn{align-items:center;background:var(--ck-white);border:1px solid var(--ck-gray-200);border-radius:var(--radius-full);cursor:pointer;display:flex;font-size:var(--text-sm);gap:var(--space-2);padding:var(--space-2) var(--space-4);transition:all var(--transition-fast);white-space:nowrap}.survey-preview .category-btn:hover{border-color:var(--ck-pink)}.survey-preview .category-btn.active{background:var(--ck-pink);border-color:var(--ck-pink);color:var(--ck-white)}.survey-preview .category-btn.completed{background:var(--ck-gray-50);border-color:var(--ck-pink)}.survey-preview .category-number{align-items:center;background:var(--ck-gray-200);border-radius:50%;display:flex;font-size:var(--text-xs);font-weight:var(--font-bold);height:24px;justify-content:center;width:24px}.survey-preview .category-btn.active .category-number{background:#ffffff4d}.survey-preview .category-btn.completed .category-number{background:var(--ck-pink);color:var(--ck-white)}.survey-preview .category-name{font-size:var(--text-sm)}.survey-preview .questions-container{background:var(--ck-white);border:1px solid var(--ck-gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);margin-bottom:var(--space-6);padding:var(--space-6)}.survey-preview .category-title{border-bottom:2px solid var(--ck-pink);color:var(--ck-text-primary);display:inline-block;font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0 0 var(--space-6) 0;padding-bottom:var(--space-2)}.survey-preview .navigation-buttons{align-items:center;display:flex;justify-content:space-between;padding-top:var(--space-4)}.survey-preview .survey-welcome{align-items:center;display:flex;justify-content:center;min-height:50vh}.survey-preview .welcome-card{background:var(--ck-white);border:1px solid var(--ck-gray-200);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);max-width:600px;padding:var(--space-10);text-align:center}.survey-preview .welcome-card h1{color:var(--ck-text-primary);font-size:var(--text-2xl);margin-bottom:var(--space-4)}.survey-preview .survey-description{color:var(--ck-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-6)}.survey-preview .survey-instructions{background:var(--ck-gray-50);border:1px solid var(--ck-gray-200);border-radius:var(--radius-lg);margin-bottom:var(--space-6);padding:var(--space-6);text-align:left}.survey-preview .survey-instructions h3{font-size:var(--text-base);font-weight:var(--font-semibold);margin:0 0 var(--space-3) 0}.survey-preview .survey-instructions p{color:var(--ck-text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed);margin:0;white-space:pre-line}.survey-preview .survey-info{display:flex;gap:var(--space-10);justify-content:center;margin-bottom:var(--space-8)}.survey-preview .info-item{align-items:center;display:flex;flex-direction:column}.survey-preview .info-label{color:var(--ck-text-muted);font-size:var(--text-sm)}.survey-preview .info-value{color:var(--ck-text-primary);font-size:var(--text-2xl);font-weight:var(--font-bold)}.thank-you-screen{align-items:flex-start;display:flex;justify-content:center;padding-top:var(--space-6)}.thank-you-card{background:var(--ck-white);border:1px solid var(--ck-gray-200);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);max-width:700px;padding:var(--space-8);width:100%}.thank-you-card .thank-you-icon{color:var(--ck-success);margin-bottom:var(--space-4);text-align:center}.thank-you-card h2{color:var(--ck-text-primary);font-size:var(--text-xl);margin:0 0 var(--space-2) 0;text-align:center}.thank-you-card>p{color:var(--ck-text-secondary);margin:0 0 var(--space-8) 0;text-align:center}.responses-summary-preview{background:var(--ck-gray-50);border:1px solid var(--ck-gray-200);border-radius:var(--radius-lg);margin-bottom:var(--space-6);padding:var(--space-6)}.responses-summary-preview h3{font-size:var(--text-base);font-weight:var(--font-semibold);margin:0 0 var(--space-4) 0}.summary-category{margin-bottom:var(--space-6)}.summary-category:last-child{margin-bottom:0}.summary-category h4{color:var(--ck-pink);font-size:var(--text-sm);font-weight:var(--font-semibold);margin:0 0 var(--space-3) 0}.summary-item{background:var(--ck-white);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-2);padding:var(--space-3)}.summary-question{color:var(--ck-text-secondary);font-size:var(--text-sm)}.summary-answer{color:var(--ck-text-primary);font-weight:var(--font-medium)}.thank-you-actions{display:flex;gap:var(--space-4);justify-content:center}@media (max-width:768px){.preview-banner{flex-direction:column;text-align:center}.preview-actions{justify-content:center;width:100%}.survey-preview .navigation-buttons{flex-direction:column;gap:var(--space-4)}.survey-preview .navigation-buttons .btn{width:100%}.survey-preview .welcome-card,.thank-you-card{padding:var(--space-6)}.thank-you-actions{flex-direction:column}.thank-you-actions .btn{width:100%}}.analytics-page{max-width:1200px}.page-header{margin-bottom:var(--space-8)}.page-header h1{color:var(--ck-text-primary);font-size:var(--text-2xl);font-weight:var(--font-bold);margin:0 0 var(--space-2) 0}.page-subtitle{color:var(--ck-text-secondary);font-size:var(--text-base);margin:0}.empty-state{background:var(--ck-white);border:1px solid var(--ck-gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--space-16);text-align:center}.empty-icon{color:var(--ck-gray-400);margin-bottom:var(--space-6)}.empty-state h2{color:var(--ck-text-primary);font-size:var(--text-xl);font-weight:var(--font-semibold);margin:0 0 var(--space-3) 0}.empty-state p{color:var(--ck-text-secondary);line-height:var(--leading-relaxed);margin:0 auto;max-width:400px}.analytics-table-card{background:var(--ck-white);border:1px solid var(--ck-gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden}.analytics-table{border-collapse:collapse;width:100%}.analytics-table th{background:var(--ck-gray-50);border-bottom:1px solid var(--ck-gray-200);color:var(--ck-text-secondary);font-size:var(--text-sm);font-weight:var(--font-semibold);padding:var(--space-4) var(--space-6);text-align:left}.analytics-table th:last-child{width:48px}.analytics-table td{border-bottom:1px solid var(--ck-gray-100);padding:var(--space-4) var(--space-6);vertical-align:middle}.survey-row{cursor:pointer;transition:background-color var(--transition-fast)}.survey-row:hover{background-color:var(--ck-gray-50)}.survey-row:last-child td{border-bottom:none}.survey-title-cell{display:flex;flex-direction:column;gap:var(--space-1)}.survey-title{color:var(--ck-text-primary);font-weight:var(--font-medium)}.survey-date{color:var(--ck-text-muted);font-size:var(--text-sm)}.response-counts{display:flex;flex-direction:column;gap:var(--space-1)}.response-total{color:var(--ck-text-primary);font-size:var(--text-lg);font-weight:var(--font-semibold)}.response-breakdown{color:var(--ck-text-muted);font-size:var(--text-sm)}.arrow-cell{color:var(--ck-gray-400)}.survey-row:hover .arrow-cell{color:var(--ck-blue)}.status-badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--text-xs);font-weight:var(--font-medium);padding:var(--space-1) var(--space-3);text-transform:capitalize}.status-active{background-color:#10b9811a;color:#059669}.status-draft{background-color:#6b72801a;color:#4b5563}.status-closed{background-color:#ef44441a;color:#dc2626}.status-inactive{background-color:#f59e0b1a;color:#d97706}@media (max-width:768px){.analytics-table td:nth-child(3),.analytics-table th:nth-child(3){display:none}.analytics-table td,.analytics-table th{padding:var(--space-3) var(--space-4)}}.survey-analytics-page{max-width:1200px}.analytics-header{margin-bottom:var(--space-6)}.back-btn{align-items:center;background:none;border:none;color:var(--ck-text-secondary);cursor:pointer;display:inline-flex;font-size:var(--text-sm);gap:var(--space-2);margin-bottom:var(--space-4);padding:var(--space-2) 0;transition:color var(--transition-fast)}.back-btn:hover{color:var(--ck-blue)}.analytics-header h1{color:var(--ck-text-primary);font-size:var(--text-2xl);font-weight:var(--font-bold);margin:0}.analytics-tabs{border-bottom:1px solid var(--ck-gray-200);display:flex;gap:var(--space-2);margin-bottom:var(--space-6);padding-bottom:var(--space-1)}.tab-btn{background:none;border:none;color:var(--ck-text-secondary);cursor:pointer;font-size:var(--text-base);font-weight:var(--font-medium);padding:var(--space-3) var(--space-6);position:relative;transition:color var(--transition-fast)}.tab-btn:hover{color:var(--ck-text-primary)}.tab-btn.active{color:var(--ck-pink)}.tab-btn.active:after{background:linear-gradient(90deg,var(--ck-pink) 0,var(--ck-pink-dark) 100%);border-radius:var(--radius-full);bottom:-1px;content:"";height:3px;left:0;position:absolute;right:0}.tab-content{min-height:400px}.error-state{background:var(--ck-white);border:1px solid var(--ck-gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.error-state p{margin-bottom:var(--space-4)}.summary-cards{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(3,1fr);margin-bottom:var(--space-6)}.summary-card{background:var(--ck-white);border:1px solid var(--ck-gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--space-6);text-align:center}.summary-card-value{color:var(--ck-text-primary);font-size:var(--text-4xl);font-weight:var(--font-bold);margin-bottom:var(--space-2)}.summary-card-value.total{color:var(--ck-blue)}.summary-card-value.submitted{color:#059669}.summary-card-value.in-progress{color:#d97706}.summary-card-label{color:var(--ck-text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium)}.track-breakdown{background:var(--ck-white);border:1px solid var(--ck-gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden}.track-breakdown-header{border-bottom:1px solid var(--ck-gray-200);padding:var(--space-4) var(--space-6)}.track-breakdown-header h3{color:var(--ck-text-primary);font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0}.track-table{border-collapse:collapse;width:100%}.track-table th{background:var(--ck-gray-50);border-bottom:1px solid var(--ck-gray-200);color:var(--ck-text-secondary);font-weight:var(--font-semibold);text-align:left}.track-table td,.track-table th{font-size:var(--text-sm);padding:var(--space-3) var(--space-6)}.track-table td{border-bottom:1px solid var(--ck-gray-100)}.track-table tr:last-child td{border-bottom:none}.track-table .track-name{color:var(--ck-text-primary);font-weight:var(--font-medium)}.track-table .total-col{color:var(--ck-blue);font-weight:var(--font-semibold)}.track-table .submitted-col{color:#059669}.track-table .in-progress-col{color:#d97706}.no-data-message{color:var(--ck-text-muted);font-size:var(--text-sm);padding:var(--space-8);text-align:center}.responses-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-6)}.responses-header h3{color:var(--ck-text-primary);font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0}.export-btn{align-items:center;display:inline-flex;gap:var(--space-2)}.response-carousel{background:var(--ck-white);border:1px solid var(--ck-gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden}.carousel-header{align-items:center;background:var(--ck-gray-50);border-bottom:1px solid var(--ck-gray-200);display:flex;justify-content:space-between;padding:var(--space-4) var(--space-6)}.carousel-nav-btn{align-items:center;background:var(--ck-white);border:1px solid var(--ck-gray-200);border-radius:var(--radius-lg);color:var(--ck-text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all var(--transition-fast);width:36px}.carousel-nav-btn:hover:not(:disabled){background:var(--ck-gray-100);border-color:var(--ck-gray-300);color:var(--ck-text-primary)}.carousel-nav-btn:disabled{cursor:not-allowed;opacity:.4}.carousel-info{text-align:center}.carousel-email{color:var(--ck-text-primary);font-weight:var(--font-medium);margin-bottom:var(--space-1)}.carousel-counter{color:var(--ck-text-muted);font-size:var(--text-sm)}.response-meta{background:var(--ck-gray-50);border-bottom:1px solid var(--ck-gray-200);display:flex;font-size:var(--text-sm);gap:var(--space-4);padding:var(--space-3) var(--space-6)}.response-meta-item{align-items:center;color:var(--ck-text-secondary);display:flex;gap:var(--space-2)}.response-meta-item strong{color:var(--ck-text-primary);font-weight:var(--font-medium)}.response-status{align-items:center;border-radius:var(--radius-md);display:inline-flex;font-size:var(--text-xs);font-weight:var(--font-medium);padding:var(--space-1) var(--space-2);text-transform:capitalize}.response-status.submitted{background-color:#10b9811a;color:#059669}.response-status.in_progress{background-color:#f59e0b1a;color:#d97706}.response-content{max-height:500px;overflow-y:auto;padding:var(--space-6)}.response-question{border-bottom:1px solid var(--ck-gray-100);margin-bottom:var(--space-6);padding-bottom:var(--space-6)}.response-question:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.question-text{color:var(--ck-text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);margin-bottom:var(--space-2)}.question-category{color:var(--ck-text-muted);font-size:var(--text-xs);margin-bottom:var(--space-2)}.question-answer{color:var(--ck-text-secondary);font-size:var(--text-base);line-height:var(--leading-relaxed)}.question-answer.no-answer{color:var(--ck-text-muted);font-style:italic}.matrix-answer{flex-direction:column}.matrix-answer,.matrix-row{display:flex;gap:var(--space-2)}.matrix-row{font-size:var(--text-sm)}.matrix-row-label{color:var(--ck-text-secondary);min-width:200px}.matrix-row-value{color:var(--ck-text-primary);font-weight:var(--font-medium)}.empty-responses{color:var(--ck-text-secondary);padding:var(--space-16);text-align:center}.empty-responses p{margin:0}@media (max-width:768px){.summary-cards{grid-template-columns:1fr}.carousel-header{flex-wrap:wrap;gap:var(--space-3)}.carousel-info{order:-1;width:100%}.responses-header{align-items:flex-start;flex-direction:column;gap:var(--space-3)}.response-meta{flex-direction:column;gap:var(--space-2)}}.header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--ck-white);background:#fffffff2;border-bottom:1px solid var(--ck-gray-200);position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-sticky)}.header-container{align-items:center;display:flex;height:64px;justify-content:space-between;margin:0 auto;max-width:1280px;padding:0 var(--space-6)}.header-brand{align-items:baseline;display:flex;gap:2px;text-decoration:none;transition:opacity var(--transition-fast)}.header-brand:hover{opacity:.8}.header-logo{align-self:center;height:24px;width:auto}.header-divider{align-self:center;color:var(--ck-gray-300);font-size:var(--text-lg);font-weight:var(--font-light);margin:0 1px}.header-title{align-self:center;color:var(--ck-text-primary);font-size:var(--text-base);font-weight:var(--font-semibold);letter-spacing:var(--tracking-tight)}.header-nav{display:flex;gap:var(--space-2)}.nav-link{border-radius:var(--radius-lg);color:var(--ck-text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);padding:var(--space-2) var(--space-4);text-decoration:none;transition:all var(--transition-fast)}.nav-link:hover{background:var(--ck-gray-100);color:var(--ck-text-primary)}.nav-link.active{background:#d6479414;color:var(--ck-pink)}.header-user{position:relative}.user-menu-trigger{align-items:center;background:none;border:1px solid #0000;border-radius:var(--radius-full);cursor:pointer;display:flex;gap:var(--space-3);padding:var(--space-2) var(--space-3);transition:all var(--transition-fast)}.user-menu-trigger:hover{background:var(--ck-gray-50);border-color:var(--ck-gray-200)}.user-avatar{border:2px solid var(--ck-gray-200);border-radius:50%;height:36px;object-fit:cover;width:36px}.user-avatar-placeholder{align-items:center;background:linear-gradient(135deg,var(--ck-pink) 0,var(--ck-pink-dark) 100%);border-radius:50%;color:var(--ck-white);display:flex;font-size:var(--text-sm);font-weight:var(--font-semibold);height:36px;justify-content:center;width:36px}.user-name{color:var(--ck-text-primary);font-size:var(--text-sm);font-weight:var(--font-medium)}.dropdown-arrow{color:var(--ck-text-tertiary);transition:transform var(--transition-fast)}.dropdown-arrow.open{transform:rotate(180deg)}.user-dropdown{animation:scaleIn .15s ease-out;background:var(--ck-white);border:1px solid var(--ck-gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);min-width:240px;overflow:hidden;position:absolute;right:0;top:calc(100% + var(--space-2))}.dropdown-header{background:var(--ck-gray-50);display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4)}.dropdown-name-row{align-items:center;display:flex;gap:var(--space-2)}.dropdown-name{color:var(--ck-text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold)}.dropdown-tag{background:var(--ck-info-light);border-radius:var(--radius-full);color:var(--ck-blue);font-size:var(--text-xs);font-weight:var(--font-medium);padding:2px 8px}.dropdown-email{color:var(--ck-text-secondary);font-size:var(--text-xs)}.dropdown-divider{background:var(--ck-gray-200);height:1px}.dropdown-item{align-items:center;background:none;border:none;color:var(--ck-text-primary);cursor:pointer;display:flex;font-size:var(--text-sm);gap:var(--space-3);padding:var(--space-3) var(--space-4);text-align:left;transition:background var(--transition-fast);width:100%}.dropdown-item:hover{background:var(--ck-gray-50)}.dropdown-item.logout{color:var(--ck-error)}.dropdown-item.logout:hover{background:var(--ck-error-light)}@media (max-width:768px){.header-container{padding:0 var(--space-4)}.header-divider,.header-title,.user-name{display:none}.header-nav{gap:var(--space-1)}.nav-link{font-size:var(--text-xs);padding:var(--space-2) var(--space-3)}}.layout{background:var(--ck-bg-primary);display:flex;flex-direction:column;min-height:100vh}.main-content{animation:fadeIn .3s ease-out;flex:1 1;margin:0 auto;max-width:1280px;padding:var(--space-8) var(--space-6);width:100%}@media (max-width:768px){.main-content{padding:var(--space-4)}}.survey-response{margin:0 auto;max-width:800px}.survey-top{margin-bottom:var(--space-6);text-align:center}.survey-title-centered{color:var(--ck-text-primary);font-size:var(--text-2xl);font-weight:var(--font-bold);letter-spacing:var(--tracking-tight);margin:0 0 var(--space-4) 0}.progress-container{margin-bottom:var(--space-4);margin-left:auto;margin-right:auto;max-width:400px}.progress-bar{background:var(--ck-gray-200);height:6px;overflow:hidden}.progress-bar,.progress-fill{border-radius:var(--radius-full)}.progress-fill{background:linear-gradient(90deg,var(--ck-pink) 0,var(--ck-blue) 100%);height:100%;transition:width var(--transition-slow)}.category-nav{display:flex;gap:var(--space-2);margin-bottom:var(--space-2);overflow-x:auto;padding-bottom:var(--space-2);scroll-behavior:smooth;scrollbar-width:none}.category-nav::-webkit-scrollbar{display:none}.category-btn{align-items:center;background:var(--ck-white);border:1px solid var(--ck-gray-200);border-radius:var(--radius-xl);color:var(--ck-text-secondary);cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-2);padding:var(--space-2) var(--space-3);transition:all var(--transition-fast);white-space:nowrap}.category-btn:hover{border-color:var(--ck-blue);color:var(--ck-blue)}.category-btn.active{background:linear-gradient(135deg,var(--ck-pink) 0,var(--ck-pink-dark) 100%);border-color:#0000;box-shadow:var(--shadow-pink);color:var(--ck-white)}.category-btn.completed{background:#4398d726;border-color:var(--ck-blue);color:var(--ck-blue)}.category-number{align-items:center;background:var(--ck-gray-200);border-radius:50%;display:flex;font-size:var(--text-xs);font-weight:var(--font-semibold);height:22px;justify-content:center;width:22px}.category-btn.active .category-number{background:#ffffff40;color:var(--ck-white)}.category-btn.completed .category-number{background:var(--ck-blue);color:var(--ck-white)}.category-btn.locked{cursor:not-allowed;opacity:.5}.category-btn.locked:hover{background:var(--ck-gray-100);color:var(--ck-gray-500)}.category-btn.locked .category-number{background:var(--ck-gray-300);color:var(--ck-gray-500)}.category-name{font-size:var(--text-sm)}.survey-content-card{background:var(--ck-white);border:1px solid var(--ck-gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);margin-bottom:var(--space-6);padding:var(--space-6)}.card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--space-6)}.category-title{border-bottom:3px solid var(--ck-pink);color:var(--ck-text-primary);display:inline-block;font-size:var(--text-xl);font-weight:var(--font-semibold);margin:0;padding-bottom:var(--space-2)}.questions-container{margin-bottom:var(--space-4)}.navigation-buttons{align-items:center;border-top:1px solid var(--ck-gray-200);display:flex;gap:var(--space-4);justify-content:space-between;padding-top:var(--space-6)}.saving-indicator{align-items:center;color:var(--ck-text-muted);display:flex;font-size:var(--text-sm);gap:var(--space-2)}.hero-welcome{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:70vh;padding:var(--space-8);text-align:center}.hero-card{background:var(--ck-white);border:1px solid var(--ck-gray-200);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);max-width:800px;padding:var(--space-10);width:100%}.hero-title{color:var(--ck-text-primary);font-size:var(--text-3xl);font-weight:var(--font-bold);letter-spacing:var(--tracking-tight);margin:0 0 var(--space-4) 0}.hero-tagline{color:var(--ck-text-secondary);font-size:var(--text-base);line-height:var(--leading-relaxed);margin:0 0 var(--space-8) 0}.hero-instructions-container{background:linear-gradient(135deg,#4398d714,#4398d70a);border:1px solid #4398d726;border-radius:var(--radius-xl);margin-bottom:var(--space-10);padding:var(--space-6);text-align:left}.hero-instructions-heading{color:var(--ck-text-primary);display:inline-block;font-size:var(--text-base);font-weight:var(--font-semibold);margin:0 0 var(--space-2) 0;text-align:left}.hero-instructions-heading:after{background:var(--ck-pink);content:"";display:block;height:3px;margin:var(--space-1) 0 var(--space-4) 0;width:60px}.hero-instructions-list{list-style-type:decimal;margin:0;padding:0 0 0 var(--space-5)}.hero-instruction-item{font-size:var(--text-sm);margin-bottom:var(--space-4);padding-left:var(--space-2)}.hero-instruction-item:last-child{margin-bottom:0}.instruction-title{color:var(--ck-text-primary);display:block;font-size:var(--text-sm);font-weight:var(--font-semibold);line-height:var(--leading-normal)}.instruction-description{color:var(--ck-text-tertiary);display:block;font-size:var(--text-xs);line-height:var(--leading-relaxed);margin-top:var(--space-1);padding-left:0}.hero-start-btn{background:linear-gradient(135deg,var(--ck-pink) 0,var(--ck-pink-dark) 100%);border:none;border-radius:var(--radius-full);box-shadow:var(--shadow-pink);color:var(--ck-white);cursor:pointer;font-size:var(--text-base);font-weight:var(--font-semibold);padding:var(--space-4) var(--space-12);transition:all var(--transition-fast)}.hero-start-btn:hover{box-shadow:0 6px 20px 0 #d6479459;transform:translateY(-2px)}.btn-lg{padding:var(--space-4) var(--space-8)}.survey-description{color:var(--ck-text-secondary);font-size:var(--text-base);line-height:var(--leading-relaxed);margin-bottom:var(--space-6)}.survey-instructions{background:linear-gradient(135deg,var(--ck-gray-50) 0,var(--ck-info-light) 100%);border:1px solid var(--ck-gray-200);border-radius:var(--radius-xl);margin-bottom:var(--space-6);padding:var(--space-6);text-align:left}.survey-instructions h3{color:var(--ck-text-primary);font-size:var(--text-base);font-weight:var(--font-semibold);margin-bottom:var(--space-3)}.survey-instructions p{color:var(--ck-text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed);margin:0;white-space:pre-line}.survey-info{display:flex;gap:var(--space-10);justify-content:center;margin-bottom:var(--space-8)}.info-item{align-items:center;display:flex;flex-direction:column;gap:var(--space-1)}.info-label{color:var(--ck-text-muted);font-size:var(--text-sm)}.info-value{color:var(--ck-pink);font-size:var(--text-2xl);font-weight:var(--font-bold)}.error-state .empty-survey-icon{color:var(--ck-gray-400);margin-bottom:var(--space-6)}@media (max-width:768px){.survey-header{align-items:flex-start;flex-direction:column}.survey-header h1{font-size:var(--text-xl)}.navigation-buttons{flex-direction:column;gap:var(--space-4)}.navigation-buttons .btn{width:100%}.saving-indicator{order:-1}.category-nav{-webkit-overflow-scrolling:touch}.hero-welcome{min-height:auto;padding:var(--space-4)}.hero-card{padding:var(--space-6)}.hero-title{font-size:var(--text-2xl)}.hero-tagline{font-size:var(--text-sm);margin-bottom:var(--space-6)}.hero-instructions-container{margin-bottom:var(--space-6);padding:var(--space-4)}.hero-start-btn{padding:var(--space-4) var(--space-6);width:100%}}.error-banner{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-lg);color:#dc2626;display:flex;font-size:var(--text-sm);gap:var(--space-3);margin-bottom:var(--space-6);padding:var(--space-4) var(--space-5)}.error-banner svg{color:#dc2626;flex-shrink:0}.error-banner span{flex:1 1}.error-banner .error-dismiss{background:none;border:none;color:#dc2626;cursor:pointer;font-size:20px;line-height:1;opacity:.7;padding:0;transition:opacity var(--transition-fast)}.error-banner .error-dismiss:hover{opacity:1}.view-responses{margin:0 auto;max-width:800px}.thank-you-banner{background:linear-gradient(135deg,var(--ck-gray-50) 0,var(--ck-info-light) 100%);border:1px solid var(--ck-gray-200);border-radius:var(--radius-2xl);margin-bottom:var(--space-8);padding:var(--space-10) var(--space-8);text-align:center}.thank-you-icon{color:#11734b;margin-bottom:var(--space-4)}.thank-you-banner h1{color:var(--ck-text-primary);font-size:var(--text-2xl);font-weight:var(--font-bold);letter-spacing:var(--tracking-tight);margin:0 0 var(--space-2) 0}.thank-you-subtitle{color:var(--ck-text-secondary);font-size:var(--text-base);margin:0 0 var(--space-6) 0}.submission-meta{align-items:center;display:flex;flex-wrap:wrap;font-size:var(--text-sm);gap:var(--space-2);justify-content:center}.meta-label{color:var(--ck-text-muted)}.meta-value{color:var(--ck-text-primary);font-weight:var(--font-medium)}.meta-divider{color:var(--ck-gray-300)}.responses-section{margin-bottom:var(--space-8)}.section-title{border-bottom:2px solid var(--ck-pink);color:var(--ck-text-primary);display:inline-block;font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0 0 var(--space-6) 0;padding-bottom:var(--space-2)}.responses-summary{display:flex;flex-direction:column;gap:var(--space-6)}.category-card{background:var(--ck-white);border:1px solid var(--ck-gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden}.category-header{align-items:center;background:var(--ck-gray-50);border-bottom:1px solid var(--ck-gray-200);display:flex;gap:var(--space-3);padding:var(--space-4) var(--space-6)}.category-header .category-number{align-items:center;background:linear-gradient(135deg,var(--ck-pink) 0,var(--ck-pink-dark) 100%);border-radius:50%;color:var(--ck-white);display:flex;font-size:var(--text-sm);font-weight:var(--font-bold);height:28px;justify-content:center;width:28px}.category-header .category-name{color:var(--ck-text-primary);font-size:var(--text-base);font-weight:var(--font-semibold);margin:0}.questions-list{padding:var(--space-6)}.questions-list .question-renderer{background:var(--ck-gray-50);border:1px solid var(--ck-gray-100);border-radius:var(--radius-lg);margin-bottom:var(--space-4);padding:var(--space-4)}.questions-list .question-renderer:last-child{margin-bottom:0}.questions-list .read-only{pointer-events:none}.questions-list .read-only input[type=checkbox],.questions-list .read-only input[type=radio]{accent-color:var(--ck-pink)}.questions-list .comment-textarea[readonly],.questions-list .text-input[readonly]{background-color:var(--ck-gray-100);color:var(--ck-text-primary)}.responses-footer{background:var(--ck-gray-50);border:1px solid var(--ck-gray-200);border-radius:var(--radius-xl);padding:var(--space-6);text-align:center}.responses-footer p{color:var(--ck-text-muted);font-size:var(--text-sm);margin:0}.loading-state{color:var(--ck-text-secondary)}.error-state,.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:var(--space-16)}.error-state{min-height:50vh;text-align:center}.error-state h2{color:var(--ck-text-primary);font-size:var(--text-2xl);margin-bottom:var(--space-4)}.error-state p{color:var(--ck-text-secondary);margin-bottom:var(--space-6);max-width:400px}@media (max-width:768px){.thank-you-banner{padding:var(--space-6) var(--space-4)}.thank-you-banner h1{font-size:var(--text-xl)}.submission-meta{flex-direction:column;gap:var(--space-1)}.meta-divider{display:none}.category-header{padding:var(--space-3) var(--space-4)}.questions-list{padding:var(--space-4)}.questions-list .question-renderer{padding:var(--space-3)}}:root{--ck-pink:#d64794;--ck-pink-light:#e86bac;--ck-pink-dark:#b83a7d;--ck-blue:#4398d7;--ck-blue-light:#69b1e4;--ck-blue-dark:#2d7ab8;--ck-dark-blue:#253746;--ck-white:#fff;--ck-gray-50:#f9fafb;--ck-gray-100:#f3f4f6;--ck-gray-200:#e5e7eb;--ck-gray-300:#d1d5db;--ck-gray-400:#9ca3af;--ck-gray-500:#6b7280;--ck-gray-600:#4b5563;--ck-gray-700:#374151;--ck-gray-800:#1f2937;--ck-gray-900:#111827;--ck-bg-primary:#f8fafc;--ck-bg-secondary:#fff;--ck-bg-tertiary:#f1f5f9;--ck-text-primary:#0f172a;--ck-text-secondary:#475569;--ck-text-tertiary:#64748b;--ck-text-muted:#94a3b8;--ck-text-inverse:#fff;--ck-hover-overlay:#0000000a;--ck-active-overlay:#00000014;--ck-focus-ring:#4398d766;--ck-success:#0d9488;--ck-success-light:#ccfbf1;--ck-warning:#f59e0b;--ck-warning-light:#fef3c7;--ck-error:#ef4444;--ck-error-light:#fee2e2;--ck-info:#3b82f6;--ck-info-light:#dbeafe;--ck-status-draft:#64748b;--ck-status-draft-bg:#f1f5f9;--ck-status-active:#0d9488;--ck-status-active-bg:#ccfbf1;--ck-status-inactive:#f59e0b;--ck-status-inactive-bg:#fef3c7;--ck-status-closed:#ef4444;--ck-status-closed-bg:#fee2e2;--space-0:0;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--shadow-inner:inset 0 2px 4px 0 #0000000d;--shadow-pink:0 4px 14px 0 #d6479440;--shadow-blue:0 4px 14px 0 #4398d740;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"SF Mono","Fira Code","Fira Mono",Menlo,monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--tracking-tighter:-0.05em;--tracking-tight:-0.025em;--tracking-normal:0;--tracking-wide:0.025em;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-normal:200ms cubic-bezier(0.4,0,0.2,1);--transition-slow:300ms cubic-bezier(0.4,0,0.2,1);--transition-bounce:500ms cubic-bezier(0.34,1.56,0.64,1);--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;text-rendering:optimizeLegibility}body{background-color:var(--ck-bg-primary);font-family:var(--font-family);font-size:var(--text-base);font-weight:var(--font-normal);letter-spacing:var(--tracking-normal);line-height:var(--leading-normal)}body,h1,h2,h3,h4,h5,h6{color:var(--ck-text-primary)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-semibold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}h1{font-size:var(--text-4xl);font-weight:var(--font-bold)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}p{color:var(--ck-text-secondary);line-height:var(--leading-relaxed)}a{color:var(--ck-blue);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--ck-blue-dark)}::selection{background-color:var(--ck-pink);color:#fff}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:var(--ck-gray-100);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--ck-gray-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--ck-gray-400)}:focus-visible{outline:2px solid var(--ck-blue);outline-offset:2px}button{background:none;border:none;cursor:pointer}button,input,select,textarea{font-family:inherit;font-size:inherit}img{height:auto;max-width:100%}.container{margin:0 auto;max-width:1280px;padding:0 var(--space-6);width:100%}.container-sm{max-width:640px}.container-md{max-width:768px}.container-lg{max-width:1024px}.card{background:var(--ck-white);border:1px solid var(--ck-gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:var(--space-6);transition:box-shadow var(--transition-normal),transform var(--transition-normal)}.card:hover{box-shadow:var(--shadow-md)}.card-elevated{border:none;box-shadow:var(--shadow-lg)}.btn{align-items:center;border:none;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-2);justify-content:center;line-height:var(--leading-none);padding:var(--space-3) var(--space-5);transition:all var(--transition-fast);white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-sm{border-radius:var(--radius-md);font-size:var(--text-xs);padding:var(--space-2) var(--space-3)}.btn-lg{border-radius:var(--radius-xl);font-size:var(--text-base);padding:var(--space-4) var(--space-6)}.btn-primary{background:linear-gradient(135deg,var(--ck-blue) 0,var(--ck-blue-dark) 100%);box-shadow:var(--shadow-blue);color:var(--ck-white)}.btn-primary:hover:not(:disabled){box-shadow:0 6px 20px 0 #4398d759;transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:var(--ck-white);border:1px solid var(--ck-gray-300);box-shadow:var(--shadow-xs);color:var(--ck-text-primary)}.btn-secondary:hover:not(:disabled){background:var(--ck-gray-50);border-color:var(--ck-gray-400)}.btn-accent{background:linear-gradient(135deg,var(--ck-pink) 0,var(--ck-pink-dark) 100%);box-shadow:var(--shadow-pink);color:var(--ck-white)}.btn-accent:hover:not(:disabled){box-shadow:0 6px 20px 0 #d6479459;transform:translateY(-1px)}.btn-accent:active:not(:disabled){transform:translateY(0)}.btn-ghost{background:#0000;color:var(--ck-text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--ck-gray-100);color:var(--ck-text-primary)}.btn-danger{background:linear-gradient(135deg,var(--ck-error) 0,#dc2626 100%);color:var(--ck-white)}.btn-danger:hover:not(:disabled){box-shadow:0 6px 20px 0 #ef444459;transform:translateY(-1px)}.btn-icon{border-radius:var(--radius-md);padding:var(--space-2)}.form-group{margin-bottom:var(--space-5)}.form-label{color:var(--ck-text-primary);display:block;font-size:var(--text-sm);font-weight:var(--font-medium);margin-bottom:var(--space-2)}.form-label-required:after{color:var(--ck-error);content:"*";margin-left:var(--space-1)}.form-input{background:var(--ck-white);border:1px solid var(--ck-gray-300);border-radius:var(--radius-lg);color:var(--ck-text-primary);font-size:var(--text-base);padding:var(--space-3) var(--space-4);transition:all var(--transition-fast);width:100%}.form-input::placeholder{color:var(--ck-text-muted)}.form-input:hover{border-color:var(--ck-gray-400)}.form-input:focus{border-color:var(--ck-blue);box-shadow:0 0 0 3px var(--ck-focus-ring);outline:none}.form-input.error{border-color:var(--ck-error)}.form-input.error:focus{box-shadow:0 0 0 3px #ef444433}.form-input-sm{border-radius:var(--radius-md);font-size:var(--text-sm);padding:var(--space-2) var(--space-3)}.form-hint{color:var(--ck-text-tertiary)}.form-error,.form-hint{font-size:var(--text-sm);margin-top:var(--space-2)}.form-error{color:var(--ck-error)}.form-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right var(--space-3) center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:var(--space-10)}textarea.form-input{min-height:120px;resize:vertical}.form-checkbox,.form-radio{accent-color:var(--ck-pink);cursor:pointer;height:1.125rem;width:1.125rem}.badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--text-xs);font-weight:var(--font-semibold);gap:var(--space-1);letter-spacing:var(--tracking-wide);padding:var(--space-1) var(--space-3);text-transform:uppercase}.badge-draft{background-color:var(--ck-status-draft-bg);color:var(--ck-status-draft)}.badge-active{background-color:var(--ck-status-active-bg);color:var(--ck-status-active)}.badge-inactive{background-color:var(--ck-status-inactive-bg);color:var(--ck-status-inactive)}.badge-closed{background-color:var(--ck-status-closed-bg);color:var(--ck-status-closed)}.alert{align-items:flex-start;border-radius:var(--radius-lg);display:flex;font-size:var(--text-sm);gap:var(--space-3);padding:var(--space-4)}.alert-error{background-color:var(--ck-error-light);border:1px solid #ef444433;color:var(--ck-error)}.alert-success{background-color:var(--ck-success-light);border:1px solid #10b98133;color:var(--ck-success)}.alert-warning{background-color:var(--ck-warning-light);border:1px solid #f59e0b33;color:#92400e}.alert-info{background-color:var(--ck-info-light);border:1px solid #3b82f633;color:var(--ck-info)}.divider{background:var(--ck-gray-200);height:1px;margin:var(--space-6) 0}.spinner{animation:spin .8s linear infinite;border:2px solid var(--ck-gray-200);border-radius:50%;border-top-color:var(--ck-pink);height:20px;width:20px}.spinner-lg{border-width:3px;height:32px;width:32px}@keyframes spin{to{transform:rotate(1turn)}}.skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,var(--ck-gray-200) 25%,var(--ck-gray-100) 50%,var(--ck-gray-200) 75%);background-size:200% 100%;border-radius:var(--radius-md)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fadeIn{animation:fadeIn var(--transition-normal) ease-out}.animate-slideUp{animation:slideUp var(--transition-slow) ease-out}.animate-scaleIn{animation:scaleIn var(--transition-normal) ease-out}
/*# sourceMappingURL=main.0a23adac.css.map*/