:root{--color-white: #ffffff;--color-gray-50: #f9fafb;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-950: #030712;--color-primary: #030712;--color-primary-hover: #1f2937;--font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-full: 1000px;--shadow-sm: 0px 1px 2px 0px rgba(0, 0, 0, .05);--shadow-md: 0px 1px 2px 0px rgba(0, 0, 0, .05), 0px 0px 1px 0px rgba(0, 0, 0, .2)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background:var(--color-white);color:var(--color-gray-950);font-optical-sizing:auto}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:var(--color-gray-50)}.auth-card{background:var(--color-white);padding:40px;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--color-gray-200);width:100%;max-width:400px}.auth-card h1{margin-bottom:24px;text-align:center;font-size:24px;font-weight:500;line-height:32px}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-weight:500;font-size:14px;color:var(--color-gray-950)}.form-group input{width:100%;padding:10px 12px;border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:16px;font-family:var(--font-family);line-height:24px}.form-group input:focus{outline:none;border-color:var(--color-gray-950)}button[type=submit]{width:100%;padding:10px 16px;background:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--radius-full);font-size:14px;font-weight:500;font-family:var(--font-family);line-height:20px;cursor:pointer;margin-top:8px;box-shadow:var(--shadow-sm)}button[type=submit]:hover{background:var(--color-primary-hover)}button[type=submit]:disabled{background:var(--color-gray-400);cursor:not-allowed}.error{background:#fef2f2;color:#dc2626;padding:10px;border-radius:var(--radius-md);margin-bottom:16px;font-size:14px}.auth-link{margin-top:20px;text-align:center;font-size:14px;color:var(--color-gray-500)}.auth-link a{color:var(--color-gray-950);font-weight:500}.divider{display:flex;align-items:center;margin:20px 0}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--color-gray-200)}.divider span{padding:0 12px;color:var(--color-gray-500);font-size:14px}.google-btn{width:100%;padding:10px 16px;background:var(--color-white);color:var(--color-gray-950);border:1px solid var(--color-gray-300);border-radius:var(--radius-full);font-size:14px;font-weight:500;font-family:var(--font-family);line-height:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:var(--shadow-sm)}.google-btn:hover{background:var(--color-gray-50);border-color:var(--color-gray-400)}.loading{min-height:100vh;display:flex;align-items:center;justify-content:center}.dashboard-layout{display:flex;min-height:100vh}.sidebar{width:250px;background:var(--color-gray-50);color:var(--color-gray-950);display:flex;flex-direction:column;border-right:1px solid var(--color-gray-200);padding:24px 12px 16px}.sidebar-header{padding:0 12px 16px}.sidebar-header h2{font-size:12px;font-weight:500;line-height:20px;color:var(--color-gray-400);text-transform:uppercase;letter-spacing:.6px}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:8px}.nav-pill{display:flex;align-items:center;justify-content:center;padding:10px 20px;color:var(--color-gray-950);text-decoration:none;transition:all .2s;font-size:14px;font-weight:500;border-radius:var(--radius-full);border:1px solid var(--color-gray-300);background:var(--color-white)}.nav-pill:hover{background:var(--color-gray-50);border-color:var(--color-gray-400)}.nav-pill.active{background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.sidebar-footer{padding:16px 0 0}.logout-btn{width:100%;padding:10px 16px;background:transparent;color:var(--color-gray-500);border:1px solid var(--color-gray-300);border-radius:var(--radius-full);font-size:14px;font-weight:500;font-family:var(--font-family);cursor:pointer}.logout-btn:hover{background:#0000000a;color:var(--color-gray-950)}.dashboard-content{flex:1;padding:32px;background:var(--color-white)}.page h1{margin-bottom:24px;font-size:24px;font-weight:500;line-height:32px}.user-card{background:var(--color-white);padding:32px;border-radius:var(--radius-lg);border:1px solid var(--color-gray-200);display:flex;gap:32px}.user-avatar{width:100px;height:100px;background:var(--color-gray-200);color:var(--color-gray-950);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:600;border:2px solid var(--color-white);box-shadow:var(--shadow-md)}.user-info{flex:1}.info-row{padding:12px 0;border-bottom:1px solid var(--color-gray-200)}.info-row:last-child{border-bottom:none}.info-row label{display:block;font-size:12px;color:var(--color-gray-400);margin-bottom:4px;text-transform:uppercase;letter-spacing:.6px;font-weight:500}.info-row span{font-size:16px;line-height:24px}.welcome-card{background:var(--color-white);padding:32px;border-radius:var(--radius-lg);border:1px solid var(--color-gray-200)}.welcome-name{font-size:24px;font-weight:500;line-height:32px;margin-bottom:8px}.welcome-email{color:var(--color-gray-500);font-size:16px;line-height:24px}.tabs-container{background:var(--color-white);border-radius:var(--radius-lg);border:1px solid var(--color-gray-200);overflow:hidden}.tabs-header{display:flex;border-bottom:1px solid var(--color-gray-200);background:var(--color-gray-50);gap:4px;padding:8px}.tab-btn{padding:10px 16px;background:transparent;border:none;font-size:14px;font-weight:500;font-family:var(--font-family);color:var(--color-gray-950);cursor:pointer;transition:all .2s;border-radius:var(--radius-full)}.tab-btn:hover{background:var(--color-gray-200)}.tab-btn.active{color:var(--color-white);background:var(--color-primary)}.tab-content{padding:24px}.tab-panel .info-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--color-gray-200)}.tab-panel .info-row:last-child{border-bottom:none}.tab-panel .info-row .label{color:var(--color-gray-500);font-weight:500;font-size:16px}.tab-panel .info-row .value{color:var(--color-gray-950);font-size:16px}.placeholder-text{color:var(--color-gray-400);font-style:italic}.btn-edit{margin-top:16px;padding:10px 16px;background:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--radius-full);font-size:14px;font-weight:500;font-family:var(--font-family);cursor:pointer;box-shadow:var(--shadow-sm)}.btn-edit:hover{background:var(--color-primary-hover)}.btn-primary{padding:10px 16px;background:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--radius-full);font-size:14px;font-weight:500;font-family:var(--font-family);cursor:pointer;box-shadow:var(--shadow-sm);line-height:20px}.btn-primary:hover{background:var(--color-primary-hover)}.btn-secondary{padding:10px 16px;background:var(--color-white);color:var(--color-gray-950);border:1px solid var(--color-gray-300);border-radius:var(--radius-full);font-size:14px;font-weight:500;font-family:var(--font-family);cursor:pointer;box-shadow:var(--shadow-sm);line-height:20px}.btn-secondary:hover{background:var(--color-gray-50)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:var(--color-white);padding:32px;border-radius:var(--radius-lg);width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.modal h2{margin-bottom:24px;font-size:24px;font-weight:500;line-height:32px}.modal h3{margin:20px 0 12px;font-size:12px;color:var(--color-gray-400);text-transform:uppercase;letter-spacing:.6px;font-weight:500}.form-row{display:flex;gap:16px}.form-group-small{flex:0 0 100px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.language-input-row{display:flex;gap:8px}.language-input-row input{flex:1}.btn-add{padding:10px 16px;background:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--radius-full);font-size:14px;font-weight:500;font-family:var(--font-family);cursor:pointer}.btn-add:hover{background:var(--color-primary-hover)}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.tag{display:inline-flex;align-items:center;gap:6px;background:var(--color-gray-50);color:var(--color-gray-950);padding:6px 12px;border-radius:var(--radius-full);font-size:14px;border:1px solid var(--color-gray-200)}.tag button{background:none;border:none;color:var(--color-gray-500);cursor:pointer;font-size:16px;padding:0;line-height:1}.tag button:hover{color:#dc2626}.caption-label{font-size:12px;color:var(--color-gray-400);text-transform:uppercase;letter-spacing:.6px;font-weight:500;line-height:20px}.employees-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.employee-card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:24px}.employee-card-header{display:flex;gap:-20px;margin-bottom:16px}.employee-avatar{width:100px;height:100px;border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--color-white);box-shadow:var(--shadow-md)}.employee-avatar-placeholder{width:100px;height:100px;border-radius:var(--radius-full);background:var(--color-gray-200);display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:600;color:var(--color-gray-950);border:2px solid var(--color-white);box-shadow:var(--shadow-md)}.employee-avatar-secondary{width:100px;height:100px;border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--color-white);box-shadow:var(--shadow-md);margin-left:-20px}.employee-card-info{margin-bottom:16px}.employee-name{font-size:24px;font-weight:500;line-height:32px;color:var(--color-gray-950);margin-bottom:4px}.employee-department,.employee-meta{font-size:16px;line-height:24px;color:var(--color-gray-500)}.employee-card-sections{display:flex;flex-direction:column;gap:12px}.employee-section{display:flex;gap:12px;align-items:flex-start}.section-icon{flex-shrink:0;font-size:20px;width:24px;text-align:center}.section-content{font-size:16px;line-height:24px;color:var(--color-gray-950)}.legend-card{background:var(--color-gray-50);border-radius:var(--radius-lg);padding:16px 20px}.legend-item{display:flex;align-items:center;gap:12px;padding:8px 0;font-size:16px;line-height:24px}.profile-card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:24px}.profile-header{display:flex;gap:16px;margin-bottom:16px}.profile-avatar{width:100px;height:100px;border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--color-white);box-shadow:var(--shadow-md)}.profile-name{font-size:24px;font-weight:500;line-height:32px;color:var(--color-gray-950)}.profile-meta{font-size:16px;line-height:24px;color:var(--color-gray-500)}.profile-section{display:flex;gap:12px;padding:12px 0}.profile-section-icon{flex-shrink:0;width:20px;height:20px}.profile-section-content{font-size:16px;line-height:24px;color:var(--color-gray-950)}.profile-page{max-width:720px;margin:0 auto;padding:0 24px}.profile-page-header{display:flex;justify-content:space-between;align-items:center;padding:24px 0}.btn-back{display:flex;align-items:center;justify-content:center;width:50px;height:50px;background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-full);cursor:pointer;color:var(--color-gray-950);box-shadow:var(--shadow-sm)}.btn-back:hover{background:var(--color-gray-50)}.btn-secondary-small{padding:10px 16px;background:var(--color-white);color:var(--color-gray-950);border:1px solid var(--color-gray-300);border-radius:var(--radius-full);font-size:14px;font-weight:500;font-family:var(--font-family);cursor:pointer;box-shadow:var(--shadow-sm);line-height:20px}.btn-secondary-small:hover{background:var(--color-gray-50)}.profile-page-content{display:flex;flex-direction:column;gap:24px;padding-bottom:48px}.profile-hero{text-align:center;padding:24px 0}.profile-images{display:flex;justify-content:center;margin-bottom:24px}.profile-image-wrapper{position:relative;width:120px;height:120px;border-radius:var(--radius-full);overflow:hidden;border:4px solid var(--color-white);box-shadow:var(--shadow-md)}.profile-image-edit-btn{position:absolute;bottom:4px;right:4px;width:32px;height:32px;border-radius:var(--radius-full);background:var(--color-white);border:1px solid var(--color-gray-200);box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-gray-600);transition:all .2s}.profile-image-edit-btn:hover{background:var(--color-gray-50);color:var(--color-gray-900)}.profile-image-edit-btn:disabled{cursor:not-allowed;opacity:.7}.hidden-file-input{display:none}.spinner-small{width:14px;height:14px;border:2px solid var(--color-gray-200);border-top-color:var(--color-gray-600);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.profile-image-wrapper.profile-image-secondary{margin-left:-24px}.profile-image{width:100%;height:100%;object-fit:cover}.profile-title{font-size:34px;font-weight:500;line-height:42px;color:var(--color-gray-950);margin-bottom:16px}.profile-bio{font-size:24px;font-weight:400;line-height:32px;color:var(--color-gray-500);max-width:600px;margin:0 auto;font-style:italic}.profile-bio-edit{display:flex;flex-direction:column;gap:12px;max-width:600px;margin:0 auto;width:100%}.profile-bio-textarea{width:100%;min-height:100px;padding:12px 16px;font-size:16px;line-height:24px;border:1px solid var(--color-gray-300);border-radius:var(--radius-md);resize:vertical;font-family:inherit;color:var(--color-gray-700)}.profile-bio-textarea:focus{outline:none;border-color:var(--color-blue-500);box-shadow:0 0 0 3px #3b82f61a}.profile-bio-textarea::placeholder{color:var(--color-gray-400)}.profile-bio-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.profile-ai-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;color:var(--color-white);background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.profile-edit-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;color:var(--color-gray-700);background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.profile-edit-button:hover{background:var(--color-gray-50);border-color:var(--color-gray-400)}.profile-edit-button svg{flex-shrink:0}.profile-ai-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.profile-ai-button:disabled{opacity:.7;cursor:not-allowed}.profile-ai-button svg{flex-shrink:0}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.profile-section-card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:24px}.profile-section-title{font-size:24px;font-weight:500;line-height:32px;color:var(--color-gray-950);margin-bottom:16px}.profile-info-list{display:flex;flex-direction:column}.profile-info-row{display:flex;gap:48px;padding:8px 0}.profile-info-label{font-size:16px;line-height:24px;color:var(--color-gray-500);min-width:120px}.profile-info-value{font-size:16px;line-height:24px;color:var(--color-gray-500)}.profile-personal-list{display:flex;flex-direction:column}.profile-personal-row{display:flex;align-items:center;gap:12px;padding:8px 0}.profile-personal-row.vertical{flex-direction:column;align-items:flex-start;gap:8px}.profile-personal-row.vertical .profile-personal-header{display:flex;align-items:center;gap:12px}.profile-personal-row.vertical .profile-input,.profile-personal-row.vertical .profile-textarea,.profile-personal-row.vertical .profile-input-group{width:calc(100% - 72px);margin-left:36px}.profile-personal-row.vertical .profile-personal-value{margin-left:36px}.profile-link{color:var(--color-primary);text-decoration:none;font-weight:400}.profile-link:hover{text-decoration:underline}.profile-personal-icon{font-size:20px;width:24px;text-align:center}.profile-personal-label{font-size:16px;line-height:24px;color:var(--color-gray-950);min-width:160px}.profile-personal-value{font-size:16px;line-height:24px;color:var(--color-gray-500)}.profile-header-actions{display:flex;gap:8px}.btn-primary-small{padding:10px 16px;background:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--radius-full);font-size:14px;font-weight:500;font-family:var(--font-family);cursor:pointer;box-shadow:var(--shadow-sm);line-height:20px}.btn-primary-small:hover{background:var(--color-primary-hover)}.btn-primary-small:disabled{background:var(--color-gray-400);cursor:not-allowed}.btn-add-small{padding:8px 12px;background:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--radius-full);font-size:14px;font-weight:500;font-family:var(--font-family);cursor:pointer;white-space:nowrap}.btn-add-small:hover{background:var(--color-primary-hover)}.profile-input{padding:8px 12px;border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:16px;font-family:var(--font-family);line-height:24px;flex:1;min-width:0}.profile-input:focus{outline:none;border-color:var(--color-gray-950)}.profile-textarea{resize:vertical;min-height:80px}.profile-input-small{flex:0 0 80px}.profile-input-group{display:flex;flex-direction:column;gap:8px;flex:1}.profile-input-row{display:flex;gap:8px}