.cobp-loader-overlay[data-v-1e0cf376]{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.6);z-index:3000}.loader-container[data-v-1e0cf376]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.loader[data-v-1e0cf376]{position:relative;display:flex;align-items:center;justify-content:center;width:80px;height:80px;perspective:780px}.text[data-v-1e0cf376]{font-size:16px;font-weight:700;color:#cecece;z-index:10;white-space:nowrap;letter-spacing:1px}.load-inner[data-v-1e0cf376]{position:absolute;width:100%;height:100%;box-sizing:border-box;border-radius:50%}.load-inner.load-one[data-v-1e0cf376]{left:0;top:0;border-bottom:3px solid #5c5edc;-webkit-animation:rotate1-data-v-1e0cf376 1.15s linear infinite;animation:rotate1-data-v-1e0cf376 1.15s linear infinite}.load-inner.load-two[data-v-1e0cf376]{right:0;top:0;border-right:3px solid #9147ff;-webkit-animation:rotate2-data-v-1e0cf376 1.15s linear .1s infinite;animation:rotate2-data-v-1e0cf376 1.15s linear .1s infinite}.load-inner.load-three[data-v-1e0cf376]{right:0;bottom:0;border-top:3px solid #3b82f6;-webkit-animation:rotate3-data-v-1e0cf376 1.15s linear .15s infinite;animation:rotate3-data-v-1e0cf376 1.15s linear .15s infinite}@media (max-width:768px){.loader[data-v-1e0cf376]{width:60px;height:60px}.text[data-v-1e0cf376]{font-size:14px}}@-webkit-keyframes rotate1-data-v-1e0cf376{0%{transform:rotateX(45deg) rotateY(-45deg) rotate(0deg)}to{transform:rotateX(45deg) rotateY(-45deg) rotate(1turn)}}@keyframes rotate1-data-v-1e0cf376{0%{transform:rotateX(45deg) rotateY(-45deg) rotate(0deg)}to{transform:rotateX(45deg) rotateY(-45deg) rotate(1turn)}}@-webkit-keyframes rotate2-data-v-1e0cf376{0%{transform:rotateX(45deg) rotateY(45deg) rotate(0deg)}to{transform:rotateX(45deg) rotateY(45deg) rotate(1turn)}}@keyframes rotate2-data-v-1e0cf376{0%{transform:rotateX(45deg) rotateY(45deg) rotate(0deg)}to{transform:rotateX(45deg) rotateY(45deg) rotate(1turn)}}@-webkit-keyframes rotate3-data-v-1e0cf376{0%{transform:rotateX(-60deg) rotateY(0deg) rotate(0deg)}to{transform:rotateX(-60deg) rotateY(0deg) rotate(1turn)}}@keyframes rotate3-data-v-1e0cf376{0%{transform:rotateX(-60deg) rotateY(0deg) rotate(0deg)}to{transform:rotateX(-60deg) rotateY(0deg) rotate(1turn)}}.roles-container[data-v-0ee42b4d]{display:flex;flex-direction:column;height:100%;padding:24px;box-sizing:border-box;background-color:var(--bg-app,#0e0e11);color:var(--color-text-primary,#fff)}.roles-header[data-v-0ee42b4d]{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px}.header-titles h2[data-v-0ee42b4d]{margin:0 0 8px 0;font-size:24px;font-weight:600;display:flex;align-items:center;gap:10px;color:var(--text-primary);letter-spacing:.5px}.header-titles p[data-v-0ee42b4d]{margin:0;font-size:14px;color:var(--text-secondary)}.header-actions[data-v-0ee42b4d]{display:flex;gap:12px}.glass-btn[data-v-0ee42b4d]{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.25,.8,.25,1)}.glass-btn[data-v-0ee42b4d]:hover{background:var(--border-hover);border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-1px)}.primary-btn[data-v-0ee42b4d]{background:var(--primary-color);border:none;font-weight:500;padding:10px 24px;transition:all .3s cubic-bezier(.25,.8,.25,1);box-shadow:0 4px 12px rgba(59,130,246,.3)}.primary-btn[data-v-0ee42b4d]:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 6px 16px rgba(59,130,246,.4)}.roles-content[data-v-0ee42b4d]{flex:1;overflow-y:auto}.load-more-status[data-v-0ee42b4d]{padding:16px 0 4px;text-align:center;font-size:13px;color:var(--text-secondary,#a1a1aa)}.material-grid[data-v-0ee42b4d]{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}.add-card-wrapper[data-v-0ee42b4d]{width:100%;height:100%}.add-card-wrapper[data-v-0ee42b4d] .nm-select-trigger{width:100%;height:100%;padding:0;border:none;background:transparent}.add-card-wrapper[data-v-0ee42b4d] .nm-select-icon{display:none}.add-card[data-v-0ee42b4d]{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;aspect-ratio:1/1;background-color:transparent;border:1.5px dashed var(--text-secondary,#6b7280);border-radius:12px;cursor:pointer;transition:all .3s ease;color:var(--color-menu-text,#9ca3af)}.add-card[data-v-0ee42b4d]:hover{border-color:var(--color-primary,#3b82f6);color:var(--color-primary,#3b82f6);background-color:var(--bg-tech-tag,rgba(59,130,246,.05))}.add-card i[data-v-0ee42b4d]{font-size:28px;margin-bottom:12px}.add-card span[data-v-0ee42b4d]{font-size:14px}.material-card[data-v-0ee42b4d]{display:flex;flex-direction:column;background-color:var(--bg-dashboard-panel,#1a1a1e);border-radius:12px;overflow:hidden;transition:all .3s ease;cursor:pointer;border:1px solid transparent}.material-card[data-v-0ee42b4d]:hover{transform:translateY(-4px);border-color:var(--border-sidebar,hsla(0,0%,100%,.1));box-shadow:0 10px 20px rgba(0,0,0,.2)}.material-card.is-selected[data-v-0ee42b4d]{border-color:var(--primary-color,#3b82f6);box-shadow:0 0 0 1px var(--primary-color,#3b82f6)}.card-image[data-v-0ee42b4d]{width:100%;aspect-ratio:16/10;overflow:hidden;background-color:var(--bg-sidebar,#27272a);position:relative}.batch-delete-mask[data-v-0ee42b4d]{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:10;display:flex;align-items:flex-start;justify-content:flex-end;padding:8px;pointer-events:none}.batch-delete-mask[data-v-0ee42b4d] .el-checkbox{pointer-events:auto}.card-image .el-image[data-v-0ee42b4d]{width:100%;height:100%;transition:transform .5s ease}.material-card:hover .card-image .el-image[data-v-0ee42b4d]{transform:scale(1.05)}.image-slot[data-v-0ee42b4d]{display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;top:0;left:0;width:100%;height:100%;color:var(--text-secondary,#a1a1aa);gap:8px}.image-slot i[data-v-0ee42b4d]{font-size:32px}.image-slot .empty-text[data-v-0ee42b4d]{font-size:13px}.card-info[data-v-0ee42b4d]{padding:12px 16px 16px}.card-title[data-v-0ee42b4d]{font-size:14px;font-weight:500;color:var(--color-text-primary,#e5e7eb);margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-desc[data-v-0ee42b4d]{font-size:12px;color:var(--color-menu-text,#9ca3af);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}