:root{--primary-teal: #008779;--primary-teal-dark: #006e63;--primary-teal-light: #00a896;--teal-tint: #eaf8f6;--teal-tint-border: #c8ece6;--teal-accent: #0284c7;--cream-bg: #fff9ee;--cream-border: #faecd5;--cream-text-accent: #d97706;--amber-badge: #f5b738;--amber-dark: #d97706;--text-primary: #192024;--text-secondary: #5f6c7b;--text-muted: #8b98a5;--text-light: #ffffff;--bg-desktop: #edf2f7;--bg-card: #ffffff;--border-light: #edf2f7;--border-subtle: #f1f5f9;--app-max-width: 430px;--radius-xs: 6px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--radius-xl: 22px;--radius-full: 9999px;--font-family: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--shadow-desktop-frame: 0 15px 45px rgba(15, 23, 42, .08), 0 2px 10px rgba(15, 23, 42, .04);--shadow-card: 0 2px 8px rgba(15, 23, 42, .03);--shadow-bottom-nav: 0 -4px 16px rgba(15, 23, 42, .04);--shadow-dropdown: 0 10px 25px rgba(15, 23, 42, .12);--shadow-btn: 0 4px 12px rgba(0, 135, 121, .25)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{font-family:var(--font-family);background-color:var(--bg-desktop);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding:0;overflow-x:hidden}.desktop-wrapper{display:flex;flex-direction:column;align-items:center;width:100%;max-width:100vw;min-height:100vh;overflow-x:hidden}.mobile-frame{width:100%;max-width:var(--app-max-width);min-height:100vh;background-color:#fff;position:relative;display:flex;flex-direction:column;box-shadow:var(--shadow-desktop-frame);border-left:1px solid rgba(226,232,240,.8);border-right:1px solid rgba(226,232,240,.8);box-sizing:border-box;overflow-x:hidden}.app-content{flex:1;padding:0 16px 90px;display:flex;flex-direction:column;gap:16px}.app-header{position:sticky;top:0;z-index:50;background-color:#fff;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid rgba(241,245,249,.8)}.header-left{display:flex;align-items:center}.brand-logo{display:flex;align-items:center;text-decoration:none}.brand-logo-img{height:38px;width:auto;max-width:175px;object-fit:contain;display:block}.header-right{display:flex;align-items:center;gap:14px}.btn-icon{background:none;border:none;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center;padding:6px;border-radius:50%;color:#334155;transition:background-color .15s ease}.btn-icon:hover{background-color:#f1f5f9}.btn-icon .badge-dot{position:absolute;top:6px;right:6px;width:8px;height:8px;border-radius:50%;background-color:#f59e0b;border:1.5px solid #ffffff}.user-avatar-btn{background:none;border:none;cursor:pointer;padding:0;border-radius:50%;display:flex}.avatar-img{width:36px;height:36px;border-radius:50%;object-fit:cover;border:1.5px solid #e2e8f0}.page-subheader{display:flex;align-items:center;gap:12px;padding:4px 0 2px}.btn-back{background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;color:#1e293b;transition:background-color .15s ease;margin-left:-4px}.btn-back:hover{background-color:#f1f5f9}.page-title{font-size:22px;font-weight:700;color:#0f172a;letter-spacing:-.3px}.card-cv-aktif{background-color:var(--teal-tint);border:1px solid var(--teal-tint-border);border-radius:var(--radius-lg);padding:16px 18px;position:relative;transition:transform .2s ease,box-shadow .2s ease}.card-cv-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.card-cv-header .card-title{font-size:16px;font-weight:700;color:#0f172a}.card-cv-header .btn-more{background:none;border:none;cursor:pointer;color:#64748b;padding:4px;border-radius:var(--radius-xs);display:flex;align-items:center;justify-content:center;transition:background-color .15s ease}.card-cv-header .btn-more:hover{background-color:#0087791f;color:var(--primary-teal)}.card-cv-body{display:flex;align-items:center;justify-content:space-between;gap:12px}.cv-file-info{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.pdf-icon-wrapper{position:relative;width:50px;height:60px;background:#fff;border-radius:8px;border:1px solid #d8e5e3;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 6px #00877914}.pdf-icon-wrapper:before{content:"";position:absolute;top:0;right:0;width:14px;height:14px;background:linear-gradient(135deg,#d3e5e2 50%,#b2d5d0 50%);border-bottom-left-radius:4px;border-top-right-radius:7px}.pdf-icon-lines{display:flex;flex-direction:column;gap:3px;width:24px;margin-top:-6px}.pdf-icon-line{height:2px;background-color:#cbd5e1;border-radius:1px}.pdf-icon-line:nth-child(1){width:14px}.pdf-icon-line:nth-child(2){width:20px}.pdf-icon-line:nth-child(3){width:16px}.pdf-badge-tag{position:absolute;bottom:4px;left:4px;background-color:#008779;color:#fff;font-size:8px;font-weight:800;padding:1px 4px;border-radius:3px;letter-spacing:.5px}.cv-details{display:flex;flex-direction:column;min-width:0}.cv-filename{font-size:14px;font-weight:700;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.cv-meta-date{font-size:12px;color:#64748b;margin-bottom:2px}.cv-meta-size{font-size:11px;color:#64748b}.cv-score-container{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.cv-score-gauge{position:relative;width:78px;height:78px;display:flex;align-items:center;justify-content:center}.cv-score-gauge svg{width:78px;height:78px;transform:rotate(-90deg)}.cv-score-gauge circle{fill:none;stroke-width:7}.cv-score-gauge .circle-bg{stroke:#c8ece6}.cv-score-gauge .circle-progress{stroke:#00a896;stroke-linecap:round;transition:stroke-dashoffset 1s ease-out}.cv-score-value{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}.cv-score-num{font-size:24px;font-weight:800;color:#0f172a;letter-spacing:-.5px}.cv-score-total{font-size:11px;color:#64748b;font-weight:500;margin-top:1px}.cv-score-label{font-size:12px;font-weight:600;color:#1e293b;margin-top:4px;text-align:center}.metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.metric-pill-card{background-color:var(--cream-bg);border:1px solid var(--cream-border);border-radius:var(--radius-md);padding:12px 10px;display:flex;flex-direction:column;transition:transform .15s ease,box-shadow .15s ease;cursor:pointer}.metric-pill-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #d9770614}.metric-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.metric-icon-box{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.metric-label{font-size:13px;font-weight:600;color:#334155;white-space:nowrap}.metric-score-group{display:flex;align-items:baseline;gap:2px;padding-left:2px}.metric-number{font-size:22px;font-weight:800;color:#0f172a;line-height:1}.metric-max{font-size:11px;font-weight:500;color:#64748b}.section-block{display:flex;flex-direction:column;gap:10px}.section-header{display:flex;align-items:center;justify-content:space-between}.section-title{font-size:17px;font-weight:700;color:#0f172a}.section-link{font-size:13px;font-weight:600;color:var(--primary-teal);text-decoration:none;display:inline-flex;align-items:center;gap:2px;transition:opacity .15s ease}.section-link:hover{opacity:.8;text-decoration:underline}.priority-list-card{background:#fff;border:1px solid #eef2f6;border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden}.priority-item{display:flex;align-items:center;gap:12px;padding:14px;border-bottom:1px solid #f1f5f9;cursor:pointer;transition:background-color .15s ease;text-decoration:none}.priority-item:last-child{border-bottom:none}.priority-item:hover{background-color:#fafbfc}.priority-number-badge{width:28px;height:28px;border-radius:50%;background-color:var(--amber-badge);color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.priority-content{flex:1;min-width:0}.priority-title{font-size:14px;font-weight:700;color:#0f172a;margin-bottom:2px;line-height:1.3}.priority-desc{font-size:12px;color:#64748b;line-height:1.4}.priority-arrow{color:#94a3b8;display:flex;align-items:center;flex-shrink:0;padding-left:4px}.btn-upload-primary{width:100%;height:50px;background-color:var(--primary-teal);color:#fff;border:none;border-radius:var(--radius-md);font-size:15px;font-weight:600;font-family:inherit;display:inline-flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;box-shadow:var(--shadow-btn);transition:all .2s ease}.btn-upload-primary:hover{background-color:var(--primary-teal-dark);transform:translateY(-1px);box-shadow:0 6px 16px #0087794d}.btn-upload-primary:active{transform:translateY(0)}.btn-upload-primary svg{flex-shrink:0}.history-card{background-color:#fff;border:1px solid #eef2f6;border-radius:var(--radius-md);padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;box-shadow:var(--shadow-card);transition:background-color .15s ease}.history-card:hover{background-color:#fafbfc}.history-info{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.pdf-icon-wrapper.small{width:42px;height:50px;border-radius:6px}.pdf-icon-wrapper.small:before{width:11px;height:11px}.pdf-icon-wrapper.small .pdf-icon-lines{width:18px;margin-top:-4px;gap:2.5px}.pdf-icon-wrapper.small .pdf-badge-tag{font-size:7px;padding:1px 3px;bottom:3px;left:3px}.history-title{font-size:13.5px;font-weight:700;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.history-meta{font-size:11.5px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-actions .btn-more{background:none;border:none;cursor:pointer;color:#64748b;padding:4px;border-radius:var(--radius-xs);display:flex;align-items:center;justify-content:center;transition:background-color .15s ease}.history-actions .btn-more:hover{background-color:#f1f5f9;color:#0f172a}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:var(--app-max-width);background-color:#fff;border-top:1px solid #edf2f7;display:flex;align-items:center;justify-content:space-around;padding:8px 4px calc(8px + env(safe-area-inset-bottom));box-shadow:var(--shadow-bottom-nav);z-index:90}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:none;border:none;cursor:pointer;padding:4px 8px;color:#64748b;font-size:11px;font-weight:500;font-family:inherit;transition:all .15s ease;position:relative;text-decoration:none}.nav-item svg{stroke-width:1.8;transition:transform .15s ease}.nav-item:hover svg{transform:translateY(-1px)}.nav-item.active{color:var(--primary-teal);font-weight:700}.nav-item.active svg{color:var(--primary-teal);stroke:var(--primary-teal)}.dropdown-menu{position:absolute;top:40px;right:12px;background:#fff;border:1px solid #e2e8f0;border-radius:var(--radius-sm);box-shadow:var(--shadow-dropdown);min-width:180px;z-index:100;display:none;flex-direction:column;overflow:hidden;animation:fadeIn .15s ease-out}.dropdown-menu.show{display:flex}.dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 14px;font-size:13px;color:#1e293b;text-decoration:none;background:none;border:none;width:100%;text-align:left;cursor:pointer;transition:background-color .15s ease}.dropdown-item:hover{background-color:#f8fafc;color:var(--primary-teal)}.dropdown-item.danger{color:#ef4444}.dropdown-item.danger:hover{background-color:#fef2f2}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0f172a73;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;display:none;align-items:center;justify-content:center;padding:16px;animation:fadeIn .2s ease-out}.modal-dialog{background:#fff;border-radius:var(--radius-xl);width:100%;max-width:390px;box-shadow:0 20px 40px #0003;overflow:hidden;animation:scaleUp .2s cubic-bezier(.16,1,.3,1)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #f1f5f9}.modal-title{font-size:16px;font-weight:700;color:#0f172a}.btn-modal-close{background:none;border:none;cursor:pointer;color:#64748b;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center}.btn-modal-close:hover{background:#f1f5f9}.modal-body{padding:20px;display:flex;flex-direction:column;gap:14px}.dropzone{border:2px dashed #008779;border-radius:var(--radius-md);background-color:var(--teal-tint);padding:28px 16px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer;transition:all .2s ease}.dropzone:hover{background-color:#d8f3ee;border-color:var(--primary-teal-dark)}.dropzone-icon{width:48px;height:48px;border-radius:50%;background:#fff;color:var(--primary-teal);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00877926}.dropzone-text{font-size:13.5px;font-weight:600;color:#0f172a}.dropzone-hint{font-size:11.5px;color:#64748b}.file-input-hidden{display:none}.toast-notice{position:fixed;bottom:80px;left:50%;transform:translate(-50%) translateY(100px);background:#1e293b;color:#fff;padding:10px 18px;border-radius:var(--radius-full);font-size:13px;font-weight:600;box-shadow:0 6px 20px #00000026;z-index:150;opacity:0;pointer-events:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;align-items:center;gap:8px}.toast-notice.show{opacity:1;transform:translate(-50%) translateY(0)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.auth-container{padding:40px 20px;display:flex;flex-direction:column;align-items:center;flex:1}.auth-hero-illustration{display:flex;justify-content:center;align-items:center;margin-bottom:20px;width:100%}.auth-hero-img{width:auto;height:220px;max-width:100%;object-fit:contain;display:block;filter:drop-shadow(0 10px 20px rgba(0,135,121,.08));transition:transform .3s ease}.auth-hero-img:hover{transform:translateY(-3px) scale(1.02)}.auth-heading-group{text-align:center;margin-bottom:26px;max-width:340px}.auth-title{font-size:24px;font-weight:800;color:#192024;line-height:1.28;letter-spacing:-.4px;margin-bottom:8px}.auth-subtitle{font-size:13.5px;color:#5f6c7b;line-height:1.45}.auth-form{width:100%;display:flex;flex-direction:column;gap:16px}.input-field-group{position:relative;width:100%}.input-icon-left{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#64748b;display:flex;align-items:center;pointer-events:none}.input-auth{width:100%;height:52px;padding:0 46px 0 48px;background-color:#fafbfc;border:1px solid #e2e8f0;border-radius:var(--radius-md);font-size:14.5px;font-family:inherit;color:var(--text-primary);transition:all .2s ease;outline:none}.input-auth::placeholder{color:#94a3b8;font-weight:400}.input-auth:focus{background-color:#fff;border-color:var(--primary-teal);box-shadow:0 0 0 3px #0087791f}.input-action-right{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:6px;color:#64748b;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-xs);transition:color .15s ease}.input-action-right:hover{color:var(--text-primary)}.auth-options-row{display:flex;align-items:center;justify-content:space-between;margin-top:-2px;margin-bottom:4px;font-size:13.5px}.checkbox-label{display:inline-flex;align-items:center;gap:8px;color:#192024;font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{display:none}.checkbox-custom{width:19px;height:19px;border:1.8px solid #cbd5e1;border-radius:5px;display:flex;align-items:center;justify-content:center;transition:all .15s ease;background:#fff}.checkbox-label input[type=checkbox]:checked+.checkbox-custom{background-color:var(--primary-teal);border-color:var(--primary-teal)}.checkbox-custom svg{display:none;width:13px;height:13px;stroke:#fff;stroke-width:2.8}.checkbox-label input[type=checkbox]:checked+.checkbox-custom svg{display:block}.forgot-link{color:var(--primary-teal);font-weight:600;text-decoration:none;font-size:13px;transition:opacity .15s ease}.forgot-link:hover{opacity:.8;text-decoration:underline}.btn-primary-auth{width:100%;height:50px;background-color:var(--primary-teal);color:#fff;border:none;border-radius:var(--radius-md);font-size:15px;font-weight:700;font-family:inherit;cursor:pointer;box-shadow:var(--shadow-btn);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-primary-auth:hover{background-color:var(--primary-teal-dark);transform:translateY(-1px);box-shadow:0 6px 16px #0087794d}.btn-primary-auth:active{transform:translateY(0)}.auth-divider{display:flex;align-items:center;text-align:center;margin:6px 0;color:#64748b;font-size:12.5px}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-bottom:1px solid #e2e8f0}.auth-divider span{padding:0 12px}.btn-google-auth{width:100%;height:50px;background-color:#fff;color:#1e293b;border:1px solid #e2e8f0;border-radius:var(--radius-md);font-size:14.5px;font-weight:700;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:12px;transition:all .2s ease;box-shadow:0 2px 4px #00000005}.btn-google-auth:hover{background-color:#f8fafc;border-color:#cbd5e1}.auth-footer{text-align:center;font-size:13.5px;color:#475569;margin-top:10px}.auth-footer .register-link{color:var(--primary-teal);font-weight:700;text-decoration:none}.auth-footer .register-link:hover{text-decoration:underline}.onboarding-container{padding:16px 20px 96px;display:flex;flex-direction:column;align-items:center;flex:1}.stepper-container{display:flex;align-items:center;justify-content:center;gap:0;width:100%;max-width:280px;margin:8px 0 24px}.step-circle{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;background-color:#f1f5f9;color:#64748b;flex-shrink:0;transition:all .2s ease}.step-circle.active{background-color:var(--primary-teal);color:#fff;box-shadow:0 2px 8px #00877940}.step-line{flex:1;height:3px;background-color:#f1f5f9;position:relative}.step-line.half-active{background:linear-gradient(to right,var(--primary-teal) 50%,#f1f5f9 50%)}.step-line.active{background-color:var(--primary-teal)}.onboarding-heading-group{text-align:center;margin-bottom:16px;max-width:340px}.onboarding-title{font-size:26px;font-weight:800;color:#192024;line-height:1.25;letter-spacing:-.4px;margin-bottom:8px}.onboarding-subtitle{font-size:15px;color:#5f6c7b;line-height:1.4}.onboarding-illustration{display:flex;justify-content:center;align-items:center;margin:12px 0 28px;width:100%}.onboarding-hero-img{width:100%;max-width:270px;height:auto;object-fit:contain;display:block;filter:drop-shadow(0 10px 20px rgba(0,135,121,.06))}.action-choices-group{width:100%;display:flex;flex-direction:column;gap:14px;margin-bottom:16px}.choice-card{width:100%;height:64px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:space-between;padding:0 18px;text-decoration:none;cursor:pointer;border:none;font-family:inherit;transition:all .2s ease;box-shadow:var(--shadow-card)}.choice-left{display:flex;align-items:center;gap:14px}.choice-icon-box{width:40px;height:40px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.choice-title{font-size:16px;font-weight:700;letter-spacing:-.2px}.choice-card.primary{background-color:var(--primary-teal);color:#fff;box-shadow:var(--shadow-btn)}.choice-card.primary:hover{background-color:var(--primary-teal-dark);transform:translateY(-2px);box-shadow:0 8px 18px #0087794d}.choice-card.primary:active{transform:translateY(0)}.choice-card.primary .choice-arrow{color:#fff}.choice-card.secondary{background-color:var(--teal-tint);border:1px solid var(--teal-tint-border);color:#192024}.choice-card.secondary:hover{background-color:#def5f0;border-color:#b2e6dd;transform:translateY(-2px);box-shadow:0 6px 16px #0087791a}.choice-card.secondary:active{transform:translateY(0)}.choice-card.secondary .choice-icon-box{color:var(--primary-teal)}.choice-card.secondary .choice-arrow{color:#475569}.info-note-bar{display:flex;align-items:center;justify-content:center;gap:6px;font-size:13px;color:#64748b;text-align:center;margin-top:4px}.info-note-bar svg{color:#64748b;flex-shrink:0}.persona-container{padding:8px 16px 96px;display:flex;flex-direction:column;gap:18px;flex:1}.persona-heading-group{margin-top:4px}.persona-page-title{font-size:24px;font-weight:800;color:#192024;letter-spacing:-.4px;line-height:1.2;margin-bottom:4px}.persona-page-subtitle{font-size:13.5px;color:#5f6c7b;line-height:1.4}.persona-profile-card{background-color:var(--cream-bg);border:1px solid var(--cream-border);border-radius:var(--radius-lg);padding:16px 14px;display:flex;gap:14px;align-items:flex-start;box-shadow:var(--shadow-card)}.persona-avatar-wrapper{width:74px;height:74px;border-radius:50%;overflow:hidden;flex-shrink:0;border:2px solid #ffffff;box-shadow:0 4px 10px #0000000f}.persona-avatar-wrapper img{width:100%;height:100%;object-fit:cover}.persona-profile-info{flex:1;min-width:0}.persona-name-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}.persona-name{font-size:17px;font-weight:800;color:#0f172a;letter-spacing:-.2px}.btn-edit-persona{background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:#475569;cursor:pointer;transition:all .15s ease}.btn-edit-persona:hover{background:#f8fafc;color:var(--primary-teal);border-color:var(--primary-teal-light)}.persona-role{font-size:13.5px;color:#5f6c7b;margin-bottom:10px;font-weight:500}.persona-traits-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.trait-pill{background-color:#dcf2ed;color:#0b7267;font-size:11px;font-weight:700;padding:5px 9px;border-radius:var(--radius-full);display:inline-flex;align-items:center;gap:5px;white-space:nowrap;letter-spacing:-.1px}.trait-pill svg{flex-shrink:0}.skills-fit-section{display:flex;flex-direction:column;gap:12px}.skills-fit-header{display:flex;align-items:center;justify-content:space-between}.skills-fit-title{font-size:17px;font-weight:800;color:#0f172a}.skills-fit-more{background:none;border:none;color:#64748b;display:flex;align-items:center;cursor:pointer;padding:4px}.skills-fit-more:hover{color:var(--primary-teal)}.skills-fit-list{display:flex;flex-direction:column;gap:14px}.skill-fit-item{display:flex;flex-direction:column;gap:6px}.skill-fit-meta{display:flex;justify-content:space-between;align-items:center}.skill-fit-name{font-size:13.5px;font-weight:700;color:#1e293b}.skill-fit-pct{font-size:13.5px;font-weight:800;color:#0f172a}.skill-progress-track{width:100%;height:9px;background-color:#e2f4f1;border-radius:var(--radius-full);overflow:hidden}.skill-progress-bar{height:100%;background-color:var(--primary-teal);border-radius:var(--radius-full);transition:width 1s cubic-bezier(.16,1,.3,1)}.persona-summary-card{background-color:var(--teal-tint);border:1px solid var(--teal-tint-border);border-radius:var(--radius-lg);padding:16px 18px;display:flex;flex-direction:column;gap:10px}.persona-summary-header{display:flex;align-items:center;gap:10px}.summary-icon-box{color:var(--primary-teal);display:flex;align-items:center}.persona-summary-title{font-size:16px;font-weight:800;color:#0f172a}.persona-summary-body{font-size:13px;color:#334155;line-height:1.55;margin:0}.assessment-container{padding:8px 16px 96px;display:flex;flex-direction:column;gap:16px;flex:1}.assessment-subheader{display:flex;align-items:center;justify-content:space-between;padding:2px 0}.assessment-title-group{display:flex;align-items:center;gap:10px}.assessment-title{font-size:20px;font-weight:800;color:#0f172a;letter-spacing:-.3px}.assessment-step-count{font-size:14px;font-weight:600;color:#64748b}.assessment-progress-track{width:100%;height:6px;background-color:#f1f5f9;border-radius:var(--radius-full);overflow:hidden;margin-top:-6px;margin-bottom:2px}.assessment-progress-fill{width:50%;height:100%;background-color:var(--primary-teal);border-radius:var(--radius-full);transition:width .4s ease}.assessment-question-card{background-color:var(--teal-tint);border:1px solid var(--teal-tint-border);border-radius:var(--radius-xl);padding:18px 16px;display:flex;align-items:center;gap:16px;box-shadow:var(--shadow-card)}.question-icon-badge{width:66px;height:66px;border-radius:50%;background-color:#dcf2ed;display:flex;align-items:center;justify-content:center;flex-shrink:0}.question-text-group{flex:1;min-width:0}.question-title{font-size:16.5px;font-weight:800;color:#0f172a;line-height:1.35;letter-spacing:-.2px;margin-bottom:4px}.question-instruction{font-size:12.5px;color:#5f6c7b;line-height:1.4}.assessment-options-list{display:flex;flex-direction:column;gap:12px;width:100%}.option-choice-card{background-color:#fff;border:1.5px solid #eef2f6;border-radius:var(--radius-lg);padding:14px 16px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all .18s ease;-webkit-user-select:none;user-select:none;box-shadow:0 2px 6px #00000005}.option-choice-card:hover{border-color:#cbd5e1;background-color:#fafbfc}.option-choice-card.selected{background-color:var(--teal-tint);border-color:var(--primary-teal);box-shadow:0 4px 12px #0087791a}.option-left-content{display:flex;align-items:center;gap:14px;flex:1;min-width:0}.option-icon-box{width:38px;height:38px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.option-label{font-size:14.5px;font-weight:700;color:#0f172a;line-height:1.35}.option-radio-indicator{width:22px;height:22px;border-radius:50%;border:2px solid #cbd5e1;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s ease;background-color:#fff}.option-choice-card.selected .option-radio-indicator{background-color:var(--primary-teal);border-color:var(--primary-teal)}.option-radio-indicator svg{display:none;width:13px;height:13px;stroke:#fff;stroke-width:3}.option-choice-card.selected .option-radio-indicator svg{display:block}.btn-assessment-next{width:100%;height:50px;background-color:var(--primary-teal);color:#fff;border:none;border-radius:var(--radius-md);font-size:15px;font-weight:700;font-family:inherit;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;box-shadow:var(--shadow-btn);transition:all .2s ease;margin-top:4px}.btn-assessment-next:hover{background-color:var(--primary-teal-dark);transform:translateY(-1px);box-shadow:0 6px 16px #0087794d}.btn-assessment-next:active{transform:translateY(0)}.dashboard-container{padding:10px 16px 96px;display:flex;flex-direction:column;gap:16px;flex:1}.greeting-section{display:flex;flex-direction:column;gap:4px}.greeting-title{font-size:24px;font-weight:800;color:#0f172a;letter-spacing:-.4px;display:flex;align-items:center;gap:6px}.greeting-subtitle{font-size:13.5px;color:#5f6c7b;line-height:1.4}.dashboard-hero-banner{background-color:var(--primary-teal);border-radius:var(--radius-xl);padding:18px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:14px;box-shadow:0 8px 24px #00877938;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;text-decoration:none}.dashboard-hero-banner:hover{transform:translateY(-2px);box-shadow:0 12px 28px #00877947}.hero-banner-left{display:flex;align-items:center;gap:14px;flex:1;min-width:0}.hero-banner-icon{width:58px;height:58px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.hero-banner-content{display:flex;flex-direction:column}.hero-banner-heading{font-size:17px;font-weight:800;color:#fff;line-height:1.25}.hero-banner-desc{font-size:11.5px;color:#ffffffe0;line-height:1.35;margin-top:3px}.hero-banner-btn{width:36px;height:36px;border-radius:50%;background:#fff;color:var(--primary-teal);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px #0000001a;transition:transform .15s ease}.dashboard-hero-banner:hover .hero-banner-btn{transform:scale(1.08)}.dashboard-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.dash-summary-card{border-radius:var(--radius-lg);padding:14px 14px 12px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;position:relative;min-height:138px}.dash-summary-card:hover{transform:translateY(-2px)}.dash-summary-card.cv-score{background-color:var(--teal-tint);border:1px solid var(--teal-tint-border)}.dash-summary-card.applications{background-color:var(--cream-bg);border:1px solid var(--cream-border)}.dash-card-top{display:flex;flex-direction:column;gap:6px}.dash-card-header{display:flex;align-items:center;gap:8px}.dash-card-label{font-size:12.5px;font-weight:700;color:#334155}.dash-score-value{display:flex;align-items:baseline;gap:2px;margin-top:-2px}.dash-score-main{font-size:26px;font-weight:800;color:#0f172a;line-height:1}.dash-score-sub{font-size:13px;font-weight:600;color:#64748b}.dash-card-title-lg{font-size:15px;font-weight:800;color:#0f172a;line-height:1.25}.dash-card-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;margin-top:10px}.dash-card-desc{font-size:11px;color:#5f6c7b;line-height:1.35;flex:1}.dash-card-arrow-btn{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dash-summary-card.cv-score .dash-card-arrow-btn{background-color:#d7f1ec;color:var(--primary-teal)}.dash-summary-card.applications .dash-card-arrow-btn{background-color:#faedd9;color:#d97706}.recommendation-section{display:flex;flex-direction:column;gap:12px}.recommendation-header-row{display:flex;align-items:flex-start;justify-content:space-between}.recommendation-titles{display:flex;flex-direction:column;gap:2px}.recommendation-title{font-size:18px;font-weight:800;color:#0f172a;letter-spacing:-.3px}.recommendation-subtitle{font-size:12px;color:#64748b}.recommendation-link{font-size:13px;font-weight:700;color:var(--primary-teal);text-decoration:none;display:inline-flex;align-items:center;gap:2px;white-space:nowrap}.recommendation-link:hover{text-decoration:underline}.jobs-list{display:flex;flex-direction:column;gap:12px}.job-card{background-color:#fff;border:1px solid #edf2f7;border-radius:var(--radius-lg);padding:16px;display:flex;flex-direction:column;gap:10px;box-shadow:var(--shadow-card);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;text-decoration:none;color:inherit}.job-card:hover{transform:translateY(-2px);border-color:#cbd5e1;box-shadow:0 6px 18px #0f172a0f}.job-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.job-company-row{display:flex;gap:12px;align-items:flex-start;flex:1;min-width:0}.company-logo-box{width:44px;height:44px;border-radius:var(--radius-sm);background-color:#f8fafc;border:1px solid #e2e8f0;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#475569}.job-titles-group{display:flex;flex-direction:column;min-width:0}.job-title-name{font-size:15.5px;font-weight:800;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.25}.company-name{font-size:13px;color:#64748b;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.job-meta-row{display:flex;align-items:center;gap:6px;font-size:11.5px;color:#64748b;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.job-meta-row svg{flex-shrink:0;color:#94a3b8}.job-match-badge{background-color:#dcf2ed;color:#00796b;font-size:12px;font-weight:800;padding:4px 10px;border-radius:var(--radius-full);white-space:nowrap;flex-shrink:0}.job-desc-snippet{font-size:12.5px;color:#475569;line-height:1.45}.job-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}.job-tags-group{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.job-tag-pill{background-color:#ebf8f5;color:#008779;font-size:11px;font-weight:600;padding:3px 9px;border-radius:var(--radius-full);border:1px solid #d4f0eb}.job-arrow-circle{width:24px;height:24px;border-radius:50%;background-color:#f1f5f9;color:#64748b;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s ease}.job-card:hover .job-arrow-circle{background-color:var(--primary-teal);color:#fff}.peluang-container{padding:10px 16px 96px;display:flex;flex-direction:column;gap:14px;flex:1}.peluang-header-block{display:flex;flex-direction:column;gap:4px}.peluang-title{font-size:26px;font-weight:800;color:#0f172a;letter-spacing:-.4px;line-height:1.2}.peluang-subtitle{font-size:13.5px;color:#5f6c7b;line-height:1.45}.peluang-search-box{display:flex;align-items:center;background-color:#fafbfc;border:1px solid #e2e8f0;border-radius:var(--radius-md);padding:0 12px 0 14px;height:48px;gap:10px;transition:all .2s ease}.peluang-search-box:focus-within{background-color:#fff;border-color:var(--primary-teal);box-shadow:0 0 0 3px #0087791a}.search-input-field{border:none;background:transparent;outline:none;width:100%;font-size:13.5px;font-family:inherit;color:#0f172a}.search-input-field::placeholder{color:#8b98a5}.btn-filter-settings{background:none;border:none;padding:6px;color:#475569;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-xs);transition:color .15s ease}.btn-filter-settings:hover{color:var(--primary-teal)}.category-filter-pills{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.category-filter-pills::-webkit-scrollbar{display:none}.filter-pill{border:none;background-color:var(--teal-tint);color:var(--primary-teal);font-size:13px;font-weight:700;padding:7px 18px;border-radius:var(--radius-full);cursor:pointer;font-family:inherit;transition:all .15s ease;white-space:nowrap}.filter-pill:hover{background-color:#d7f1ec}.filter-pill.active{background-color:var(--primary-teal);color:#fff}.peluang-count-label{font-size:13px;font-weight:600;color:#64748b;margin-top:2px}.peluang-list{display:flex;flex-direction:column;gap:12px}.opportunity-card{border-radius:var(--radius-xl);padding:16px;display:flex;flex-direction:column;gap:10px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;position:relative;text-decoration:none;color:inherit}.opportunity-card:hover{transform:translateY(-2px)}.opportunity-card.featured{background-color:var(--cream-bg);border:1px solid var(--cream-border)}.opportunity-card.standard{background-color:#fff;border:1px solid #edf2f7;box-shadow:var(--shadow-card)}.opp-top-row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.opp-company-section{display:flex;gap:12px;align-items:flex-start;flex:1;min-width:0}.opp-logo-box{width:50px;height:50px;border-radius:12px;background-color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 6px #0000000a}.opp-logo-box.karyaplus{background-color:#fff1f2}.opp-logo-box.inovasi{background-color:#f0fdfa}.opp-details{display:flex;flex-direction:column;gap:2px;min-width:0}.badge-new-today{background-color:#fef3c7;color:#b45309;font-size:10.5px;font-weight:800;padding:3px 8px;border-radius:var(--radius-full);display:inline-flex;align-items:center;gap:4px;width:fit-content;margin-bottom:2px}.opp-job-title{font-size:16px;font-weight:800;color:#0f172a;line-height:1.25}.opp-company-name{font-size:13px;color:#64748b;margin-top:1px}.opp-meta-row{display:flex;align-items:center;gap:6px;font-size:12px;color:#64748b;margin-top:2px}.opp-meta-row svg{color:#94a3b8;flex-shrink:0}.opp-match-pill{background-color:#dcf2ed;border-radius:12px;padding:6px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;text-align:center}.match-pct-text{font-size:17px;font-weight:800;color:#008779;line-height:1}.match-sub-text{font-size:9px;font-weight:600;color:#00796b;margin-top:2px;white-space:nowrap}.opp-salary-row{display:flex;align-items:center;justify-content:space-between;margin-top:2px}.salary-text-group{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:#1e293b}.salary-text-group svg{color:#475569}.opp-arrow-icon{color:#94a3b8;display:flex;align-items:center;flex-shrink:0}.nav-item .active-dot{width:4px;height:4px;border-radius:50%;background-color:var(--primary-teal);margin-top:-2px}.aktivitas-container{padding:18px 20px 100px;display:flex;flex-direction:column;gap:16px}.aktivitas-header-block{margin-top:2px}.aktivitas-title{font-size:28px;font-weight:800;color:#192024;letter-spacing:-.5px;line-height:1.2}.aktivitas-subtitle{font-size:15px;color:#5f6c7b;margin-top:4px;font-weight:500}.aktivitas-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:2px}.stat-card{border-radius:14px;padding:12px 10px;display:flex;align-items:center;gap:10px;transition:transform .15s ease,box-shadow .15s ease;cursor:pointer}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 10px #0000000a}.stat-card.teal{background-color:#e6f7f5}.stat-card.amber{background-color:#fff8ec}.stat-card.mint{background-color:#eaf8f5}.stat-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-card.teal .stat-icon{color:#008779}.stat-card.amber .stat-icon{color:#f59e0b}.stat-card.mint .stat-icon{color:#eab308}.stat-info{display:flex;flex-direction:column}.stat-number{font-size:22px;font-weight:800;color:#192024;line-height:1.1}.stat-label{font-size:12px;color:#5f6c7b;font-weight:500;margin-top:2px}.aktivitas-filter-chips{display:flex;align-items:center;gap:8px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none;-ms-overflow-style:none}.aktivitas-filter-chips::-webkit-scrollbar{display:none}.filter-chip{padding:8px 18px;border-radius:var(--radius-full);font-size:13.5px;font-weight:600;border:none;background-color:#f1f5f9;color:#334155;cursor:pointer;white-space:nowrap;transition:all .18s ease;font-family:inherit}.filter-chip:hover{background-color:#e2e8f0}.filter-chip.active{background-color:var(--primary-teal);color:#fff}.aktivitas-list{display:flex;flex-direction:column;gap:14px}.activity-card{background-color:#fff;border:1px solid #edf2f7;border-radius:18px;padding:16px 16px 18px;display:flex;flex-direction:column;gap:14px;transition:all .2s ease;cursor:pointer;box-shadow:0 1px 4px #0f172a08}.activity-card:hover{border-color:#cbd5e1;box-shadow:0 6px 16px #0f172a0f}.activity-top-row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.activity-job-meta{display:flex;align-items:flex-start;gap:12px;flex:1}.activity-logo-box{width:46px;height:46px;border-radius:13px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.activity-logo-box.teal{background-color:#e6f7f5;color:#008779}.activity-logo-box.amber{background-color:#fef3c7;color:#d97706}.activity-job-details{display:flex;flex-direction:column}.activity-job-title{font-size:16.5px;font-weight:700;color:#192024;line-height:1.25}.activity-company-name{font-size:13.5px;color:#5f6c7b;font-weight:500;margin-top:2px}.activity-location-row{display:flex;align-items:center;gap:4px;font-size:12.5px;color:#64748b;margin-top:3px}.activity-status-side{display:flex;align-items:center;gap:8px;flex-shrink:0}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:var(--radius-full);font-size:12px;font-weight:600;line-height:1.2;white-space:nowrap}.status-badge.dilamar{background-color:#e6f8f5;color:#008779}.status-badge.interview{background-color:#fff8ec;color:#b45309}.status-badge .status-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.status-badge.dilamar .status-dot{background-color:#008779}.status-badge.interview .status-dot{background-color:#d97706}.activity-chevron{color:#94a3b8;display:flex;align-items:center}.activity-stepper{display:flex;flex-direction:column;padding-left:28px;margin-top:2px}.stepper-step{display:flex;align-items:flex-start;position:relative;padding-bottom:12px}.stepper-step:last-child{padding-bottom:0}.stepper-step:not(:last-child):before{content:"";position:absolute;left:4px;top:10px;bottom:-2px;width:2px;background-color:#e2e8f0}.step-marker{width:10px;height:10px;border-radius:50%;background-color:#cbd5e1;margin-right:14px;margin-top:3px;flex-shrink:0;z-index:1}.stepper-step.active-teal .step-marker{background-color:#008779}.stepper-step.active-amber .step-marker{background-color:#d97706}.step-content{display:flex;flex-direction:column}.step-date{font-size:13px;font-weight:700;color:#192024;line-height:1.3}.step-title{font-size:12.5px;color:#5f6c7b;margin-top:1px}.stepper-step:not(.active-teal):not(.active-amber) .step-title{color:#94a3b8}.aktivitas-empty{display:none;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 20px;background-color:#fff;border-radius:18px;border:1px dashed #cbd5e1}.aktivitas-empty svg{color:#94a3b8;margin-bottom:12px}.aktivitas-empty h3{font-size:16px;font-weight:700;color:#334155;margin-bottom:4px}.aktivitas-empty p{font-size:13px;color:#64748b;max-width:260px}.profil-container{padding:18px 20px 100px;display:flex;flex-direction:column;gap:20px}.profil-header-block{margin-top:2px}.profil-title{font-size:28px;font-weight:800;color:#192024;letter-spacing:-.5px;line-height:1.2}.profil-subtitle{font-size:15px;color:#5f6c7b;margin-top:4px;font-weight:500}.profile-summary-card{background-color:#fff9ea;border-radius:20px;padding:18px;display:flex;align-items:center;gap:16px;cursor:pointer;transition:all .2s ease;position:relative;text-decoration:none;box-shadow:0 1px 4px #0f172a05}.profile-summary-card:hover{box-shadow:0 6px 16px #0f172a0f;transform:translateY(-1px)}.profile-avatar-wrapper{position:relative;flex-shrink:0;width:72px;height:72px}.profile-avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.avatar-edit-badge{position:absolute;bottom:0;right:0;width:24px;height:24px;border-radius:50%;background-color:var(--primary-teal);color:#fff;display:flex;align-items:center;justify-content:center;border:2px solid #ffffff}.profile-summary-details{flex:1;display:flex;flex-direction:column;min-width:0}.profile-name{font-size:18px;font-weight:800;color:#192024;line-height:1.2}.profile-role{font-size:14px;color:#5f6c7b;font-weight:500;margin-top:2px}.profile-progress-label{font-size:13px;color:#5f6c7b;font-weight:500;margin-top:8px;display:flex;align-items:center;gap:4px}.profile-progress-label strong{color:var(--primary-teal);font-weight:800}.profile-progress-bar{width:100%;height:8px;background-color:#ebdcc5;border-radius:9999px;overflow:hidden;margin-top:5px}.profile-progress-fill{height:100%;background-color:var(--primary-teal);border-radius:9999px;transition:width .6s ease}.profile-summary-arrow{color:#94a3b8;display:flex;align-items:center;flex-shrink:0}.profil-section{display:flex;flex-direction:column;gap:10px}.profil-section-title{font-size:18px;font-weight:800;color:#192024;line-height:1.2}.profil-menu-list{display:flex;flex-direction:column;gap:10px}.profil-menu-item{background-color:#fff;border:1px solid #edf2f7;border-radius:16px;padding:13px 16px;display:flex;align-items:center;justify-content:space-between;text-decoration:none;transition:all .2s ease;cursor:pointer;box-shadow:0 1px 3px #0f172a05}.profil-menu-item:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0f172a0d;transform:translateY(-1px)}.profil-menu-item.highlight-pro{background-color:#eaf8f5;border-color:#c7ede5}.profil-menu-item.highlight-pro:hover{border-color:#a3e2d6}.profil-item-left{display:flex;align-items:center;gap:14px;flex:1;min-width:0}.profil-icon-circle{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.profil-icon-circle.teal{background-color:#e6f8f5;color:#008779}.profil-icon-circle.amber{background-color:#fff8ec;color:#d97706}.profil-item-text{display:flex;flex-direction:column;min-width:0}.profil-item-title{font-size:15px;font-weight:700;color:#192024;line-height:1.3;display:flex;align-items:center;gap:6px}.profil-item-subtitle{font-size:12.5px;color:#5f6c7b;margin-top:1px;line-height:1.35}.profil-item-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.score-badge{background-color:#fff2d6;color:#d97706;font-size:14px;font-weight:800;padding:4px 12px;border-radius:9999px;line-height:1.2}.profil-arrow{color:#94a3b8;display:flex;align-items:center}.agent-container{padding:16px 20px 105px;display:flex;flex-direction:column;gap:15px}.agent-hero-section{display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:4px}.agent-mascot-glow{position:relative;width:108px;height:108px;display:flex;align-items:center;justify-content:center;margin-bottom:10px}.agent-mascot-glow svg{width:100%;height:100%;overflow:visible}.agent-title{font-size:28px;font-weight:800;color:#192024;letter-spacing:-.5px;line-height:1.2}.agent-subtitle{font-size:15px;color:#5f6c7b;margin-top:4px;font-weight:500}.agent-greeting-card{width:100%;background-color:#eaf8f6;border-radius:18px;padding:16px;display:flex;align-items:center;gap:14px;box-sizing:border-box}.agent-bubble-icon{width:44px;height:44px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.agent-greeting-text{font-size:14.5px;color:#192024;line-height:1.45;font-weight:500}.agent-greeting-text strong{font-weight:800}.agent-actions-list{width:100%;display:flex;flex-direction:column;gap:10px}.agent-action-item{width:100%;background-color:#fff;border:1px solid #edf2f7;border-radius:16px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;text-decoration:none;transition:all .2s ease;cursor:pointer;box-sizing:border-box;box-shadow:0 1px 3px #0f172a05}.agent-action-item:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0f172a0d;transform:translateY(-1px)}.agent-action-left{display:flex;align-items:center;gap:14px}.agent-icon-box{width:44px;height:44px;border-radius:14px;background-color:#e6f8f5;color:#008779;display:flex;align-items:center;justify-content:center;flex-shrink:0}.agent-action-title{font-size:15.5px;font-weight:700;color:#192024}.agent-action-arrow{color:#94a3b8;display:flex;align-items:center}.agent-tip-card{width:100%;background-color:#fff8eb;border-radius:18px;padding:16px;display:flex;align-items:center;gap:14px;box-sizing:border-box;cursor:pointer;transition:all .2s ease}.agent-tip-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #d9770614}.agent-tip-icon-box{width:48px;height:48px;border-radius:50%;background-color:#fef3c7;color:#d97706;display:flex;align-items:center;justify-content:center;flex-shrink:0}.agent-tip-text{display:flex;flex-direction:column}.agent-tip-label{font-size:13px;color:#5f6c7b;line-height:1.3}.agent-tip-highlight{font-size:16.5px;font-weight:800;color:#192024;margin-top:2px}.agent-chat-bar{width:100%;background-color:#fff;border:1px solid #e2e8f0;border-radius:9999px;padding:6px 8px 6px 16px;display:flex;align-items:center;gap:10px;box-sizing:border-box;box-shadow:0 2px 8px #0f172a0a;transition:border-color .2s ease,box-shadow .2s ease;margin-top:2px}.agent-chat-bar:focus-within{border-color:var(--primary-teal);box-shadow:0 0 0 3px #0087791f}.agent-sparkle-icon{color:var(--primary-teal);display:flex;align-items:center;flex-shrink:0}.agent-input-field{flex:1;border:none;outline:none;font-family:inherit;font-size:13.5px;color:#192024;background:transparent}.agent-input-field::placeholder{color:#94a3b8}.agent-send-btn{width:38px;height:38px;border-radius:50%;background-color:var(--primary-teal);color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:transform .15s ease,background-color .15s ease}.agent-send-btn:hover{background-color:var(--primary-teal-dark);transform:scale(1.05)}.agent-send-btn:active{transform:scale(.95)}.nav-item.active .nav-active-bar{width:24px;height:2.5px;background-color:var(--primary-teal);border-radius:9999px;margin-top:2px}@media (max-width: 480px){body{background-color:#fff;display:block;width:100%;overflow-x:hidden}.desktop-wrapper{width:100%;max-width:100%;overflow-x:hidden}.mobile-frame{width:100%;max-width:100%;border-left:none;border-right:none;box-shadow:none;overflow-x:hidden}.bottom-nav{width:100%;max-width:100%;left:0;transform:none}}.auth-tabs-group{display:flex;background-color:#f1f5f9;border-radius:var(--radius-full);padding:4px;margin-bottom:20px;width:100%}.auth-tab-btn{flex:1;padding:8px 16px;border:none;background:transparent;font-family:inherit;font-size:13.5px;font-weight:600;color:var(--text-secondary);border-radius:var(--radius-full);cursor:pointer;transition:all .2s ease}.auth-tab-btn.active{background-color:#fff;color:var(--primary-teal);box-shadow:0 2px 6px #0f172a14}.auth-error-banner{background-color:#fef2f2;border:1px solid #fecaca;color:#b91c1c;padding:10px 14px;border-radius:var(--radius-sm);font-size:12.5px;margin-bottom:14px;display:flex;align-items:center;gap:8px}.auth-success-banner{background-color:#f0fdf4;border:1px solid #bbf7d0;color:#15803d;padding:10px 14px;border-radius:var(--radius-sm);font-size:12.5px;margin-bottom:14px;display:flex;align-items:center;gap:8px}.onboarding-step-view{display:none;flex-direction:column;width:100%;animation:fadeInStep .25s ease-out}.onboarding-step-view.active{display:flex}@keyframes fadeInStep{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.onboarding-form-group{margin-bottom:16px}.onboarding-label{display:block;font-size:13px;font-weight:700;color:var(--text-primary);margin-bottom:6px}.onboarding-select,.onboarding-input{width:100%;padding:11px 14px;border:1px solid #cbd5e1;border-radius:var(--radius-sm);font-family:inherit;font-size:13.5px;color:var(--text-primary);background-color:#fff;outline:none;transition:border-color .2s;box-sizing:border-box}.onboarding-select:focus,.onboarding-input:focus{border-color:var(--primary-teal);box-shadow:0 0 0 3px #0087791f}.skills-tags-wrap{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.skill-tag-pill{display:inline-flex;align-items:center;gap:6px;background-color:var(--teal-tint);border:1px solid var(--teal-tint-border);color:var(--primary-teal-dark);padding:5px 10px;border-radius:var(--radius-full);font-size:12.5px;font-weight:600}.skill-tag-remove{background:transparent;border:none;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;line-height:1}.skill-tag-remove:hover{color:#ef4444}.skill-add-row{display:flex;gap:8px}.opp-source-badge{display:inline-flex;align-items:center;gap:5px;background-color:#f8fafc;border:1px solid #e2e8f0;color:#475569;font-size:11px;font-weight:600;padding:3px 8px;border-radius:var(--radius-xs)}.opp-crawled-time{font-size:11px;color:#94a3b8}.opp-actions-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:14px;padding-top:12px;border-top:1px dashed #f1f5f9}.btn-apply-source{display:inline-flex;align-items:center;gap:6px;background-color:var(--primary-teal);color:#fff!important;padding:8px 14px;border-radius:var(--radius-full);font-size:12px;font-weight:700;text-decoration:none;border:none;cursor:pointer;transition:all .2s ease}.btn-apply-source:hover{background-color:var(--primary-teal-dark);transform:translateY(-1px)}.btn-feedback-icon{background-color:#f8fafc;border:1px solid #e2e8f0;color:#64748b;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.btn-feedback-icon:hover{background-color:#f1f5f9;color:var(--text-primary)}.btn-feedback-icon.danger:hover{background-color:#fef2f2;color:#ef4444;border-color:#fecaca}.explainable-ai-card{background-color:#f0fdfa;border:1px solid #ccfbf1;border-radius:var(--radius-md);padding:14px;margin:14px 0}.ai-match-header{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:800;color:var(--primary-teal-dark);margin-bottom:8px}.ai-match-reason{font-size:12.5px;color:#134e4a;line-height:1.5;margin-bottom:8px}.ai-gap-badge{background-color:#fffbeb;border:1px solid #fef3c7;color:#b45309;padding:6px 10px;border-radius:var(--radius-sm);font-size:11.5px;font-weight:600;margin-bottom:6px;display:flex;align-items:flex-start;gap:6px}.ai-next-step{font-size:12px;color:#0f766e;font-weight:600;display:flex;align-items:center;gap:6px}.presigned-countdown-badge{display:inline-flex;align-items:center;gap:6px;background-color:#f1f5f9;border:1px solid #cbd5e1;color:#475569;padding:4px 8px;border-radius:var(--radius-xs);font-size:11px;font-weight:700;font-family:monospace}.app-meta-row{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:8px;font-size:11.5px;color:#64748b}.app-reminder-pill{display:inline-flex;align-items:center;gap:4px;background-color:#fef3c7;color:#92400e;padding:3px 7px;border-radius:var(--radius-full);font-size:11px;font-weight:700}.app-status-select{padding:4px 8px;border-radius:var(--radius-xs);border:1px solid #cbd5e1;font-size:11.5px;font-weight:700;font-family:inherit;background-color:#fff;color:var(--text-primary);cursor:pointer}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;z-index:1000;padding:16px}.modal-overlay.show{display:flex}.modal-card-box{background-color:#fff;border-radius:var(--radius-lg);width:100%;max-width:400px;max-height:85vh;overflow-y:auto;box-shadow:0 20px 40px #0f172a33;display:flex;flex-direction:column}.modal-header-bar{padding:16px 20px;border-bottom:1px solid #f1f5f9;display:flex;align-items:center;justify-content:space-between}.modal-header-title{font-size:16px;font-weight:800;color:var(--text-primary)}.modal-body-content{padding:20px}.pricing-card-choice{border:2px solid #e2e8f0;border-radius:var(--radius-md);padding:14px;margin-bottom:12px;cursor:pointer;transition:all .2s ease;position:relative}.pricing-card-choice:hover{border-color:var(--primary-teal)}.pricing-card-choice.active{border-color:var(--primary-teal);background-color:#f0fdfa}.pricing-badge-popular{position:absolute;top:-10px;right:14px;background-color:#f59e0b;color:#fff;font-size:10px;font-weight:800;padding:2px 8px;border-radius:var(--radius-full)}.idempotent-guard-badge{display:flex;align-items:center;gap:6px;background-color:#ecfdf5;border:1px solid #a7f3d0;color:#065f46;padding:8px 12px;border-radius:var(--radius-sm);font-size:12px;font-weight:600;margin-top:10px}.rbac-bar{background-color:#1e293b;color:#f8fafc;padding:8px 16px;font-size:11.5px;display:flex;align-items:center;justify-content:space-between}.rbac-select-btn{background-color:#334155;border:1px solid #475569;color:#fff;padding:3px 8px;border-radius:var(--radius-xs);font-size:11px;font-family:inherit;font-weight:700;cursor:pointer}