@import"https://fonts.googleapis.com/css2?family=Cormorant+Infant:ital,wght@0,300..700;1,300..700&family=DM+Serif+Display:ital@0;1&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Lora:ital,wght@0,400..700;1,400..700&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Spectral+SC:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&family=Zilla+Slab:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap";@font-face{font-family:ArgentCF;src:url(/assets/otf/Fontspring-DEMO-argentcf-regular-BE1Z2yg3.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:ArgentCF;src:url(/assets/otf/Fontspring-DEMO-argentcf-bold-BY-tfxMC.otf) format("opentype");font-weight:700;font-style:normal}@font-face{font-family:ArgentCF;src:url(/assets/otf/Fontspring-DEMO-argentcf-bolditalic-DoAs-Tn2.otf) format("opentype");font-weight:700;font-style:italic}@font-face{font-family:ArgentCF;src:url(/assets/otf/Fontspring-DEMO-argentcf-light-BwhppTN6.otf) format("opentype");font-weight:300;font-style:normal}@font-face{font-family:ArgentCF;src:url(/assets/otf/Fontspring-DEMO-argentcf-lightitalic-B5ZsPxHD.otf) format("opentype");font-weight:300;font-style:italic}@font-face{font-family:ArgentCF;src:url(/assets/otf/Fontspring-DEMO-argentcf-thin-BvqxpRMq.otf) format("opentype");font-weight:100;font-style:normal}@font-face{font-family:ArgentCF;src:url(/assets/otf/Fontspring-DEMO-argentcf-thinitalic-BWxYZjz1.otf) format("opentype");font-weight:100;font-style:italic}@font-face{font-family:ArgentCF;src:url(/assets/otf/Fontspring-DEMO-argentcf-extrabold-KhhbuFZZ.otf) format("opentype");font-weight:800;font-style:normal}@font-face{font-family:ArgentCF;src:url(/assets/otf/Fontspring-DEMO-argentcf-extrabolditalic-C2qoNJDU.otf) format("opentype");font-weight:800;font-style:italic}@font-face{font-family:ArgentCF;src:url(/assets/otf/Fontspring-DEMO-argentcf-super-DSpvJcw4.otf) format("opentype");font-weight:900;font-style:normal}@font-face{font-family:ArgentCF;src:url(/assets/otf/Fontspring-DEMO-argentcf-demibold-ClyPqENB.otf) format("opentype");font-weight:600;font-style:normal}@font-face{font-family:ArgentCF;src:url(/assets/otf/Fontspring-DEMO-argentcf-demibolditalic-Dv4G8r7_.otf) format("opentype");font-weight:600;font-style:italic}@font-face{font-family:ArgentCF;src:url(/assets/otf/Fontspring-DEMO-argentcf-regularitalic-BHlI6UvQ.otf) format("opentype");font-weight:400;font-style:italic}:root{--black90: #1a1a1a;--black80: #333333;--black70: #505050;--black40: #999999;--black20: #cacaca;--red: #ff6174;--green: #27cf96;--white: white;--offwhite: #f1f1ef;--primary: rgb(0, 91, 228);--standard-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, .1);--font-small: .8rem;--font-standard: 1rem;--font-subtitle: 1.4rem;--font-title: 2.4rem}*{margin:0;padding:0;box-sizing:border-box;font-family:Montserrat,sans-serif;font-weight:400;font-size:var(--font-standard);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--black90)}svg{width:24px;height:24px}svg{stroke:var(--black80);stroke-width:1.2}a{text-decoration:none}body{width:100%;min-height:100vh;background-color:var(--white);overflow:hidden}.app{width:100%;height:100vh;position:absolute;top:0;left:0;z-index:1}body{background:linear-gradient(90deg,#10f,#2effff);background:linear-gradient(90deg,#d0e0ff,#dcf3ff)}body:before{content:"";position:absolute;inset:0;-webkit-mask-image:linear-gradient(to bottom,transparent,black);mask-image:linear-gradient(to bottom,transparent,rgb(0,0,0));background:linear-gradient(90deg,#8a69ff,#463399);background:linear-gradient(90deg,#dfe6ff,#dff9ff)}body:after{content:"";position:absolute;inset:0;background-color:#ffffff4d}.icon-board svg{stroke:#000;fill:none}.logo-container{display:flex;align-items:center;justify-content:left;gap:0;width:400px;min-width:400px;max-width:400px;padding:40px}.logo-container svg{stroke:var(--primary);fill:none}.page-header-btn{border-radius:30px;height:50px;background-color:#fff;border:none;display:flex;align-items:center;justify-content:center;padding:0 20px;gap:8px;cursor:pointer;color:#374151;transition:all .2s ease}.page-header-btn svg{stroke:#8d8d8d;fill:none}.logo-text{font-family:ArgentCF,serif;text-transform:lowercase;font-size:2rem}.dashboard-layout{width:100%;height:100vh;display:flex;flex-direction:column}.dashboard-layout .sidebar{width:400px;min-width:400px;max-width:400px;height:100%}.dashboard-layout .topbar{width:100%;height:10vh;display:flex;align-items:center;justify-content:left}.dashboard-layout .topbar .right-container{width:100%;height:10vh;padding:30px;display:flex;align-items:center;justify-content:space-between}.dashboard-layout .main-container{width:100%;height:90vh;display:flex}.dashboard-layout .main-container .page-content{width:100%;height:90vh;overflow-x:hidden;overflow-y:auto;padding:30px}.page-content h1{font-size:2rem;font-weight:500;padding-bottom:30px}.page-content .container{width:300px;height:150px;background-color:#fff;border-radius:20px;padding:20px}.top-buttons{display:flex;align-items:center;justify-content:right;gap:10px}.top-button{border-radius:30px;height:50px;background-color:#fff;display:flex;align-items:center;justify-content:center;padding:0 15px;gap:5px;cursor:pointer}.top-button.search-bar input{width:400px}.top-button svg{stroke:#8d8d8d;fill:none}.count{width:25px;height:25px;background-color:#c6eaff;border-radius:50%;display:flex;align-items:center;justify-content:center}.top-button input{outline:none;border:none}.profile{display:flex;align-items:center;justify-content:right;gap:10px}.profile .text{display:flex;flex-direction:column;justify-content:left;padding-left:5px}.profile .text p{font-size:var(--font-small);color:var(--black70)}.profile .expand{transform:translateY(2px)}.profile .expand svg{stroke:var(--black70);fill:none}.breadcrumb{display:flex;align-items:center;justify-content:left;gap:20px}.breadcrumb p{color:var(--black70)}.breadcrumb p.separator{color:var(--black20)}.breadcrumb p:last-child{color:var(--black90);font-weight:500}.sidebar{padding:30px;display:flex;justify-content:space-between;flex-direction:column}.nav-links,.sub-links{display:flex;flex-direction:column;align-items:center;justify-content:left;gap:5px;width:100%}.sub-links{padding:5px 0 5px 40px}.nav-link-container{width:100%;position:relative}.nav-link-container.locked{position:relative;pointer-events:none}.nav-link-container.locked .nav-link{filter:blur(1.5px);opacity:.6}.lock-overlay{position:absolute;inset:0;background:#ffffff1a;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:20px;pointer-events:none;z-index:1}.lock-icon{margin-left:auto;display:flex;align-items:center;justify-content:center;opacity:.8}.lock-icon svg{width:16px;height:16px;stroke:var(--black60)}.nav-link-content.locked,.sub-link-content.locked{cursor:not-allowed;opacity:.7}.nav-link-content.locked:hover,.sub-link-content.locked:hover{background-color:transparent}.nav-link-content,.sub-link-content{display:flex;align-items:center;justify-content:left;padding:0 20px;height:45px;border-radius:20px;width:100%;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.nav-link-content p,.sub-link-content p{color:var(--black70)}.nav-link-content.active,.sub-link-content.active{background-color:var(--black90);background-color:#383838}.nav-link-content.active svg *,.sub-link-content.active svg *{stroke:var(--offwhite)}.nav-link-content.active p,.sub-link-content.active p{color:var(--offwhite)}.subscription{border-radius:30px;height:50px;display:flex;align-items:center;justify-content:left;padding:0 30px 0 15px;gap:10px;cursor:pointer;width:fit-content}.subscription .text p:nth-child(2){font-size:var(--font-small);color:var(--black70)}.subscription svg{stroke:var(--black70);fill:none}.chat-popup{width:500px;height:700px;background:#fff;border-radius:20px;box-shadow:0 0 20px #00000014;display:flex;flex-direction:column;border:1px solid #e5e7eb;border-bottom:none}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #e5e7eb;background:#f9fafb;border-radius:20px 20px 0 0}.chat-employee-info{display:flex;align-items:center;gap:12px}.chat-profile-icon{width:40px;height:40px;border-radius:50%;background:#649bff;display:flex;align-items:center;justify-content:center;font-size:18px}.chat-profile-icon svg{stroke:var(--offwhite);fill:none}.chat-employee-info h4{margin:0;font-size:16px;font-weight:600;color:#111827}.chat-employee-info p{margin:0;font-size:12px;color:#6b7280}.close-chat{background:none;border:none;cursor:pointer;padding:10px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:#e9e9e9}.close-chat:hover{background:#dadada}.close-chat svg{stroke:#6b7280;fill:none}.chat-messages{flex:1;padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.message{display:flex;gap:12px;max-width:90%}.message.user-message{align-self:flex-end}.message-content{flex:1}.message-content p{margin:0 0 4px;padding:12px;background:#f3f4f6;border-radius:12px;font-size:14px;line-height:1.4}.ai-message .message-content p{background:#f0f9ff;border:1px solid #e0f2fe;width:fit-content}.user-message .message-content p{margin-left:auto}.message-time{font-size:11px;color:#9ca3af;padding-left:12px}.chat-input-section{padding:16px;border-top:1px solid #e5e7eb}.chat-input-container{display:flex;gap:8px;align-items:center}.chat-input-container input{flex:1;padding:12px;border:2px solid #cacaca;border-radius:20px;font-size:14px;outline:none;background:#f9fafb}.chat-input-container input:focus{border-color:#649bff;background:#fff}.send-button{width:40px;height:40px;border-radius:50%;background:#649bff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.send-button:hover{background:#5080da}.send-button svg{stroke:#fff;fill:none;transform:translate(-2px,1px)}.attachment-button{width:40px;height:40px;border-radius:50%;background:#f3f4f6;border:2px solid #e5e7eb;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.attachment-button:hover{background:#e5e7eb;border-color:#d1d5db}.attachment-button svg{stroke:#6b7280;fill:none}.attached-files{padding-bottom:10px;display:flex;flex-direction:column;gap:8px;max-height:120px;overflow-y:auto}.attached-file{display:flex;align-items:center;justify-content:space-between;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:8px 12px;font-size:13px}.file-info{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.file-info svg{stroke:#6b7280;fill:none;width:16px;height:16px;flex-shrink:0}.file-name{color:#374151;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.file-size{color:#6b7280;font-size:12px;flex-shrink:0}.remove-file{background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:.7;transition:all .2s ease;flex-shrink:0}.remove-file:hover{background:#ef44441a;opacity:1}.remove-file svg{width:14px;height:14px;stroke:#6b7280;fill:none}.remove-file:hover svg{stroke:#ef4444}.message-files{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.message-file{display:flex;align-items:center;gap:6px;background:#ffffff1a;padding:6px 10px;border-radius:6px;font-size:12px;border:1px solid rgba(255,255,255,.2)}.ai-message .message-file{background:#e0f2fe;border:1px solid #bae6fd;color:#0c4a6e}.user-message .message-file{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff}.message-file svg{width:14px;height:14px;stroke:currentColor;fill:none;flex-shrink:0}.message-file .file-size{color:inherit;opacity:.8}.details-popup{width:600px;height:850px;background:#fff;border-radius:20px;box-shadow:0 0 20px #00000014;display:flex;flex-direction:column;border:1px solid #e5e7eb}.details-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #e5e7eb;background:#f9fafb;border-radius:20px 20px 0 0}.details-employee-info{display:flex;align-items:center;gap:12px}.details-profile-icon{width:40px;height:40px;border-radius:50%;background:#649bff;display:flex;align-items:center;justify-content:center;font-size:18px}.details-profile-icon svg{stroke:var(--offwhite);fill:none}.details-employee-info h4{margin:0;font-size:16px;font-weight:600;color:#111827}.details-employee-info p{margin:0;font-size:12px;color:#6b7280}.close-details{background:#e9e9e9;border:none;cursor:pointer;padding:10px;border-radius:50%;display:flex;align-items:center;justify-content:center}.close-details:hover{background:#dadada}.close-details svg{stroke:#6b7280;fill:none}.details-content{flex:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:24px}.details-section{display:flex;flex-direction:column;gap:12px}.section-title{display:flex;align-items:center;gap:8px;margin:0;font-size:16px;font-weight:600;color:#111827;padding-bottom:8px;border-bottom:2px solid #f3f4f6}.section-title svg{stroke:#6b7280;fill:none}.task-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:16px;display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.task-info{flex:1}.task-info h6{margin:0 0 8px;font-size:14px;font-weight:600;color:#111827}.task-info p{margin:0 0 8px;font-size:13px;color:#6b7280;line-height:1.4}.task-meta{display:flex;gap:12px;align-items:center}.priority{padding:2px 8px;border-radius:12px;font-size:11px;font-weight:500;text-transform:uppercase}.priority.high{background:#fee2e2;color:#dc2626}.due-date{font-size:12px;color:#6b7280}.task-progress{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:80px}.progress-bar{width:80px;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:#649bff;border-radius:4px;transition:width .3s ease}.progress-text{font-size:12px;font-weight:600;color:#649bff}.upcoming-tasks{display:flex;flex-direction:column;gap:8px}.upcoming-tasks .task-item{background:#fff;border:1px solid #e5e7eb}.goals-grid{display:grid;grid-template-columns:1fr;gap:12px}.goal-item{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px}.goal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.goal-label{font-size:14px;font-weight:500;color:#374151}.goal-value{font-size:14px;font-weight:600;color:#111827}.goal-progress .progress-bar{width:100%;height:6px}.working-time-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.time-item{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:4px}.time-label{font-size:12px;color:#6b7280;font-weight:500}.time-value{font-size:16px;font-weight:600;color:#111827}.status-active{color:#16a34a!important}.manager-edit-form{display:flex;flex-direction:column;gap:12px;width:100%}.form-group{display:flex;flex-direction:column;gap:4px}.form-group label{font-size:12px;font-weight:500;color:#374151}.manager-input{padding:8px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;background:#fff;transition:border-color .2s ease}.manager-input:focus{outline:none;border-color:#649bff;box-shadow:0 0 0 3px #649bff1a}.edit-actions{display:flex;gap:8px;margin-top:8px}.save-btn,.cancel-btn{display:flex;align-items:center;gap:4px;padding:6px 12px;border:none;border-radius:20px;font-size:12px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.save-btn{background:#649bff;color:#fff}.save-btn:hover{background:#5a8ae6}.cancel-btn{background:#f3f4f6;color:#6b7280}.cancel-btn:hover{background:#e5e7eb}.edit-manager-btn{background:#f3f4f6;border:none;border-radius:6px;padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease;min-width:36px;height:36px}.edit-manager-btn:hover{background:#e5e7eb}.edit-manager-btn svg{stroke:#6b7280;fill:none}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000}.modal{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0003;max-width:500px;width:90%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.modal-header h4{margin:0;font-size:18px;font-weight:600;color:#111827}.modal-close{background:#e9e9e9;border:none;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:#dadada}.modal-close svg{stroke:#6b7280;fill:none}.modal-content{padding:24px;flex:1;overflow-y:auto;max-height:calc(90vh - 140px)}.modal-content p{margin:0;color:#6b7280;line-height:1.6}.form-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:#374151}.form-group input{width:100%;padding:12px;border:2px solid #e5e7eb;border-radius:12px;font-size:14px;background:#f9fafb;outline:none;transition:border-color .2s ease}.form-group input:focus{border-color:#649bff;background:#fff}.modal-actions{display:flex;gap:12px;padding:20px 24px;border-top:1px solid #e5e7eb;background:#f9fafb;justify-content:flex-end}.modal-btn.secondary{background:#fff;color:#6b7280;border:2px solid #e5e7eb}.modal-btn.secondary:hover{background:#f9fafb;border-color:#d1d5db}.modal-btn.primary:hover{background:#4f46e5;border-color:#4f46e5}.employee-card{background:#fff;border-radius:20px;padding:24px;width:max-content}.profile-section{display:flex;align-items:center;gap:16px;margin-bottom:20px}.profile-icon{width:60px;height:60px;border-radius:50%;background:#649bff;display:flex;align-items:center;justify-content:center;font-size:24px;color:#6b7280}.profile-icon svg{stroke:var(--offwhite);fill:none}.employee-info{flex:1}.employee-name{margin:0 0 4px;font-size:18px;font-weight:600;color:#111827}.employee-role{margin:0;font-size:14px;color:#6b7280}.status-bubble{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;text-transform:uppercase}.status-bubble.active{background:#dcfce7;color:#16a34a}.status-bubble.inactive{background:#fee2e2;color:#dc2626}.details-section{margin-bottom:20px}.detail-item{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.label{font-size:12px;font-weight:500;color:#6b7280;text-transform:uppercase}.value{font-size:14px;color:#111827}.action-buttons{display:flex;flex-wrap:wrap;gap:12px}.action-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;border:2px solid #cacaca;border-radius:20px;background:#fff;cursor:pointer;font-size:var(--font-small);color:#374151;transition:all .2s ease}.action-btn:hover{background:#f9fafb;border-color:#9ca3af}.action-btn.request-call,.action-btn.schedule-meeting{padding:8px 12px}.department-summary{width:100%}.department-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;width:100%}.department-card{background:#fff;border-radius:20px;padding:24px;border:1px solid #f1f1f1;transition:all .2s ease}.department-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}.department-icon{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;background-color:#f7f7f7}.department-icon svg{fill:none;width:24px;height:24px}.department-info{flex:1}.department-name{margin:0 0 4px;font-size:18px;font-weight:600;color:#111827}.department-employees{margin:0;font-size:14px;color:#6b7280}.department-metrics{display:flex;flex-direction:column;gap:16px}.metric-item{display:flex;flex-direction:column;gap:8px}.metric-label{font-size:12px;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.metric-value{display:flex;align-items:center;gap:12px}.performance-bar{flex:1;height:8px;background:#f3f4f6;border-radius:4px;overflow:hidden}.performance-fill{height:100%;border-radius:4px;transition:width .3s ease}.performance-text{font-size:14px;font-weight:600;color:#374151;min-width:40px;text-align:right}@media (max-width: 768px){.department-grid{grid-template-columns:1fr}.department-card{padding:20px}}.new-employee-content-container .c-card:not(.glass-card).profile-card{background-color:#649bff;color:#fff;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.profile-card{background-color:#649bff;color:#fff;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.profile-header{display:flex;align-items:center;gap:16px}.profile-avatar{width:80px;height:80px;border-radius:50%;overflow:hidden;border:3px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0003}.profile-avatar img{width:100%;height:100%;object-fit:cover}.c-card .profile-info h1{font-size:24px;font-weight:700;color:#fff;padding:0}.profile-info .role{font-size:16px;color:#fff;font-weight:600}.status-badges{display:flex;gap:8px;flex-wrap:wrap;padding-top:5px}.status-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase}.status-badge.available{background:#c6ffdb}.status-badge.ai-powered{background:#aaffc6}.pricing-section{position:relative}.c-card.profile-card .currency{font-size:20px;font-weight:600;color:#fff}.c-card.profile-card .amount{font-size:1.4rem;font-weight:600;color:#fff}.c-card.profile-card .period{font-size:16px;font-weight:700;color:#fff}.about-header h1{margin:0;font-weight:800;font-size:20px}.about-description{line-height:1.5;font-size:.9rem;font-weight:600;padding-bottom:15px}.about-stats{display:flex;justify-content:space-between;margin-bottom:20px;padding:10px 0;border-top:1px solid var(--black40);border-bottom:1px solid var(--black40)}.stat-item{text-align:center;flex:1}.stat-number{display:block;font-size:20px;font-weight:800;margin-bottom:4px}.stat-label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;line-height:1.2;font-weight:600}.action-buttons{display:flex;gap:8px;flex-wrap:wrap}.action-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px 10px 15px;border-radius:20px;font-size:var(--font-standard);cursor:pointer;transition:all .2s ease;border:none}.action-btn.primary{background:#fff}.action-btn.secondary{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.3)}.work-style-card h3{margin:0 0 10px;font-size:16px;font-weight:700;color:#111827}.work-style-list{display:flex;flex-direction:column}.work-style-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #f1f1f1}.work-style-item:last-child{border-bottom:none;padding-bottom:0}.work-style-icon{width:32px;height:32px;background:#f8fafc;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.work-style-icon svg{width:16px;height:16px;color:#649bff}.work-style-content{flex:1}.work-style-content h4{margin:0 0 4px;font-size:14px;font-weight:600;color:#111827}.work-style-content p{margin:0;font-size:12px;color:#6b7280;line-height:1.4}.metrics-card h3{margin:0 0 10px;font-size:16px;font-weight:700;color:#111827}.capability-list{display:flex;flex-direction:column}.capability-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #f1f1f1}.capability-item:last-child{border-bottom:none;padding-bottom:0}.capability-icon{width:32px;height:32px;background:#f8fafc;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.capability-icon svg{width:16px;height:16px;color:#649bff}.capability-content{flex:1}.capability-content h4{margin:0 0 4px;font-size:14px;font-weight:600;color:#111827}.capability-content p{margin:0;font-size:12px;color:#6b7280;line-height:1.4}.overview-header{display:flex;justify-content:left;align-items:center}.overview-header h2{font-size:1.2rem;font-weight:500;padding:10px}.time-select{padding:8px 20px;border:2px solid #e5e7eb;border-radius:20px;background:#fff;color:#374151;font-size:14px;font-weight:500;cursor:pointer;outline:none;transition:all .2s ease}.time-select:focus{border-color:#649bff;background:#fff}.stat-icon{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;background-color:#f7f7f7}.stat-icon svg{color:#fff}.stat-change{padding:5px 10px;border-radius:20px}.stat-change.negative{color:#dc2626;background:#fee2e2}@media (max-width: 768px){.overview-stats{grid-template-columns:1fr}.overview-header{flex-direction:column;gap:16px;align-items:flex-start}}.active-goals-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.active-goals-header h3{margin:0;font-size:18px;font-weight:700;color:#111827}.goals-list{display:flex;flex-direction:column;gap:16px}.goal-item{padding:16px;background:#fff;border-radius:20px;width:700px;border:none}.goal-header{display:flex;align-items:flex-start;gap:12px;padding-bottom:16px}.goal-priority{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;background-color:#649bff}.goal-priority svg{stroke:#fff}.goal-info{flex:1}.goal-info h4{margin:0 0 4px;font-size:14px;font-weight:600;color:#111827}.goal-info p{margin:0;font-size:12px;color:#6b7280;line-height:1.4}.goal-progress{margin-bottom:12px}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.progress-label{font-size:11px;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.progress-value{font-size:12px;font-weight:600;color:#374151}.progress-bar{width:100%;height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden}.progress-fill{height:100%;border-radius:3px;transition:width .3s ease;background-color:#649bff}.goal-details{display:flex;justify-content:space-between;align-items:center}.goal-assignee,.goal-due-date{display:flex;align-items:center;gap:6px;font-size:11px;color:#6b7280}@media (max-width: 768px){.goal-details{flex-direction:column;align-items:flex-start;gap:8px}}.goal-templates-card{background:#fff;border-radius:20px;padding:24px;border:1px solid #f1f1f1;box-shadow:0 2px 8px #00000014;height:fit-content}.templates-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.templates-header h3{margin:0;font-size:18px;font-weight:700;color:#111827}.templates-count{font-size:12px;color:#6b7280;background:#f3f4f6;padding:4px 8px;border-radius:8px;font-weight:500}.templates-list{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.template-item{display:flex;align-items:flex-start;gap:12px;padding:12px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0;transition:all .2s ease}.template-item:hover{background:#f1f5f9;transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.template-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.template-icon svg{width:18px;height:18px}.template-icon[style*="#649bff"] svg{color:#fff}.template-icon[style*="#f7f7f7"] svg{color:#374151}.template-content{flex:1}.template-content h4{margin:0 0 4px;font-size:14px;font-weight:600;color:#111827}.template-content p{margin:0 0 8px;font-size:12px;color:#6b7280;line-height:1.4}.template-usage{display:flex;justify-content:space-between;align-items:center}.usage-count{font-size:11px;color:#6b7280;font-weight:500}.use-template-btn{padding:4px 8px;background:#649bff;color:#fff;border:none;border-radius:6px;font-size:11px;font-weight:500;cursor:pointer;transition:all .2s ease}.use-template-btn:hover{background:#4f46e5;transform:translateY(-1px)}.templates-footer{text-align:center;padding-top:16px;border-top:1px solid #e5e7eb}.create-template-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:10px 16px;background:transparent;color:#649bff;border:2px dashed #649bff;border-radius:12px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.create-template-btn:hover{background:#649bff0d;border-color:#4f46e5;color:#4f46e5}.create-template-btn svg{width:14px;height:14px}.email-integration-card{background:#fff;border-radius:20px;padding:24px;border:1px solid #f1f1f1;box-shadow:0 2px 8px #00000014}.integration-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.header-content{display:flex;align-items:center;gap:12px}.header-icon{width:40px;height:40px;background:#649bff;border-radius:10px;display:flex;align-items:center;justify-content:center}.header-icon svg{width:20px;height:20px;color:#fff}.header-info h3{margin:0 0 4px;font-size:18px;font-weight:700;color:#111827}.header-info p{margin:0;font-size:14px;color:#6b7280}.integration-content{border-top:1px solid #e5e7eb;padding-top:24px}.extracted-goals-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.extracted-goals-header h4{margin:0;font-size:16px;font-weight:600;color:#111827}.goals-count{font-size:12px;color:#6b7280;background:#f3f4f6;padding:4px 8px;border-radius:8px;font-weight:500}.extracted-goals-list{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.extracted-goal-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0;transition:all .2s ease}.goal-content{flex:1}.goal-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.goal-header h5{margin:0;font-size:14px;font-weight:600;color:#111827}.priority-badge{padding:2px 6px;border-radius:6px;font-size:10px;font-weight:600;text-transform:uppercase}.priority-badge.high{background:#e1edff;color:#649bff}.priority-badge.medium{background:#f3f4f6;color:#6b7280}.priority-badge.low{background:#e1edff;color:#649bff}.goal-meta{display:flex;gap:16px;font-size:12px;color:#6b7280}.goal-source,.goal-date{display:flex;align-items:center;gap:4px}.goal-source svg,.goal-date svg{width:12px;height:12px}.goal-actions{display:flex;align-items:center;gap:8px}.create-goal-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#649bff;color:#fff;border:none;border-radius:8px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.create-goal-btn:hover{background:#4f46e5;transform:translateY(-1px)}.create-goal-btn svg{width:12px;height:12px}.dismiss-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;color:#6b7280;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;transition:all .2s ease}.dismiss-btn:hover{background:#fee2e2;color:#dc2626;border-color:#fecaca}.dismiss-btn svg{width:12px;height:12px}.integration-stats{display:flex;justify-content:space-around;padding:16px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.stat-item{text-align:center}.stat-value{display:block;font-size:20px;font-weight:800;color:#111827;margin-bottom:4px}.stat-label{font-size:12px;color:#6b7280;font-weight:500}.integration-placeholder{text-align:center;padding:32px 20px}.placeholder-icon{width:64px;height:64px;background:#f3f4f6;border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.placeholder-icon svg{width:32px;height:32px;color:#6b7280}.integration-placeholder h4{margin:0 0 8px;font-size:18px;font-weight:600;color:#111827}.integration-placeholder p{margin:0 0 16px;font-size:14px;color:#6b7280;line-height:1.5}.benefits-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.benefits-list li{font-size:13px;color:#374151;position:relative;padding-left:20px}.benefits-list li:before{content:"✓";position:absolute;left:0;color:#649bff;font-weight:600}@media (max-width: 768px){.integration-header{flex-direction:column;gap:16px;align-items:flex-start}.extracted-goal-item{flex-direction:column;gap:12px;align-items:flex-start}.goal-actions{align-self:flex-end}.integration-stats{flex-direction:column;gap:16px}}.modal-title-with-icon{display:flex;align-items:flex-start;gap:12px}.modal-title-with-icon svg{width:24px;height:24px;color:#649bff;margin-top:2px;flex-shrink:0}.modal-title-with-icon h2{margin:0 0 4px;font-size:20px;font-weight:700;color:#111827}.modal-title-with-icon p{margin:0;font-size:14px;color:#6b7280}.goal-form{padding:0}.form-row{display:flex;gap:16px;margin-bottom:20px}.form-group{flex:1;display:flex;flex-direction:column}.form-group.full-width{flex:none;width:100%}.form-group label{margin-bottom:6px;font-size:14px;font-weight:600;color:#374151}.form-group input,.form-group select,.form-group textarea{padding:12px 16px;border:2px solid #e5e7eb;border-radius:12px;font-size:14px;color:#111827;background:#fff;transition:all .2s ease}.save-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#649bff;color:#fff;border:2px solid #649bff;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.save-btn:hover:not(:disabled){background:#4f46e5;border-color:#4f46e5;transform:translateY(-1px);box-shadow:0 4px 12px #649bff4d}.save-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.save-btn svg{width:16px;height:16px}@media (max-width: 768px){.modal-overlay{padding:10px}.create-goal-modal{max-height:95vh}.modal-header{padding:20px 20px 16px}.header-content{gap:10px}.header-icon{width:40px;height:40px}.header-icon svg{width:20px;height:20px}.header-info h2{font-size:18px}.modal-form{padding:20px}.form-row{flex-direction:column;gap:0}.form-group{margin-bottom:16px}.modal-actions{flex-direction:column-reverse}.cancel-btn,.save-btn{width:100%;justify-content:center}}.add-document-modal-title{display:flex;align-items:center;gap:12px}.add-document-modal-icon{width:40px;height:40px;border-radius:50%;background:#649bff;display:flex;align-items:center;justify-content:center;color:#fff}.add-document-modal-title h2{margin:0;font-size:18px;font-weight:600;color:#111827}.add-document-modal-title p{margin:0;font-size:14px;color:#6b7280}.add-document-form{display:flex;flex-direction:column;gap:20px}.add-document-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:0}.add-document-form .form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:0}.form-group label{font-size:14px;font-weight:500;color:#374151}.form-group input,.form-group select,.form-group textarea{padding:10px 12px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;color:#374151;background:#fff;transition:border-color .2s ease;width:100%;box-sizing:border-box}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#649bff}.content-textarea{resize:vertical;min-height:120px;font-family:inherit}.form-hint{font-size:12px;color:#6b7280;margin-top:4px}.file-upload-section{display:flex;flex-direction:column;gap:8px}.file-input{display:none}.modal-btn.primary{background:#649bff;color:#fff;border:2px solid #649bff}.modal-btn{padding:12px 24px;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.form-group label.file-upload-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:#f9fafb;border:2px dashed #d1d5db;border-radius:8px;color:#6b7280;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;width:fit-content}.file-upload-btn:hover{background:#f3f4f6;border-color:#649bff;color:#649bff}.selected-files{margin-top:12px;padding:12px;background:#f9fafb;border-radius:8px}.selected-files h5{margin:0 0 8px;font-size:14px;font-weight:500;color:#374151}.file-item{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid #e5e7eb}.file-item:last-child{border-bottom:none}.file-name{flex:1;font-size:13px;color:#374151}.file-size{font-size:12px;color:#6b7280}.remove-file-btn{background:none;border:none;color:#ef4444;cursor:pointer;padding:2px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.remove-file-btn:hover{background:#fee2e2}.cancel-btn{padding:10px 20px;background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#6b7280;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.cancel-btn:hover{border-color:#d1d5db;background:#f9fafb}.save-btn-modal{padding:10px 20px;background:#649bff;border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.save-btn-modal:hover:not(:disabled){background:#5a8df5}.save-btn-modal:disabled{background:#d1d5db;cursor:not-allowed}@media (max-width: 768px){.form-row{grid-template-columns:1fr}.add-document-modal-title{flex-direction:column;text-align:center;gap:8px}.add-document-modal-title h2{font-size:16px}.add-document-modal-title p{font-size:13px}}.hire-modal-content{display:flex;flex-direction:column;gap:24px}.hire-section{border-bottom:1px solid #e5e7eb;padding-bottom:20px}.hire-section:last-child{border-bottom:none;padding-bottom:0}.hire-section h4{margin:0 0 16px;font-size:16px;font-weight:600;color:#111827}.hire-section h5{margin:0 0 12px;font-size:14px;font-weight:600;color:#374151}.hire-section h6{margin:0 0 4px;font-size:13px;font-weight:500;color:#111827}.pricing-display{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;padding:20px}.price-info h3{margin:0 0 8px;font-size:18px;font-weight:600;color:#111827}.price-tag{display:flex;align-items:baseline;gap:4px;margin-bottom:8px}.price-tag .currency{font-size:18px;font-weight:500;color:#6b7280}.price-tag .amount{font-size:32px;font-weight:700;color:#111827}.price-tag .period{font-size:16px;font-weight:500;color:#6b7280}.price-description{margin:0;font-size:14px;color:#6b7280}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-size:14px;font-weight:500;color:#374151}.form-input{width:100%;padding:12px;border:2px solid #e5e7eb;border-radius:12px;font-size:14px;background:#f9fafb;outline:none;transition:border-color .2s ease}.form-input:focus{border-color:#649bff;background:#fff}.form-textarea{width:100%;padding:12px;border:2px solid #e5e7eb;border-radius:12px;font-size:14px;background:#f9fafb;outline:none;transition:border-color .2s ease;resize:vertical;font-family:inherit}.form-textarea:focus{border-color:#649bff;background:#fff}.advanced-toggle{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:8px 0;border-radius:8px;transition:background-color .2s ease}.advanced-toggle:hover{background-color:#f9fafb}.toggle-icon{transition:transform .2s ease}.toggle-icon.expanded{transform:rotate(180deg)}.advanced-settings{padding-top:16px}.tone-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.hire-modal-content .tone-card{padding:16px;border:2px solid #e5e7eb;border-radius:12px;background:#fff;cursor:pointer;transition:all .2s ease}.tone-card:hover{border-color:#649bff;background:#f8faff}.tone-card.selected{border-color:#649bff;background:#649bff;color:#fff}.tone-card h6{margin:0 0 4px;font-size:14px;font-weight:600}.tone-card p{margin:0;font-size:12px;opacity:.8}.settings-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.settings-section{margin-bottom:20px}.brand-voice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.hire-modal-content .brand-voice-card{padding:12px;border:2px solid #e5e7eb;border-radius:12px;background:#fff;cursor:pointer;transition:all .2s ease;text-align:center}.brand-voice-card:hover{border-color:#649bff;background:#f8faff}.brand-voice-card.selected{border-color:#649bff;background:#649bff;color:#fff}.brand-voice-card h6{margin:0;font-size:13px;font-weight:500}.guidelines-section{margin-top:16px}.guidelines-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.guideline-section{display:flex;flex-direction:column;gap:8px}.guideline-input textarea{min-height:60px}.guideline-list{display:flex;flex-direction:column;gap:6px;max-height:120px;overflow-y:auto}.guideline-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-radius:8px;font-size:13px;border:1px solid}.guideline-item.always{background:#f0f9ff;border-color:#bae6fd;color:#0c4a6e}.guideline-item.never{background:#fef2f2;border-color:#fecaca;color:#991b1b}.guideline-item.preference{background:#f7fee7;border-color:#d9f99d;color:#365314}.hire-modal-content .form-select,.hire-modal-content .form-textarea,.hire-modal-content .form-input{width:100%;padding:15px 20px;border:2px solid #e5e7eb;border-radius:20px;font-size:14px;color:#374151;background:#fff;transition:border-color .2s ease;box-sizing:border-box;resize:none}.remove-btn{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;opacity:.6;transition:opacity .2s ease}.remove-btn:hover{opacity:1}.hire-modal-actions{display:flex;gap:12px;align-items:center}.btn-secondary,.btn-primary{padding:12px 24px;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;display:flex;align-items:center;gap:8px}.btn-secondary{background:#fff;color:#6b7280;border:2px solid #e5e7eb}.btn-secondary:hover{background:#f9fafb;border-color:#d1d5db}.btn-primary{background:#649bff;color:#fff;border:2px solid #649bff}.btn-primary:hover:not(:disabled){background:#4f46e5;border-color:#4f46e5}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.toast-container{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:3000;display:flex;flex-direction:column;gap:12px}.toast{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000026;padding:16px;display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:350px;max-width:500px;animation:slideUp .3s ease-out}.toast-success{background:#f9fafb;border:1px solid #e5e7eb}.toast-error{background:#fef2f2;border:1px solid #fecaca}.toast-content{display:flex;align-items:center;gap:12px;flex:1}.toast-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.toast-success .toast-icon svg{stroke:#6b7280;fill:none}.toast-error .toast-icon svg{stroke:#ef4444;fill:none}.toast-message{color:#374151;font-size:14px;font-weight:500;line-height:1.4}.toast-close{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;opacity:.7;transition:opacity .2s ease}.toast-close:hover{opacity:1;background:#0000000d}.toast-close svg{stroke:#6b7280;fill:none}@keyframes slideUp{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}.no-employees{padding-left:10px}.no-employees p,.no-employees-training p{color:gray;display:flex;align-items:center;justify-content:left}.no-employees button{border-radius:30px;height:50px;background-color:#fcfcfc;border:none;display:flex;align-items:center;justify-content:center;padding:0 20px;gap:8px;cursor:pointer;color:var(--black90);font-weight:500;margin-left:20px}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.page-header h1{margin:0;font-size:2rem;font-weight:500;padding:0}.add-employee-btn{border-radius:30px;height:50px;background-color:#fff;border:none;display:flex;align-items:center;justify-content:center;padding:0 20px;gap:8px;cursor:pointer;color:#374151;transition:all .2s ease}.add-employee-btn svg{stroke:#8d8d8d;fill:none}.popups-container{position:fixed;bottom:30px;right:30px;z-index:1000;display:flex;align-items:end;justify-content:center;gap:30px}.active-employees-page>h2{font-size:1.2rem;font-weight:500;padding:10px}.dashboard-layout .main-container .page-content .hire-new-employee-page .page-content{height:fit-content;position:relative;height:75vh;overflow:hidden}.hire-new-employee-page .employee-selector{display:flex;gap:16px;margin-bottom:20px;flex-wrap:wrap}.hire-new-employee-page .employee-option{min-width:200px;padding:16px 18px;border:1px solid #e5e7eb;background:#fff;border-radius:16px;cursor:pointer;transition:all .2s ease;text-align:left}.hire-new-employee-page .employee-option:hover{border-color:#cbd5f5;transform:translateY(-2px)}.hire-new-employee-page .employee-option.active{border-color:#649bff;box-shadow:0 12px 24px #649bff2e}.hire-new-employee-page .employee-option-name{margin:0 0 4px;font-size:16px;font-weight:600;color:#111827}.hire-new-employee-page .employee-option-role{margin:0;font-size:13px;color:#6b7280}.mia-container{display:flex;align-items:center;justify-content:right}.mia-container img.employee-hero{width:900px;transform:translateY(-60px)}.mia-container img.employee-hero-oz{transform:translateY(-90px)}.new-employee-content-container{position:absolute;top:0;left:0}.new-employee-content-container .c-card{width:400px;height:200px;border-radius:20px}.new-employee-content-container .c-card:not(.glass-card){background-color:#fff}.new-employee-content-container{display:flex;flex-direction:column;align-items:start;justify-content:center;gap:30px}.new-employee-content-container>.row-1 .c-card{height:300px;width:900px}.new-employee-content-container>.row-2{width:1500px;display:flex;justify-content:left;gap:30px}.new-employee-content-container>.row-2>.col-1,.new-employee-content-container>.row-2>.col-2{display:flex;align-items:start;justify-content:left;flex-direction:column;gap:30px}.new-employee-content-container>.row-2>.col-1>.row-1 .c-card{width:300px}.new-employee-content-container>.row-2>.col-2>.row-1 .c-card{width:670px;height:fit-content}.new-employee-content-container>.row-2>.col-1>.row-2 .c-card{width:670px;height:fit-content}.new-employee-content-container>.row-2>.col-2>.row-2 .c-card{height:fit-content;width:670px}.glass-card{background-color:transparent;background:#ffffff26;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);border-radius:20px;border:1px solid rgba(255,255,255,.349);border-right:none;position:relative;overflow:hidden}.skill-set{display:flex;flex-wrap:wrap;gap:16px;padding:16px 0}.skil{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;background:#f8fafc;border:1px solid #e2e8f0;transition:all .2s ease}.skill-icon{width:20px;height:20px;color:#649bff;flex-shrink:0}.skil p{margin:0;font-size:14px;font-weight:500;color:#374151}.feature-item{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid #f1f1f1}.feature-item:last-child{border-bottom:none}.feature-icon{width:28px;height:28px;border-radius:6px;background:#649bff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.feature-icon svg{width:14px;height:14px;color:#fff}.feature-item p{margin:0;font-size:13px;font-weight:500;color:#374151;line-height:1.3}.c-card{padding:24px;transition:all .2s ease}.c-card h1{padding-bottom:10px;font-size:24px;font-weight:600;color:#111827}.c-card h2{margin:0 0 12px;font-size:18px;font-weight:600;color:#374151;padding:12px 16px;background:#f8fafc;border-radius:10px;border-left:4px solid #649bff}.c-card p{margin:0;line-height:1.6;color:#4b5563}.connect-modal-title{display:flex;align-items:flex-start;gap:16px}.connect-modal-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#f9fafb}.integration-modal-icon{width:32px;height:32px;object-fit:contain}.connect-modal-title h2{margin:0 0 4px;font-size:20px;font-weight:700;color:#111827}.connect-modal-title p{margin:0;font-size:14px;color:#6b7280}.connect-integration-form{padding:0}.integration-details{background:#f9fafb;border-radius:12px;padding:16px;margin-bottom:24px}.integration-details h4{margin:0 0 8px;font-size:16px;font-weight:600;color:#111827}.integration-description{margin:0;font-size:14px;color:#6b7280;line-height:1.5}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:6px;font-size:14px;font-weight:600;color:#374151}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:12px;font-size:14px;color:#111827;background:#fff;transition:all .2s ease;box-sizing:border-box}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#649bff;box-shadow:0 0 0 3px #649bff1a}.form-group textarea{resize:vertical;min-height:80px;font-family:inherit}.form-group input::placeholder,.form-group textarea::placeholder{color:#9ca3af}.form-hint{display:block;margin-top:4px;font-size:12px;color:#6b7280;line-height:1.4}.cancel-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:transparent;color:#6b7280;border:2px solid #e5e7eb;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.cancel-btn:hover{background:#f9fafb;border-color:#d1d5db;color:#374151}.connect-btn-modal{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#649bff;color:#fff;border:2px solid #649bff;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.connect-btn-modal:hover:not(:disabled){background:#4f46e5;border-color:#4f46e5;transform:translateY(-1px);box-shadow:0 4px 12px #649bff4d}.connect-btn-modal:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.connect-btn-modal svg{width:16px;height:16px}@media (max-width: 768px){.connect-modal-title{gap:12px}.connect-modal-icon{width:40px;height:40px}.integration-modal-icon{width:24px;height:24px}.connect-modal-title h2{font-size:18px}.integration-details{padding:12px}}.page-header{margin-bottom:32px}.your-integrations-section>h2,.available-integrations-section>h2{font-size:1.2rem;font-weight:500;padding:10px}.employee-integrations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.employee-integration-card{background:#fff;border-radius:20px;padding:20px;transition:all .2s ease}.employee-info{display:flex;align-items:center;gap:12px;margin-bottom:16px}.employee-avatar{width:60px;height:60px;background-color:#649bff;border-radius:50%;display:flex;align-items:center;justify-content:center}.employee-avatar svg{stroke:#fff}.employee-details h3{margin:0 0 4px;font-size:16px;font-weight:600;color:#111827}.employee-details p{margin:0;font-size:14px;color:#6b7280}.connected-integrations{border-top:1px solid #e5e7eb;padding-top:16px}.integrations-count{font-size:14px;color:#6b7280;margin-bottom:12px}.integration-icons{display:flex;flex-wrap:wrap;gap:8px}.integration-icon{padding:10px;background:#f7f7f7;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.integration-icon img{width:24px;height:24px}.integration-icon svg{width:16px;height:16px;color:#6b7280;transition:color .2s ease}.integration-brand-icon{width:16px;height:16px;object-fit:contain}.available-integrations-section{margin-bottom:32px}.integration-category{margin-bottom:40px}.integration-category h3{margin:0 0 20px;font-size:18px;font-weight:600;color:#374151;padding-bottom:8px;border-bottom:2px solid #e5e7eb;display:inline-block}.integrations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.integration-card{background:#fff;border-radius:16px;padding:24px;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .2s ease}.integration-icon-large{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:16px;transition:all .2s ease}.integration-icon-large img{width:50px;height:50px}.integration-icon-large img.icon-jitsi{width:70px;height:70px}.integration-brand-icon-large{width:28px;height:28px;object-fit:contain}.integration-info{margin-bottom:20px;flex-grow:1}.integration-info h4{margin:0 0 8px;font-size:16px;font-weight:600;color:#111827}.integration-info p{margin:0;font-size:14px;color:#6b7280;line-height:1.5}.connect-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;border:2px solid #cacaca;border:none;border-radius:20px;background:#fff;cursor:pointer;color:#374151;transition:all .2s ease;min-width:120px;justify-content:center}.connect-btn:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.connect-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.connect-btn.connecting{background:#649bff;border-color:#649bff;color:#fff;font-weight:600}.connect-btn.connecting svg{stroke:#fff}.goal-setting-page{padding:0}.goals-content{width:100%}.goals-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:24px;width:100%}.goals-overview{grid-column:1 / -1}.active-goals{grid-column:1}.goal-templates{grid-column:2}.email-integration{grid-column:1 / -1}@media (max-width: 768px){.goals-grid{grid-template-columns:1fr}.goals-overview,.active-goals,.goal-templates,.email-integration{grid-column:1}.page-header{flex-direction:column;gap:16px;align-items:flex-start}}.knowledge-sharing-page{padding:0}.page-header-btn{border-radius:30px;height:50px;background-color:#649bff;border:none;display:flex;align-items:center;justify-content:center;padding:0 20px;gap:8px;cursor:pointer;color:#fff;font-weight:500;transition:all .2s ease}.page-header-btn:hover{background-color:#5a8df5;transform:translateY(-1px)}.page-header-btn svg{stroke:#fff;fill:none}.page-header-btn.ghost{background-color:#fff;color:#4b5563;border:1px solid #e5e7eb}.page-header-btn.ghost:hover{background-color:#f8fafc;color:#1f2937;transform:translateY(-1px)}.page-header-btn.ghost svg{stroke:#4b5563}.knowledge-content{width:100%}.knowledge-filters{display:flex;flex-direction:column;gap:20px}.search-section{display:flex;justify-content:left;gap:12px}.oz-tab-row span{margin-left:8px}.search-box{position:relative;display:flex;align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:30px;padding:12px 20px;width:400px;transition:all .2s ease}.search-box:focus-within{border-color:#649bff;box-shadow:0 0 0 3px #649bff1a}.search-box svg{color:#9ca3af;margin-right:12px}.search-box input{border:none;outline:none;background:transparent;font-size:14px;color:#374151;width:100%}.search-box input::placeholder{color:#9ca3af}.category-filters{display:flex;gap:12px;flex-wrap:wrap}.category-btn{padding:10px 20px;border:2px solid white;border-radius:25px;background:#fff;color:#6b7280;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.category-btn:hover{border-color:#649bff;color:#649bff}.category-btn.active{background-color:#649bff;border-color:#649bff;color:#fff}.knowledge-grid{display:grid;grid-template-columns:1.5fr 1fr;grid-template-rows:auto auto;gap:24px;width:100%}.knowledge-overview{grid-column:1 / -1;padding-bottom:20px}.knowledge-articles{grid-column:1}.knowledge-categories{grid-column:2}.article-count{color:#6b7280;font-size:14px;font-weight:500}.overview-stats{display:flex;gap:20px}.stat-card{display:flex;align-items:center;gap:16px;padding:20px;background-color:#fff;border-radius:16px;width:300px}.stat-icon{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-content{width:100%;display:flex;align-items:center;justify-content:space-between}.stat-content h3{margin:0 0 4px;font-size:28px;font-weight:600;color:#111827}.stat-content p{margin:0 0 4px;font-size:14px;font-weight:500;color:#6b7280}.stat-change{padding:5px 10px;border-radius:20px;font-size:12px;font-weight:600}.stat-change.positive{color:#059669;background:#d1fae5}.articles-list{display:flex;flex-direction:column;gap:16px}.article-card{background:#fff;border-radius:16px;padding:20px;transition:all .2s ease;cursor:pointer}.article-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;display:none}.article-type{display:flex;align-items:center;gap:8px;color:#649bff}.type-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.article-meta .views{display:flex;align-items:center;gap:4px;color:#6b7280;font-size:12px}.article-content{margin-bottom:16px}.article-title{font-size:1.2rem;font-weight:600;color:#111827;margin:0 0 8px;line-height:1.4}.article-title-wrapper{display:flex;align-items:center;justify-content:space-between}.attached-files-container{display:flex;align-items:center;justify-content:left;gap:10px}.article-content .attached-file{justify-content:space-between;background:#d4e9ff;border:1px solid #d4e9ff;border-radius:8px;padding:8px 15px 8px 12px;font-size:13px;width:fit-content;margin-bottom:15px}.article-content .attached-file .file-info svg{stroke:#000}.article-content .attached-file span{font-size:.8rem}.latest-badge{background-color:#649bff;padding:5px 10px;border-radius:20px;font-size:.7rem;text-transform:uppercase;color:#fff;font-weight:600}.article-description{font-size:14px;color:#6b7280;line-height:1.5;margin:0 0 12px}.article-tags{display:flex;gap:8px;flex-wrap:wrap}.tag{background:#f3f4f6;color:#6b7280;font-size:12px;padding:4px 8px;border-radius:12px;font-weight:500}.article-footer{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid #f1f1f1}.author-info{display:flex;align-items:center;gap:8px;color:#6b7280;font-size:12px}.article-date{color:#9ca3af;font-size:12px}.quick-access-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.quick-access-card{background:#fff;border-radius:16px;padding:20px;text-align:center;transition:all .2s ease;cursor:pointer}.access-icon{width:50px;height:50px;border-radius:50%;background:#649bff;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;color:#fff}.access-icon svg{stroke:#fff}.quick-access-card h4{font-size:14px;font-weight:600;color:#111827;margin:0 0 8px}.quick-access-card p{font-size:12px;color:#6b7280;line-height:1.4;margin:0}@media (max-width: 768px){.knowledge-grid{grid-template-columns:1fr}.knowledge-overview,.knowledge-articles,.knowledge-categories{grid-column:1}.overview-stats{flex-direction:column}.stat-card,.search-box{width:100%}.page-header{flex-direction:column;gap:16px;align-items:flex-start}.quick-access-grid{grid-template-columns:1fr}}.knowledge-header-left{display:flex;flex-direction:column;gap:6px}.knowledge-subtitle{margin:0;color:var(--text-muted, #667085);font-size:14px}.knowledge-header-actions{display:flex;align-items:center;gap:16px}.knowledge-employee-switch{display:flex;gap:8px;background:#fff;padding:6px;border-radius:999px;border:2px solid #e5e7eb}.employee-switch-btn{border:none;background:transparent;padding:8px 16px;border-radius:999px;font-size:13px;font-weight:600;color:#475467;cursor:pointer;transition:all .2s ease}.employee-switch-btn.active{background:#649bff;color:#fff}.oz-knowledge-layout{display:grid;grid-template-columns:260px minmax(0,1fr) 260px;gap:20px;margin-top:16px}.oz-sidebar,.oz-sidebar-right,.oz-main .panel{border-radius:16px}.oz-panel-header{padding:16px 18px;border-bottom:1px solid #eaecf0;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#667085;background:#f8fafc;border-top-left-radius:16px;border-top-right-radius:16px}.oz-product-list{padding:12px;display:flex;flex-direction:column;gap:10px}.oz-product-item{border:1px solid #e5e7eb;background:#fff;border-radius:12px;padding:12px;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:8px;transition:border .15s ease,background .15s ease;box-shadow:0 2px 8px #1018280a}.oz-product-item:hover{border-color:#c7d7fe;background:#f5f8ff}.oz-product-item.active{border-color:#649bff;background:#edf3ff}.oz-product-info{display:flex;flex-direction:column;gap:6px}.oz-product-name{font-weight:700;font-size:14px;color:#101828}.oz-product-meta{display:flex;gap:8px;flex-wrap:wrap;font-size:12px;color:#667085}.oz-product-counts{display:flex;gap:6px;flex-wrap:wrap}.oz-summary{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;padding:16px}.oz-summary-card{background:#fff;border-radius:12px;padding:12px;border:1px solid #e5e7eb;box-shadow:0 2px 8px #1018280a}.oz-summary-label{font-size:11px;color:#667085;text-transform:uppercase;letter-spacing:.08em}.oz-summary-value{font-size:20px;font-weight:700;margin-top:6px;color:#101828}.oz-tabs{display:flex;gap:8px;padding:10px 12px;flex-wrap:wrap}.oz-tab{border:1px solid transparent;background:transparent;border-radius:10px;padding:8px 12px;font-size:13px;color:#667085;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .2s ease}.oz-tab.active{border-color:#c7d7fe;background:#edf3ff;color:#1d4ed8}.oz-tab-count{background:#e6efff;padding:2px 6px;border-radius:999px;font-size:11px;color:#1d4ed8}.oz-content{padding:16px;display:flex;flex-direction:column;gap:12px;min-height:320px}.oz-article-card{background:#fff}.oz-article-card .article-header{display:flex;margin-bottom:8px}.oz-article-card .article-type{color:#1d4ed8}.oz-inline-meta{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.oz-pill{font-size:14px;padding:4px 12px;border-radius:20px;background:#eef3ff;color:#1d4ed8;white-space:nowrap}.oz-tag{background:#eef3ff;color:#335ea8;border:1px solid #dbe5ff}.oz-sub-title{font-size:13px;font-weight:600;color:#1f2937}.oz-row-card{border:1px solid #e5e7eb;border-radius:12px;padding:14px;background:#fff;display:flex;flex-direction:column;gap:8px;box-shadow:0 2px 10px #1018280a}.oz-row-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.oz-badge{font-size:11px;padding:2px 8px;border-radius:999px;background:#f0f4ff;color:#475467;border:1px solid #dbe5ff}.oz-badge.method{background:#dbeafe;color:#1d4ed8;border-color:#bfdbfe;font-weight:700}.oz-badge.danger{background:#fee4e2;color:#b42318;border-color:#fecdca}.oz-muted{font-size:13px;color:#667085}.oz-sublist{display:flex;flex-direction:column;gap:8px}.oz-sub-card{border:1px solid #edf2ff;border-radius:10px;padding:10px;background:#f8faff}.oz-pre{margin:0;background:#ebebeb;color:#000;padding:10px;border-radius:10px;font-size:14px;overflow:auto}.oz-runs-list{padding:12px;display:flex;flex-direction:column;gap:10px}.oz-run-list{display:flex;flex-direction:column;gap:12px}.oz-run-card{border-radius:12px;padding:12px;background:#fff;display:flex;flex-direction:column;gap:6px;box-shadow:0 2px 8px #1018280a}.oz-run-header{display:flex;justify-content:space-between;align-items:center;gap:8px}.oz-run-id{font-size:12px;color:#1f2937;font-weight:600;word-break:break-all}.oz-run-status{font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px;text-transform:uppercase}.oz-run-status.pending{background:#fff4e5;color:#b45309}.oz-run-status.completed,.oz-run-status.success,.oz-run-status.succeeded{background:#dcfce7;color:#15803d}.oz-run-status.failed{background:#fee2e2;color:#b91c1c}.oz-knowledge-sets{margin-top:24px;background:#fff;border-radius:16px;padding:16px}.oz-knowledge-sets-wide{margin-top:0;padding:18px}.oz-section-spacer{margin-top:18px}.oz-knowledge-sets h3{margin:0 0 12px;font-size:1rem;color:#111827}.oz-knowledge-set-list{display:flex;flex-direction:column;gap:12px}.oz-knowledge-set-card{border:1px solid #e5e7eb;background:#f8fafc;border-radius:14px;padding:14px;text-align:left;display:flex;justify-content:space-between;gap:12px;cursor:pointer;transition:all .2s ease;border:none}.oz-knowledge-sets-wide .oz-knowledge-set-card{flex-direction:row;padding:16px}.oz-knowledge-set-card h4{margin:0 0 4px;font-size:14px;color:#111827}.oz-knowledge-set-card p{margin:0;font-size:12px;color:#6b7280}.oz-knowledge-set-card.active{background:#e6f4ff}.oz-knowledge-set-meta{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#475467;align-items:flex-end}.oz-empty{padding:16px;border:1px dashed #e4e7ec;border-radius:12px;background:#f8fafc;color:#667085;text-align:center}.oz-empty.error{color:#b42318;border-color:#fecdca;background:#fef3f2}.oz-modal-title h2{margin:0 0 4px}.oz-modal-title p{margin:0;color:#667085;font-size:13px}.oz-upload-error{color:#b42318;background:#fef3f2;border:1px solid #fecdca;padding:10px 12px;border-radius:10px;font-size:13px}.oz-ingest-form{display:flex;flex-direction:column;gap:16px}.oz-inline-actions{margin-top:8px;display:flex;gap:8px}.oz-inline-btn{height:36px;padding:0 14px;font-size:13px}.oz-query-panel{display:flex;flex-direction:column;gap:12px}.oz-query-input-row{display:flex;gap:10px}.oz-query-input{flex:1;border:1px solid #d0d5dd;border-radius:10px;padding:10px 12px;font-size:14px;outline:none}.oz-query-input:focus{border-color:#649bff;box-shadow:0 0 0 3px #649bff1f}@media (max-width: 1200px){.oz-knowledge-layout{grid-template-columns:1fr}.oz-summary{grid-template-columns:repeat(3,minmax(0,1fr))}}.training-page{padding:0}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.page-header h1{font-size:2rem;color:#111827;margin:0}.selected-employee-info{display:flex;align-items:center;gap:12px;color:#6b7280;font-size:14px}.change-employee-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#fff;border:2px solid #e5e7eb;border-radius:20px;color:#6b7280;font-size:14px;cursor:pointer;transition:all .2s ease}.change-employee-btn:hover{border-color:#649bff;color:#649bff}.training-navigation{display:flex;gap:8px;margin-bottom:32px;border-bottom:1px solid #e5e7eb;padding-bottom:16px}.nav-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#fff;border:2px solid #e5e7eb;border-radius:25px;color:#6b7280;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.nav-btn:hover{border-color:#649bff;color:#649bff}.nav-btn.active{background:#649bff;border-color:#649bff;color:#fff}.training-content{width:100%}.training-configuration{margin-top:40px}.training-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:32px;align-items:start}.training-column{display:flex;flex-direction:column}.training-employee-selection{margin-bottom:32px}.overview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.overview-header h2{font-size:1.2rem;font-weight:500;color:#111827;margin:0;padding:10px}.employee-cards{display:flex;justify-content:flex-start;gap:20px}.training-employee-card{display:flex;gap:16px;padding:24px;background:#fff;border-radius:16px;border:2px solid #e5e7eb;cursor:pointer;transition:all .2s ease;min-width:350px;max-width:400px;height:fit-content}.training-employee-card:hover{border-color:#649bff}.training-employee-card.selected{border-color:#649bff;background:#f8faff}.employee-avatar{width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#6b7280;flex-shrink:0}.t-employee-info{flex:1;display:flex;flex-direction:column;align-items:start;gap:8px;margin-bottom:0}.t-employee-info h4{margin:0;font-size:18px;font-weight:600;color:#111827}.t-employee-role{margin:0;font-size:14px;color:#6b7280;font-weight:500}.employee-meta{display:flex;gap:16px;align-items:center}.status{padding:4px 8px;border-radius:20px;font-size:12px;font-weight:500}.status.active{background:#d1fae5;color:#059669}.status.training{background:#fef3c7;color:#d97706}.tone{font-size:12px;color:#6b7280}.last-training{margin:0;font-size:13px;color:#9ca3af;font-weight:400}.settings-section{margin-bottom:32px}.settings-section h3{font-size:16px;color:#111827;margin:0 0 16px;padding-left:10px}.tone-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.tone-card{padding:16px;background:#fff;border:2px solid #e5e7eb;border:2px solid #ffffff;border-radius:20px;cursor:pointer;transition:all .2s ease}.tone-card:hover{border-color:#649bff}.tone-card.selected{border-color:#649bff;background:#f8faff}.tone-card h4{margin:0 0 8px;font-size:14px;font-weight:600;color:#111827}.tone-card p{margin:0;font-size:13px;color:#6b7280;line-height:1.4}.form-select,.form-textarea,.form-input{width:100%;padding:15px 20px;border:2px solid #e5e7eb;border:2px solid #ffffff;border-radius:20px;font-size:14px;color:#374151;background:#fff;transition:border-color .2s ease;box-sizing:border-box;resize:none}.form-select:focus,.form-textarea:focus,.form-input:focus{outline:none}.form-textarea{font-family:inherit}.guidelines-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.guideline-section h3{font-size:16px;margin:0 0 16px;padding-left:10px}.guideline-input{display:flex;gap:8px;margin-bottom:16px}.add-btn{width:50px;max-width:50px;min-width:50px;height:50px;max-height:50px;min-height:50px;background-color:#649bff;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease;transform:translateY(10px)}.add-btn svg{stroke:#fff}.add-btn:hover{background:#5a8df5}.guideline-list{display:flex;flex-direction:column;gap:8px}.guideline-item{display:flex;justify-content:space-between;align-items:center;padding:12px;border-radius:8px;font-size:14px}.guideline-item.always{background:#d1fae5;color:#065f46}.guideline-item.never{background:#fee2e2;color:#991b1b}.guideline-item.preference{background:#dbeafe;color:#1e40af}.remove-btn{background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.remove-btn:hover{background:#0000001a;color:#374151}.brand-voice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.brand-voice-card{padding:16px;background:#fff;border:2px solid #e5e7eb;border:2px solid #ffffff;border-radius:20px;text-align:center;cursor:pointer;transition:all .2s ease}.brand-voice-card:hover{border-color:#649bff}.brand-voice-card.selected{border-color:#649bff;background:#f8faff}.brand-voice-card h4{margin:0;font-size:14px;font-weight:600;color:#111827}.training-actions{margin-top:32px;padding-top:24px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end}.training-brand-voice-pad{padding-top:10px}.save-training-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#649bff;border:none;border-radius:25px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.save-training-btn:hover{background:#5a8df5;transform:translateY(-1px)}@media (max-width: 768px){.employee-cards{flex-direction:column}.training-employee-card{min-width:unset;max-width:unset;width:100%}.tone-grid,.guidelines-grid{grid-template-columns:1fr}.brand-voice-grid{grid-template-columns:repeat(2,1fr)}.training-grid{grid-template-columns:1fr;gap:24px}.page-header{flex-direction:column;gap:16px;align-items:flex-start}.selected-employee-info{flex-direction:column;align-items:flex-start;gap:8px}}.account-page{display:flex;flex-direction:column;gap:20px;max-width:900px}.account-card{background:#fff;border:1px solid #e8ebf0;border-radius:14px;padding:20px}.account-card h2{margin:0 0 16px;font-size:20px}.details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px}.label{display:block;color:#6d7687;font-size:12px;margin-bottom:4px}.details-grid p,.domain-name,.muted-text,.error-text,.success-text{margin:0}.domain-form{display:flex;gap:10px}.domain-form input{flex:1;border:1px solid #d3d9e3;border-radius:10px;padding:10px 12px}.domain-form button,.domain-actions button{border:none;border-radius:10px;background:#111827;color:#fff;padding:10px 14px;cursor:pointer}.domain-form button:disabled,.domain-actions button:disabled{opacity:.6;cursor:not-allowed}.domain-status-block{margin-top:16px;border:1px solid #e8ebf0;border-radius:12px;padding:14px}.domain-status-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.status-badge{font-size:12px;padding:4px 8px;border-radius:999px;background:#eef2f7;color:#334155;text-transform:capitalize}.status-active{background:#e4f7ea;color:#0f7a35}.status-pending,.status-pending_validation,.status-ssl_pending_validation{background:#fff4db;color:#9a6700}.status-pending_error{background:#fce8e8;color:#b42318}.domain-json{margin-top:10px;padding:10px;border-radius:8px;border:1px solid #e5e7eb;background:#f8fafc;overflow:auto;font-size:12px;line-height:1.45}.domain-debug{margin-top:12px}.domain-debug summary{cursor:pointer;font-size:13px;color:#3b4658}.dns-instructions{margin-top:12px;border:1px solid #e5e7eb;background:#f8fafc;border-radius:10px;padding:12px}.dns-title{margin:0 0 6px;font-weight:600;color:#0f172a}.dns-steps{margin:0 0 10px;padding-left:18px;color:#334155;font-size:13px;line-height:1.4}.dns-grid{display:grid;grid-template-columns:110px minmax(180px,1fr) minmax(140px,1fr) minmax(200px,1fr);border:1px solid #dbe3ee;border-radius:8px;overflow:hidden}.dns-grid-head{font-size:12px;font-weight:600;color:#334155;padding:8px 10px;background:#eef2f7;border-right:1px solid #dbe3ee}.dns-grid-head:last-child{border-right:none}.dns-cell{padding:10px;border-top:1px solid #e5e7eb;border-right:1px solid #e5e7eb;font-size:12px;line-height:1.4;overflow-wrap:anywhere}.dns-cell:nth-child(4n){border-right:none}.dns-note{margin:6px 0 0;color:#5b6678;font-size:12px}.error-json{border-color:#f3c0c0;background:#fff3f3}.domain-actions{display:flex;gap:10px;margin-top:12px}.danger-btn{background:#b42318!important}.muted-text{color:#5f6878;margin-top:10px}.error-text{color:#b42318;margin-top:10px}.success-text{color:#0f7a35;margin-top:10px}@media (max-width: 768px){.details-grid{grid-template-columns:1fr}.domain-form,.domain-actions{flex-direction:column}.dns-grid{display:block;border:none;border-radius:0}.dns-grid-head{display:none}.dns-cell{border:1px solid #dbe3ee;border-radius:8px;margin-bottom:8px;background:#fff}}.branding-page{padding:24px}.branding-page h1{font-size:32px;font-weight:500;color:#1f2937;margin-bottom:20px}.branding-card{background:#fff;border-radius:16px;border:1px solid #e5e7eb;padding:20px;max-width:880px;box-shadow:0 8px 24px #0f172a0a}.branding-card h2{font-size:22px;font-weight:500;margin-bottom:4px;color:#111827}.branding-help{color:#6b7280;font-size:14px;margin-bottom:16px}.branding-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px;margin-bottom:18px}.branding-label{display:block;font-size:12px;color:#6b7280;margin-bottom:4px}.branding-meta-grid p{margin:0;color:#1f2937;font-size:14px}.branding-form{display:flex;flex-direction:column;gap:14px}.branding-field{display:flex;flex-direction:column;gap:6px}.branding-field label{font-size:13px;color:#1f2937;font-weight:500}.branding-field input[type=text],.branding-field input:not([type]){width:100%}.branding-field input{border:1px solid #d1d5db;border-radius:10px;padding:10px 12px;font-size:14px;color:#1f2937}.branding-field input:focus{outline:none;border-color:#4f8df5;box-shadow:0 0 0 2px #4f8df526}.branding-preview{border:1px dashed #cbd5e1;border-radius:12px;padding:12px;background:#f8fafc}.branding-preview img{margin-top:8px;max-width:180px;max-height:80px;object-fit:contain;display:block;border-radius:8px;background:#fff;border:1px solid #e5e7eb;padding:4px}.branding-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.branding-actions button{border:none;border-radius:10px;padding:10px 16px;font-size:14px;cursor:pointer;background:#4f8df5;color:#fff}.branding-actions button:disabled{opacity:.55;cursor:not-allowed}.branding-actions button.secondary{background:#eef2ff;color:#1f2937}.branding-actions button.danger{background:#fee2e2;color:#991b1b}.branding-error{color:#b91c1c;font-size:13px;margin:0}.branding-success{color:#15803d;font-size:13px;margin:0}.branding-muted{color:#6b7280;font-size:13px;margin:0}@media (max-width: 768px){.branding-page{padding:16px}.branding-meta-grid{grid-template-columns:1fr}}