.profile-page-container{width:100%;max-width:1100px;margin:0 auto}.profile-header{background:#ffffff8c;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.65);border-radius:16px;box-shadow:0 8px 32px #001e5014;padding:20px 24px;margin-bottom:16px}.profile-avatar-section{display:flex;align-items:center;gap:16px}.profile-avatar{position:relative;width:96px;height:96px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#dbeafe,#e9d5ff);box-shadow:0 10px 25px #3b82f633,0 6px 18px #8b5cf62e;animation:floatY 6s ease-in-out infinite}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.avatar-display{width:86px;height:86px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.2rem;background:#fff;border:3px solid #fff;box-shadow:inset 0 0 0 2px #00000008}.edit-avatar-button{position:absolute;right:-6px;bottom:-6px;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff;box-shadow:0 6px 16px #6d28d959}.profile-info{display:flex;flex-direction:column;gap:8px}.username{font-size:1.5rem;font-weight:800;color:#1f2937;display:inline-flex;align-items:center;gap:8px;cursor:text}.username .edit-icon{margin-left:.5rem;opacity:.6;font-size:.9rem}.username-edit{display:flex;align-items:center;gap:8px}.username-input{padding:8px 12px;border:1px solid #e5e7eb;border-radius:8px;font-weight:600;color:#1f2937}.username-actions .save-button,.username-actions .cancel-button{padding:6px 10px;border-radius:8px;border:none;font-weight:700}.username-actions .save-button{background:#10b981;color:#fff}.username-actions .cancel-button{background:#e2e8f0;color:#475569}.current-role .role-badge{background:var(--role-color,#3b82f6);color:#fff;padding:6px 10px;border-radius:9999px;font-weight:700;box-shadow:0 4px 12px #00000014}.level-info{display:flex;align-items:center;gap:8px;color:#475569;font-weight:700}.level-info .points{color:#64748b;font-weight:600}.profile-tabs{position:relative;display:flex;gap:8px;background:#f1f5f9;border-radius:10px;padding:6px;margin:12px 0;border:1px solid #e5e7eb;overflow:hidden}.tab-button{flex:1;padding:10px 14px;border:none;border-radius:8px;background:transparent;font-weight:700;color:#475569;cursor:pointer;transition:all .2s;position:relative;z-index:1}.tab-button.active{background:transparent;color:#1f2937}.tab-content{margin-top:12px}.tab-indicator{position:absolute;inset:auto auto 6px auto;height:calc(100% - 12px);width:calc((100% - 12px)/3);left:6px;top:6px;border-radius:8px;background:linear-gradient(135deg,#fff,#f8fafc);box-shadow:0 8px 24px #00000014,inset 0 0 0 1px #e5e7eb;transition:transform .25s ease}.tab-indicator.pos-0{transform:translate(0)}.tab-indicator.pos-1{transform:translate(100%)}.tab-indicator.pos-2{transform:translate(200%)}.overview-content{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}@media (max-width:900px){.overview-content{grid-template-columns:1fr}}.roles-section h3,.recent-activity h3{font-weight:800;color:#1f2937;margin-bottom:10px}.overview-content .role-card{min-height:140px}.role-card{position:relative;overflow:hidden}.role-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(600px 80px at var(--mx,50%) -20%,rgba(59,130,246,.15),transparent 60%);opacity:0;transition:opacity .2s}.role-card:hover:after{opacity:1}.current-badge{position:absolute;top:10px;left:10px;background:#10b981;color:#fff;font-weight:800;font-size:.7rem;border-radius:9999px;padding:2px 8px}.recent-activity{background:#ffffff8c;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.6);border-radius:12px;padding:16px;box-shadow:0 6px 18px #0000000f}.activity-list{display:flex;flex-direction:column;gap:10px}.activity-item{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;background:#f8fafc;border-radius:10px;padding:10px;border:1px solid #eef2f7;transition:transform .15s,box-shadow .15s}.activity-item:hover{transform:translateY(-2px);box-shadow:0 6px 18px #0000000f}.activity-icon{font-size:1.1rem}.activity-text{color:#1f2937;font-weight:600}.activity-time{color:#64748b;font-weight:600;font-size:.85rem}.badges-content{margin-top:8px}.badge-rarity-section{margin-bottom:18px}.rarity-title{font-weight:800;margin-bottom:10px}.rarity-common{color:#6b7280}.rarity-rare{color:#3b82f6}.rarity-epic{color:#8b5cf6}.rarity-legendary{color:#f59e0b}.badges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.badge-card{background:#ffffffe6;border:1px solid #e5e7eb;border-radius:12px;padding:14px;text-align:center;box-shadow:0 6px 18px #0000000f;transition:transform .2s,box-shadow .2s,border-color .2s}.badge-card:hover{transform:translateY(-3px);box-shadow:0 10px 26px #0000001a;border-color:#dbeafe}.badge-icon{font-size:1.8rem;margin-bottom:6px}.badge-name{font-weight:800;color:#1f2937}.badge-description{font-size:.9rem;color:#64748b}.badge-date{margin-top:6px;font-size:.8rem;color:#94a3b8}.stats-content{margin-top:8px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media (max-width:800px){.stats-grid{grid-template-columns:repeat(2,1fr)}}.stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;text-align:center;box-shadow:0 6px 18px #0000000d}.stat-icon{font-size:1.3rem;margin-bottom:6px}.stat-value{font-size:1.4rem;font-weight:800;color:#1f2937}.stat-label{color:#64748b;font-weight:600}.avatar-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.avatar-modal{width:100%;max-width:700px;background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 20px 60px #00000040;padding:18px}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.avatar-preview{display:flex;align-items:center;justify-content:center;padding:10px}.preview-avatar{font-size:3rem;background:linear-gradient(135deg,#dbeafe,#e9d5ff);border-radius:50%;width:96px;height:96px;display:flex;align-items:center;justify-content:center;border:3px solid #fff;box-shadow:0 8px 20px #3b82f633}.customization-sections{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:10px}@media (max-width:800px){.customization-sections{grid-template-columns:1fr}}.customization-section h4{font-weight:800;color:#1f2937;margin-bottom:8px}.options-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:8px}.option-button{display:flex;align-items:center;justify-content:center;border:1px solid #e5e7eb;border-radius:8px;padding:8px;background:#fff;font-weight:700;color:#1f2937;cursor:pointer}.option-button.text{font-size:.85rem}.option-button.selected{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f640}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.modal-actions .save-button{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;padding:8px 14px;border-radius:8px;font-weight:800}.modal-actions .cancel-button{background:#e2e8f0;color:#475569;border:none;padding:8px 14px;border-radius:8px;font-weight:800}/**
 * @license
 * SPDX-License-Identifier: Apache-2.0
 */.role-selector-container{padding:2rem;max-width:1200px;margin:0 auto}.role-selector-header{text-align:center;margin-bottom:2rem}.roles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.role-card{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 20px #00000014;border:2px solid transparent;cursor:pointer;position:relative;overflow:hidden;transition:all .3s ease}.role-card:hover{box-shadow:0 8px 30px #0000001f}.role-card.selected{border-color:#3b82f6;background:linear-gradient(135deg,#dbeafe,#f0f9ff)}.role-card.locked{opacity:.6;cursor:not-allowed;background:#f9fafb}.role-avatar-container{position:relative;text-align:center;margin-bottom:1rem}.role-avatar{font-size:4rem;line-height:1;margin-bottom:.5rem}.current-role-badge{position:absolute;top:-8px;right:-8px;background:#10b981;color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.role-info{text-align:center}.role-name{font-size:1.25rem;font-weight:700;color:#1f2937;margin-bottom:.25rem}.role-department{color:#6b7280;font-size:.875rem;margin-bottom:.5rem}.role-description{color:#4b5563;font-size:.875rem;line-height:1.4}.lock-info{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.5rem;color:#ef4444;font-size:.875rem;font-weight:600}.selection-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#3b82f61a,#3b82f60d);border-radius:16px;pointer-events:none}.role-change-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.role-change-animation{background:#fff;padding:2rem;border-radius:16px;text-align:center;box-shadow:0 20px 40px #0000004d}.changing-text{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:#1f2937}.role-transition{display:flex;align-items:center;justify-content:center;gap:1rem;font-size:3rem}.arrow{color:#3b82f6;font-size:2rem}.hospital-map-container{position:relative;width:100%;height:600px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:16px;overflow:hidden;box-shadow:0 8px 32px #0000001a}.hospital-map{position:relative;width:100%;height:100%}.hospital-layout{position:relative;width:100%;height:100%;background:linear-gradient(45deg,#f8fafc 25%,transparent 25%),linear-gradient(-45deg,#f8fafc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f8fafc 75%),linear-gradient(-45deg,transparent 75%,#f8fafc 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px}.hospital-corridors{position:absolute;top:0;right:0;bottom:0;left:0}.corridor{position:absolute;background:linear-gradient(90deg,#e5e7eb,#f3f4f6,#e5e7eb)}.corridor.horizontal{width:100%;height:8px}.corridor.vertical{height:100%;width:8px}.department{position:absolute;width:120px;height:100px;background:#fff;border-radius:12px;border:3px solid #e5e7eb;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transform:translate(-50%,-50%);box-shadow:0 4px 12px #0000001a;transition:all .3s ease}.department:hover{box-shadow:0 8px 24px #00000026}.department.selected{border-color:#3b82f6;background:linear-gradient(135deg,#dbeafe,#f0f9ff);box-shadow:0 0 0 4px #3b82f633}.department-icon{margin-bottom:.5rem;color:#4b5563}.department-name{font-size:.75rem;font-weight:600;color:#1f2937;text-align:center}.status-indicator{position:absolute;top:-4px;right:-4px;width:12px;height:12px;border-radius:50%;border:2px solid white}.task-indicator{position:absolute;top:-8px;left:-8px;background:#ef4444;color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600}.user-role-highlight{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:16px;pointer-events:none}.user-avatar{position:absolute;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:50%;border:3px solid #3b82f6;box-shadow:0 4px 12px #0003;transform:translate(-50%,-50%);z-index:10}.avatar-sprite{font-size:1.5rem}.department-tooltip{position:absolute;background:#000000e6;color:#fff;padding:.75rem;border-radius:8px;font-size:.875rem;transform:translate(-50%);z-index:20;pointer-events:none}.tooltip-content h4{font-weight:600;margin-bottom:.25rem}.tooltip-content p{margin:.125rem 0}.department-details-panel{position:absolute;top:0;right:0;width:300px;height:100%;background:#fff;border-left:1px solid #e5e7eb;box-shadow:-4px 0 12px #0000001a;z-index:30}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid #e5e7eb}.panel-header h3{font-size:1.125rem;font-weight:600;color:#1f2937}.close-button{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:.25rem;border-radius:4px}.panel-content{padding:1rem}.status-section{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.status-label{font-weight:600;color:#4b5563}.status-value{font-weight:700;text-transform:uppercase;font-size:.875rem}.tasks-section h4{font-weight:600;color:#1f2937;margin-bottom:.5rem}.task-list{space-y:.5rem}.task-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:#f9fafb;border-radius:8px;cursor:pointer;transition:all .2s ease}.task-item:hover{background:#f3f4f6}.task-title{font-weight:500;color:#1f2937}.task-points{font-weight:600;color:#3b82f6;font-size:.875rem}.task-board-container{padding:2rem;max-width:1400px;margin:0 auto}.task-board-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.task-filters{display:flex;gap:.5rem;flex-wrap:wrap}.filter-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:8px;border:2px solid #e5e7eb;background:#fff;color:#6b7280;font-weight:500;cursor:pointer;transition:all .2s ease}.filter-button:hover{border-color:#d1d5db;background:#f9fafb}.filter-button.active{border-color:#3b82f6;background:#dbeafe;color:#1d4ed8}.task-count{background:#e5e7eb;color:#4b5563;padding:.125rem .5rem;border-radius:12px;font-size:.75rem;font-weight:600}.filter-button.active .task-count{background:#3b82f6;color:#fff}.tasks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.task-card{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 20px #00000014;border:2px solid transparent;position:relative;overflow:hidden;transition:all .3s ease}.task-card:hover{box-shadow:0 8px 30px #0000001f}.task-card.pending{border-left:4px solid #f59e0b}.task-card.active{border-left:4px solid #3b82f6;background:linear-gradient(135deg,#f0f9ff,#fff)}.task-card.completed{border-left:4px solid #10b981;opacity:.8}.task-card.expired{border-left:4px solid #ef4444;background:linear-gradient(135deg,#fef2f2,#fff)}.task-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.task-role-badge{padding:.25rem .75rem;border-radius:12px;color:#fff;font-size:.75rem;font-weight:600;text-transform:uppercase}.task-points{font-weight:700;color:#3b82f6;font-size:.875rem}.task-content{margin-bottom:1.5rem}.task-title{font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:.5rem;line-height:1.4}.task-description{color:#6b7280;line-height:1.5;margin-bottom:1rem}.task-meta{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.task-department,.task-time,.task-deadline{display:flex;align-items:center;gap:.25rem;font-size:.875rem;color:#6b7280}.task-deadline.expired{color:#ef4444;font-weight:600}.task-requirements{background:#f9fafb;padding:.75rem;border-radius:8px;margin-bottom:1rem}.task-requirements h4{font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.5rem}.task-requirements ul{list-style:none;padding:0;margin:0}.task-requirements li{font-size:.875rem;color:#6b7280;margin-bottom:.25rem;padding-left:1rem;position:relative}.task-requirements li:before{content:"•";position:absolute;left:0;color:#3b82f6;font-weight:700}.task-progress{display:flex;align-items:center;justify-content:center}.task-button{padding:.75rem 1.5rem;border-radius:8px;border:none;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;min-width:120px}.start-button{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.start-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b4d}.complete-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.complete-button:disabled{opacity:.7;cursor:not-allowed}.completing-animation{display:flex;align-items:center;justify-content:center;font-size:1.25rem}.task-completed{display:flex;align-items:center;gap:.5rem;color:#10b981;font-weight:600}.completion-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#fffffff2;display:flex;align-items:center;justify-content:center;border-radius:16px}.completion-effect{text-align:center;padding:2rem}.completion-text{font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:1rem}.completion-progress{height:4px;background:linear-gradient(90deg,#3b82f6,#10b981);border-radius:2px;width:200px}.empty-state{text-align:center;padding:4rem 2rem;color:#6b7280}.empty-icon{font-size:4rem;margin-bottom:1rem}.empty-state h3{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;color:#374151}.quest-progress-container{padding:2rem;max-width:800px;margin:0 auto;space-y:2rem}.progress-card{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 8px 32px #00000014;border:1px solid rgba(255,255,255,.5)}.progress-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.user-info{display:flex;align-items:center;gap:1rem}.user-avatar{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;background:linear-gradient(135deg,#dbeafe,#f0f9ff);border:3px solid #3b82f6;cursor:pointer}.user-details{display:flex;flex-direction:column}.user-name{font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:.25rem}.user-role{color:#6b7280;font-weight:500}.level-info{text-align:center}.level-badge{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;padding:1rem;border-radius:12px;cursor:pointer;transition:transform .2s ease}.level-badge:hover{transform:scale(1.05)}.level-number{display:block;font-size:2rem;font-weight:700;line-height:1}.level-label{display:block;font-size:.875rem;opacity:.9}.progress-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-item{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#f9fafb;border-radius:12px}.stat-icon{font-size:1.5rem}.stat-content{display:flex;flex-direction:column}.stat-value{font-size:1.25rem;font-weight:700;color:#1f2937;line-height:1}.stat-label{font-size:.875rem;color:#6b7280}.progress-bars{space-y:1.5rem}.progress-bar-section{display:flex;flex-direction:column;gap:.5rem}.progress-bar-header{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;font-weight:600;color:#374151}.progress-bar-container{height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#1d4ed8);border-radius:4px;transition:width .5s ease}.progress-bar-fill.level-progress{background:linear-gradient(90deg,#fbbf24,#f59e0b)}.badges-section{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 8px 32px #00000014}.badges-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.badges-header h3{font-size:1.25rem;font-weight:700;color:#1f2937}.badges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem}.badge-item{display:flex;flex-direction:column;align-items:center;padding:1rem;background:#f9fafb;border-radius:12px;cursor:pointer;transition:all .2s ease}.badge-item:hover{background:#f3f4f6;transform:translateY(-2px)}.badge-icon{font-size:2rem;margin-bottom:.5rem}.badge-name{font-size:.875rem;font-weight:600;color:#1f2937;text-align:center;margin-bottom:.25rem}.badge-rarity{font-size:.75rem;font-weight:500;text-transform:uppercase}.points-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:1.5rem 2rem;border-radius:16px;box-shadow:0 20px 40px #0000004d;display:flex;align-items:center;gap:.75rem;z-index:1000}.points-text{font-size:1.25rem;font-weight:700;color:#1f2937}.level-up-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.level-up-content{background:#fff;padding:3rem;border-radius:20px;text-align:center;box-shadow:0 20px 40px #0000004d;max-width:400px}.level-up-content h2{font-size:2rem;font-weight:700;color:#1f2937;margin:1rem 0}.level-up-content p{color:#6b7280;margin-bottom:2rem}.level-up-button{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;padding:.75rem 2rem;border-radius:8px;border:none;font-weight:600;cursor:pointer;transition:transform .2s ease}.level-up-button:hover{transform:translateY(-2px)}.new-badge-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.new-badge-content{background:#fff;padding:3rem;border-radius:20px;text-align:center;box-shadow:0 20px 40px #0000004d;max-width:400px}.badge-celebration{margin-bottom:1.5rem}.new-badge-icon{font-size:4rem;margin-bottom:1rem}.new-badge-content h3{font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.new-badge-content h4{font-size:1.25rem;font-weight:600;color:#374151;margin-bottom:1rem}.new-badge-content p{color:#6b7280;margin-bottom:1rem}.new-badge-rarity{font-weight:700;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.animated-leaderboard-container{padding:2rem;max-width:1000px;margin:0 auto}.leaderboard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.header-title{display:flex;align-items:center;gap:.75rem}.header-title h2{font-size:2rem;font-weight:700;color:#1f2937}.role-filter{color:#6b7280;font-weight:500}.leaderboard-controls{display:flex;gap:.5rem}.control-button{padding:.5rem 1rem;border-radius:8px;border:2px solid #e5e7eb;background:#fff;color:#6b7280;font-weight:500;cursor:pointer;transition:all .2s ease}.control-button:hover{border-color:#d1d5db;background:#f9fafb}.control-button.active{border-color:#3b82f6;background:#dbeafe;color:#1d4ed8}.leaderboard-list{space-y:1rem}.leaderboard-entry{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;border:2px solid transparent;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.leaderboard-entry:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-2px)}.leaderboard-entry.current-user{border-color:#3b82f6;background:linear-gradient(135deg,#f0f9ff,#fff)}.leaderboard-entry.top-three{background:linear-gradient(135deg,#fffbeb,#fff);border-color:#fbbf24}.entry-rank{display:flex;flex-direction:column;align-items:center;gap:.25rem;min-width:60px}.rank-display{font-size:1.5rem;font-weight:700;line-height:1}.rank-change{display:flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:600}.rank-diff{background:currentColor;color:#fff;padding:.125rem .25rem;border-radius:4px;font-size:.625rem}.entry-user{display:flex;align-items:center;gap:1rem;flex:1}.user-avatar{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;background:linear-gradient(135deg,#dbeafe,#f0f9ff);border:2px solid #3b82f6;cursor:pointer}.user-info{display:flex;flex-direction:column;gap:.25rem}.user-name{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:600;color:#1f2937}.you-badge{background:#3b82f6;color:#fff;padding:.125rem .5rem;border-radius:12px;font-size:.75rem;font-weight:600}.role-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:12px;color:#fff;font-size:.75rem;font-weight:500}.entry-stats{display:flex;align-items:center;gap:1.5rem}.stat-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;min-width:60px}.stat-value{font-size:1.125rem;font-weight:700;color:#1f2937;line-height:1}.stat-label{font-size:.75rem;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.celebration-particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.particle{position:absolute;font-size:1rem;top:50%;left:50%}.new-entry-glow{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:linear-gradient(45deg,#8b5cf6,#3b82f6,#10b981,#f59e0b);border-radius:18px;z-index:-1}.empty-leaderboard{text-align:center;padding:4rem 2rem;color:#6b7280}.empty-leaderboard h3{font-size:1.5rem;font-weight:600;margin:1rem 0 .5rem;color:#374151}.profile-page-container{padding:2rem;max-width:1200px;margin:0 auto}.profile-header{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 8px 32px #00000014;margin-bottom:2rem}.profile-avatar-section{display:flex;align-items:center;gap:2rem}.profile-avatar{position:relative;cursor:pointer}.avatar-display{width:100px;height:100px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;background:linear-gradient(135deg,#dbeafe,#f0f9ff);border:4px solid #3b82f6;transition:transform .2s ease}.edit-avatar-button{position:absolute;bottom:0;right:0;background:#3b82f6;color:#fff;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #0003}.profile-info{flex:1}.username-section{margin-bottom:1rem}.username{display:flex;align-items:center;gap:.5rem;font-size:2rem;font-weight:700;color:#1f2937;cursor:pointer;transition:color .2s ease}.username:hover{color:#3b82f6}.edit-icon{opacity:0;transition:opacity .2s ease}.username:hover .edit-icon{opacity:1}.username-edit{display:flex;align-items:center;gap:.5rem}.username-input{font-size:2rem;font-weight:700;border:2px solid #3b82f6;border-radius:8px;padding:.25rem .5rem;background:#fff;color:#1f2937}.username-actions{display:flex;gap:.25rem}.save-button,.cancel-button{width:32px;height:32px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-weight:700}.save-button{background:#10b981;color:#fff}.cancel-button{background:#ef4444;color:#fff}.current-role{margin-bottom:1rem}.level-info{display:flex;align-items:center;gap:.5rem;color:#6b7280;font-weight:500}.points{color:#3b82f6;font-weight:600}.profile-tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid #e5e7eb}.tab-button{padding:1rem 1.5rem;border:none;background:none;color:#6b7280;font-weight:600;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease}.tab-button:hover{color:#374151}.tab-button.active{color:#3b82f6;border-bottom-color:#3b82f6}.tab-content{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 8px 32px #00000014}.overview-content{space-y:2rem}.roles-section h3,.recent-activity h3{font-size:1.25rem;font-weight:700;color:#1f2937;margin-bottom:1rem}.roles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.role-card{position:relative;padding:1.5rem;background:#f9fafb;border-radius:12px;text-align:center;cursor:pointer;transition:all .2s ease;border:2px solid transparent}.role-card:hover{background:#f3f4f6;transform:translateY(-2px)}.role-card.current{border-color:#3b82f6;background:linear-gradient(135deg,#dbeafe,#f0f9ff)}.role-icon{font-size:2rem;margin-bottom:.5rem}.role-name{font-weight:600;color:#1f2937;margin-bottom:.25rem}.role-department{font-size:.875rem;color:#6b7280}.current-badge{position:absolute;top:-8px;right:-8px;background:#3b82f6;color:#fff;padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:600}.activity-list{space-y:1rem}.activity-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f9fafb;border-radius:8px}.activity-icon{font-size:1.5rem}.activity-text{flex:1;color:#374151}.activity-time{font-size:.875rem;color:#6b7280}.badges-content{space-y:2rem}.badge-rarity-section h3{font-size:1.25rem;font-weight:700;margin-bottom:1rem}.badges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.badge-card{padding:1.5rem;background:#f9fafb;border-radius:12px;text-align:center;cursor:pointer;transition:all .2s ease}.badge-card:hover{background:#f3f4f6;transform:translateY(-2px)}.badge-card .badge-icon{font-size:2.5rem;margin-bottom:.75rem}.badge-card .badge-name{font-weight:600;color:#1f2937;margin-bottom:.5rem}.badge-description{font-size:.875rem;color:#6b7280;margin-bottom:.5rem;line-height:1.4}.badge-date{font-size:.75rem;color:#9ca3af}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.stat-card{padding:2rem;background:linear-gradient(135deg,#f9fafb,#fff);border-radius:16px;text-align:center;border:1px solid #e5e7eb;transition:all .2s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.stat-card .stat-icon{font-size:2.5rem;margin-bottom:1rem}.stat-card .stat-value{font-size:2rem;font-weight:700;color:#1f2937;margin-bottom:.5rem;line-height:1}.stat-card .stat-label{font-size:.875rem;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;font-weight:500}.avatar-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.avatar-modal{background:#fff;border-radius:20px;padding:2rem;max-width:600px;width:90%;max-height:80vh;overflow-y:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.modal-header h3{font-size:1.5rem;font-weight:700;color:#1f2937}.close-button{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease}.close-button:hover{background:#f3f4f6;color:#374151}.avatar-preview{text-align:center;margin-bottom:2rem}.preview-avatar{width:120px;height:120px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:4rem;background:linear-gradient(135deg,#dbeafe,#f0f9ff);border:4px solid #3b82f6}.customization-sections{space-y:2rem}.customization-section h4{font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:1rem}.options-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:.5rem}.option-button{aspect-ratio:1;border:2px solid #e5e7eb;border-radius:8px;background:#fff;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.option-button.text{font-size:.75rem;font-weight:600;text-transform:capitalize}.option-button:hover{border-color:#d1d5db;background:#f9fafb}.option-button.selected{border-color:#3b82f6;background:#dbeafe;color:#1d4ed8}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1rem;border-top:1px solid #e5e7eb}.modal-actions .cancel-button{padding:.75rem 1.5rem;border:2px solid #e5e7eb;border-radius:8px;background:#fff;color:#6b7280;font-weight:600;cursor:pointer;transition:all .2s ease}.modal-actions .cancel-button:hover{border-color:#d1d5db;background:#f9fafb}.modal-actions .save-button{padding:.75rem 1.5rem;border:none;border-radius:8px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;font-weight:600;cursor:pointer;transition:all .2s ease}.modal-actions .save-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}@media (max-width: 768px){.roles-grid,.tasks-grid,.badges-grid,.stats-grid{grid-template-columns:1fr}.hospital-map-container{height:400px}.department-details-panel{width:100%;position:relative;height:auto;border-left:none;border-top:1px solid #e5e7eb;box-shadow:0 -4px 12px #0000001a}.profile-avatar-section{flex-direction:column;text-align:center;gap:1rem}.leaderboard-entry{flex-direction:column;gap:1rem;text-align:center}.entry-stats{justify-content:center}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-30px,0)}70%{transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-10px)}20%,40%,60%,80%{transform:translate(10px)}}@keyframes glow{0%,to{box-shadow:0 0 5px #3b82f680}50%{box-shadow:0 0 20px #3b82f6cc}}.animate-pulse{animation:pulse 2s infinite}.animate-bounce{animation:bounce 1s infinite}.animate-shake{animation:shake .5s ease-in-out}.animate-glow{animation:glow 2s ease-in-out infinite}*{font-family:Inter,sans-serif;color:#1e293b}.app-bg{position:relative;background:linear-gradient(180deg,#f3f5f9,#e8f1f8)}.app-bg:before,.app-bg:after{content:"";position:absolute;inset:auto;filter:blur(60px);border-radius:50%;z-index:0;opacity:.6;pointer-events:none}.app-bg:before{width:480px;height:480px;background:radial-gradient(circle at 30% 30%,rgba(59,130,246,.35),transparent 60%);top:-120px;left:-120px}.app-bg:after{width:420px;height:420px;background:radial-gradient(circle at 70% 70%,rgba(139,92,246,.28),transparent 60%);bottom:-100px;right:-100px}.glass-panel{background:#ffffff8c;border:1px solid rgba(255,255,255,.65);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:16px;box-shadow:0 10px 30px #02081714,inset 0 -1px #ffffff4d}.glass-card{background:#ffffff80;border:1px solid rgba(255,255,255,.6);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:16px;box-shadow:0 8px 24px #02081714}.glass-row{background:#ffffff80;border:1px solid rgba(255,255,255,.6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.glass-header{background:#fff9!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;border-bottom:1px solid rgba(148,163,184,.35)}.shine-on-hover{position:relative;overflow:hidden}.shine-on-hover:after{content:"";position:absolute;inset:auto -100% 0;top:0;width:40%;transform:skew(-20deg);background:linear-gradient(90deg,#fff0,#ffffff59,#fff0);transition:transform .6s}.shine-on-hover:hover:after{transform:translate(300%) skew(-20deg)}.brand-glow{text-shadow:0 1px 0 rgba(255,255,255,.6),0 4px 12px rgba(59,130,246,.25)}.dashboard-container{width:100%;max-width:1400px;margin:0 auto}.dashboard-grid{display:grid;grid-template-columns:1fr 400px;gap:2rem;align-items:start}@media (max-width: 1024px){.dashboard-grid{grid-template-columns:1fr;gap:1.5rem}}.dashboard-card{background:#ffffff8c;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:16px;padding:2rem;box-shadow:0 8px 32px #00000014;border:1px solid rgba(255,255,255,.65)}.main-card{min-height:400px}.card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.action-buttons{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2rem}.legacy-mission-section{padding-top:2rem;border-top:1px solid #e5e7eb}.task-board-fab{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;font-size:1.5rem;cursor:pointer;box-shadow:0 8px 24px #3b82f64d;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.task-board-container{display:flex;flex-direction:column;gap:12px;position:relative;z-index:1}.task-board-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.task-filters{display:flex;gap:8px}.filter-button{background:#ffffffb3;border:1px solid #e5e7eb;color:#475569;font-weight:700;padding:8px 10px;border-radius:10px;display:inline-flex;align-items:center;gap:6px}.filter-button.active{background:#fff;box-shadow:0 6px 16px #00000014;color:#1f2937}.task-count{margin-left:6px;background:#e2e8f0;color:#475569;border-radius:9999px;padding:0 6px;font-size:.75rem;font-weight:800}.tasks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.task-card{position:relative;overflow:hidden}.task-card .task-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.task-role-badge{color:#fff;border-radius:9999px;padding:4px 8px;font-weight:800}.task-points{font-weight:800;color:#334155}.task-content .task-title{font-size:1rem;font-weight:800;color:#1f2937;margin-bottom:4px}.task-content .task-description{color:#64748b;margin-bottom:8px}.task-meta{display:flex;gap:10px;color:#64748b;font-weight:600}.task-requirements h4{font-weight:800;color:#1f2937;margin:6px 0}.task-button{border:none;border-radius:8px;padding:10px 12px;font-weight:800}.start-button{background:#e2e8f0;color:#1f2937}.complete-button{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.task-completed{display:flex;align-items:center;gap:6px;font-weight:800;color:#10b981}.completion-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffffb3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;border-radius:12px}.completion-effect .completion-text{font-weight:800;color:#1f2937;margin-bottom:6px}.completion-progress{height:6px;background:linear-gradient(90deg,#34d399,#10b981);border-radius:9999px}.task-board-fab:hover{box-shadow:0 12px 32px #3b82f666}.card{background-color:#ffffff8c;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:16px;box-shadow:0 8px 32px #001e5014;padding:24px 32px;border:1px solid rgba(255,255,255,.6)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease-in-out;border:none;text-align:center;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 4px 10px #3b82f640}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 15px #3b82f659}.btn-primary:disabled{background:#94a3b8;box-shadow:none}.btn-secondary{background-color:#e2e8f0;color:#475569}.btn-secondary:hover{background-color:#cbd5e1}.btn-nav{position:relative;overflow:hidden}.btn,.btn-nav,.task-board-fab{position:relative}.btn.shine-on-hover:after,.btn-nav.shine-on-hover:after{content:"";position:absolute;top:0;left:-120%;width:40%;height:100%;transform:skew(-20deg);background:linear-gradient(90deg,#fff0,#ffffff59,#fff0);transition:transform .6s}.btn.shine-on-hover:hover:after,.btn-nav.shine-on-hover:hover:after{transform:translate(300%) skew(-20deg)}.btn-primary{background:transparent;color:#475569;font-weight:600;padding:8px 12px;border-radius:8px}.btn-nav.active{background-color:#3b82f61a;color:#2563eb}.btn-nav:hover:not(.active){background-color:#f1f5f9}.progress-bar-bg{background-color:#e5e7eb;border-radius:9999px;height:12px;overflow:hidden;width:100%}.progress-bar-fill{background:linear-gradient(90deg,#60a5fa,#3b82f6);height:100%;border-radius:9999px;transition:width .5s ease-in-out}.user-highlight{background:linear-gradient(90deg,#3b82f60d,#3b82f626);font-weight:700;color:#1e40af}.animated-leaderboard-container{display:flex;flex-direction:column;gap:12px}.leaderboard-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px}.leaderboard-header .header-title{display:flex;align-items:center;gap:10px;font-weight:800;color:#1f2937}.leaderboard-controls .control-button{padding:8px 12px;border-radius:8px;border:1px solid #e5e7eb;background:#ffffffb3;font-weight:700;color:#475569}.leaderboard-list{display:flex;flex-direction:column;gap:10px}.leaderboard-entry{display:grid;grid-template-columns:80px 1fr auto;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;border:1px solid #e5e7eb;position:relative}.leaderboard-entry.top-three{box-shadow:0 8px 26px #facc151f}.rank-display{font-size:1.1rem;font-weight:800}.rank-change{display:inline-flex;align-items:center;gap:4px;font-weight:800}.entry-user{display:flex;align-items:center;gap:12px}.user-info .user-name{font-weight:800;color:#1f2937}.user-info .user-role{margin-top:2px}.role-badge{padding:4px 8px;border-radius:9999px;color:#fff;font-weight:700}.entry-stats{display:flex;align-items:center;gap:16px}.stat-item{display:flex;align-items:center;gap:6px}.you-badge{margin-left:6px;background:#10b981;color:#fff;border-radius:9999px;padding:2px 6px;font-size:.7rem;font-weight:800}.new-entry-glow{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:14px;background:radial-gradient(400px 40px at 10% -10%,rgba(139,92,246,.18),transparent 50%),radial-gradient(400px 40px at 90% 110%,rgba(59,130,246,.18),transparent 50%)}.celebration-particles{position:absolute;right:14px;top:6px;display:flex;gap:4px}.particle{filter:drop-shadow(0 2px 2px rgba(0,0,0,.15))}.streak-counter{display:inline-flex;align-items:center;gap:12px;background:linear-gradient(135deg,#fef08a,#f97316);color:#92400e;padding:10px 20px;border-radius:9999px;font-weight:700;font-size:1rem;box-shadow:0 4px 15px #f9731633;border:2px solid rgba(255,255,255,.8);margin-top:-8px;margin-bottom:24px}.streak-counter .streak-icon{color:#fff;filter:drop-shadow(0 2px 2px rgba(0,0,0,.2))}.streak-counter .streak-text span{font-size:1.5rem;line-height:1;margin-right:4px;vertical-align:middle}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fade-in .5s ease-out forwards}@keyframes flash-correct{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes flash-incorrect{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.animate-correct{animation:flash-correct .5s ease-in-out}.animate-incorrect{animation:flash-incorrect .5s cubic-bezier(.36,.07,.19,.97)}.mission-header{display:flex;align-items:center;gap:16px;padding:16px 24px;color:#fff;border-bottom:1px solid rgba(0,0,0,.1)}.mission-header-blue{background:linear-gradient(135deg,#60a5fa,#3b82f6)}.mission-header-purple{background:linear-gradient(135deg,#a78bfa,#7c3aed)}.mission-header-teal{background:linear-gradient(135deg,#5eead4,#14b8a6)}.mission-header-amber{background:linear-gradient(135deg,#fbbf24,#d97706)}.mission-header-yellow{background:linear-gradient(135deg,#fde047,#eab308)}.mission-header-emerald{background:linear-gradient(135deg,#6ee7b7,#10b981)}.mission-header-indigo{background:linear-gradient(135deg,#818cf8,#4f46e5)}.mission-header-red{background:linear-gradient(135deg,#f87171,#dc2626)}.progress-card{background:#ffffff8c;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.65);border-radius:16px;box-shadow:0 8px 24px #00000014;padding:16px}.badges-section{background:#ffffff80;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.6);border-radius:16px;padding:16px;box-shadow:0 8px 24px #0000000f}.profile-customization-card{background:linear-gradient(135deg,#f5f7fa,#e8f1f8);border-radius:12px;padding:24px;border:1px solid #e2e8f0;box-shadow:0 4px 12px #00000008}.avatar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:8px}.avatar-option{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1 / 1;font-size:2rem;border-radius:8px;background-color:#fff;border:2px solid #e2e8f0;cursor:pointer;transition:all .2s ease}.avatar-option:hover{transform:scale(1.1);border-color:#93c5fd}.avatar-option.selected{border-color:#3b82f6;background-color:#dbeafe;transform:scale(1.1);box-shadow:0 0 0 3px #3b82f64d}.btn-ai{background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff;box-shadow:0 4px 10px #8b5cf640}.btn-ai:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 15px #8b5cf659}.btn-ai:disabled{background:#a78bfa;box-shadow:none;cursor:wait}.track-option{display:flex;align-items:center;width:100%;padding:12px;border-radius:8px;font-weight:600;gap:12px;border:2px solid transparent;background-color:#f1f5f9;color:#475569;cursor:pointer;transition:all .2s ease}.track-option:hover{background-color:#e2e8f0}.track-option.selected{background:var(--track-color);color:#fff;box-shadow:0 4px 12px #0000001a}.track-option.selected svg{color:#fff}.track-option svg{color:var(--track-color);transition:color .2s ease}.track-section{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;box-shadow:0 4px 12px #0000000d;border-left:5px solid var(--track-color, #6b7280)}.track-section[data-track="Clinical Staff"]{--track-color: #3b82f6}.track-section[data-track="Hospital Operations"]{--track-color: #10b981}.track-section[data-track="Technical Services"]{--track-color: #8b5cf6}.track-section[data-track="Research & Academia"]{--track-color: #f59e0b}.track-section[data-track="Support Services"]{--track-color: #ef4444}.track-section h3,.track-section svg{color:var(--track-color)}.levels-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px}.level-badge{border-radius:8px;padding:12px;text-align:center;border:1px solid #e5e7eb;transition:all .2s ease-in-out}.level-badge .avatar{font-size:2.5rem;line-height:1;margin-bottom:8px;transition:transform .2s ease-in-out}.level-badge.unlocked:hover .avatar{transform:scale(1.1) rotate(-5deg)}.level-name{font-weight:600;font-size:.875rem;color:#374151;line-height:1.3}.level-score{font-size:.75rem;color:#6b7280;font-weight:500}.level-badge.locked{background-color:#f9fafb;opacity:.7}.level-badge.locked .avatar{filter:grayscale(100%);opacity:.5}.level-badge.unlocked{background-color:#fff}.level-badge.current{position:relative;border:2px solid var(--track-color);box-shadow:0 0 15px #00000014;transform:scale(1.05);background:linear-gradient(180deg,#fff,#f8fafc)}.current-tag{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:var(--track-color);color:#fff;font-size:.7rem;font-weight:700;padding:2px 8px;border-radius:9999px;white-space:nowrap}