.filter-section[data-v-38515df4]{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:15px;background:#f8f9fa;border-radius:8px}.status-group[data-v-38515df4]{border:1px solid #e0e0e0;border-radius:8px;padding:15px;background:#fff}.group-header[data-v-38515df4]{display:flex;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #e0e0e0}.group-header h3[data-v-38515df4]{margin:0;font-size:1.2rem;color:#333}.p-list[data-v-38515df4]{list-style:none;padding:0;margin:0}.p-item[data-v-38515df4]{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#f7f7f7;margin-bottom:8px;border-radius:6px;gap:10px;transition:all .2s}.p-item[data-v-38515df4]:hover{background:#ececec;box-shadow:0 2px 4px rgba(0,0,0,.1)}.p-item.inactive[data-v-38515df4]{opacity:.5}.drag-handle[data-v-38515df4]{cursor:grab;color:#999;padding:0 8px}.drag-handle[data-v-38515df4]:active{cursor:grabbing}.p-order[data-v-38515df4]{font-weight:700;width:40px;color:#666}.p-name[data-v-38515df4]{flex:1;font-weight:600;color:#333}.p-color[data-v-38515df4]{padding:6px 16px;border-radius:5px;cursor:pointer;color:#fff;font-weight:500;min-width:100px;text-align:center;transition:transform .2s}.p-color[data-v-38515df4]:hover{transform:scale(1.05)}.actions[data-v-38515df4]{display:flex;gap:5px}.no-data[data-v-38515df4]{text-align:center;padding:40px;color:#999}.color-input-group[data-v-38515df4]{display:flex;gap:10px;align-items:center}.color-input[data-v-38515df4]{flex:1}.color-container[data-v-38515df4]{gap:20px;padding:10px 0}.color-container[data-v-38515df4],.preview-box[data-v-38515df4]{display:flex;flex-direction:column;align-items:center}.color-preview[data-v-38515df4]{width:80px;height:80px;border-radius:10px;border:1px solid #ccc;box-shadow:0 0 5px rgba(0,0,0,.2);margin-bottom:10px;transition:background-color .3s ease}.color-code[data-v-38515df4]{font-size:16px;font-weight:700;color:#333}.confirmation-content[data-v-38515df4]{display:flex;align-items:center;padding:20px}.dialog-footer[data-v-38515df4]{display:flex;justify-content:flex-end;gap:10px}.arrows[data-v-38515df4]{display:flex;flex-direction:column;gap:5px}@media (max-width:768px){.filter-section[data-v-38515df4]{flex-direction:column;align-items:stretch}.p-item[data-v-38515df4]{flex-wrap:wrap}}