@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css);.role-form[data-v-7fb28698]{padding:20px 0}.form-item[data-v-7fb28698]{margin-bottom:20px}.form-label[data-v-7fb28698]{display:block;margin-bottom:8px;font-size:14px;color:#303133;font-weight:500}.form-label .required[data-v-7fb28698]{color:#f56c6c;margin-right:4px}.page-permission-config[data-v-7fb28698]{border:1px solid #dcdfe6;border-radius:4px;padding:16px;background:#fafafa;max-height:400px;overflow-y:auto}.permission-group[data-v-7fb28698]{margin-bottom:20px}.permission-group[data-v-7fb28698]:last-child{margin-bottom:0}.group-title-wrapper[data-v-7fb28698]{margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #ebeef5}[data-v-7fb28698] .group-title-wrapper .el-checkbox__label .group-title-text{font-size:14px;font-weight:600;color:#303133}.permission-checkboxes[data-v-7fb28698]{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}[data-v-7fb28698] .permission-checkboxes .el-checkbox{margin-right:0}[data-v-7fb28698] .permission-checkboxes .el-checkbox__label{font-size:13px;color:#606266}.employee-unified-management[data-v-7fb28698]{font-family:Segoe UI,Microsoft YaHei,sans-serif;background-color:var(--background);color:var(--text-primary);line-height:1.5;--primary:#1a56db;--primary-light:#e1effe;--secondary:#f59e0b;--secondary-light:#fef3c7;--background:#f9fafb;--card-bg:#fff;--text-primary:#111827;--text-secondary:#6b7280;--border:#e5e7eb;--success:#10b981;--error:#ef4444;--shadow:0 1px 3px rgba(0,0,0,.1);--shadow-lg:0 10px 25px -5px rgba(0,0,0,.1);--radius:8px}.top-bar[data-v-7fb28698]{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background-color:var(--card-bg);border-bottom:1px solid var(--border);box-shadow:var(--shadow);z-index:10;flex-shrink:0}.search-area[data-v-7fb28698]{flex:1;max-width:300px;margin:0 24px;position:relative}.search-input[data-v-7fb28698]:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(26,86,219,.1)}.search-icon[data-v-7fb28698]{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-secondary)}.action-buttons[data-v-7fb28698]{display:flex;gap:12px}.btn[data-v-7fb28698]{padding:10px 20px;border-radius:var(--radius);border:none;font-weight:600;font-size:.9rem;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.btn-primary[data-v-7fb28698]{background-color:var(--primary);color:#fff}.btn-primary[data-v-7fb28698]:hover{background-color:#1a4fc1;transform:translateY(-2px);box-shadow:var(--shadow)}.btn-secondary[data-v-7fb28698]{background-color:var(--secondary-light);color:var(--text-primary)}.btn-secondary[data-v-7fb28698]:hover{background-color:#fcd34d}.btn-outline[data-v-7fb28698]{background-color:transparent;color:var(--text-primary);border:1px solid var(--border)}.btn-outline[data-v-7fb28698]:hover{background-color:var(--background)}.main-content[data-v-7fb28698]{display:flex;flex:1;overflow:hidden}.role-panel[data-v-7fb28698]{width:320px;background-color:var(--card-bg);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.panel-header[data-v-7fb28698]{padding:20px;border-bottom:1px solid var(--border)}.panel-header h2[data-v-7fb28698]{font-size:1.2rem;font-weight:600;margin-bottom:4px;margin-top:0}.panel-header p[data-v-7fb28698]{color:var(--text-secondary);font-size:.875rem;margin:0}.role-list[data-v-7fb28698]{flex:1;overflow-y:auto;padding:16px}.role-item[data-v-7fb28698]{background-color:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:12px;cursor:pointer;transition:all .2s;position:relative}.role-item[data-v-7fb28698]:hover{border-color:var(--primary);box-shadow:var(--shadow)}.role-item.active[data-v-7fb28698]{border-color:var(--primary);background-color:var(--primary-light)}.role-item.drag-over[data-v-7fb28698]{border:2px dashed var(--primary);background-color:rgba(26,86,219,.05)}.add-role-card[data-v-7fb28698]{text-align:center;border-style:dashed;background-color:transparent}.add-role-icon[data-v-7fb28698]{font-size:2rem;color:var(--text-secondary);margin-bottom:8px}.add-role-text[data-v-7fb28698]{font-weight:600;color:var(--primary)}.role-name[data-v-7fb28698]{font-weight:600;margin-bottom:6px;display:flex;justify-content:space-between;align-items:center}.role-description[data-v-7fb28698]{color:var(--text-secondary);font-size:.875rem;margin-bottom:12px;line-height:1.4}.role-meta[data-v-7fb28698]{display:flex;justify-content:space-between;font-size:.8rem;color:var(--text-secondary)}.permission-count[data-v-7fb28698]{display:inline-flex;align-items:center;gap:4px;background-color:var(--background);padding:2px 8px;border-radius:12px}.role-actions[data-v-7fb28698]{position:absolute;top:12px;right:12px;display:flex;gap:8px;opacity:0;transition:opacity .2s}.role-item:hover .role-actions[data-v-7fb28698]{opacity:1}.icon-btn[data-v-7fb28698]{width:28px;height:28px;border-radius:4px;border:none;background-color:var(--background);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.icon-btn[data-v-7fb28698]:hover{background-color:var(--primary-light);color:var(--primary)}.platform-badge[data-v-7fb28698]{background:#eef4ff;color:#4c8eff}.platform-badge[data-v-7fb28698],.role-badge[data-v-7fb28698]{display:inline-block;padding:0 12px;height:28px;line-height:28px;border-radius:14px;font-size:14px;font-weight:500;text-align:center}.role-badge[data-v-7fb28698]{background:#fff4e5;color:#ff9800}.shops-list[data-v-7fb28698]{display:flex;flex-direction:column;gap:4px;align-items:flex-start}.shops-list-expandable[data-v-7fb28698]{display:flex;align-items:center;gap:8px}.expand-badge[data-v-7fb28698]{color:#409eff;border:1px solid #409eff;border-radius:4px}.collapse-badge[data-v-7fb28698],.expand-badge[data-v-7fb28698]{cursor:pointer;font-size:12px;padding:2px 8px;white-space:nowrap;display:inline-block}.collapse-badge[data-v-7fb28698]{color:#909399;border:1px solid #909399;border-radius:4px}.employee-panel[data-v-7fb28698]{flex:1;display:flex;flex-direction:column;overflow:hidden}.employee-list[data-v-7fb28698]{flex:1;overflow-y:auto;padding:20px}.employee-table[data-v-7fb28698]{width:100%;border-collapse:collapse;background-color:var(--card-bg);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.employee-table th[data-v-7fb28698]{text-align:left;padding:16px;background-color:var(--background);font-weight:600;color:var(--text-primary);border-bottom:1px solid var(--border);font-size:.875rem}.employee-table td[data-v-7fb28698]{padding:16px;border-bottom:1px solid var(--border);vertical-align:middle}.employee-table tr:last-child td[data-v-7fb28698]{border-bottom:none}.employee-table tr[data-v-7fb28698]:hover{background-color:var(--background)}.employee-avatar[data-v-7fb28698]{width:36px;height:36px;border-radius:50%;background-color:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem}.employee-info[data-v-7fb28698]{display:flex;align-items:center;gap:12px}.employee-name[data-v-7fb28698]{font-weight:600}.employee-role[data-v-7fb28698]{display:inline-block;padding:4px 10px;background-color:var(--secondary-light);color:var(--text-primary);border-radius:20px;font-size:.8rem;font-weight:500}.employee-store[data-v-7fb28698]{color:var(--text-secondary);font-size:.875rem}.employee-actions[data-v-7fb28698]{display:flex;gap:8px}.pagination-container[data-v-7fb28698]{display:flex;justify-content:flex-end;padding:16px 20px;background-color:var(--card-bg);border-top:1px solid var(--border)}.cc-modal[data-v-7fb28698]{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:100;justify-content:center;align-items:center}.cc-modal.active[data-v-7fb28698]{display:flex}.modal-content[data-v-7fb28698]{background-color:var(--card-bg);border-radius:var(--radius);width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.modal-header[data-v-7fb28698]{padding:20px 24px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.modal-header h3[data-v-7fb28698]{font-size:1.25rem;font-weight:600;margin:0}.modal-body[data-v-7fb28698]{padding:24px}.form-group[data-v-7fb28698]{margin-bottom:20px}.form-group label[data-v-7fb28698]{display:block;margin-bottom:8px;font-weight:500;font-size:.9rem}.form-control[data-v-7fb28698]{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius);font-size:.9rem;transition:all .2s}.form-control[data-v-7fb28698]:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(26,86,219,.1)}.form-row[data-v-7fb28698]{display:flex;gap:16px}.form-row .form-group[data-v-7fb28698]{flex:1}.checkbox-group[data-v-7fb28698]{display:flex;flex-wrap:wrap;gap:12px}.checkbox-item[data-v-7fb28698]{display:flex;align-items:center;gap:6px}.checkbox-item input[type=checkbox][data-v-7fb28698]{width:18px;height:18px}.modal-footer[data-v-7fb28698]{padding:20px 24px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:12px}@media(max-width:768px){.role-panel[data-v-7fb28698]{width:280px}.form-row[data-v-7fb28698]{flex-direction:column;gap:0}}.drag-over[data-v-7fb28698]{border:2px dashed var(--primary);background-color:rgba(26,86,219,.05)}.empty-state[data-v-7fb28698]{text-align:center;padding:40px 20px;color:var(--text-secondary)}.empty-state i[data-v-7fb28698]{font-size:3rem;margin-bottom:16px;opacity:.5}.notification-toast[data-v-7fb28698]{position:fixed;top:20px;right:20px;background-color:var(--primary);color:#fff;padding:12px 20px;border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:1000;font-weight:500}.slide-enter-active[data-v-7fb28698],.slide-leave-active[data-v-7fb28698]{transition:all .3s ease}.slide-enter-from[data-v-7fb28698]{opacity:0;transform:translateX(30px)}.slide-leave-to[data-v-7fb28698]{opacity:0;transform:translateY(-30px)}