*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;color:#333}.top-nav{background:#fffffff2;box-shadow:0 2px 10px #0000001a;padding:0 2rem;height:60px;display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;left:0;right:0;z-index:1000}.nav-brand{font-size:1.4rem;font-weight:600;color:#667eea;text-decoration:none}.nav-menu-desktop{display:flex;align-items:center;gap:1.5rem}.nav-menu-mobile{display:none}.mobile-menu-btn{background:transparent;border:none;font-size:1.5rem;cursor:pointer;padding:.5rem;color:#667eea}.mobile-menu-dropdown{position:absolute;top:60px;right:0;background:#fff;box-shadow:0 4px 15px #00000026;border-radius:0 0 8px 8px;padding:1rem;display:flex;flex-direction:column;gap:.5rem;min-width:200px}.mobile-nav-link{color:#333;text-decoration:none;font-weight:500;padding:.75rem 1rem;border-radius:6px;transition:all .3s ease}.mobile-nav-link:hover{background:#f0f0f0;color:#667eea}.mobile-menu-divider{height:1px;background:#e0e0e0;margin:.5rem 0}.lang-selector-mobile{background:#fff;border:1px solid #ddd;padding:.5rem;border-radius:6px;cursor:pointer;font-weight:500;width:100%}.btn-logout-mobile{background:transparent;border:1px solid #e74c3c;color:#e74c3c;padding:.75rem 1rem;border-radius:6px;cursor:pointer;font-weight:500;transition:all .3s ease;width:100%}.btn-logout-mobile:hover{background:#e74c3c;color:#fff}.nav-link{color:#555;text-decoration:none;font-weight:500;padding:.5rem 1rem;border-radius:6px;transition:all .3s ease}.nav-link:hover{background:#f0f0f0;color:#667eea}.nav-user{display:flex;align-items:center;gap:.75rem}.user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.9rem}.user-avatar-link{text-decoration:none;display:flex;align-items:center}.user-avatar-link:hover .user-avatar{opacity:.9;transform:scale(1.05);transition:all .3s ease}.btn-logout{background:transparent;border:1px solid #e74c3c;color:#e74c3c;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-weight:500;transition:all .3s ease}.btn-logout:hover{background:#e74c3c;color:#fff}.lang-selector{background:#fff;border:1px solid #ddd;padding:.4rem .75rem;border-radius:6px;cursor:pointer;font-weight:500;transition:all .3s ease}.lang-selector:hover{border-color:#667eea}.main-content{padding-top:60px;min-height:100vh}.home-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 60px);text-align:center;padding:2rem}.slogan{font-size:3rem;font-weight:700;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.2);margin-bottom:2rem;line-height:1.2}.slogan-accent{display:block;font-size:1.2rem;font-weight:400;opacity:.9;margin-top:.5rem}.btn-login,.btn-register{background:#fff;color:#667eea;border:none;padding:1rem 2.5rem;font-size:1.1rem;font-weight:600;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0003}.btn-login:hover,.btn-register:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.auth-buttons{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;margin-bottom:2.5rem}.login-loading{display:flex;flex-direction:column;align-items:center;gap:1rem;color:#fff}.login-loading .spinner{width:40px;height:40px}.set-roles-container{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:1rem;margin-bottom:1rem}.set-roles-hint{color:#fff;font-size:1rem;opacity:.9}.btn-set-roles{background:#fff;color:#667eea;border:none;padding:.875rem 2rem;font-size:1rem;font-weight:600;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0003}.btn-set-roles-small{margin-top:20px;padding:.5rem 1.25rem;font-size:.875rem}.btn-set-roles:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.benefits-container{display:flex;gap:2rem;margin-bottom:2.5rem;flex-wrap:wrap;justify-content:center;max-width:900px}.benefit-card{background:#fffffff2;border-radius:16px;padding:2rem;box-shadow:0 10px 40px #00000026;flex:1;min-width:280px;max-width:400px;text-align:left;transition:transform .3s ease,box-shadow .3s ease}.clickable-card{text-decoration:none;display:block;cursor:pointer}.clickable-card:hover{transform:translateY(-5px);box-shadow:0 15px 50px #0003}.candidate-card{border-top:4px solid #667eea}.expert-card{border-top:4px solid #764ba2}.benefit-title{font-size:1.4rem;font-weight:700;margin-bottom:1.25rem;color:#333}.candidate-card .benefit-title{color:#667eea}.expert-card .benefit-title{color:#764ba2}.benefit-list{list-style:none;padding:0;margin:0}.benefit-list li{position:relative;padding-left:1.5rem;margin-bottom:.75rem;color:#555;font-size:1rem;line-height:1.5}.benefit-list li:last-child{margin-bottom:0}.benefit-list li:before{content:"\2713";position:absolute;left:0;color:#667eea;font-weight:700}.expert-card .benefit-list li:before{color:#764ba2}.candidate-hint{color:#fff;font-size:1.1rem;text-align:center;margin-top:1rem;margin-bottom:1rem}.candidate-link{color:#fff;font-weight:600;text-decoration:underline;text-decoration-color:#fff9;transition:all .3s ease}.candidate-link:hover{text-decoration-color:#fff;text-shadow:0 0 10px rgba(255,255,255,.5)}.roles-container{display:flex;flex-direction:column;gap:.75rem}.roles-list{display:flex;flex-wrap:wrap;gap:.5rem}.role-badge{display:inline-block;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.85rem;font-weight:500}.user-info-container{max-width:800px;margin:2rem auto;padding:2rem}.user-card{background:#fff;border-radius:16px;box-shadow:0 10px 40px #0000001a;overflow:visible}.user-card-header{background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem;text-align:center;color:#fff}.user-card-avatar{width:100px;height:100px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;font-size:2.5rem;font-weight:600;overflow:hidden}.avatar-image{width:100%;height:100%;object-fit:cover}.user-card-name{font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.user-card-email{opacity:.9}.tabs-container{padding:0;overflow:visible}.tabs-nav{display:flex;border-bottom:2px solid #f0f0f0;padding:0 2rem;gap:0}.tabs-nav-mobile{display:none}.mobile-tab-selector{display:none;position:relative;padding:0 2rem;border-bottom:2px solid #f0f0f0}.mobile-tab-btn{width:100%;padding:1rem;background:transparent;border:none;cursor:pointer;font-size:1rem;font-weight:500;color:#667eea;display:flex;justify-content:space-between;align-items:center;transition:background .3s ease}.mobile-tab-btn:hover{background:#f8f9ff}.mobile-tab-btn:after{content:"\25bc";font-size:.75rem;margin-left:.5rem}.mobile-tab-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;box-shadow:0 4px 15px #00000026;border-radius:0 0 8px 8px;z-index:100;display:none}.mobile-tab-dropdown.show{display:block}.mobile-tab-option{padding:1rem 2rem;cursor:pointer;font-size:1rem;font-weight:500;color:#888;transition:all .3s ease;border-bottom:1px solid #f0f0f0}.mobile-tab-option:last-child{border-bottom:none}.mobile-tab-option:hover{background:#f8f9ff;color:#667eea}.mobile-tab-option.active{color:#667eea;background:#f0f4ff}.tab-btn{padding:1rem 1.5rem;background:transparent;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:1rem;font-weight:500;color:#888;transition:all .3s ease;margin-bottom:-2px}.tab-btn:hover{color:#667eea;background:#f8f9ff}.tab-btn.active{color:#667eea;border-bottom-color:#667eea;background:transparent}.tab-content{padding:2rem}.user-card-body{padding:0}.info-section{margin-bottom:1.5rem}.info-section:last-child{margin-bottom:0}.info-label{font-size:.85rem;color:#888;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.info-value{font-size:1rem;color:#333;word-break:break-all}.info-value-readonly{background:#f5f5f5;padding:.5rem .75rem;border-radius:6px;color:#666}.timezone-section{max-width:500px;overflow:visible}.tab-content{padding:2rem;overflow:visible}.timezone-description{color:#666;font-size:.95rem;margin-bottom:1.5rem;line-height:1.6}.roles-section{max-width:600px}.roles-description{color:#666;font-size:.95rem;margin-bottom:1.5rem;line-height:1.6}.current-roles{margin-bottom:1.5rem}.no-roles-text{color:#888;font-style:italic}.btn-change-roles{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.875rem 2rem;font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease}.btn-change-roles:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.loading-state{text-align:center;padding:2rem}.loading-state .spinner{width:40px;height:40px;margin:0 auto 1rem;border:3px solid #f3f3f3;border-top:3px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}.loading-state p{color:#888;font-size:.9rem}.edit-form{display:flex;flex-direction:column;gap:1.25rem}.form-section{display:flex;flex-direction:column;gap:.5rem}.form-label{font-size:.85rem;color:#888;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.form-input{padding:.75rem;border:1px solid #ddd;border-radius:8px;font-size:1rem;transition:border-color .3s ease}.form-input:focus{outline:none;border-color:#667eea}.form-textarea{padding:.75rem;border:1px solid #ddd;border-radius:8px;font-size:1rem;font-family:inherit;resize:vertical;min-height:100px;transition:border-color .3s ease}.form-textarea:focus{outline:none;border-color:#667eea}.form-actions{display:flex;gap:1rem;margin-top:.5rem}.btn-edit{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease;margin-top:1rem}.btn-edit:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-save{flex:1;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease}.btn-save:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-save:disabled{opacity:.6;cursor:not-allowed}.btn-cancel{flex:1;background:transparent;color:#667eea;border:2px solid #667eea;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease}.btn-cancel:hover{background:#667eea;color:#fff}.timezone-input-wrapper{display:flex;gap:.5rem;align-items:flex-start}.timezone-search-container{position:relative;flex:1;min-width:0}.timezone-search-input{cursor:text;width:100%}.timezone-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ddd;border-radius:8px;max-height:200px;overflow-y:auto;z-index:1000;box-shadow:0 4px 12px #00000026;margin-top:4px}.timezone-option{padding:.75rem 1rem;cursor:pointer;transition:background .2s ease;border-bottom:1px solid #f0f0f0}.timezone-option:last-child{border-bottom:none}.timezone-option:hover{background:#f5f5f5}.timezone-option.selected{background:#667eea;color:#fff}.btn-clear-timezone{background:transparent;color:#e74c3c;border:1px solid #e74c3c;padding:.75rem 1rem;font-size:.85rem;border-radius:8px;cursor:pointer;transition:all .2s ease;white-space:nowrap;height:fit-content}.btn-clear-timezone:hover{background:#e74c3c;color:#fff}.selected-timezone-display{margin-top:1rem;padding:.75rem;background:#f8f9fa;border-radius:8px;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.selected-timezone-label{font-size:.85rem;color:#666}.selected-timezone-value{font-weight:500;color:#333}.photo-upload-container{display:flex;flex-direction:column;gap:.75rem}.photo-input-hidden{display:none}.btn-upload-photo{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.75rem 1.5rem;font-size:.95rem;font-weight:500;border-radius:8px;cursor:pointer;transition:all .3s ease;display:inline-block}.btn-upload-photo:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.selected-file-name{font-size:.9rem;color:#333;padding:.5rem 0}.btn-remove-photo{background:transparent;color:#e74c3c;border:1px solid #e74c3c;padding:.5rem 1rem;font-size:.85rem;font-weight:500;border-radius:6px;cursor:pointer;transition:all .3s ease}.btn-remove-photo:hover{background:#e74c3c;color:#fff}.photo-error{color:#e74c3c;font-size:.85rem;padding:.5rem 0}.skills-container{margin-top:1rem}.skills-tree{max-height:400px;overflow-y:auto;border:1px solid #e0e0e0;border-radius:8px;padding:1rem;background:#fafafa}.skill-group{margin-bottom:.5rem}.skill-group-child{margin-left:1.5rem}.skill-group-header{display:flex;align-items:center;gap:.5rem;padding:.5rem;cursor:pointer;border-radius:4px;transition:background .2s ease;font-weight:500;color:#333}.skill-group-header:hover{background:#e8e8e8}.skill-group-icon{font-size:.8rem;width:16px;text-align:center}.skill-group-name{flex:1}.skill-group-content{padding-left:1rem}.skill-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;cursor:pointer;border-radius:4px;transition:background .2s ease}.skill-item:hover{background:#e8e8e8}.skill-item input[type=checkbox]{cursor:pointer;width:16px;height:16px}.skill-item span{color:#555}.no-skills{text-align:center;color:#888;padding:2rem}.available-times-container{margin-top:.5rem}.available-times-list{display:flex;flex-direction:column;gap:.5rem}.available-time-item{padding:.75rem 1rem;background:#f8f9fa;border-radius:6px;font-size:.95rem;color:#333}.no-available-times{text-align:center;color:#888;padding:1.5rem;font-style:italic}.skills-actions{margin-top:1rem;display:flex;justify-content:flex-end}.btn-save-skills{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease}.btn-save-skills:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-save-skills:disabled{opacity:.6;cursor:not-allowed}.skill-item-readonly{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:#e8f4f8;border-radius:4px;margin-bottom:.25rem}.skill-item-text{color:#333;font-size:.9rem;flex:1}.skill-confirmed-badge,.skill-unconfirmed-badge{padding:.2rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500;white-space:nowrap}.skill-confirmed-badge{background:#e8f5e9;color:#2e7d32}.skill-unconfirmed-badge{background:#fff3e0;color:#e65100}.token-value{font-family:monospace;font-size:.85rem;background:#f5f5f5;padding:.75rem;border-radius:8px;max-height:150px;overflow-y:auto;word-break:break-all}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;color:#fff}.spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.expert-search-container,.my-interviews-container{max-width:1200px;margin:2rem auto;padding:2rem}.search-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.search-header h1{color:#fff;font-size:2rem;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.sort-controls{display:flex;align-items:center;gap:.5rem;color:#fff}.sort-select{background:#fffffff2;border:1px solid #ddd;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-weight:500}.results-info{color:#fff;margin-bottom:1.5rem;font-size:1.1rem}.experts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.expert-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 15px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.expert-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.expert-avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1.5rem;margin:0 auto 1rem}.expert-info{text-align:center;margin-bottom:1rem}.expert-name{font-size:1.2rem;font-weight:600;color:#333;margin-bottom:.25rem}.expert-description{font-size:.9rem;color:#666;margin-top:.5rem;line-height:1.4}.expert-actions{display:flex;gap:.5rem;flex-wrap:wrap}.btn-view,.btn-book{padding:.75rem 1.25rem;border-radius:6px;border:none;cursor:pointer;font-weight:500;transition:all .3s ease;white-space:nowrap;width:100%}.btn-view{background:#f0f0f0;color:#667eea}.btn-view:hover{background:#667eea;color:#fff}.btn-book{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-book:hover{opacity:.9;transform:scale(1.02)}.interviews-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.interview-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 15px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.interview-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.interview-avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1.5rem;margin:0 auto 1rem}.interview-info{text-align:center;margin-bottom:1rem}.interview-name{font-size:1.2rem;font-weight:600;color:#333;margin-bottom:.5rem}.interview-description{font-size:.9rem;color:#666;margin:.5rem 0;line-height:1.4}.interview-status{margin-top:.75rem}.status-badge{display:inline-block;padding:.35rem .85rem;border-radius:20px;font-size:.85rem;font-weight:500}.status-scheduled{background:#e3f2fd;color:#1976d2}.status-completed{background:#e8f5e9;color:#388e3c}.status-cancelled{background:#ffebee;color:#d32f2f}.status-noshow{background:#fff3e0;color:#f57c00}.status-draft{background:#f5f5f5;color:#757575}.status-inprogress{background:#e8f5e9;color:#2e7d32}.status-unknown{background:#fafafa;color:#9e9e9e}.filter-controls{display:flex;align-items:center;gap:.5rem;color:#fff}.filter-select{background:#fffffff2;border:1px solid #ddd;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-weight:500}.interview-actions{display:flex;gap:.5rem;flex-wrap:wrap}.interview-actions .btn-view{padding:.75rem 1.25rem;border-radius:6px;border:none;cursor:pointer;font-weight:500;transition:all .3s ease;white-space:nowrap;width:100%;text-decoration:none;display:block;text-align:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.interview-actions .btn-view:hover{opacity:.9;transform:scale(1.02)}.interview-info-container{max-width:900px;margin:2rem auto;padding:2rem}.interview-info-container .interview-card{background:#fff;border-radius:16px;box-shadow:0 10px 40px #0000001a;overflow:hidden}.interview-info-container .interview-header{background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.interview-info-container .interview-header h1{color:#fff;font-size:1.75rem;margin:0}.interview-info-container .interview-header .status-badge{padding:.5rem 1.25rem;border-radius:25px;font-size:.95rem;font-weight:500}.interview-datetime{display:flex;gap:2rem;padding:1.5rem 2rem;background:#f8f9ff;border-bottom:1px solid #e8e8e8;flex-wrap:wrap}.datetime-item{display:flex;flex-direction:column;gap:.25rem}.datetime-label{font-size:.85rem;color:#888;text-transform:uppercase}.datetime-value{font-size:1.1rem;font-weight:600;color:#333}.participants-section{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;padding:2rem}.participant-card-wrapper{display:flex;flex-direction:column;align-items:stretch;min-height:0}.you-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.35rem 1rem;border-radius:20px 20px 0 0;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin-bottom:-1px;position:relative;z-index:1;box-shadow:0 -2px 8px #667eea4d;text-align:center}.you-badge-placeholder{visibility:hidden;padding:.35rem 1rem;font-size:.85rem}.participant-card-wrapper .participant-card{flex:1;border-radius:0 0 12px 12px}.participant-card{background:#fafafa;border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;align-items:center;gap:1rem;border:1px solid #e8e8e8}.participant-avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1.5rem;overflow:hidden}.participant-avatar .avatar-image{width:100%;height:100%;object-fit:cover}.participant-info{text-align:center}.participant-role{font-size:.8rem;color:#888;text-transform:uppercase;letter-spacing:.5px}.participant-name{font-size:1.2rem;font-weight:600;color:#333;margin:.5rem 0}.participant-description{font-size:.9rem;color:#666;margin:0}.approval-status{margin-top:.5rem}.btn-view-profile{display:inline-block;background:transparent;color:#667eea;border:1px solid #667eea;padding:.5rem 1rem;font-size:.85rem;font-weight:500;border-radius:6px;cursor:pointer;transition:all .3s ease;text-decoration:none;text-align:center}.btn-view-profile:hover{background:#667eea;color:#fff}.approval-badge{display:inline-block;padding:.35rem .85rem;border-radius:20px;font-size:.85rem;font-weight:500}.approval-approved{background:#e8f5e9;color:#388e3c}.approval-pending{background:#fff3e0;color:#f57c00}.approval-cancelled{background:#ffebee;color:#d32f2f}.interview-info-container .info-section{padding:1rem 2rem;border-bottom:1px solid #f0f0f0;display:flex;flex-direction:column;gap:.5rem}.interview-info-container .info-label{font-size:.85rem;color:#888;text-transform:uppercase;letter-spacing:.5px}.interview-info-container .info-value{font-size:1rem;color:#333}.video-link{color:#667eea;font-size:1rem;word-break:break-all;text-decoration:none}.video-link:hover{text-decoration:underline}.notes-text{font-size:1rem;color:#333;margin:0;line-height:1.6;white-space:pre-wrap}.created-info{background:#fafafa}.actions-section{padding:2rem;display:flex;justify-content:center}.interview-info-container .btn-back{background:transparent;color:#667eea;border:2px solid #667eea;padding:.75rem 2rem;font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease}.interview-info-container .btn-back:hover{background:#667eea;color:#fff}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem}.btn-page{background:#fffffff2;border:none;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-weight:500;transition:all .3s ease}.btn-page:hover:not(:disabled){background:#fff;transform:scale(1.05)}.btn-page:disabled{opacity:.5;cursor:not-allowed}.page-info{color:#fff;font-weight:500}.loading-state,.error-state,.no-results{text-align:center;padding:3rem;color:#fff}.loading-state .spinner{width:40px;height:40px;margin:0 auto 1rem}.error-state{background:#e74c3c33;border-radius:12px}.no-results{background:#ffffff1a;border-radius:12px}@media (max-width: 768px){.slogan{font-size:2rem}.benefits-container{flex-direction:column;align-items:center}.benefit-card{min-width:100%;max-width:100%}.top-nav{padding:0 1rem}.nav-menu-desktop{display:none}.nav-menu-mobile{display:flex;align-items:center}.nav-brand{font-size:1.1rem}.tabs-nav{display:none}.tabs-nav-mobile,.mobile-tab-selector{display:block}.search-header{flex-direction:column;align-items:flex-start}.experts-grid{grid-template-columns:1fr}.expert-actions{flex-direction:column}.btn-view,.btn-book{min-width:auto}.participants-section{grid-template-columns:1fr}.interview-datetime{flex-direction:column;gap:1rem}.datetime-item,.btn-reschedule-inline{width:100%}.filter-controls{flex-direction:column;align-items:flex-start;width:100%}.filter-select{width:100%}.user-info-container{padding:1rem;margin:1rem auto}.tab-content{padding:1rem}.user-card-header{padding:1.5rem}.mobile-tab-selector{padding:0 1rem}.mobile-tab-option{padding:1rem}.time-item{flex-direction:column;align-items:stretch}.time-info{flex-wrap:wrap}.time-actions{width:100%;justify-content:flex-end}.chat-message{max-width:90%}.message-edit-actions{flex-direction:column}.btn-save-edit,.btn-cancel-edit{width:100%}}.book-interview-container{max-width:900px;margin:2rem auto;padding:2rem}.expert-header{display:flex;align-items:center;gap:1.5rem;background:#fff;border-radius:12px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 4px 15px #0000001a}.expert-header .expert-avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1.5rem;flex-shrink:0}.expert-header .expert-details{flex:1}.expert-header .expert-details h2{margin:0 0 .5rem;color:#333}.expert-header .expert-description{color:#666;font-size:.95rem}.expert-skills-section{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 15px #0000001a;margin-bottom:1.5rem}.expert-skills-section h3{margin:0 0 1.5rem;color:#333;font-size:1.25rem;border-bottom:2px solid #f0f0f0;padding-bottom:.75rem}.expert-skills-section .no-skills{background:#f9f9f9;border:2px dashed #ddd;border-radius:8px;padding:2rem;text-align:center}.expert-skills-section .no-skills p{color:#888;font-size:1rem;margin:0}.expert-skills-section .skills-tree{background:#fafafa;border-radius:8px;padding:1rem;border:1px solid #e8e8e8}.expert-availability-section{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 15px #0000001a;margin-bottom:1.5rem}.expert-availability-section h3{margin:0 0 1.5rem;color:#333;font-size:1.25rem;border-bottom:2px solid #f0f0f0;padding-bottom:.75rem}.availability-list{display:flex;flex-direction:column;gap:.75rem}.availability-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f8f9ff;border-radius:8px;border:1px solid #e8e8e8;flex-wrap:wrap}.availability-type-badge{padding:.35rem .85rem;border-radius:20px;font-size:.85rem;font-weight:500;white-space:nowrap}.availability-display{font-weight:500;color:#333;flex:1}.no-availability{background:#f9f9f9;border:2px dashed #ddd;border-radius:8px;padding:2rem;text-align:center}.no-availability p{color:#888;font-size:1rem;margin:0}.time-mode-selector{display:flex;gap:1.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.time-mode-selector .radio-option{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.75rem 1rem;border:2px solid #e0e0e0;border-radius:8px;transition:all .3s ease;background:#fff}.time-mode-selector .radio-option:hover{border-color:#667eea;background:#f8f9ff}.time-mode-selector .radio-option input[type=radio]{cursor:pointer;width:18px;height:18px;accent-color:#667eea}.time-mode-selector .radio-option input[type=radio]:checked+span{color:#667eea;font-weight:500}.slots-not-available{background:#fff3e0;border:2px dashed #ffb74d;border-radius:8px;padding:2rem;text-align:center}.slots-not-available p{color:#e65100;font-size:1rem;margin:0}.slots-section{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 15px #0000001a;margin-bottom:1.5rem}.slots-section h3{margin:0 0 1.5rem;color:#333;font-size:1.25rem}.slots-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.slot-card{border:2px solid #e0e0e0;border-radius:8px;padding:1rem;cursor:pointer;transition:all .3s ease}.slot-card:hover{border-color:#667eea;background:#f8f9ff}.slot-card.selected{border-color:#667eea;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.slot-card.selected .slot-status{color:#ffffffe6}.slot-date{font-weight:600;font-size:.95rem;margin-bottom:.5rem}.slot-status{font-size:.85rem;color:#888}.slot-status.available{color:#27ae60}.no-slots{text-align:center;padding:2rem;color:#888;background:#f9f9f9;border-radius:8px}.booking-form{background:#f8f9ff;border-radius:8px;padding:1.5rem;margin-top:1.5rem;border:1px solid #e0e8ff}.booking-form h4{margin:0 0 1rem;color:#667eea}.selected-slot-info{margin-bottom:1rem;padding:.75rem;background:#fff;border-radius:6px;font-size:.95rem}.booking-form .form-actions{display:flex;gap:1rem;margin-top:1rem}.btn-book{flex:1;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease}.btn-book:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-book:disabled{opacity:.6;cursor:not-allowed}.btn-back{background:transparent;color:#fff;border:2px solid white;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease}.btn-back:hover{background:#fff;color:#667eea}.book-interview-section{margin-bottom:1.5rem}.btn-book-interview{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.875rem 2rem;font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease;width:100%}.btn-book-interview:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.available-time-container{margin-top:1rem}.available-time-list{margin-bottom:1rem}.times-list{display:flex;flex-direction:column;gap:.75rem}.time-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f8f9ff;border-radius:8px;border:1px solid #e0e8ff;transition:all .3s ease;flex-wrap:wrap;gap:.75rem}.time-item:hover{background:#f0f4ff;border-color:#667eea}.time-info{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0;flex-wrap:wrap}.time-type-badge{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;white-space:nowrap;flex-shrink:0}.type-always{background:#27ae60;color:#fff}.type-weekly-day{background:#3498db;color:#fff}.type-weekly-time{background:#9b59b6;color:#fff}.type-specific{background:#e67e22;color:#fff}.time-display{font-weight:500;color:#333;word-break:break-word;min-width:0}.time-actions{display:flex;gap:.5rem;flex-shrink:0}.btn-edit-time,.btn-delete-time{padding:.5rem 1rem;border-radius:6px;border:none;cursor:pointer;font-weight:500;font-size:.85rem;transition:all .3s ease;white-space:nowrap}.btn-edit-time{background:#f0f0f0;color:#667eea}.btn-edit-time:hover{background:#667eea;color:#fff}.btn-delete-time{background:#fee;color:#e74c3c}.btn-delete-time:hover{background:#e74c3c;color:#fff}.no-times{text-align:center;padding:1.5rem;color:#888;background:#f9f9f9;border-radius:8px}.available-time-form{background:#f8f9ff;border-radius:8px;padding:1.5rem;margin-top:1rem;border:1px solid #e0e8ff}.available-time-form h4{margin:0 0 1rem;color:#667eea}.radio-group{display:flex;flex-direction:column;gap:.75rem}.radio-option,.checkbox-option{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem;border-radius:6px;transition:background .2s ease}.radio-option:hover,.checkbox-option:hover{background:#e8f0ff}.radio-option input[type=radio],.checkbox-option input[type=checkbox]{cursor:pointer;width:18px;height:18px}.form-row{display:flex;gap:1rem}.form-row .form-section{flex:1}.btn-add-time{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease;width:100%;margin-top:.5rem}.btn-add-time:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.more-info-link{display:inline-block;margin-top:1rem;color:#667eea;font-weight:500;text-decoration:none;transition:all .3s ease}.more-info-link:hover{text-decoration:underline;color:#764ba2}.expert-card .more-info-link{color:#764ba2}.expert-card .more-info-link:hover{color:#667eea}.info-container{max-width:900px;margin:2rem auto;padding:2rem}.info-title{color:#fff;font-size:2.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.2);margin-bottom:2rem;text-align:center}.info-section{background:#fff;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 4px 15px #0000001a}.info-section h2{color:#667eea;font-size:1.4rem;margin-bottom:1rem;border-bottom:2px solid #f0f0f0;padding-bottom:.5rem}.info-section p{color:#555;line-height:1.6;margin-bottom:.75rem}.info-section p:last-child{margin-bottom:0}.info-section .benefit-list{margin:0}.authorized-section{background:linear-gradient(135deg,#f8f9ff,#f0f4ff);border:2px solid #667eea}.authorized-section h2{color:#27ae60}.info-link{color:#667eea;font-weight:600;text-decoration:none;transition:all .3s ease}.info-link:hover{text-decoration:underline;color:#764ba2}.hint-text{font-style:italic;color:#888!important;font-size:.95rem}.back-button-container{text-align:center;margin-top:2rem}.back-button-container .btn-back{background:transparent;color:#fff;border:2px solid white;padding:.875rem 2.5rem;font-size:1.1rem;font-weight:600;border-radius:50px;cursor:pointer;transition:all .3s ease}.back-button-container .btn-back:hover{background:#fff;color:#667eea;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.action-link{cursor:pointer;text-decoration:underline}.action-link:hover{text-decoration:none}.cancel-section{padding:1rem 2rem;border-top:1px solid #f0f0f0}.cancel-form{background:#fff5f5;border-radius:8px;padding:1.5rem;border:1px solid #ffe0e0}.cancel-form .form-group{margin-bottom:1rem}.cancel-form .form-label{display:block;font-size:.85rem;color:#888;text-transform:uppercase;letter-spacing:.5px;font-weight:500;margin-bottom:.5rem}.cancel-form .form-textarea{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:8px;font-size:1rem;font-family:inherit;resize:vertical;min-height:80px;transition:border-color .3s ease}.cancel-form .form-textarea:focus{outline:none;border-color:#e74c3c}.cancel-actions{display:flex;gap:1rem;flex-wrap:wrap}.btn-cancel-interview{background:#e74c3c;color:#fff;border:none;padding:.875rem 2rem;font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease;width:100%}.btn-cancel-interview:hover{background:#c0392b;transform:translateY(-2px);box-shadow:0 4px 12px #e74c3c66}.btn-confirm-cancel{flex:1;background:#e74c3c;color:#fff;border:none;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease}.btn-confirm-cancel:hover:not(:disabled){background:#c0392b;transform:translateY(-2px);box-shadow:0 4px 12px #e74c3c66}.btn-confirm-cancel:disabled{opacity:.6;cursor:not-allowed}.btn-cancel-action{flex:1;background:transparent;color:#667eea;border:2px solid #667eea;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease}.btn-cancel-action:hover:not(:disabled){background:#667eea;color:#fff}.btn-cancel-action:disabled{opacity:.6;cursor:not-allowed}.cancel-reason-section{background:#fff5f5;border-radius:8px;margin:0 2rem 1rem;padding:1rem 1.5rem}.cancel-reason-text{font-size:1rem;color:#333;margin:0;line-height:1.6;white-space:pre-wrap}.interview-actions-row{display:flex;gap:1rem;flex-wrap:wrap}.btn-confirm-interview{flex:1;background:linear-gradient(135deg,#27ae60,#2ecc71);color:#fff;border:none;padding:.875rem 2rem;font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease}.reschedule-section{padding:1rem 2rem;border-top:1px solid #f0f0f0}.reschedule-form{background:#f0f8ff;border-radius:8px;padding:1.5rem;border:1px solid #d0e8ff}.reschedule-form .form-group{margin-bottom:1rem}.reschedule-form .form-label{display:block;font-size:.85rem;color:#888;text-transform:uppercase;letter-spacing:.5px;font-weight:500;margin-bottom:.5rem}.reschedule-form .form-input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:8px;font-size:1rem;transition:border-color .3s ease}.reschedule-form .form-input:focus{outline:none;border-color:#667eea}.reschedule-actions{display:flex;gap:1rem;flex-wrap:wrap}.btn-reschedule-interview{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border:none;padding:.875rem 2rem;font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease;width:100%}.btn-reschedule-interview:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3498db66}.btn-reschedule{flex:1;background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border:none;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease}.btn-reschedule:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #3498db66}.btn-reschedule:disabled{opacity:.6;cursor:not-allowed}.btn-reschedule-inline{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border:none;padding:.5rem 1rem;font-size:.85rem;font-weight:500;border-radius:6px;cursor:pointer;transition:all .3s ease;white-space:nowrap}.btn-reschedule-inline:hover{transform:translateY(-1px);box-shadow:0 2px 8px #3498db66}.btn-confirm-interview-inline{background:linear-gradient(135deg,#27ae60,#2ecc71);color:#fff;border:none;padding:.5rem 1rem;font-size:.85rem;font-weight:500;border-radius:6px;cursor:pointer;transition:all .3s ease;white-space:nowrap;margin-left:.5rem}.btn-confirm-interview-inline:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 8px #27ae6066}.btn-confirm-interview-inline:disabled{opacity:.6;cursor:not-allowed}.confirm-section{margin:1rem 0;padding:0 1rem}.btn-confirm-interview{background:linear-gradient(135deg,#27ae60,#2ecc71);color:#fff;border:none;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease;width:100%}.btn-confirm-interview:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #27ae6066}.btn-confirm-interview:disabled{opacity:.6;cursor:not-allowed}.rescheduled-info{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.rescheduled-badge{display:inline-block;background:#fff8e1;color:#f57c00;padding:.35rem .75rem;border-radius:6px;font-size:.85rem;font-weight:500;border:1px solid #ffcc80}.price-input-wrapper{display:flex;gap:.75rem;align-items:center}.price-input{flex:1;min-width:0}.currency-select{min-width:100px;max-width:150px}.expert-price{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;padding:.5rem .75rem;background:#f0f7ff;border-radius:6px;border:1px solid #d0e3ff;flex-wrap:wrap}.price-label{color:#666;font-size:.9rem}.price-value{color:#667eea;font-weight:600;font-size:1rem;word-break:break-word}.chat-section{background:#fff;border-radius:12px;padding:1.5rem;margin-top:1.5rem;box-shadow:0 4px 15px #0000001a}.chat-title{margin:0 0 1rem;color:#333;font-size:1.25rem;border-bottom:2px solid #f0f0f0;padding-bottom:.75rem}.chat-messages{max-height:400px;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem;padding:.5rem;background:#f8f9fa;border-radius:8px;margin-bottom:1rem}.chat-message{padding:.75rem 1rem;border-radius:8px;max-width:80%;word-wrap:break-word}.message-candidate{background:#e3f2fd;align-self:flex-start;border-left:3px solid #1976d2}.message-expert{background:#f3e5f5;align-self:flex-end;border-right:3px solid #7b1fa2;margin-left:auto}.message-admin{background:#fff3e0;align-self:center;border-left:3px solid #f57c00;max-width:90%}.message-system{background:#e8e8e8;align-self:center;max-width:90%;text-align:center;font-style:italic;color:#666}.message-unknown{background:#f5f5f5;align-self:flex-start}.message-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;flex-wrap:wrap}.message-from{font-weight:600;font-size:.85rem;color:#555}.message-time{font-size:.75rem;color:#888}.message-edited{font-size:.7rem;color:#999;font-style:italic}.message-text{font-size:.95rem;color:#333;line-height:1.4;white-space:pre-wrap}.btn-edit-message{background:transparent;color:#667eea;border:1px solid #667eea;padding:.35rem .75rem;font-size:.75rem;border-radius:4px;cursor:pointer;margin-top:.5rem;transition:all .2s ease}.btn-edit-message:hover{background:#667eea;color:#fff}.message-edit-form{display:flex;flex-direction:column;gap:.5rem}.message-edit-input{width:100%;padding:.5rem;border:1px solid #ddd;border-radius:6px;font-size:.9rem;font-family:inherit;resize:vertical;min-height:60px}.message-edit-actions{display:flex;gap:.5rem}.btn-save-edit{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.35rem .75rem;font-size:.8rem;border-radius:4px;cursor:pointer;transition:all .2s ease}.btn-save-edit:hover:not(:disabled){opacity:.9}.btn-save-edit:disabled{opacity:.6;cursor:not-allowed}.btn-cancel-edit{background:transparent;color:#666;border:1px solid #ddd;padding:.35rem .75rem;font-size:.8rem;border-radius:4px;cursor:pointer;transition:all .2s ease}.btn-cancel-edit:hover:not(:disabled){background:#f0f0f0}.btn-cancel-edit:disabled{opacity:.6;cursor:not-allowed}.chat-input-section{display:flex;flex-direction:column;gap:.75rem}.chat-input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:8px;font-size:.95rem;font-family:inherit;resize:vertical;min-height:60px;transition:border-color .3s ease}.chat-input:focus{outline:none;border-color:#667eea}.btn-send-message{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease;align-self:flex-end}.btn-send-message:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-send-message:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.expert-price{flex-direction:column;align-items:flex-start;gap:.25rem}.price-label{font-size:.85rem}.price-value{font-size:.95rem}}