*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:#f5f7fa;color:#2c3e50}.header{background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.06);padding:0 24px;height:60px;display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;left:0;right:0;z-index:100}.logo{font-size:20px;font-weight:600;color:#1890ff}.user-info{gap:12px}.user-avatar,.user-info{display:flex;align-items:center}.user-avatar{width:36px;height:36px;border-radius:50%;background:#1890ff;color:#fff;justify-content:center;font-weight:600}.sidebar{position:fixed;left:0;top:60px;bottom:0;width:220px;background:#fff;box-shadow:2px 0 8px rgba(0,0,0,.06);overflow-y:auto;padding:16px 0}.menu-item{padding:12px 24px;cursor:pointer;transition:all .2s;border-left:3px solid transparent;font-size:14px}.menu-item:hover{background:#f0f5ff}.menu-item.active{background:#e6f7ff;border-left-color:#1890ff;color:#1890ff;font-weight:600}.main{margin-left:220px;margin-top:60px;padding:24px;min-height:calc(100vh - 60px)}.page-title{font-size:24px;font-weight:600;margin-bottom:8px}.page-desc{color:#7f8c8d;margin-bottom:24px;font-size:14px}.card{background:#fff;border-radius:8px;padding:20px;box-shadow:0 1px 3px rgba(0,0,0,.05)}.card,.card-title{margin-bottom:16px}.card-title{font-size:16px;font-weight:600;display:flex;align-items:center;justify-content:space-between}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:#fff;border-radius:8px;padding:20px;box-shadow:0 1px 3px rgba(0,0,0,.05)}.stat-label{color:#7f8c8d;font-size:13px;margin-bottom:8px}.stat-value{font-size:28px;font-weight:600;color:#2c3e50}.stat-value.primary{color:#1890ff}.stat-value.success{color:#52c41a}.stat-value.warning{color:#faad14}.table-wrapper{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px}thead{background:#fafafa}th{text-align:left;font-weight:600;color:#2c3e50;border-bottom:2px solid #e8e8e8}td,th{padding:12px}td{border-bottom:1px solid #f0f0f0}tbody tr:hover{background:#fafafa}.btn{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s;display:inline-flex;align-items:center;gap:6px}.btn-primary{background:#1890ff;color:#fff}.btn-primary:hover{background:#40a9ff}.btn-default{background:#fff;color:#2c3e50;border:1px solid #d9d9d9}.btn-default:hover{border-color:#1890ff;color:#1890ff}.btn-success{background:#52c41a;color:#fff}.btn-success:hover{background:#73d13d}.btn-danger{background:#ff4d4f;color:#fff}.btn-danger:hover{background:#ff7875}.btn-sm{padding:4px 12px;font-size:13px}.status{display:inline-block;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:500}.status-success{background:#f6ffed;color:#52c41a;border:1px solid #b7eb8f}.status-warning{background:#fff7e6;color:#faad14;border:1px solid #ffd591}.status-error{background:#fff1f0;color:#ff4d4f;border:1px solid #ffa39e}.status-info{background:#e6f7ff;color:#1890ff;border:1px solid #91d5ff}.status-default{background:#f5f5f5;color:#999;border:1px solid #d9d9d9}.form-group{margin-bottom:16px}.form-label{display:block;margin-bottom:6px;font-size:14px;font-weight:500}.form-input,.form-select{width:100%;padding:8px 12px;border:1px solid #d9d9d9;border-radius:4px;font-size:14px;transition:border-color .2s}.form-input:focus,.form-select:focus{outline:none;border-color:#1890ff}.toolbar{display:flex;gap:12px;margin-bottom:16px;align-items:center;flex-wrap:wrap}.search-box{flex:1;min-width:200px}.search-box input{width:100%;padding:8px 12px;border:1px solid #d9d9d9;border-radius:4px;font-size:14px}.modal-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:1000;align-items:center;justify-content:center}.modal-overlay.active{display:flex}.modal-content{background:#fff;border-radius:8px;padding:24px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto}.modal-header{font-size:18px;font-weight:600;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between}.modal-close{cursor:pointer;font-size:24px;color:#7f8c8d;background:none;border:none}.modal-footer{margin-top:24px;display:flex;gap:12px;justify-content:flex-end}.todo-item{padding:12px;border-left:3px solid #1890ff;background:#f0f5ff;margin-bottom:8px;border-radius:4px;display:flex;align-items:center;justify-content:space-between}.todo-item.urgent{border-left-color:#ff4d4f;background:#fff1f0}.todo-content{flex:1}.todo-title{font-weight:500;margin-bottom:4px}.todo-desc{font-size:13px;color:#7f8c8d}.batch-card{background:#fff;border-radius:8px;padding:20px;margin-bottom:16px;box-shadow:0 1px 3px rgba(0,0,0,.05);border-left:4px solid #1890ff}.batch-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:16px}.batch-title{font-size:16px;font-weight:600;margin-bottom:4px}.batch-meta{font-size:13px;color:#7f8c8d}.batch-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin:16px 0}.batch-stat{text-align:center;padding:12px;background:#fafafa;border-radius:4px}.batch-stat-label{font-size:12px;color:#7f8c8d;margin-bottom:4px}.batch-stat-value{font-size:18px;font-weight:600}.steps{display:flex;justify-content:space-between;margin-bottom:24px;position:relative}.steps:before{content:"";position:absolute;top:20px;left:0;right:0;height:2px;background:#f0f0f0;z-index:0}.step{flex:1;text-align:center;position:relative;z-index:1}.step-icon{width:40px;height:40px;border-radius:50%;background:#fff;border:2px solid #d9d9d9;display:inline-flex;align-items:center;justify-content:center;font-weight:600;margin-bottom:8px}.step.active .step-icon{background:#1890ff;border-color:#1890ff;color:#fff}.step.completed .step-icon{background:#52c41a;border-color:#52c41a;color:#fff}.step-label{font-size:13px;color:#7f8c8d}.step.active .step-label,.step.completed .step-label{color:#2c3e50;font-weight:500}.tabs{display:flex;border-bottom:2px solid #f0f0f0;margin-bottom:16px}.tab-item{padding:10px 20px;cursor:pointer;font-size:14px;color:#7f8c8d;margin-bottom:-2px;transition:all .2s;background:none;border:none;border-bottom:2px solid transparent}.tab-item:hover{color:#1890ff}.tab-item.active{color:#1890ff;border-bottom-color:#1890ff;font-weight:600}.tab-panel{display:none}.tab-panel.active{display:block}.back-link{display:inline-flex;align-items:center;gap:6px;color:#1890ff;cursor:pointer;font-size:14px;margin-bottom:16px;background:none;border:none}.back-link:hover{text-decoration:underline}.detail-header{gap:24px;margin-bottom:24px;padding:20px;background:#fff;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.05)}.detail-avatar,.detail-header{display:flex;align-items:center}.detail-avatar{width:64px;height:64px;border-radius:50%;background:#1890ff;color:#fff;justify-content:center;font-size:24px;font-weight:600;flex-shrink:0}.detail-info h2{font-size:20px;margin-bottom:4px}.detail-info p{color:#7f8c8d;font-size:14px}.detail-meta{display:flex;gap:24px;margin-top:8px}.detail-meta span{font-size:13px;color:#7f8c8d}.detail-meta strong{color:#2c3e50}.role-card{background:#fff;border-radius:8px;padding:20px;margin-bottom:12px;box-shadow:0 1px 3px rgba(0,0,0,.05);display:flex;align-items:center;justify-content:space-between;border-left:4px solid #1890ff}.role-card .role-name{font-size:16px;font-weight:600;margin-bottom:4px}.role-card .role-desc{font-size:13px;color:#7f8c8d}.role-card .role-count{font-size:13px;color:#1890ff;margin-top:4px}.perm-matrix{width:100%;border-collapse:collapse}.perm-matrix td,.perm-matrix th{padding:10px 12px;text-align:center;border:1px solid #f0f0f0;font-size:13px}.perm-matrix th{background:#fafafa;font-weight:600}.perm-matrix td:first-child{text-align:left;font-weight:500}.perm-check{width:18px;height:18px;cursor:pointer;accent-color:#1890ff}.toast{position:fixed;top:80px;right:24px;padding:12px 20px;border-radius:4px;color:#fff;font-size:14px;z-index:2000;animation:fadeIn .3s}.toast-success{background:#52c41a}.toast-error{background:#ff4d4f}.toast-info{background:#1890ff}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.info-box{border-radius:4px;padding:10px 14px;margin-bottom:16px;font-size:13px}.info-box-blue{background:#e6f7ff;border:1px solid #91d5ff}.info-box-yellow{background:#fff7e6;border:1px solid #ffd591}.import-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.import-card{padding:20px;border-radius:8px}.import-card h3{margin-bottom:12px}.import-card p{font-size:13px;color:#7f8c8d;margin-bottom:16px}.dept-tree{padding:20px}.dept-parent{font-weight:600;margin-bottom:8px;cursor:pointer}.dept-children{padding-left:24px;color:#7f8c8d;font-size:14px}.dept-child{margin-bottom:4px}