.form-example[data-v-fb00a2ef]{max-width:600px}h2[data-v-fb00a2ef]{color:#333;margin-bottom:20px}.form-group[data-v-fb00a2ef]{margin-bottom:20px}label[data-v-fb00a2ef]{display:block;margin-bottom:5px;color:#555;font-weight:700}input[type=text][data-v-fb00a2ef],input[type=email][data-v-fb00a2ef],textarea[data-v-fb00a2ef],select[data-v-fb00a2ef]{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:16px}textarea[data-v-fb00a2ef]{min-height:100px;resize:vertical}button[data-v-fb00a2ef]{background:#4caf50;color:#fff;padding:12px 30px;border:none;border-radius:4px;cursor:pointer;font-size:16px}button[data-v-fb00a2ef]:hover{background:#45a049}.result[data-v-fb00a2ef]{margin-top:20px;padding:15px;background:#e8f5e9;border-radius:4px}.wizard-example[data-v-0e20e3eb]{max-width:700px}h2[data-v-0e20e3eb]{color:#333;margin-bottom:30px}.steps[data-v-0e20e3eb]{display:flex;justify-content:space-between;margin-bottom:30px}.step[data-v-0e20e3eb]{flex:1;text-align:center}.step-number[data-v-0e20e3eb]{width:40px;height:40px;border-radius:50%;background:#ddd;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700;margin-bottom:5px}.step.active .step-number[data-v-0e20e3eb]{background:#4caf50}.step.completed .step-number[data-v-0e20e3eb]{background:#2196f3}.step-content[data-v-0e20e3eb]{margin-bottom:30px}h3[data-v-0e20e3eb]{color:#555;margin-bottom:20px}.form-group[data-v-0e20e3eb]{margin-bottom:20px}label[data-v-0e20e3eb]{display:block;margin-bottom:5px;color:#555;font-weight:700}input[type=text][data-v-0e20e3eb],input[type=email][data-v-0e20e3eb],input[type=tel][data-v-0e20e3eb]{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:16px}.buttons[data-v-0e20e3eb]{display:flex;justify-content:space-between}button[data-v-0e20e3eb]{background:#4caf50;color:#fff;padding:12px 30px;border:none;border-radius:4px;cursor:pointer;font-size:16px}button[data-v-0e20e3eb]:hover:not(:disabled){background:#45a049}button[data-v-0e20e3eb]:disabled{background:#ccc;cursor:not-allowed}.dynamic-fields[data-v-c6a97f48]{max-width:700px}h2[data-v-c6a97f48]{color:#333;margin-bottom:20px}.form-group[data-v-c6a97f48]{margin-bottom:20px}label[data-v-c6a97f48]{display:block;margin-bottom:5px;color:#555;font-weight:700}input[type=text][data-v-c6a97f48],input[type=email][data-v-c6a97f48]{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:16px}.dynamic-item[data-v-c6a97f48]{display:flex;gap:10px;margin-bottom:10px;align-items:flex-end}.dynamic-item input[data-v-c6a97f48]{flex:1}button[data-v-c6a97f48]{background:#4caf50;color:#fff;padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px}button[data-v-c6a97f48]:hover{background:#45a049}.result[data-v-c6a97f48]{margin-top:20px;padding:15px;background:#e8f5e9;border-radius:4px}.checkbox-example[data-v-76c23703]{max-width:700px}h2[data-v-76c23703]{color:#333;margin-bottom:20px}h3[data-v-76c23703]{color:#555;margin-bottom:15px;font-size:18px}.form-group[data-v-76c23703]{margin-bottom:30px}.checkbox-group[data-v-76c23703]{display:flex;flex-direction:column;gap:10px}.checkbox-item[data-v-76c23703]{display:flex;align-items:center;padding:10px;background:#f9f9f9;border-radius:4px}.checkbox-item input[type=checkbox][data-v-76c23703]{width:20px;height:20px;margin-right:10px;cursor:pointer}.checkbox-item label[data-v-76c23703]{cursor:pointer;flex:1}button[data-v-76c23703]{background:#4caf50;color:#fff;padding:12px 30px;border:none;border-radius:4px;cursor:pointer;font-size:16px;margin-top:10px}button[data-v-76c23703]:hover{background:#45a049}.result[data-v-76c23703]{margin-top:20px;padding:15px;background:#e8f5e9;border-radius:4px}*{margin:0;padding:0;box-sizing:border-box}.app{min-height:100vh;background:#f5f5f5}.navbar{background:#fff;padding:20px 30px;box-shadow:0 2px 4px #0000001a}.navbar h1{color:#333;font-size:24px}.container{display:flex;max-width:1200px;margin:30px auto;gap:20px;padding:0 20px}.sidebar{width:200px;background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;height:fit-content}.sidebar a{display:block;padding:12px;color:#555;text-decoration:none;border-radius:4px;margin-bottom:5px;cursor:pointer;transition:background .3s}.sidebar a:hover,.sidebar a.active{background:#4caf50;color:#fff}.content{flex:1;background:#fff;padding:30px;border-radius:8px;box-shadow:0 2px 4px #0000001a}