@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css);.employee-unified-management[data-v-fa41cfc8]{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-fa41cfc8]{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}.logo-area[data-v-fa41cfc8]{display:flex;align-items:center;gap:12px}.logo-area h1[data-v-fa41cfc8]{font-size:1.5rem;font-weight:700;color:var(--primary);margin:0}.logo-icon[data-v-fa41cfc8]{width:36px;height:36px;background-color:var(--primary);color:#fff;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:1.2rem}.search-area[data-v-fa41cfc8]{flex:1;max-width:500px;margin:0 24px;position:relative}.search-input[data-v-fa41cfc8]{width:100%;padding:10px 16px 10px 40px;border:1px solid var(--border);border-radius:20px;background-color:var(--background);font-size:.9rem;transition:all .3s}.search-input[data-v-fa41cfc8]:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(26,86,219,.1)}.search-icon[data-v-fa41cfc8]{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-secondary)}.action-buttons[data-v-fa41cfc8]{display:flex;gap:12px}.btn[data-v-fa41cfc8]{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-fa41cfc8]{background-color:var(--primary);color:#fff}.btn-primary[data-v-fa41cfc8]:hover{background-color:#1a4fc1;transform:translateY(-2px);box-shadow:var(--shadow)}.btn-secondary[data-v-fa41cfc8]{background-color:var(--secondary-light);color:var(--text-primary)}.btn-secondary[data-v-fa41cfc8]:hover{background-color:#fcd34d}.btn-outline[data-v-fa41cfc8]{background-color:transparent;color:var(--text-primary);border:1px solid var(--border)}.btn-outline[data-v-fa41cfc8]:hover{background-color:var(--background)}.main-content[data-v-fa41cfc8]{display:flex;flex:1;overflow:hidden}.role-panel[data-v-fa41cfc8]{width:320px;background-color:var(--card-bg);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.panel-header[data-v-fa41cfc8]{padding:20px;border-bottom:1px solid var(--border)}.panel-header h2[data-v-fa41cfc8]{font-size:1.2rem;font-weight:600;margin-bottom:4px;margin-top:0}.panel-header p[data-v-fa41cfc8]{color:var(--text-secondary);font-size:.875rem;margin:0}.role-list[data-v-fa41cfc8]{flex:1;overflow-y:auto;padding:16px}.role-item[data-v-fa41cfc8]{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-fa41cfc8]:hover{border-color:var(--primary);box-shadow:var(--shadow)}.role-item.active[data-v-fa41cfc8]{border-color:var(--primary);background-color:var(--primary-light)}.role-item.drag-over[data-v-fa41cfc8]{border:2px dashed var(--primary);background-color:rgba(26,86,219,.05)}.add-role-card[data-v-fa41cfc8]{text-align:center;border-style:dashed;background-color:transparent}.add-role-icon[data-v-fa41cfc8]{font-size:2rem;color:var(--text-secondary);margin-bottom:8px}.add-role-text[data-v-fa41cfc8]{font-weight:600;color:var(--primary)}.role-name[data-v-fa41cfc8]{font-weight:600;margin-bottom:6px;display:flex;justify-content:space-between;align-items:center}.role-description[data-v-fa41cfc8]{color:var(--text-secondary);font-size:.875rem;margin-bottom:12px;line-height:1.4}.role-meta[data-v-fa41cfc8]{display:flex;justify-content:space-between;font-size:.8rem;color:var(--text-secondary)}.permission-count[data-v-fa41cfc8]{display:inline-flex;align-items:center;gap:4px;background-color:var(--background);padding:2px 8px;border-radius:12px}.role-actions[data-v-fa41cfc8]{position:absolute;top:12px;right:12px;display:flex;gap:8px;opacity:0;transition:opacity .2s}.role-item:hover .role-actions[data-v-fa41cfc8]{opacity:1}.icon-btn[data-v-fa41cfc8]{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-fa41cfc8]:hover{background-color:var(--primary-light);color:var(--primary)}.employee-panel[data-v-fa41cfc8]{flex:1;display:flex;flex-direction:column;overflow:hidden}.employee-list[data-v-fa41cfc8]{flex:1;overflow-y:auto;padding:20px}.employee-table[data-v-fa41cfc8]{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-fa41cfc8]{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-fa41cfc8]{padding:16px;border-bottom:1px solid var(--border);vertical-align:middle}.employee-table tr:last-child td[data-v-fa41cfc8]{border-bottom:none}.employee-table tr[data-v-fa41cfc8]:hover{background-color:var(--background)}.employee-avatar[data-v-fa41cfc8]{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-fa41cfc8]{display:flex;align-items:center;gap:12px}.employee-name[data-v-fa41cfc8]{font-weight:600}.employee-role[data-v-fa41cfc8]{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-fa41cfc8]{color:var(--text-secondary);font-size:.875rem}.employee-actions[data-v-fa41cfc8]{display:flex;gap:8px}.cc-modal[data-v-fa41cfc8]{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-fa41cfc8]{display:flex}.modal-content[data-v-fa41cfc8]{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-fa41cfc8]{padding:20px 24px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.modal-header h3[data-v-fa41cfc8]{font-size:1.25rem;font-weight:600;margin:0}.modal-body[data-v-fa41cfc8]{padding:24px}.form-group[data-v-fa41cfc8]{margin-bottom:20px}.form-group label[data-v-fa41cfc8]{display:block;margin-bottom:8px;font-weight:500;font-size:.9rem}.form-control[data-v-fa41cfc8]{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius);font-size:.9rem;transition:all .2s}.form-control[data-v-fa41cfc8]:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(26,86,219,.1)}.form-row[data-v-fa41cfc8]{display:flex;gap:16px}.form-row .form-group[data-v-fa41cfc8]{flex:1}.checkbox-group[data-v-fa41cfc8]{display:flex;flex-wrap:wrap;gap:12px}.checkbox-item[data-v-fa41cfc8]{display:flex;align-items:center;gap:6px}.checkbox-item input[type=checkbox][data-v-fa41cfc8]{width:18px;height:18px}.modal-footer[data-v-fa41cfc8]{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-fa41cfc8]{width:280px}.form-row[data-v-fa41cfc8]{flex-direction:column;gap:0}}.drag-over[data-v-fa41cfc8]{border:2px dashed var(--primary);background-color:rgba(26,86,219,.05)}.empty-state[data-v-fa41cfc8]{text-align:center;padding:40px 20px;color:var(--text-secondary)}.empty-state i[data-v-fa41cfc8]{font-size:3rem;margin-bottom:16px;opacity:.5}.notification-toast[data-v-fa41cfc8]{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-fa41cfc8],.slide-leave-active[data-v-fa41cfc8]{transition:all .3s ease}.slide-enter-from[data-v-fa41cfc8]{opacity:0;transform:translateX(30px)}.slide-leave-to[data-v-fa41cfc8]{opacity:0;transform:translateY(-30px)}