:root{--background: #f8f9fa;--container-bg: #ffffff;--sidebar-bg: #ffffff;--primary-accent: #4a90e2;--secondary-accent: #f5a623;--success-color: #50e3c2;--text-primary: #343a40;--text-secondary: #6c757d;--border-color: #dee2e6;--font-family: "Heebo", sans-serif;--success-color-glow: rgba(80, 227, 194, .7);--secondary-accent-glow: rgba(245, 166, 35, .6);--ai-button-bg: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--input-focus-border: var(--primary-accent)}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 15px #4a90e266}50%{transform:scale(1.05);box-shadow:0 0 25px #4a90e299}to{transform:scale(1);box-shadow:0 0 15px #4a90e266}}@keyframes pulse-glow{0%{box-shadow:0 0 12px 3px transparent}50%{box-shadow:0 0 20px 7px var(--glow-color)}to{box-shadow:0 0 12px 3px transparent}}@keyframes shimmer{0%{background-position:-468px 0}to{background-position:468px 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes toast-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-container{position:fixed;top:20px;left:20px;z-index:2000;display:flex;flex-direction:column;gap:10px}.toast{padding:12px 18px;border-radius:8px;color:#fff;font-family:var(--font-family);display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 12px #00000026;animation:toast-in .5s ease-out forwards;width:320px}.toast-success{background-color:var(--success-color)}.toast-error{background-color:#e74c3c}.toast-info{background-color:var(--primary-accent)}.toast-message{flex-grow:1}.toast-dismiss-button{background:none;border:none;color:#fff;font-size:20px;line-height:1;cursor:pointer;margin-right:-5px;margin-left:10px}*{box-sizing:border-box;margin:0;padding:0}*:focus-visible{outline:2px solid var(--primary-accent);outline-offset:2px;border-radius:4px}body{font-family:var(--font-family);background-color:var(--background);color:var(--text-primary);overflow-x:hidden}#root{display:flex;flex-direction:column;min-height:100vh}.app-container{display:grid;grid-template-columns:280px 1fr;grid-template-rows:100vh;grid-template-areas:"sidebar main"}.main-content{grid-area:main;overflow-y:auto;padding:1.5rem;background-color:#fcfdff;background-image:radial-gradient(var(--border-color) 1px,transparent 1px);background-size:20px 20px}.sidebar{grid-area:sidebar;background-color:var(--sidebar-bg);border-left:1px solid var(--border-color);padding:1.5rem;display:flex;flex-direction:column;gap:3rem}.logo{display:flex;align-items:center;gap:.75rem;padding:0 .5rem}.logo svg{width:36px;height:36px;color:var(--primary-accent)}.logo-text{font-size:1.75rem;font-weight:500;color:var(--text-primary)}.nav-links{display:flex;flex-direction:column;gap:.5rem}.nav-link{display:flex;align-items:center;gap:1rem;padding:.8rem 1rem;border-radius:8px;text-decoration:none;color:var(--text-secondary);font-weight:500;transition:background-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease;position:relative;overflow:hidden}.nav-link:after{content:"";position:absolute;bottom:0;right:0;width:0;height:3px;background-color:var(--primary-accent);transition:width .3s ease-out}.nav-link:hover:after{width:100%}.nav-link .material-icons-outlined{font-size:24px;transition:transform .2s ease}.nav-link:hover{background-color:var(--background);color:var(--text-primary)}.nav-link:hover .material-icons-outlined{transform:scale(1.1)}.nav-link.active{background-color:var(--primary-accent);color:#fff;box-shadow:0 4px 10px #4a90e24d}.nav-link.active:after{width:0}.dashboard-container{display:grid;grid-template-areas:"header header" "main sidebar";grid-template-columns:1fr 380px;grid-template-rows:80px 1fr;height:calc(100vh - 3rem);gap:1.5rem}.top-bar{grid-area:header;display:flex;justify-content:space-between;align-items:center;padding:0 2rem;background-color:var(--container-bg);border-radius:12px;border:1px solid var(--border-color)}.top-bar h1{font-size:1.75rem;font-weight:500;color:var(--text-primary)}.mentor-info{display:flex;align-items:center;gap:1.5rem}.mentor-info span{font-size:1.1rem;color:var(--text-secondary)}.consciousness-indicator{display:flex;align-items:center;gap:.5rem}.indicator-orb{width:44px;height:44px;background:radial-gradient(circle,#ffffff 20%,var(--primary-accent) 100%);border:2px solid var(--primary-accent);border-radius:50%;animation:pulse 4s infinite ease-in-out}.trainee-constellation{grid-area:main;background-color:var(--container-bg);border-radius:12px;border:1px solid var(--border-color);padding:2rem;overflow-y:auto;display:flex;flex-direction:column}.constellation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.constellation-header h2,.flow-stream h2{display:flex;align-items:center;gap:.75rem;margin-bottom:0;font-weight:400;font-size:1.5rem;color:var(--text-secondary)}.filter-bar{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.filters{display:flex;background-color:var(--background);border-radius:8px;padding:4px;border:1px solid var(--border-color)}.filter-button{background:transparent;border:none;padding:.5rem 1rem;font-family:var(--font-family);font-size:.9rem;color:var(--text-secondary);cursor:pointer;border-radius:6px;transition:all .2s ease}.filter-button:hover{background-color:#0000000d}.filter-button.active{background-color:var(--container-bg);color:var(--primary-accent);font-weight:500;box-shadow:0 2px 4px #0000000d}.focus-button{display:flex;align-items:center;gap:.5rem;background:transparent;border:1px solid var(--secondary-accent);padding:.5rem 1rem;font-family:var(--font-family);font-size:.9rem;color:var(--secondary-accent);cursor:pointer;border-radius:8px;transition:all .2s ease}.focus-button .material-icons-outlined{font-size:18px}.focus-button:hover,.focus-button.active{background-color:var(--secondary-accent);color:#fff}.trainee-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.5rem}.trainee-card{background-color:#fff;border-radius:12px;border:1px solid var(--border-color);text-align:center;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;height:240px;padding:0;overflow:hidden;position:relative}.trainee-card:hover{transform:translateY(-5px) scale(1.03);box-shadow:0 10px 20px #00000012}.card-content-wrapper{position:relative;width:100%;height:100%}.visible-content{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;transition:opacity .3s ease}.hidden-content{position:absolute;bottom:0;left:0;right:0;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;gap:.75rem;background:#ffffffb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transition:opacity .35s ease;pointer-events:none}.trainee-card:hover .hidden-content{opacity:1;pointer-events:auto}.trainee-card:hover .visible-content{opacity:.2}.trainee-details{font-size:.8rem;line-height:1.4;color:var(--text-secondary);margin-bottom:.5rem}.trainee-details p{margin:0}.trainee-details strong{color:var(--text-primary)}.action-buttons{display:flex;gap:.75rem}.action-button{background:var(--background);border:1px solid var(--border-color);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:all .2s ease}.action-button .material-icons-outlined{font-size:18px}.action-button:hover{background-color:var(--primary-accent);color:#fff;border-color:var(--primary-accent);transform:scale(1.1)}.commitment-ring-wrapper{position:relative;width:90px;height:90px;border-radius:50%;display:flex;justify-content:center;align-items:center}.commitment-ring-wrapper.trend-up{--glow-color: var(--success-color-glow);animation:pulse-glow 3s infinite ease-in-out}.commitment-ring-wrapper.trend-down{--glow-color: var(--secondary-accent-glow);animation:pulse-glow 3s infinite ease-in-out}.commitment-ring{width:100%;height:100%;border-radius:50%;display:flex;justify-content:center;align-items:center;background-size:cover;background-position:center;padding:5px;background-clip:content-box}.trainee-card h3{font-size:1.1rem;font-weight:500}.flow-stream{grid-area:sidebar;background-color:var(--container-bg);border-radius:12px;border:1px solid var(--border-color);padding:2rem;display:flex;flex-direction:column;gap:1.5rem;overflow-y:auto}.activity-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.activity-item{display:flex;align-items:flex-start;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.activity-list li:nth-child(2n){background-color:#fdfdfe}.activity-item:last-child{border-bottom:none}.activity-item .material-icons-outlined{font-size:24px;color:var(--primary-accent);margin-top:2px}.activity-content p{margin:0;line-height:1.5}.activity-content .actor{font-weight:700}.activity-content .time{font-size:.85rem;color:var(--text-secondary);margin-top:4px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--text-secondary);padding:2rem;height:100%}.empty-state .material-icons-outlined{font-size:48px;margin-bottom:1rem}.empty-state h3{font-size:1.5rem;font-weight:500;color:var(--text-primary);margin-top:1rem;margin-bottom:.5rem}.empty-state p{max-width:400px;margin:0 auto}.exercises-page{display:flex;flex-direction:column;height:100%}.page-title{font-size:2rem;font-weight:500;margin-bottom:1.5rem;color:var(--text-primary)}.studio-container{display:grid;grid-template-columns:420px 1fr;gap:1.5rem;flex-grow:1;height:calc(100% - 70px)}.inspiration-library{background-color:var(--container-bg);border-radius:12px;border:1px solid var(--border-color);padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column}.library-header{margin-bottom:1.5rem}.library-header h2{font-weight:500;font-size:1.5rem;margin-bottom:1rem}.search-bar,.search-wrapper,.roster-search{position:relative}.search-bar .material-icons-outlined,.search-wrapper .material-icons-outlined,.roster-search .material-icons-outlined{position:absolute;right:12px;left:auto;top:50%;transform:translateY(-50%);color:var(--text-secondary)}.search-bar input,.search-wrapper input,.roster-search input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border-radius:8px;border:1px solid var(--border-color);background:var(--background);font-family:var(--font-family);font-size:1rem}.tag-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.tag-filter-button{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);padding:.3rem .8rem;border-radius:16px;font-size:.8rem;font-family:var(--font-family);cursor:pointer;transition:all .2s ease}.tag-filter-button:hover{background-color:var(--background);border-color:var(--primary-accent)}.tag-filter-button.active{background-color:var(--primary-accent);color:#fff;border-color:var(--primary-accent);font-weight:500}.library-grid{display:grid;gap:1rem;flex-grow:1;align-content:start}.exercise-card{background-color:var(--background);border:2px solid var(--border-color);border-radius:10px;padding:1rem;position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;cursor:pointer}.exercise-card:hover{transform:translateY(-4px);box-shadow:0 6px 15px #00000012;border-color:#c9d5e2}.exercise-card.selected{border-color:var(--primary-accent);box-shadow:0 0 0 2px var(--primary-accent)}.exercise-card .card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.exercise-card .card-header .material-icons-outlined{color:var(--primary-accent)}.exercise-card h3{font-size:1.1rem;font-weight:500}.exercise-card p{font-size:.9rem;color:var(--text-secondary);line-height:1.5;margin-bottom:1rem}.tags{display:flex;gap:.5rem;flex-wrap:wrap}.tag{background-color:#e9ecef;color:var(--text-secondary);font-size:.75rem;padding:3px 8px;border-radius:12px}.card-actions-hover{position:absolute;top:.5rem;left:.5rem;right:auto;display:flex;gap:.5rem;opacity:0;transition:opacity .2s ease}.exercise-card:hover .card-actions-hover{opacity:1}.action-button-icon{background:#fffc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid var(--border-color);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:all .2s ease}.action-button-icon:hover{background-color:var(--primary-accent);color:#fff}.action-button-icon.delete:hover{background-color:var(--danger-color, #e74c3c);color:#fff}.action-button-icon .material-icons-outlined{font-size:18px}.exercise-composer{background-color:var(--container-bg);border-radius:12px;border:1px solid var(--border-color);padding:2rem;display:flex;flex-direction:column}.composer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.composer-header h2{font-weight:500;font-size:1.5rem}.new-exercise-button{background:transparent;border:1px dashed var(--border-color);color:var(--text-secondary);padding:.5rem 1rem;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s ease}.new-exercise-button:hover{border-color:var(--primary-accent);color:var(--primary-accent);background-color:#f0f6ff}.exercise-composer form{display:flex;flex-direction:column;flex-grow:1}.form-fields{display:flex;flex-direction:column;gap:1.5rem;flex-grow:1}.form-group{display:flex;flex-direction:column}.form-group-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.form-group label{font-weight:500;font-size:.9rem;color:var(--text-secondary)}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.75rem .25rem;border:none;border-bottom:1px solid var(--border-color);border-radius:0;font-family:var(--font-family);font-size:1rem;background:transparent;transition:border-color .2s ease}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-bottom-color:var(--input-focus-border)}.form-group textarea{resize:vertical}.ai-refine-button{background:var(--ai-button-bg);color:#fff;border:none;border-radius:6px;padding:.4rem .8rem;font-family:var(--font-family);display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;font-size:.85rem}.ai-refine-button:hover{transform:scale(1.05);box-shadow:0 4px 15px #764ba24d}.ai-refine-button:disabled{opacity:.7;cursor:wait}.ai-refine-button .spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.5);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.icon-selector-wrapper{display:flex;align-items:center;gap:.75rem}.icon-selector-wrapper .material-icons-outlined{font-size:24px;color:var(--primary-accent);background-color:var(--background);padding:8px;border-radius:8px;border-bottom:1px solid var(--border-color)}.icon-selector-wrapper select{flex-grow:1}.tag-selector{display:flex;flex-wrap:wrap;gap:.5rem;padding:.5rem;background-color:var(--background);border-radius:8px;border-bottom:1px solid var(--border-color)}.tag-toggle-button{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);padding:.3rem .8rem;border-radius:16px;font-size:.8rem;font-family:var(--font-family);cursor:pointer;transition:all .2s ease}.tag-toggle-button:hover{background-color:#e9ecef;border-color:var(--primary-accent)}.tag-toggle-button.active{background-color:var(--primary-accent);color:#fff;border-color:var(--primary-accent);font-weight:500}.composer-footer{margin-top:auto;padding-top:1.5rem}.composer-actions{display:flex;gap:1rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.composer-actions button{flex-grow:1;padding:.8rem;border:none;border-radius:8px;font-size:1rem;font-family:var(--font-family);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease}.save-exercise-button{background-color:var(--primary-accent);color:#fff;border:1px solid var(--border-color)}.save-exercise-button:hover{background-color:#3a7ac8}.save-exercise-button.success{background-color:var(--success-color)}.save-exercise-button:disabled{background-color:var(--text-secondary);opacity:.7;cursor:not-allowed}.save-exercise-button:disabled:hover{background-color:var(--text-secondary)}.trainees-page{display:flex;flex-direction:column;height:100%}.roster-container{background-color:var(--container-bg);border-radius:12px;border:1px solid var(--border-color);padding:2rem;flex-grow:1;display:flex;flex-direction:column}.roster-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}.roster-header h2{font-weight:500;font-size:1.5rem}.roster-controls{display:flex;align-items:center;gap:1rem}.roster-search input{width:280px;transition:all .2s ease}.roster-filter-bar{display:flex;gap:2rem;padding-bottom:1.5rem;margin-bottom:1.5rem;border-bottom:1px solid var(--border-color);flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:.75rem}.filter-group-label{font-size:.9rem;font-weight:500;color:var(--text-secondary)}.roster-table-wrapper{flex-grow:1;overflow-x:auto}.roster-table{width:100%;border-collapse:collapse}.roster-table thead{border-bottom:2px solid var(--border-color)}.roster-table th{text-align:right;padding:.75rem 1rem;font-weight:500;color:var(--text-secondary);font-size:.9rem;white-space:nowrap}.roster-table tbody tr{border-bottom:1px solid var(--border-color);transition:background-color .2s ease,transform .2s ease;cursor:pointer}.roster-table tbody tr:last-child{border-bottom:none}.roster-table tbody tr:hover{background-color:#fcfdff;transform:scale(1.01)}.roster-table td{padding:1rem;vertical-align:middle}.trainee-name-cell{display:flex;align-items:center;gap:1rem}.trainee-name-cell img{width:40px;height:40px;border-radius:50%;object-fit:cover}.trainee-name-cell span{font-weight:500}.commitment-cell{font-weight:700;font-size:1.1rem}.commitment-cell.high{color:var(--success-color)}.commitment-cell.medium{color:var(--primary-accent)}.commitment-cell.low{color:var(--secondary-accent)}.sparkline-container{width:120px;height:40px}.sparkline-path{stroke-width:2;fill:none}.sparkline-fill{stroke:none;opacity:.1}.sparkline-path.up,.sparkline-fill.up{stroke:var(--success-color);fill:var(--success-color)}.sparkline-path.down,.sparkline-fill.down{stroke:var(--secondary-accent);fill:var(--secondary-accent)}.sparkline-path.stable,.sparkline-fill.stable{stroke:var(--primary-accent);fill:var(--primary-accent)}.sparkline-point{stroke-width:2px;fill:#fff}.sparkline-point.up{stroke:var(--success-color)}.sparkline-point.down{stroke:var(--secondary-accent)}.sparkline-point.stable{stroke:var(--primary-accent)}.roster-actions{display:flex;gap:.75rem}.trainee-profile-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;gap:1rem}.profile-header-actions{display:flex;gap:1rem;align-items:center}.send-message-button{background-color:var(--primary-accent);color:#fff;padding:.5rem 1rem;border-radius:8px;cursor:pointer;border:none;display:flex;align-items:center;gap:.5rem;transition:all .2s ease;font-family:var(--font-family);font-size:.9rem}.send-message-button:hover{background-color:#3a7ac8;box-shadow:0 4px 10px #4a90e24d;transform:translateY(-2px)}.back-to-roster-button{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);padding:.5rem 1rem;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s ease}.back-to-roster-button:hover{border-color:var(--primary-accent);color:var(--primary-accent);background-color:#f0f6ff}.trainee-profile-container{display:grid;grid-template-columns:1fr 380px;grid-template-rows:auto;gap:1.5rem;grid-template-areas:"compass management" "analysis management" "progress management" "exercise-plan management" "journal management"}.profile-section{background-color:var(--container-bg);border-radius:12px;border:1px solid var(--border-color);padding:2rem}.profile-section-header{display:flex;align-items:center;gap:.75rem;font-weight:500;font-size:1.5rem;color:var(--text-primary);margin-bottom:1.5rem}.profile-compass{grid-area:compass}.compass-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.5rem}.compass-header img{width:80px;height:80px;border-radius:50%;object-fit:cover}.compass-header-text h2{font-size:2rem;font-weight:700;margin:0}.compass-header-text p{font-size:1rem;color:var(--text-secondary);margin:0}.mentorship-goal{margin-bottom:1.5rem}.mentorship-goal h3{font-size:.9rem;font-weight:500;color:var(--text-secondary);margin-bottom:.5rem}.mentorship-goal p{font-style:italic;font-size:1.1rem}.kpi-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.kpi-card{background-color:var(--background);padding:1rem;border-radius:8px;text-align:center;border:1px solid var(--border-color)}.kpi-card .value{font-size:1.75rem;font-weight:700}.kpi-card .label{font-size:.9rem;color:var(--text-secondary)}.ai-analysis{grid-area:analysis}.ai-analysis-content{min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center}.generate-ai-button{background:var(--ai-button-bg);color:#fff;padding:.8rem 1.5rem;border-radius:8px;font-size:1rem;font-family:var(--font-family);cursor:pointer;border:none;display:flex;align-items:center;gap:.75rem;transition:transform .2s ease,box-shadow .2s ease}.generate-ai-button:hover{transform:scale(1.03);box-shadow:0 6px 20px #764ba266}.regenerate-ai-button{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);font-size:.9rem;padding:.5rem 1rem;margin-top:1rem}.regenerate-ai-button:hover{background-color:var(--background);border-color:var(--text-secondary)}.ai-loading-placeholder{width:100%;height:100px;background:linear-gradient(to right,#eee 8%,#ddd 18%,#eee 33%);background-size:800px 104px;position:relative;animation:shimmer 1s infinite linear;border-radius:8px}.ai-analysis-result{width:100%;white-space:pre-wrap;line-height:1.7;font-size:1rem;color:var(--text-primary)}.ai-analysis-result h3{font-size:1.1rem;font-weight:700;color:var(--primary-accent);margin-top:1rem;margin-bottom:.5rem}.ai-analysis-result p{margin-bottom:1rem}.ai-analysis-result p:last-child{margin-bottom:0}.ai-analysis-result ul{list-style-position:inside;padding-right:1rem}.progress-map{grid-area:progress}.progress-map-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.chart-filters{display:flex;gap:.5rem;background-color:var(--background);border-radius:8px;padding:4px;border:1px solid var(--border-color)}.chart-filters button{background:transparent;border:none;padding:.4rem .8rem;font-family:var(--font-family);font-size:.85rem;color:var(--text-secondary);cursor:pointer;border-radius:6px;transition:all .2s ease}.chart-filters button:hover{background-color:#0000000d}.chart-filters button.active{background-color:var(--container-bg);color:var(--primary-accent);font-weight:500;box-shadow:0 2px 4px #0000000d}.commitment-chart-container{height:250px;margin-bottom:2rem}.heatmap-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.heatmap-header h4{font-weight:500;margin-bottom:0}.heatmap-stats{background-color:var(--background);border:1px solid var(--border-color);border-radius:8px;padding:.5rem 1rem;text-align:center}.heatmap-stats .stats-value{font-size:1.5rem;font-weight:700;color:var(--primary-accent)}.heatmap-stats .stats-label{font-size:.8rem;color:var(--text-secondary)}.heatmap-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.heatmap-day{position:relative;width:100%;aspect-ratio:1;background-color:#e9ecef;border-radius:4px;cursor:default}.heatmap-day.level-1{background-color:#cfe2ff}.heatmap-day.level-2{background-color:#9ec5ff}.heatmap-day.level-3{background-color:#6ea8fe}.heatmap-day.level-4{background-color:var(--primary-accent)}.heatmap-day .tooltip{visibility:hidden;width:140px;background-color:var(--text-primary);color:#fff;text-align:center;border-radius:6px;padding:5px 0;position:absolute;z-index:1;bottom:125%;left:50%;margin-left:-70px;opacity:0;transition:opacity .2s;font-size:.85rem}.heatmap-day .tooltip:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:var(--text-primary) transparent transparent transparent}.heatmap-day:hover .tooltip{visibility:visible;opacity:1}.heatmap-legend{display:flex;align-items:center;justify-content:flex-start;gap:1rem;margin-top:1rem;font-size:.8rem;color:var(--text-secondary)}.legend-item{display:flex;align-items:center;gap:.5rem}.legend-color{width:15px;height:15px;border-radius:3px}.exercise-plan{grid-area:exercise-plan}.consciousness-journal{grid-area:journal;overflow-y:auto;max-height:600px}.journal-feed{display:flex;flex-direction:column;gap:1.5rem}.journal-entry{background:var(--background);padding:1.5rem;border-radius:8px;border-right:4px solid var(--primary-accent);border-left:none}.journal-entry-header{margin-bottom:1rem}.journal-entry-header h4{font-weight:700;font-size:1.1rem}.journal-entry-header p{font-size:.9rem;color:var(--text-secondary)}.journal-entry-content .prompt{font-weight:500;color:var(--text-secondary);margin-bottom:.5rem}.journal-entry-content .response{background:#fff;padding:1rem;border-radius:6px;border:1px solid var(--border-color);white-space:pre-wrap;line-height:1.6}.journey-management{grid-area:management;background-color:var(--background);display:flex;flex-direction:column;gap:2rem}.management-section{background-color:var(--container-bg)}.management-section .form-group{margin-bottom:1rem}.management-section .form-group label{font-size:1rem}.management-section .form-group input,.management-section .form-group textarea{border:1px solid var(--border-color);border-radius:8px;padding:.75rem;background:var(--background)}.management-section .form-group input:focus,.management-section .form-group textarea:focus{border-bottom:1px solid var(--border-color);border-color:var(--input-focus-border);box-shadow:0 0 0 2px #4a90e233}.management-section .save-changes-button{width:100%;margin-top:.5rem;background-color:var(--primary-accent);color:#fff;padding:.7rem;border:none;border-radius:8px;font-size:.9rem;font-family:var(--font-family);cursor:pointer;transition:background-color .2s ease,opacity .2s;position:relative}.management-section .save-changes-button:hover{background-color:#3a7ac8}.management-section .save-changes-button.success{background-color:var(--success-color)}.spontaneous-toggle{display:flex;justify-content:space-between;align-items:center;background-color:var(--background);padding:1rem;border-radius:8px}.switch{position:relative;display:inline-block;width:50px;height:28px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:var(--primary-accent)}.danger-zone{border:1px solid var(--danger-color, #e74c3c);border-radius:8px;padding:1.5rem}.danger-zone h4{color:var(--danger-color, #e74c3c);margin-bottom:.5rem}.danger-warning{font-size:.85rem;color:var(--text-secondary);margin-bottom:1rem}.delete-trainee-button{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background-color:transparent;border:1px solid var(--danger-color, #e74c3c);color:var(--danger-color, #e74c3c);border-radius:8px;font-size:.9rem;font-family:var(--font-family);cursor:pointer;transition:all .2s ease}.delete-trainee-button:hover:not(:disabled){background-color:var(--danger-color, #e74c3c);color:#fff}.delete-trainee-button:disabled{opacity:.6;cursor:not-allowed}.delete-trainee-button .material-icons-outlined{font-size:20px}input:checked+.slider:before{transform:translate(22px)}@media (max-width: 1200px){.dashboard-container{grid-template-columns:1fr 320px;gap:1rem}.studio-container{grid-template-columns:360px 1fr}.trainee-profile-container{grid-template-columns:1fr 320px;grid-template-areas:"compass management" "analysis management" "progress management" "exercise-plan management" "journal management"}}@media (max-width: 900px){.app-container{grid-template-columns:1fr;grid-template-rows:auto 1fr;grid-template-areas:"main"}.sidebar{display:none}.dashboard-container{grid-template-areas:"header" "main" "sidebar";grid-template-columns:1fr;grid-template-rows:80px auto auto;height:auto}.flow-stream{height:400px}.top-bar{padding:0 1rem}.logo-text{display:none}.studio-container{grid-template-columns:1fr;grid-template-rows:auto auto}.inspiration-library{height:500px}.trainee-profile-container{grid-template-areas:"compass" "analysis" "progress" "exercise-plan" "journal" "management";grid-template-columns:1fr;grid-template-rows:auto}}.assigned-exercises-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem;max-height:200px;overflow-y:auto;padding-left:.5rem}.assigned-exercise-item{background-color:var(--background);padding:.75rem 1rem;border-radius:6px;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--border-color)}.assigned-exercise-details h5{font-weight:500;margin:0 0 .25rem;color:var(--text-primary)}.assigned-exercise-details p{font-size:.85rem;color:var(--text-secondary);margin:0}.assigned-exercise-actions{display:flex;gap:.5rem}.assigned-exercise-actions .action-button-icon{background:#fff}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{background-color:var(--container-bg);padding:2rem;border-radius:12px;width:90%;max-width:500px;box-shadow:0 10px 30px #0000001a;animation:modal-fade-in .3s ease-out}@keyframes modal-fade-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.modal-header h4{font-size:1.5rem;font-weight:500}.modal-header .close-button{background:transparent;border:none;font-size:24px;cursor:pointer;color:var(--text-secondary);line-height:1}.modal-body .form-group{margin-bottom:1.5rem}.modal-body .form-group select{border:1px solid var(--border-color);border-radius:8px;padding:.75rem;background:var(--background)}.modal-body .form-group select:focus{border-color:var(--input-focus-border);box-shadow:0 0 0 2px #4a90e233}.day-selector{display:flex;justify-content:space-between;gap:.5rem;margin-top:.5rem}.day-button{flex:1;padding:.5rem;font-family:var(--font-family);font-size:.9rem;border-radius:6px;cursor:pointer;background-color:var(--background);border:1px solid var(--border-color);color:var(--text-secondary);transition:all .2s ease}.day-button:hover{border-color:var(--text-primary)}.day-button.active{background-color:var(--primary-accent);color:#fff;border-color:var(--primary-accent);font-weight:500}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem}.modal-actions button{padding:.6rem 1.2rem;border-radius:8px;font-size:1rem;font-family:var(--font-family);cursor:pointer;border:1px solid var(--border-color)}.modal-actions .cancel-button{background-color:transparent;color:var(--text-secondary)}.modal-actions .save-button{background-color:var(--primary-accent);color:#fff;border-color:var(--primary-accent)}.add-trainee-modal{max-width:450px}.add-trainee-modal .modal-header h3{font-size:1.3rem;font-weight:600;margin:0}.add-trainee-modal .modal-close{background:transparent;border:none;cursor:pointer;color:var(--text-secondary);padding:.5rem;border-radius:50%;transition:background-color .2s}.add-trainee-modal .modal-close:hover{background-color:var(--background)}.add-trainee-modal .form-group{margin-bottom:1.25rem}.add-trainee-modal .form-group label{display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem;color:var(--text-primary)}.add-trainee-modal .form-group input[type=text],.add-trainee-modal .form-group textarea{width:100%;padding:.75rem;font-size:1rem;font-family:var(--font-family);border:1px solid var(--border-color);border-radius:8px;background-color:var(--background);transition:border-color .2s,box-shadow .2s}.add-trainee-modal .form-group input:focus,.add-trainee-modal .form-group textarea:focus{outline:none;border-color:var(--primary-accent);box-shadow:0 0 0 3px #4a90e21a}.add-trainee-modal .checkbox-group label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.add-trainee-modal .checkbox-group input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary-accent)}.add-trainee-modal .modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border-color)}.add-trainee-modal .btn-secondary{background-color:transparent;color:var(--text-secondary);border:1px solid var(--border-color);padding:.6rem 1rem;border-radius:8px;cursor:pointer;font-family:var(--font-family);transition:background-color .2s}.add-trainee-modal .btn-secondary:hover{background-color:var(--background)}.add-trainee-modal .btn-primary{background-color:var(--primary-accent);color:#fff;border:none;padding:.6rem 1.25rem;border-radius:8px;cursor:pointer;font-family:var(--font-family);font-weight:500;transition:background-color .2s}.add-trainee-modal .btn-primary:hover:not(:disabled){background-color:#3a7bd5}.add-trainee-modal .btn-primary:disabled{opacity:.6;cursor:not-allowed}.weekly-activity-detail-container{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.weekly-activity-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.weekly-activity-header h4{font-weight:500;margin:0;color:var(--text-primary)}.weekly-nav{display:flex;align-items:center;gap:.5rem}.weekly-nav-button{background-color:var(--background);border:1px solid var(--border-color);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:all .2s ease}.weekly-nav-button:hover{background-color:var(--primary-accent);color:#fff}.weekly-nav-button .material-icons-outlined{font-size:20px}.weekly-nav-range{font-size:.9rem;font-weight:500;color:var(--text-secondary);width:180px;text-align:center}.weekly-activity-table{width:100%;border-collapse:separate;border-spacing:0 4px;font-size:.9rem}.weekly-activity-table th{text-align:center;padding:.5rem;font-weight:400;color:var(--text-secondary);white-space:nowrap}.weekly-activity-table th span{display:block;font-size:.8rem}.weekly-activity-table td{padding:.75rem;background-color:var(--background);text-align:center;vertical-align:middle}.weekly-activity-table td:first-child{text-align:right;font-weight:500;border-top-right-radius:6px;border-bottom-right-radius:6px;width:25%}.weekly-activity-table td:last-child{border-top-left-radius:6px;border-bottom-left-radius:6px}.status-icon{font-size:1.2rem;display:inline-block;width:24px;height:24px;line-height:24px;border-radius:50%}.status-icon.completed{color:var(--success-color);font-weight:700}.status-icon.missed{color:var(--text-secondary);opacity:.5}.status-icon.spontaneous{color:var(--secondary-accent)}.status-icon.not-scheduled{color:var(--border-color)}.weekly-activity-table tr:hover td{background-color:#f0f6ff}.today-column{background-color:#f0f6ff;font-weight:700!important}.empty-weekly-detail{text-align:center;color:var(--text-secondary);padding:2rem;background-color:var(--background);border-radius:8px}.empty-weekly-detail .material-icons-outlined{font-size:32px;margin-bottom:.5rem}.preview-modal-content{max-width:600px}.preview-field{margin-bottom:1.5rem}.preview-field-label{font-weight:500;font-size:.9rem;color:var(--text-secondary);display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.preview-field-value{background-color:var(--background);padding:1rem;border-radius:8px;border:1px solid var(--border-color);font-size:1rem;line-height:1.6;white-space:pre-wrap}.preview-field-value.tags{padding:.75rem}.preview-field-icon{font-size:24px;color:var(--primary-accent);background-color:var(--background);padding:8px;border-radius:8px;border:1px solid var(--border-color)}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem}.auth-container{background:var(--container-bg);border-radius:16px;box-shadow:0 20px 60px #0000004d;padding:3rem;width:100%;max-width:420px}.auth-header{text-align:center;margin-bottom:2rem}.auth-logo{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:.5rem}.auth-logo svg{width:48px;height:48px;color:var(--primary-accent)}.auth-logo .logo-text{font-size:2rem;font-weight:700;color:var(--text-primary)}.auth-subtitle{color:var(--text-secondary);font-size:1rem;margin:0}.auth-tabs{display:flex;background:var(--background);border-radius:8px;padding:4px;margin-bottom:1.5rem}.auth-tab{flex:1;padding:.75rem 1rem;border:none;background:transparent;font-family:var(--font-family);font-size:1rem;font-weight:500;color:var(--text-secondary);cursor:pointer;border-radius:6px;transition:all .2s ease}.auth-tab:hover{color:var(--text-primary)}.auth-tab.active{background:var(--container-bg);color:var(--primary-accent);box-shadow:0 2px 8px #0000001a}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.auth-form .form-group{display:flex;flex-direction:column;gap:.5rem}.auth-form .form-group label{font-weight:500;font-size:.9rem;color:var(--text-secondary)}.auth-form .form-group input{padding:.875rem 1rem;border:1px solid var(--border-color);border-radius:8px;font-family:var(--font-family);font-size:1rem;transition:all .2s ease;background:var(--background)}.auth-form .form-group input:focus{outline:none;border-color:var(--primary-accent);box-shadow:0 0 0 3px #4a90e21a;background:var(--container-bg)}.auth-form .form-group input::placeholder{color:#adb5bd}.auth-error{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:.9rem}.auth-error .material-icons-outlined{font-size:20px}.auth-submit-button{padding:1rem;background:var(--primary-accent);color:#fff;border:none;border-radius:8px;font-family:var(--font-family);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.5rem}.auth-submit-button:hover:not(:disabled){background:#3a7ac8;transform:translateY(-2px);box-shadow:0 4px 12px #4a90e266}.auth-submit-button:disabled{opacity:.7;cursor:wait}.auth-submit-button .spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.demo-credentials{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color);text-align:center}.demo-button{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:transparent;border:1px dashed var(--border-color);border-radius:8px;font-family:var(--font-family);font-size:.9rem;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.demo-button:hover:not(:disabled){border-color:var(--primary-accent);color:var(--primary-accent);background:#4a90e20d}.demo-button .material-icons-outlined{font-size:18px}.auth-footer{margin-top:1.5rem;text-align:center}.auth-footer p{color:var(--text-secondary);font-size:.9rem;margin:0;display:flex;align-items:center;justify-content:center;gap:.5rem}.switch-mode-button{background:none;border:none;color:var(--primary-accent);font-family:var(--font-family);font-size:.9rem;font-weight:600;cursor:pointer;padding:0;text-decoration:underline}.switch-mode-button:hover{color:#3a7ac8}.sidebar-user-section{margin-top:auto;padding-top:1.5rem;border-top:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;gap:.75rem}.user-info{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.1rem;flex-shrink:0}.user-details{display:flex;flex-direction:column;min-width:0}.user-name{font-weight:600;font-size:.95rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email{font-size:.8rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logout-button{width:36px;height:36px;border-radius:8px;border:1px solid var(--border-color);background:transparent;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.logout-button:hover{background:#fee2e2;border-color:#fecaca;color:#dc2626}.logout-button .material-icons-outlined{font-size:20px}.add-trainee-button{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:var(--primary-accent);color:#fff;border:none;border-radius:8px;font-family:var(--font-family);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.add-trainee-button:hover{background:#3a7ac8;transform:translateY(-2px);box-shadow:0 4px 12px #4a90e24d}.add-trainee-button .material-icons-outlined{font-size:20px}.app-loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999}.app-loading-overlay .loading-logo{margin-bottom:2rem}.app-loading-overlay .loading-logo svg{animation:pulse 2s ease-in-out infinite}.app-loading-overlay .loading-logo svg circle,.app-loading-overlay .loading-logo svg path{stroke:#fff}.app-loading-overlay .loading-logo svg circle:last-child{fill:#fff}.app-loading-overlay .spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.app-loading-overlay p{margin-top:1.5rem;color:#ffffffe6;font-size:1.1rem;font-weight:500}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem;color:var(--text-secondary)}.empty-state .material-icons-outlined{font-size:64px;color:#d1d5db;margin-bottom:1rem}.empty-state h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.empty-state p{max-width:320px;line-height:1.6}.empty-state button{margin-top:1.5rem}.help-button{position:fixed;bottom:24px;left:24px;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--primary-accent),#3a7bc8);border:none;cursor:pointer;box-shadow:0 4px 15px #4a90e266;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:900}.help-button:hover{transform:scale(1.1);box-shadow:0 6px 20px #4a90e280}.help-button .material-symbols-outlined{font-size:28px;color:#fff}.help-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1001;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.help-modal{background-color:var(--container-bg);padding:0;border-radius:16px;width:90%;max-width:600px;max-height:85vh;box-shadow:0 20px 60px #0003;animation:help-modal-slide-up .3s ease-out;overflow:hidden;display:flex;flex-direction:column}@keyframes help-modal-slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.help-modal-header{display:flex;align-items:center;gap:1rem;padding:1.5rem 2rem;background:linear-gradient(135deg,var(--primary-accent),#3a7bc8);color:#fff}.help-modal-header .header-icon{font-size:32px;opacity:.9}.help-modal-header h3{font-size:1.5rem;font-weight:600;margin:0}.help-modal-close{margin-right:auto;background:#fff3;border:none;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.help-modal-close:hover{background:#ffffff4d}.help-modal-close .material-symbols-outlined{font-size:20px;color:#fff}.help-modal-body{padding:2rem;overflow-y:auto;flex:1}.help-modal-body p{font-size:1.05rem;line-height:1.7;color:var(--text-secondary);margin-bottom:1.5rem}.help-section{margin-bottom:2rem}.help-section:last-child{margin-bottom:0}.help-section h4{font-size:1.15rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.help-section h4 .material-symbols-outlined{font-size:22px;color:var(--primary-accent)}.help-section ul{list-style:none;padding:0;margin:0}.help-section li{padding:.6rem 1.5rem .6rem 0;position:relative;color:var(--text-secondary);font-size:.95rem;line-height:1.5;border-bottom:1px solid var(--border-color)}.help-section li:last-child{border-bottom:none}.help-section li:before{content:"•";position:absolute;right:0;color:var(--primary-accent);font-weight:700}.help-section li strong{color:var(--text-primary);font-weight:500}@media (max-width: 768px){.help-button{bottom:16px;left:16px;width:48px;height:48px}.help-button .material-symbols-outlined{font-size:24px}.help-modal{width:95%;max-height:90vh}.help-modal-header{padding:1.25rem 1.5rem}.help-modal-header h3{font-size:1.25rem}.help-modal-body{padding:1.5rem}}.edit-profile-modal{max-width:500px}.avatar-preview-section{display:flex;flex-direction:column;align-items:center;margin-bottom:1.5rem}.avatar-preview{width:100px;height:100px;border-radius:50%;object-fit:cover;border:3px solid var(--primary-accent);box-shadow:0 4px 12px #4a90e24d}.avatar-preview-label{margin-top:.5rem;font-size:.85rem;color:var(--text-secondary)}.avatar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-top:.5rem}.avatar-option{width:60px;height:60px;border-radius:50%;border:2px solid var(--border-color);padding:0;cursor:pointer;overflow:hidden;background:var(--background);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.avatar-option img{width:100%;height:100%;object-fit:cover}.avatar-option:hover{border-color:var(--primary-accent);transform:scale(1.05)}.avatar-option.selected{border-color:var(--primary-accent);border-width:3px;box-shadow:0 0 0 3px #4a90e233}.avatar-option.custom-url-btn{background:var(--background)}.avatar-option.custom-url-btn .material-symbols-outlined{font-size:28px;color:var(--text-secondary)}.custom-url-input{display:flex;gap:.5rem;margin-top:1rem}.custom-url-input input{flex:1;padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:6px;font-size:.9rem}.custom-url-input button{padding:.5rem .75rem;background:var(--primary-accent);color:#fff;border:none;border-radius:6px;cursor:pointer}.mentor-profile-btn{display:flex;align-items:center;gap:.5rem;background:transparent;border:none;cursor:pointer;padding:.25rem .5rem;border-radius:8px;transition:background-color .2s}.mentor-profile-btn:hover{background:#ffffff1a}.mentor-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.3)}.mentor-avatar-icon{font-size:36px;color:#ffffffe6}.mentor-name{color:#fff;font-size:1rem}.mentor-profile-btn .edit-icon{font-size:16px;color:#fff9;opacity:0;transition:opacity .2s}.mentor-profile-btn:hover .edit-icon{opacity:1}.mentor-info{display:flex;align-items:center;gap:1rem}.invite-trainee-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;cursor:pointer;font-family:var(--font-family);font-weight:500;transition:transform .2s,box-shadow .2s}.invite-trainee-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.invite-modal{max-width:480px}.invite-modal .modal-description{color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.6}.invite-modal .form-hint{display:block;font-size:.8rem;color:var(--text-secondary);margin-top:.25rem}.invite-modal select{width:100%;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:8px;font-size:1rem;font-family:var(--font-family);background-color:#fff;cursor:pointer}.invite-modal select:focus{outline:none;border-color:var(--primary-accent);box-shadow:0 0 0 3px #4a90e226}.invite-success{text-align:center}.invite-url-container{text-align:right;margin-bottom:1.5rem}.invite-url-container label{display:block;font-weight:500;margin-bottom:.5rem;color:var(--text-primary)}.invite-url-box{display:flex;gap:.5rem;background:#f8f9fa;padding:.5rem;border-radius:10px;border:1px solid var(--border-color)}.invite-url-box input{flex:1;border:none;background:transparent;font-family:monospace;font-size:.9rem;color:var(--text-primary);padding:.5rem}.invite-url-box input:focus{outline:none}.copy-btn{display:flex;align-items:center;gap:.25rem;padding:.5rem 1rem;background:var(--primary-accent);color:#fff;border:none;border-radius:6px;cursor:pointer;font-family:var(--font-family);font-size:.85rem;transition:background-color .2s}.copy-btn:hover{background:#3a7fc7}.copy-btn.copied{background:var(--success-color)}.invite-info{display:flex;justify-content:center;gap:2rem;margin:1.5rem 0;padding:1rem;background:#f8f9fa;border-radius:10px}.invite-info .info-item{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.9rem}.invite-info .info-item .material-icons-outlined{font-size:18px;color:var(--primary-accent)}.share-buttons{display:flex;gap:1rem;margin-bottom:1.5rem}.share-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1rem;border:none;border-radius:10px;cursor:pointer;font-family:var(--font-family);font-weight:500;font-size:.95rem;transition:transform .2s,box-shadow .2s}.share-btn:hover{transform:translateY(-2px)}.share-btn.whatsapp{background:#25d366;color:#fff}.share-btn.whatsapp:hover{box-shadow:0 4px 12px #25d36666}.share-btn.email{background:#f5f5f5;color:var(--text-primary)}.share-btn.email:hover{box-shadow:0 4px 12px #0000001a}.error-message{display:flex;align-items:center;gap:.5rem;background:#fff5f5;color:#c53030;padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem}.error-message .material-icons-outlined{font-size:20px}