.role-select-page[data-v-0be48eca]{min-height:100vh;position:relative;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2)}.bg-decoration[data-v-0be48eca]{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;pointer-events:none}.bg-decoration .circle[data-v-0be48eca]{position:absolute;border-radius:50%;background:hsla(0,0%,100%,.1);animation:float-data-v-0be48eca 20s ease-in-out infinite}.bg-decoration .circle-1[data-v-0be48eca]{width:200px;height:200px;top:-50px;left:-50px;animation-delay:0s}.bg-decoration .circle-2[data-v-0be48eca]{width:150px;height:150px;bottom:100px;right:-30px;animation-delay:-5s}.bg-decoration .circle-3[data-v-0be48eca]{width:100px;height:100px;top:50%;right:20%;animation-delay:-10s}@keyframes float-data-v-0be48eca{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-30px) rotate(180deg)}}.role-select-content[data-v-0be48eca]{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;max-width:800px;margin:0 auto}.logo-section[data-v-0be48eca]{text-align:center;margin-bottom:40px}.logo-section .logo-icon[data-v-0be48eca]{font-size:64px;margin-bottom:16px;animation:pulse-data-v-0be48eca 2s infinite}.logo-section .app-name[data-v-0be48eca]{font-size:28px;font-weight:700;color:#fff;margin:0 0 8px 0;text-shadow:0 2px 4px rgba(0,0,0,.2)}.logo-section .app-tagline[data-v-0be48eca]{font-size:14px;color:hsla(0,0%,100%,.9);margin:0}@keyframes pulse-data-v-0be48eca{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.role-cards[data-v-0be48eca]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.role-card[data-v-0be48eca]{background:#fff;border-radius:16px;padding:24px;text-align:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px rgba(0,0,0,.1)}.role-card[data-v-0be48eca]:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.15)}.role-card.selected[data-v-0be48eca]{border:3px solid #667eea;background:#f9f0ff;transform:translateY(-4px)}.role-card .role-icon[data-v-0be48eca]{font-size:48px;margin-bottom:12px}.role-card .role-name[data-v-0be48eca]{font-size:18px;font-weight:600;color:#333;margin:0 0 8px 0}.role-card .role-desc[data-v-0be48eca]{font-size:13px;color:#666;margin:0 0 12px 0;min-height:36px}.role-card .role-code[data-v-0be48eca]{font-size:12px;color:#999;font-family:monospace;background:#f5f5f5;padding:4px 8px;border-radius:4px;display:inline-block}.btn-confirm[data-v-0be48eca]{width:100%;padding:16px;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:12px}.btn-confirm[data-v-0be48eca]:active:not(:disabled){transform:scale(.98)}.btn-confirm[data-v-0be48eca]:disabled{opacity:.7;cursor:not-allowed}.btn-back[data-v-0be48eca]{width:100%;padding:14px;background:hsla(0,0%,100%,.2);color:#fff;border:1px solid hsla(0,0%,100%,.3);border-radius:10px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-back[data-v-0be48eca]:hover{background:hsla(0,0%,100%,.3)}.toast[data-v-0be48eca]{position:fixed;top:20px;left:50%;transform:translateX(-50%) translateY(-100px);padding:14px 24px;border-radius:10px;color:#fff;font-size:14px;z-index:1000;opacity:0;transition:all .3s ease;box-shadow:0 4px 12px rgba(0,0,0,.2);max-width:90%;text-align:center}.toast.show[data-v-0be48eca]{transform:translateX(-50%) translateY(0);opacity:1}.toast.toast-success[data-v-0be48eca]{background:#2ecc71}.toast.toast-error[data-v-0be48eca]{background:#e74c3c}.toast.toast-info[data-v-0be48eca]{background:#3498db}.modal-overlay[data-v-0be48eca]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:9999;display:flex;align-items:center;justify-content:center}.entity-select-modal[data-v-0be48eca]{background:#fff;border-radius:12px;width:90%;max-width:500px;max-height:80vh;overflow-y:auto}.modal-header[data-v-0be48eca]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #eee}.modal-title[data-v-0be48eca]{font-size:16px;font-weight:600;color:#333}.modal-close[data-v-0be48eca]{background:none;border:none;font-size:24px;color:#999;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.modal-body[data-v-0be48eca]{padding:20px}.form-group[data-v-0be48eca]{margin-bottom:16px}.form-group label[data-v-0be48eca]{display:block;margin-bottom:8px;font-weight:500;color:#333;font-size:14px}.form-input[data-v-0be48eca],.form-select[data-v-0be48eca]{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px}.form-input[data-v-0be48eca]:focus,.form-select[data-v-0be48eca]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.divider[data-v-0be48eca]{text-align:center;margin:20px 0;position:relative}.divider[data-v-0be48eca]:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#eee}.divider span[data-v-0be48eca]{position:relative;background:#fff;padding:0 16px;color:#999;font-size:13px}.modal-footer[data-v-0be48eca]{display:flex;gap:12px;padding:16px 20px;border-top:1px solid #eee}.btn-cancel[data-v-0be48eca],.btn-confirm[data-v-0be48eca]{flex:1;padding:12px 24px;border:none;border-radius:6px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.btn-cancel[data-v-0be48eca]{background:#f0f0f0;color:#666}.btn-cancel[data-v-0be48eca]:hover{background:#e0e0e0}.btn-confirm[data-v-0be48eca]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-confirm[data-v-0be48eca]:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.4)}