.roles-page[data-v-6f15ae96]{min-height:100vh;background:#f5f5f5;padding:16px 16px 140px}.header[data-v-6f15ae96]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:12px 16px;display:flex;justify-content:space-between;align-items:center}.header-left[data-v-6f15ae96]{display:flex;align-items:center;gap:8px;cursor:pointer}.back-icon[data-v-6f15ae96]{font-size:20px}.header-title[data-v-6f15ae96]{font-size:18px;font-weight:700}.header-icon[data-v-6f15ae96]{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.2);border:none;font-size:18px;cursor:pointer;border-radius:50%}.stats-grid[data-v-6f15ae96]{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:12px}.stat-card[data-v-6f15ae96]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:14px 12px;border-radius:10px;text-align:center}.stat-value[data-v-6f15ae96]{font-size:24px;font-weight:700;margin-bottom:4px}.stat-label[data-v-6f15ae96]{font-size:11px;opacity:.9}.role-selector[data-v-6f15ae96]{display:flex;gap:10px;overflow-x:auto;padding:12px;margin-bottom:12px;-webkit-overflow-scrolling:touch}.role-chip[data-v-6f15ae96]{flex-shrink:0;padding:8px 16px;background:#fff;border:2px solid #e8e8e8;border-radius:20px;font-size:13px;display:flex;align-items:center;gap:6px;cursor:pointer;transition:all .2s}.role-chip.active[data-v-6f15ae96]{border-color:#667eea;background:#f9f0ff;color:#667eea}.role-chip-icon[data-v-6f15ae96]{font-size:16px}.loading-state[data-v-6f15ae96]{text-align:center;padding:60px 16px}.loading-spinner[data-v-6f15ae96]{font-size:48px;margin-bottom:16px;animation:spin-data-v-6f15ae96 1s linear infinite}@keyframes spin-data-v-6f15ae96{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-text[data-v-6f15ae96]{font-size:16px;color:#999}.feature-config[data-v-6f15ae96]{padding:0 12px}.feature-section[data-v-6f15ae96]{margin-bottom:20px}.feature-section-title[data-v-6f15ae96]{font-weight:600;font-size:14px;margin-bottom:12px;color:#333;display:flex;align-items:center;gap:6px}.feature-list[data-v-6f15ae96]{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.feature-item[data-v-6f15ae96]{display:flex;align-items:center;gap:8px;padding:10px;background:#fafafa;border-radius:8px}.feature-item input[type=checkbox][data-v-6f15ae96]{width:18px;height:18px;accent-color:#667eea}.feature-item label[data-v-6f15ae96]{font-size:13px;flex:1}.btn[data-v-6f15ae96]{padding:10px 20px;border-radius:8px;border:none;font-size:14px;font-weight:500;cursor:pointer}.btn[data-v-6f15ae96]:disabled{opacity:.6;cursor:not-allowed}.btn-primary[data-v-6f15ae96]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-block[data-v-6f15ae96]{width:100%;margin-top:16px;padding:14px;font-size:15px}.empty-state[data-v-6f15ae96]{text-align:center;padding:40px 16px}.empty-icon[data-v-6f15ae96]{font-size:48px;margin-bottom:12px}.empty-text[data-v-6f15ae96]{font-size:14px;color:#999}.bottom-nav[data-v-6f15ae96]{position:fixed;bottom:0;left:0;right:0;background:#fff;display:flex;border-top:1px solid #e0e0e0;padding-bottom:env(safe-area-inset-bottom)}.nav-item[data-v-6f15ae96]{flex:1;text-align:center;padding:8px 0;cursor:pointer}.nav-item.active[data-v-6f15ae96]{color:#667eea}.nav-icon[data-v-6f15ae96]{font-size:20px;margin-bottom:2px}.nav-label[data-v-6f15ae96]{font-size:12px}