:root{--color-primary: #5B6CF9;--color-primary-light: #8B99FF;--color-primary-dark: #3A4BE8;--color-primary-bg: #EEF0FF;--color-accent: #FF7B7B;--color-accent-bg: #FFF0F0;--color-white: #FFFFFF;--color-bg: #F7F8FC;--color-surface: #FFFFFF;--color-surface-2: #F3F4F8;--color-border: #E2E5F0;--color-border-light: #ECEEF5;--color-text-primary: #1A1D2E;--color-text-secondary: #5C6080;--color-text-muted: #9EA3BE;--color-text-placeholder: #BCC0D6;--color-success: #4CAF7D;--color-success-bg: #EDFBF4;--color-warning: #F5A623;--color-warning-bg: #FFF8EC;--color-error: #F45B5B;--color-error-bg: #FFF0F0;--color-info: #4B9EF9;--color-info-bg: #EDF5FF;--color-status-draft: #9EA3BE;--color-status-active: #4CAF7D;--color-status-paused: #F5A623;--color-status-closed: #F45B5B;--color-status-completed: #5B6CF9;--font-family: "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", "Inter", system-ui, sans-serif;--font-size-xs: 12px;--font-size-sm: 13px;--font-size-base: 14px;--font-size-lg: 15px;--font-size-xl: 16px;--font-size-2xl: 18px;--font-size-3xl: 22px;--font-size-4xl: 28px;--line-height-tight: 1.35;--line-height-normal: 1.5;--line-height-relaxed: 1.65;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--shadow-xs: 0 1px 3px rgba(91, 108, 249, .06);--shadow-sm: 0 2px 8px rgba(91, 108, 249, .08);--shadow-md: 0 4px 16px rgba(91, 108, 249, .1);--shadow-lg: 0 8px 32px rgba(91, 108, 249, .12);--shadow-xl: 0 16px 48px rgba(91, 108, 249, .14);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--sidebar-width: 240px;--topbar-height: 60px;--content-max: 1200px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text-primary);background-color:var(--color-bg);line-height:var(--line-height-normal)}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;outline:none}input,textarea,select{font-family:inherit;outline:none}img{max-width:100%}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.w-full{width:100%}.text-center{text-align:center}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:10px 20px;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:600;transition:all var(--transition-base);cursor:pointer;white-space:nowrap;border:none}.btn-primary{background:var(--color-primary);color:var(--color-white);box-shadow:0 2px 8px #5b6cf94d}.btn-primary:hover{background:var(--color-primary-dark);box-shadow:0 4px 16px #5b6cf966;transform:translateY(-1px)}.btn-secondary{background:var(--color-primary-bg);color:var(--color-primary);border:1px solid rgba(91,108,249,.2)}.btn-secondary:hover{background:#dde0ff;transform:translateY(-1px)}.btn-outline{background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border)}.btn-outline:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-bg)}.btn-danger{background:var(--color-error);color:#fff}.btn-danger:hover{background:#e04444;transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--color-text-secondary)}.btn-ghost:hover{background:var(--color-surface-2);color:var(--color-text-primary)}.btn-sm{padding:6px 12px;font-size:var(--font-size-sm);border-radius:var(--radius-sm)}.btn-lg{padding:14px 28px;font-size:var(--font-size-lg);border-radius:var(--radius-lg)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);letter-spacing:.02em}.form-label .required{color:var(--color-error);margin-left:3px}.form-input{width:100%;padding:10px 14px;background:var(--color-white);border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);color:var(--color-text-primary);transition:all var(--transition-base)}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #5b6cf91f}.form-input::placeholder{color:var(--color-text-placeholder)}.form-input.error{border-color:var(--color-error);box-shadow:0 0 0 3px #f45b5b1a}.form-textarea{resize:vertical;min-height:100px;line-height:1.6}.form-error{font-size:var(--font-size-sm);color:var(--color-error);display:flex;align-items:center;gap:4px}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%239EA3BE' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:38px;cursor:pointer}.card{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);box-shadow:var(--shadow-sm)}.card-body{padding:var(--space-6)}.card-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border-light);display:flex;align-items:center;justify-content:space-between}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.badge-draft{background:#f2f3f8;color:var(--color-status-draft)}.badge-active{background:var(--color-success-bg);color:var(--color-success)}.badge-paused{background:var(--color-warning-bg);color:var(--color-warning)}.badge-closed{background:var(--color-error-bg);color:var(--color-error)}.badge-completed{background:var(--color-primary-bg);color:var(--color-primary)}.table-wrapper{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--color-border-light)}.table{width:100%;border-collapse:collapse}.table th{background:var(--color-surface-2);padding:12px 16px;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);text-align:left;letter-spacing:.03em;white-space:nowrap}.table td{padding:14px 16px;font-size:var(--font-size-base);color:var(--color-text-primary);border-top:1px solid var(--color-border-light);vertical-align:middle}.table tr:hover td{background:#fafbff}.operator-sider.ant-layout-sider .ant-layout-sider-children{height:100%;display:flex;flex-direction:column;min-height:0}.app-layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background:var(--color-white);border-right:1px solid var(--color-border-light);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100}.sidebar-logo{padding:var(--space-6);border-bottom:1px solid var(--color-border-light)}.sidebar-logo .logo-text{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-primary);letter-spacing:-.02em}.sidebar-logo .logo-sub{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:2px}.sidebar-nav{flex:1;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-1)}.sidebar-nav-item{display:flex;align-items:center;gap:var(--space-3);padding:10px 14px;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-base);text-decoration:none}.sidebar-nav-item:hover,.sidebar-nav-item.active{background:var(--color-primary-bg);color:var(--color-primary)}.sidebar-nav-item .nav-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;flex-shrink:0;color:inherit}.main-content{flex:1;margin-left:var(--sidebar-width);min-height:100vh;display:flex;flex-direction:column}.page-header{background:var(--color-white);border-bottom:1px solid var(--color-border-light);padding:0 var(--space-8);height:var(--topbar-height);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50}.page-title{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text-primary);letter-spacing:-.02em;line-height:var(--line-height-tight)}.page-body{flex:1;padding:var(--space-8)}.stat-card{background:var(--color-white);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card .stat-label{font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:500;margin-bottom:var(--space-2)}.stat-card .stat-value{font-size:var(--font-size-4xl);font-weight:700;color:var(--color-text-primary);letter-spacing:-.04em;line-height:1}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16) var(--space-8);text-align:center}.empty-state .empty-icon{display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-5);color:var(--color-text-muted);opacity:.75}.empty-state .empty-icon svg{width:56px;height:56px}.empty-state .empty-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-secondary);margin-bottom:var(--space-2)}.empty-state .empty-desc{font-size:var(--font-size-base);color:var(--color-text-muted);margin-bottom:var(--space-6)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a1d2e80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.modal{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:var(--space-8);max-width:440px;width:90%;animation:slideUp .2s ease}.modal-title{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-3)}.modal-desc{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.7;margin-bottom:var(--space-6)}.modal-actions{display:flex;gap:var(--space-3);justify-content:flex-end}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.toggle-wrapper{display:flex;align-items:center;gap:var(--space-3)}.toggle{position:relative;width:48px;height:26px;cursor:pointer}.toggle input{opacity:0;width:0;height:0;position:absolute}.toggle-track{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--color-border);border-radius:var(--radius-full);transition:background var(--transition-base)}.toggle input:checked+.toggle-track{background:var(--color-primary)}.toggle-thumb{position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:50%;box-shadow:0 1px 4px #0003;transition:transform var(--transition-base)}.toggle input:checked~.toggle-thumb{transform:translate(22px)}.progress-bar{width:100%;height:6px;background:var(--color-border);border-radius:var(--radius-full);overflow:hidden}.progress-bar-fill{height:100%;background:var(--color-primary);border-radius:var(--radius-full);transition:width var(--transition-slow)}.pagination{display:flex;align-items:center;gap:var(--space-1);justify-content:center}.pagination-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-base);background:var(--color-white);border:1px solid var(--color-border);color:var(--color-text-secondary)}.pagination-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-bg)}.pagination-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.toast{position:fixed;bottom:24px;right:24px;background:var(--color-text-primary);color:#fff;padding:12px 20px;border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:500;box-shadow:var(--shadow-xl);z-index:2000;animation:slideUp .2s ease;display:flex;align-items:center;gap:var(--space-2)}.toast-success{background:var(--color-success)}.toast-error{background:var(--color-error)}.breadcrumb{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-6)}.breadcrumb-sep{opacity:.4}.breadcrumb-current{color:var(--color-text-primary);font-weight:500}.response-layout{min-height:100vh;background:var(--color-bg);display:flex;flex-direction:column;align-items:center;padding:var(--space-8) var(--space-4)}.response-card{width:100%;max-width:680px;background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden}.question-block{padding:var(--space-6);border-bottom:1px solid var(--color-border-light);animation:fadeIn .2s ease}.question-number{font-size:var(--font-size-sm);font-weight:600;color:var(--color-primary);margin-bottom:var(--space-2)}.question-text{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);line-height:1.5;margin-bottom:var(--space-4)}.question-text .required-star{color:var(--color-error);margin-left:4px}.options-list{display:flex;flex-direction:column;gap:var(--space-3)}.option-item{display:flex;align-items:center;gap:var(--space-3);padding:12px 16px;border:1.5px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);font-size:var(--font-size-base)}.option-item:hover{border-color:var(--color-primary-light);background:var(--color-primary-bg)}.option-item.selected{border-color:var(--color-primary);background:var(--color-primary-bg);color:var(--color-primary);font-weight:500}.option-control{width:18px;height:18px;border:2px solid var(--color-border);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition-base)}.option-control.radio{border-radius:50%}.option-control.checkbox{border-radius:4px}.option-item.selected .option-control{border-color:var(--color-primary);background:var(--color-primary);color:#fff;font-size:var(--font-size-xs)}.consent-item{border:1.5px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;margin-bottom:var(--space-3)}.consent-header{display:flex;align-items:center;gap:var(--space-3);padding:14px 16px;cursor:pointer;background:var(--color-white);transition:background var(--transition-base)}.consent-header:hover{background:var(--color-surface-2)}.consent-body{padding:var(--space-4) var(--space-5);background:var(--color-surface-2);font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.8;border-top:1px solid var(--color-border-light)}.builder-layout{display:flex;height:100vh}.builder-sidebar{width:200px;background:var(--color-white);border-right:1px solid var(--color-border-light);display:flex;flex-direction:column;overflow-y:auto}.builder-canvas{flex:1;overflow-y:auto;padding:var(--space-8);background:var(--color-bg)}.builder-section{background:var(--color-white);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);margin-bottom:var(--space-5);overflow:hidden;box-shadow:var(--shadow-xs)}.builder-section-header{padding:14px var(--space-6);background:var(--color-surface-2);font-weight:600;color:var(--color-text-secondary);font-size:var(--font-size-sm);letter-spacing:.04em;text-transform:uppercase;border-bottom:1px solid var(--color-border-light)}.builder-section-body{padding:var(--space-6)}.question-card{background:var(--color-white);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-4);transition:all var(--transition-base);position:relative}.question-card:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-sm)}.question-card-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.question-tag{background:var(--color-primary-bg);color:var(--color-primary);font-size:var(--font-size-xs);font-weight:600;padding:3px 8px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.04em}.preview-banner{background:linear-gradient(135deg,var(--color-primary),#7B8FFF);color:#fff;padding:12px var(--space-6);display:flex;align-items:center;justify-content:space-between;font-size:var(--font-size-sm);font-weight:500}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}