.manage-cover-letter-dialog{border-radius:15px;flex-direction:column;width:90vw;max-width:900px;max-height:85vh;margin-top:60px;padding:0;display:flex}.manage-cover-letter-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.manage-cover-letter-title{color:#272727;margin:0;font-size:20px;font-weight:600}.manage-cover-letter-close-btn{cursor:pointer;color:#666;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:background-color .15s;display:inline-flex}.manage-cover-letter-close-btn:hover{background-color:#f0f0f0}.manage-cover-letter-body{flex:1;padding:20px;overflow-y:auto}.manage-cover-letter-label{color:#272727;margin-bottom:6px;font-size:14px;font-weight:600;display:block}.manage-cover-letter-input,.manage-cover-letter-textarea{border:1px solid #ddd;border-radius:6px;width:100%;padding:10px 12px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}.manage-cover-letter-input:focus,.manage-cover-letter-textarea:focus{border-color:#3bbdad;outline:none;box-shadow:0 0 0 3px #3bbdad1a}.manage-cover-letter-textarea{resize:vertical;min-height:100px}.manage-cover-letter-footer{border-top:1px solid #eee;justify-content:flex-end;gap:12px;padding:16px 20px 20px;display:flex}.manage-cover-letter-btn{cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:transform .15s,box-shadow .15s,background-color .15s}.manage-cover-letter-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.manage-cover-letter-btn-cancel{color:#333;background-color:#f5f5f5}.manage-cover-letter-btn-cancel:hover:not(:disabled){background-color:#e8e8e8}.manage-cover-letter-btn-save{color:#fff;background:linear-gradient(120deg,#3bbdad 0%,#0f766e 100%);box-shadow:0 4px 12px #2b998e47}.manage-cover-letter-btn-save:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #2b998e57}.manage-cover-letter-dialog .row{flex-wrap:wrap;margin:0 -8px;display:flex}.manage-cover-letter-dialog .col-md-12{width:100%;padding:0 8px}.manage-cover-letter-dialog .col-md-6{width:50%;padding:0 8px}.manage-cover-letter-dialog .mt-10{margin-top:10px}@media (max-width:767px){.manage-cover-letter-dialog .col-md-6{width:100%}.manage-cover-letter-dialog{border-radius:0;max-width:100%;height:100%}.manage-cover-letter-body{padding:16px}.manage-cover-letter-footer{padding:12px 16px}}
.ai-cover-letter-dialog{border-radius:15px;flex-direction:column;width:90vw;max-width:900px;max-height:85vh;margin-top:60px;padding:0;display:flex}.ai-cover-letter-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.ai-cover-letter-title{color:#272727;margin:0;font-size:20px;font-weight:600}.ai-cover-letter-close-btn{cursor:pointer;color:#666;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:background-color .15s;display:inline-flex}.ai-cover-letter-close-btn:hover{background-color:#f0f0f0}.ai-cover-letter-body{flex:1;padding:20px;overflow-y:auto}.ai-settings-section{margin-bottom:20px}.ai-settings-header{cursor:pointer;color:#272727;background-color:#f8f9fa;border-radius:8px;justify-content:space-between;align-items:center;padding:12px 16px;font-size:15px;font-weight:600;display:flex}.ai-settings-content{border:1px solid #e9ecef;border-radius:8px;margin-top:12px;padding:16px}.ai-form-group{margin-bottom:16px}.ai-form-label{color:#272727;margin-bottom:6px;font-size:14px;font-weight:600;display:block}.ai-form-subtitle{color:#666;font-size:13px;font-weight:400}.ai-form-input,.ai-form-select,.ai-form-textarea{border:1px solid #ddd;border-radius:6px;width:100%;padding:10px 12px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}.ai-form-input:focus,.ai-form-select:focus,.ai-form-textarea:focus{border-color:#3bbdad;outline:none;box-shadow:0 0 0 3px #3bbdad1a}.ai-form-textarea{resize:vertical;min-height:100px}.h-100p{min-height:100px}.h-200p{min-height:200px}.experience-chips{flex-wrap:wrap;gap:8px;display:flex}.experience-chip{cursor:pointer;background-color:#fff;border:1px solid #ddd;border-radius:20px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .15s}.experience-chip-default:hover{background-color:#f0f0f0}.experience-chip-selected{color:#fff;background-color:#3bbdad;border-color:#3bbdad}.ai-results-section{margin-top:20px}.ai-info-label{color:#666;margin-bottom:12px;font-size:13px;line-height:1.5;display:block}.ai-cover-letter-text-container{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;max-height:400px;margin-bottom:16px;padding:20px;overflow-y:auto}.ai-cover-letter-text{color:#333;font-size:14px;line-height:1.6}.ai-cover-letter-text.no-select{-webkit-user-select:none;user-select:none}.ai-refine-section{border:1px solid #e9ecef;border-radius:8px;margin-top:16px;overflow:hidden}.ai-refine-header{color:#272727;background-color:#f8f9fa;padding:12px 16px;font-size:14px;font-weight:600}.ai-suggested-actions{flex-wrap:wrap;gap:8px;padding:16px;display:flex}.ai-suggested-action{cursor:pointer;background-color:#fff;border:1px solid #ddd;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .15s}.ai-suggested-action:hover{background-color:#f0f0f0}.ai-suggested-action-selected{color:#fff;background-color:#3bbdad;border-color:#3bbdad}.ai-pagination{background-color:#f8f9fa;border-radius:8px;justify-content:space-between;align-items:center;margin-top:16px;padding:12px 16px;display:flex}.ai-pagination-label{color:#666;font-size:14px;font-weight:500}.ai-pagination-btn{cursor:pointer;background-color:#fff;border:1px solid #ddd;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .15s}.ai-pagination-btn:hover:not(:disabled){background-color:#f0f0f0}.ai-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.ai-loading-section{flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.ai-loader{margin-bottom:16px}.ai-loader img{width:60px;height:60px}.ai-loading-label{color:#666;font-size:14px;font-weight:500}.ai-cover-letter-footer{border-top:1px solid #eee;flex-wrap:wrap;justify-content:flex-end;gap:12px;padding:16px 20px 20px;display:flex}.ai-cover-letter-btn{cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:transform .15s,box-shadow .15s,background-color .15s}.ai-cover-letter-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.ai-cover-letter-btn-cancel{color:#333;background-color:#f5f5f5}.ai-cover-letter-btn-cancel:hover:not(:disabled){background-color:#e8e8e8}.ai-cover-letter-btn-write{color:#fff;background-color:#6c757d}.ai-cover-letter-btn-write:hover:not(:disabled){background-color:#5a6268}.ai-cover-letter-btn-generate{color:#fff;background:linear-gradient(120deg,#3bbdad 0%,#0f766e 100%);box-shadow:0 4px 12px #2b998e47}.ai-cover-letter-btn-generate:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #2b998e57}.ai-cover-letter-btn-save{color:#fff;background-color:#28a745}.ai-cover-letter-btn-save:hover:not(:disabled){background-color:#218838}@media (max-width:767px){.ai-cover-letter-dialog{border-radius:0;max-width:100%;height:100%;max-height:100vh}.ai-cover-letter-body{padding:16px}.ai-cover-letter-footer{padding:12px 16px}.ai-cover-letter-btn{padding:8px 16px;font-size:13px}}
.page-shell{background:radial-gradient(circle at 10% 20%,#3bbdad1f 0%,#3bbdad00 38%),radial-gradient(circle at 85% 0,#0f766e1f 0%,#0f766e00 42%),linear-gradient(#f5fdfb 0%,#f7f9fb 48%,#fff 100%);min-height:100vh;padding:102px 0 40px;font-family:Manrope,DM Sans,sans-serif}.page-shell-container{max-width:1120px;margin:0 auto;padding:0 12px}.page-shell-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.page-shell-title{color:#13202b;letter-spacing:-.01em;margin:0;font-size:28px;font-weight:800}.page-shell-title-wrap{min-width:0}.page-subtitle{color:#5d6b79;margin:6px 0 0;font-size:14px;line-height:1.5}.page-empty-state{text-align:center;background:#fff;border:1px solid #d8e7e4;border-radius:16px;padding:42px 20px;box-shadow:0 14px 38px #21443f1f}.page-empty-state img{width:170px;max-width:100%;margin:0 auto 14px;display:block}.action-buttons-sec{flex-wrap:wrap;gap:12px;display:flex}.ip-btn{text-align:center;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;min-height:42px;padding:12px 16px;font-family:Manrope,DM Sans,sans-serif;font-size:14px;font-weight:700;line-height:1.2;transition:transform .15s,box-shadow .15s,background-color .15s;display:inline-flex}.ip-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.ip-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 30px #2b998e57}@media only screen and (max-width:991px){.page-shell{padding-top:90px}.page-shell-title{font-size:23px}.page-shell-container{padding:0 8px}.page-shell-header{margin-bottom:16px}}@media only screen and (max-width:767px){.page-shell{padding-top:86px}.page-shell-title{font-size:21px;line-height:1.3}.page-shell-header .action-buttons-sec .ip-btn{flex:1 1 0}.page-empty-state{padding:28px 14px}.page-empty-state img{width:136px}}@media only screen and (max-width:480px){.page-shell-container{padding:0 6px}.page-shell-title{font-size:19px}}.cover-letter-sec{min-height:100vh}.page-empty-state{text-align:center;background:#fff;border:1px solid #d8e7e4;border-radius:16px;width:100%;padding:42px 20px;display:block;box-shadow:0 14px 38px #21443f1f}.page-empty-state img{width:170px;max-width:100%;margin-bottom:14px;margin-left:auto;margin-right:auto;display:block}.page-empty-state-title{color:#24414a;margin:0;font-size:18px;font-weight:800}.page-empty-state-desc{color:#666;max-width:520px;margin:8px auto 18px;font-size:14px;line-height:1.6}.page-empty-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:14px;display:flex}.ip-btn{cursor:pointer;border:none;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .15s}.ip-btn-primary{color:#fff;background:linear-gradient(120deg,#3bbdad 0%,#0f766e 100%);box-shadow:0 2px 8px #2b998e33}.ip-btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #2b998e4d}@media (max-width:767px){.page-empty-state{padding:28px 14px}.page-empty-state img{width:136px}}.cover-letter-grid{margin:0 -8px}.cover-letter-grid-col{margin-bottom:20px;padding:0 8px}.skeleton-wrap{flex-direction:column;gap:12px;display:flex}.skeleton-line,.skeleton-box,.skeleton-pill{background:#e5eeed;border-radius:8px;position:relative;overflow:hidden}.skeleton-line:after,.skeleton-box:after,.skeleton-pill:after{content:"";background:linear-gradient(90deg,#e5eeed00 0%,#ffffffd9 50%,#e5eeed00 100%);width:120%;height:100%;animation:1.6s infinite cover-letter-skeleton;position:absolute;top:0;left:-150%}.skeleton-line{height:12px}.skeleton-pill{border-radius:999px;width:90px;height:22px}.skeleton-box{width:100%;height:80px}.skeleton-card.cover-letter{cursor:default;pointer-events:none;background-color:#fbfffe;border:1px solid #eee;border-radius:14px;min-height:320px;padding:15px}@keyframes cover-letter-skeleton{to{transform:translate(250%)}}.cover-letter{color:#272727;background-color:#fbfffe;border:1px solid #eee;border-radius:14px;flex-direction:column;height:auto;min-height:300px;margin-bottom:20px;display:flex;overflow:hidden;box-shadow:0 0 5px #ccc}.cover-letter-preview-button{cursor:pointer;text-align:left;aspect-ratio:358/416;background:#f4f8f7;border:none;border-radius:14px 14px 0 0;width:100%;min-height:220px;padding:0;display:block;position:relative;overflow:hidden}.cover-letter-image{aspect-ratio:358/416;object-fit:cover;object-position:top;border-radius:14px 14px 0 0;width:100%;max-width:358px;display:block}.cover-letter-preview-button .kw-doc-preview{border-radius:14px 14px 0 0;max-width:100%}.cover-letter-preview-button .kw-doc-preview.cover-letter-image{aspect-ratio:auto;max-width:none;height:100%}.cover-letter-image-placeholder{background:#f4f8f7;border-radius:14px 14px 0 0;width:100%;min-height:220px}.cover-letter-title{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:14px;font-weight:600;overflow:hidden}.cover-letter-title-div{width:90%!important}.resume-section-footer{justify-content:space-between;align-items:center;min-height:58px;max-height:58px;margin:0;padding-inline:11px;display:flex}.resume-section-footer .resume-title-div{width:90%!important}.resume-section-footer .menu-right-div{justify-content:flex-end;display:flex;width:10%!important}.cover-letter-menu-trigger{cursor:pointer;color:#3bbdad;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;transition:background-color .15s;display:inline-flex}.cover-letter-menu-trigger:hover{background-color:#f0f7f6}.cover-letter-menu-dropdown{background-color:#fff;border-radius:5px;width:fit-content;min-width:200px;padding:10px 0;box-shadow:0 4px 6px #0000001a}.cover-letter-menu-dropdown-item{cursor:pointer;color:#333;align-items:center;gap:10px;padding:8px 15px;font-size:14px;font-weight:500;transition:background .2s ease-in-out;display:flex}.cover-letter-menu-dropdown-item:hover{background-color:#f5f5f5}.cover-letter-menu-icon{color:#3bbdad;justify-content:center;align-items:center;font-size:20px;display:inline-flex}.cover-letter-menu-icon--danger,.cover-letter-menu-dropdown-item--danger,.cover-letter-menu-dropdown-item--danger .cover-letter-menu-icon{color:#d9534f}.cover-letter-menu-label{white-space:nowrap}.cover-letter-sidebar-ad{margin-top:24px}@media (max-width:767px){.cover-letter-menu-dropdown{width:auto;min-width:unset;position:fixed;bottom:12px;left:12px;right:12px}.cover-letter-image{aspect-ratio:auto;max-width:100%}}@media (min-width:768px) and (max-width:991px){.cover-letter-image{aspect-ratio:auto;max-width:100%}}@media (min-width:992px){.cover-letter-image{aspect-ratio:358/416;width:100%;max-width:358px}}