.el-form--label-left .el-form-item__label{text-align:right}.divtitle{border-bottom:1px solid #f0f0f0;padding-left:10px;font-size:17px;height:35px;line-height:35px;margin-bottom:15px}:root{--primary-color:#3498db;--gray-color:#95a5a6;--border-radius:8px;--box-shadow:0 4px 6px rgba(0,0,0,0.1);--transition:all 0.3s ease}.card{background:#fff;border-radius:var(--border-radius);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);padding:15px;border:1px solid #eaeaea}.card,.form-group{margin-bottom:15px}label{display:block;margin-bottom:10px;font-weight:500}input[type=text],select,textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:var(--border-radius);-webkit-transition:var(--transition);transition:var(--transition);background-color:#fff}input[type=text]:focus,select:focus,textarea:focus{border-color:var(--primary-color);outline:none;-webkit-box-shadow:0 0 0 2px rgba(52,152,219,.2);box-shadow:0 0 0 2px rgba(52,152,219,.2)}textarea{min-height:100px;resize:vertical}.question-item{background:#fff;border-radius:var(--border-radius);padding:15px;margin-bottom:20px;border-left:4px solid var(--primary-color);-webkit-box-shadow:0 2px 4px rgba(0,0,0,.05);box-shadow:0 2px 4px rgba(0,0,0,.05);border:1px solid #eaeaea}.question-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:10px}.question-title{font-weight:700;font-size:18px}.question-actions{display:-webkit-box;display:-ms-flexbox;display:flex;gap:15px}.option-templates{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;margin-top:10px}.template-card{background:#fff;border:2px solid #e0e0e0;border-radius:var(--border-radius);padding:10px;text-align:center;cursor:pointer;-webkit-transition:var(--transition);transition:var(--transition)}.template-card:hover{border-color:var(--primary-color);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.template-card.active{border-color:var(--primary-color);background-color:rgba(52,152,219,.1)}.template-title{font-weight:700;margin-bottom:15px}.template-options{color:var(--gray-color)}.custom-options{margin-top:10px}.custom-options.active{display:block}.option-input{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:10px}.option-input input{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-right:10px;background-color:#fff}.survey-preview{max-width:600px;margin:0 auto}.preview-question{margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #eee}.preview-options{-ms-flex-wrap:wrap;flex-wrap:wrap;gap:15px;margin-top:10px}.option-label,.preview-options{display:-webkit-box;display:-ms-flexbox;display:flex}.option-label{-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;padding:10px 15px;background:#fff;border:1px solid #ddd;border-radius:var(--border-radius);cursor:pointer;-webkit-transition:var(--transition);transition:var(--transition);-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:120px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.option-label:hover{background-color:#f5f5f5}.option-label.selected{background-color:rgba(52,152,219,.1);border-color:var(--primary-color)}.results-container{margin-top:15px}.result-item{margin-bottom:10px;padding:10px;background:#fff;border-radius:var(--border-radius);-webkit-box-shadow:0 2px 4px rgba(0,0,0,.05);box-shadow:0 2px 4px rgba(0,0,0,.05);border:1px solid #eaeaea}.result-question{font-weight:700;margin-bottom:15px}.result-option{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:10px}.result-bar{height:20px;background-color:#e0e0e0;border-radius:10px;margin:0 10px;-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden}.result-fill{height:100%;background-color:var(--primary-color);border-radius:10px;-webkit-transition:width .5s ease;transition:width .5s ease}.result-count{min-width:40px;text-align:right}.no-data{text-align:center;padding:20px;color:var(--gray-color);background:#fff;border-radius:var(--border-radius);-webkit-box-shadow:0 2px 4px rgba(0,0,0,.05);box-shadow:0 2px 4px rgba(0,0,0,.05);border:1px solid #eaeaea}