html,body,#root{width:100%;min-height:100%;margin:0;padding:0}html{background:#f4f7fb}body{min-width:320px}*{box-sizing:border-box;margin:0;padding:0}body{color:#172033;background:#f4f7fb;font-family:Inter,Arial,Helvetica,sans-serif}button,input,select,textarea{font-family:inherit}button{cursor:pointer}.app{background:#f4f7fb;width:100%;min-height:100vh;padding:28px 40px}.header{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.brand{align-items:center;gap:15px;display:flex}.linkedin-logo{color:#fff;background:#0a66c2;border-radius:9px;justify-content:center;align-items:center;width:52px;height:52px;font-size:32px;font-weight:700;display:flex}.brand h1{color:#101828;margin-bottom:6px;font-size:28px;font-weight:700;line-height:1.2}.brand p{color:#667085;font-size:14px;line-height:1.5}.header-actions{gap:12px;display:flex}.primary-btn,.secondary-btn{border-radius:9px;align-items:center;gap:8px;padding:13px 18px;font-size:14px;font-weight:600;display:flex}.primary-btn{color:#fff;background:#1264f0;border:1px solid #1264f0}.primary-btn:hover{background:#0958df}.secondary-btn{color:#172033;background:#fff;border:1px solid #d7deea}.secondary-btn:hover{background:#f8fafc}.top-section{grid-template-columns:1.25fr 1.25fr 1fr;gap:20px;margin-bottom:20px;display:grid}.upload-box{background:#fff;border:1.5px dashed #8db9ff;border-radius:12px;justify-content:center;align-items:center;gap:22px;min-height:165px;padding:25px;display:flex;box-shadow:0 1px 3px #1018280a}.excel-icon{color:#16803c;background:#edf7ef;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:68px;height:68px;display:flex}.upload-content h2{margin-bottom:6px;font-size:19px}.upload-content p{color:#5e6a7d;margin-bottom:5px;font-size:13px;line-height:1.4}.upload-content>span{color:#98a2b3;margin-bottom:14px;font-size:12px;display:block}.upload-content>span strong{color:#6f42c1;font-weight:700}.upload-btn{color:#fff;cursor:pointer;background:#1264f0;border-radius:8px;align-items:center;gap:8px;width:fit-content;padding:10px 17px;font-size:13px;font-weight:600;transition:background .15s;display:flex}.upload-btn:hover{background:#0958df}.selected-file{color:#16803c;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:7px;max-width:100%;margin-top:12px;font-size:13px;display:flex;overflow:hidden}.word-upload-box{border-color:#b9a7ff}.word-icon{color:#6f42c1;background:#f3efff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:68px;height:68px;display:flex}.word-upload-btn{background:#6f42c1}.word-upload-btn:hover{background:#5f35ad}.word-file{color:#6f42c1}.stats-box{background:#fff;border:1px solid #e2e8f0;border-radius:12px;grid-template-rows:1fr 1fr;grid-template-columns:1.1fr 1fr 1fr;gap:10px;min-width:0;padding:14px;display:grid;box-shadow:0 1px 3px #1018280a}.total-card{border-right:1px solid #edf0f4;flex-direction:column;grid-row:span 2;justify-content:center;padding:15px;display:flex}.total-card span{color:#475467;font-size:13px}.total-card strong{color:#1264f0;margin-top:5px;font-size:35px}.stat-card{border:1px solid #e4e9f1;border-radius:9px;min-width:0;padding:10px}.stat-card span{color:#475467;white-space:nowrap;text-overflow:ellipsis;margin-bottom:5px;font-size:11px;display:block;overflow:hidden}.stat-card strong{font-size:18px}.table-section{background:#fff;border:1px solid #e1e7ef;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #1018280a}.toolbar{border-bottom:1px solid #e5eaf1;align-items:center;gap:12px;padding:17px;display:flex}.search-box{color:#667085;border:1px solid #d5dce7;border-radius:8px;flex-shrink:0;align-items:center;gap:8px;min-width:280px;height:40px;padding:0 12px;display:flex}.search-box input{background:0 0;border:none;outline:none;width:100%;font-size:13px}.filters{flex:1;gap:7px;min-width:0;display:flex;overflow:hidden}.filter{white-space:nowrap;color:#344054;background:#fff;border:1px solid #dce2eb;border-radius:8px;flex-shrink:0;padding:9px 12px;font-size:12px}.filter:hover{background:#f8fafc}.filter.active{color:#fff;background:#1264f0;border-color:#1264f0}.page-size{background:#fff;border:1px solid #dce2eb;border-radius:8px;flex-shrink:0;height:38px;padding:0 10px}.table-wrapper{width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:1200px}thead{background:#f6f8fb}th{text-align:left;color:#344054;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e4e8ef;padding:15px 12px;font-size:12px;font-weight:600}td{vertical-align:middle;border-bottom:1px solid #edf0f4;padding:15px 12px;font-size:13px}.empty-row td{height:360px}.empty-state{color:#98a2b3;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state h3{color:#344054;margin-top:12px;margin-bottom:6px}.empty-state p{font-size:13px}tbody tr:not(.empty-row):hover{background:#fafcff}tbody td strong{color:#172033}.linkedin-url-text{color:#1264f0;cursor:pointer}.copy-cell{align-items:center;gap:8px;min-width:230px;display:flex}.truncate-text{text-overflow:ellipsis;white-space:nowrap;max-width:250px;display:block;overflow:hidden}.message-preview{color:#344054;white-space:pre-wrap;word-break:break-word;cursor:default;width:100%;max-width:330px;max-height:64px;line-height:1.45;display:block;overflow:hidden}.copy-btn{color:#344054;background:#fff;border:1px solid #d8e0eb;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;gap:5px;height:32px;padding:0 9px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.copy-btn:hover{color:#1264f0;background:#f0f6ff;border-color:#9bbfff}.copy-btn:active{transform:scale(.97)}.open-link-btn{color:#1264f0;background:#fff;border:1px solid #d8e0eb;border-radius:7px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .15s;display:flex}.open-link-btn:hover{background:#edf5ff;border-color:#9bbfff}.status-dropdown{display:inline-block;position:relative}.status-selector{cursor:pointer;border:1px solid #0000;border-radius:20px;justify-content:space-between;align-items:center;gap:6px;min-width:125px;max-width:180px;min-height:32px;padding:6px 10px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.status-selector span{text-overflow:ellipsis;white-space:nowrap;max-width:135px;overflow:hidden}.status-selector:hover{transform:translateY(-1px)}.status-sent{color:#027a48;background:#ecfdf3;border-color:#a6f4c5}.status-company-left{color:#c62828;background:#fff0f0;border-color:#f2b8b8}.status-unemployed{color:#b85c00;background:#fff3e6;border-color:#f1c99c}.status-inactive{color:#495057;background:#f1f3f5;border-color:#d6d9dd}.status-not-found{color:#6b7280;background:#f4f4f5;border-color:#dcdfe4}.status-manual-note{color:#1264f0;background:#eef4ff;border-color:#bfd5ff}.status-menu{z-index:1000;background:#fff;border:1px solid #e2e8f0;border-radius:10px;width:175px;padding:6px;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 10px 25px #1018281f,0 3px 8px #1018280f}.status-option{color:#344054;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:7px;justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:34px;padding:7px 9px;font-size:12px;font-weight:500;transition:background .15s;display:flex}.status-option:hover{background:#f4f7fb}.status-option.selected{color:#1264f0;background:#edf5ff;font-weight:600}.modal-overlay{z-index:2000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#10182873;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.note-modal{background:#fff;border-radius:14px;width:100%;max-width:480px;padding:22px;animation:.15s ease-out noteModalIn;box-shadow:0 20px 50px #10182833}@keyframes noteModalIn{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.note-modal-header{justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:18px;display:flex}.note-modal-header h3{color:#101828;margin:0 0 4px;font-size:18px;font-weight:700}.note-modal-header p{color:#667085;margin:0;font-size:13px}.modal-close{color:#667085;cursor:pointer;background:#f4f6f8;border:none;border-radius:7px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.modal-close:hover{color:#344054;background:#eaecf0}.note-textarea{box-sizing:border-box;resize:vertical;color:#344054;background:#fff;border:1px solid #d0d5dd;border-radius:9px;outline:none;width:100%;min-height:130px;padding:12px;font-family:inherit;font-size:14px;line-height:1.5}.note-textarea::placeholder{color:#98a2b3}.note-textarea:focus{border-color:#1264f0;box-shadow:0 0 0 3px #1264f01a}.note-modal-actions{justify-content:flex-end;gap:9px;margin-top:16px;display:flex}.cancel-note-btn,.save-note-btn{cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:6px;height:36px;padding:0 13px;font-size:13px;font-weight:600;display:inline-flex}.cancel-note-btn{color:#344054;background:#fff;border:1px solid #d0d5dd}.cancel-note-btn:hover{background:#f8fafc}.save-note-btn{color:#fff;background:#1264f0;border:1px solid #1264f0}.save-note-btn:hover{background:#0f56d0}.table-footer{color:#667085;justify-content:space-between;align-items:center;padding:15px 20px;font-size:13px;display:flex}.pagination{gap:5px;display:flex}.pagination button{background:#fff;border:1px solid #dce2eb;border-radius:7px;width:34px;height:34px}.pagination button:disabled{color:#c4cbd5;cursor:not-allowed}.pagination .page-active{color:#fff;background:#1264f0;border-color:#1264f0}@media (width<=1350px){.top-section{grid-template-columns:1fr 1fr}.stats-box{grid-column:1/-1}}@media (width<=1100px){.app{padding-left:16px;padding-right:16px}.table-section{width:calc(100% + 32px);margin-left:-16px;margin-right:-16px}.header{flex-direction:column;align-items:flex-start;gap:18px}.top-section{grid-template-columns:1fr}.stats-box{grid-column:auto}.toolbar{flex-wrap:wrap}}@media (width<=700px){.app{padding:12px}.table-section{width:calc(100% + 24px);margin-left:-12px;margin-right:-12px}.brand h1{font-size:21px}.header-actions{width:100%}.header-actions button{flex:1;justify-content:center}.upload-box{text-align:center;flex-direction:column}.upload-btn{margin:auto}.selected-file{justify-content:center}.stats-box{grid-template-columns:repeat(2,1fr)}.total-card{grid-row:auto}.search-box{min-width:100%}.filters{width:100%;padding-bottom:4px;overflow-x:auto}.page-size{width:100%}.status-menu{left:auto;right:0}.message-preview{max-width:250px}}@media (width<=480px){.app{padding:12px}.brand{align-items:flex-start}.linkedin-logo{width:44px;height:44px;font-size:27px}.brand h1{font-size:19px}.header-actions{flex-direction:column}.upload-box{padding:18px}.stats-box{grid-template-columns:1fr}.total-card{border-bottom:1px solid #edf0f4;border-right:none;padding-bottom:15px}.note-modal{padding:18px}}.sent-column{text-align:center;width:55px}.sent-cell{text-align:center;vertical-align:middle}.sent-check-btn{color:#fff;background:#fff;border:1.5px solid #cbd5e1;border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .15s;display:inline-flex}.sent-check-btn:hover{background:#f0fdf4;border-color:#22c55e}.sent-check-btn.checked{color:#fff;background:#16a34a;border-color:#16a34a}.sent-check-btn.checked:hover{background:#15803d;border-color:#15803d}.status-empty{color:#667085;background:#f8fafc;border-color:#d8dee8}.status-empty:hover{background:#f1f5f9}.theme-toggle-btn{color:#344054;background:#fff;border:1px solid #d7deea;border-radius:9px;justify-content:center;align-items:center;gap:7px;height:44px;padding:0 14px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.theme-toggle-btn:hover{color:#1264f0;background:#f0f6ff;border-color:#9bbfff}.dark-mode{color:#f2f4f7;background:#101828}.dark-mode .app{background:#101828}.dark-mode .brand h1{color:#f9fafb}.dark-mode .brand p{color:#98a2b3}.dark-mode .theme-toggle-btn{color:#f9fafb;background:#1d2939;border-color:#344054}.dark-mode .theme-toggle-btn:hover{color:#fff;background:#25344a;border-color:#667085}.dark-mode .secondary-btn{color:#f2f4f7;background:#1d2939;border-color:#344054}.dark-mode .secondary-btn:hover{background:#25344a}.dark-mode .upload-box{background:#1d2939;border-color:#475467;box-shadow:0 1px 3px #0000004d}.dark-mode .word-upload-box{border-color:#6652a8}.dark-mode .upload-content h2{color:#f9fafb}.dark-mode .upload-content p{color:#d0d5dd}.dark-mode .upload-content>span{color:#98a2b3}.dark-mode .selected-file{color:#6ce9a6}.dark-mode .word-file{color:#bdb4ff}.dark-mode .stats-box{background:#1d2939;border-color:#344054;box-shadow:0 1px 3px #0000004d}.dark-mode .total-card{border-right-color:#344054}.dark-mode .total-card span{color:#d0d5dd}.dark-mode .total-card strong{color:#84adff}.dark-mode .stat-card{background:#182230;border-color:#344054}.dark-mode .stat-card span{color:#98a2b3}.dark-mode .stat-card strong{color:#f9fafb}.dark-mode .table-section{background:#1d2939;border-color:#344054;box-shadow:0 1px 3px #0000004d}.dark-mode .search-box{color:#98a2b3;background:#182230;border-color:#475467}.dark-mode .search-box input{color:#f2f4f7}.dark-mode .search-box input::placeholder{color:#667085}.dark-mode .filter{color:#d0d5dd;background:#182230;border-color:#475467}.dark-mode .filter:hover{background:#25344a}.dark-mode .filter.active{color:#fff;background:#1264f0;border-color:#1264f0}.dark-mode .page-size{color:#f2f4f7;background:#182230;border-color:#475467}.dark-mode thead{background:#182230}.dark-mode th{color:#d0d5dd;background:#182230;border-bottom-color:#344054}.dark-mode td{color:#d0d5dd;border-bottom-color:#344054}.dark-mode tbody td strong{color:#f9fafb}.dark-mode tbody tr:not(.empty-row):hover{background:#25344a}.dark-mode .linkedin-url-text{color:#84adff}.dark-mode .message-preview{color:#d0d5dd}.dark-mode .copy-btn{color:#d0d5dd;background:#182230;border-color:#475467}.dark-mode .copy-btn:hover{color:#84adff;background:#25344a;border-color:#667085}.dark-mode .open-link-btn{color:#84adff;background:#182230;border-color:#475467}.dark-mode .open-link-btn:hover{background:#25344a;border-color:#667085}.dark-mode .status-menu{background:#1d2939;border-color:#475467;box-shadow:0 10px 25px #00000059}.dark-mode .status-option{color:#d0d5dd}.dark-mode .status-option:hover{background:#25344a}.dark-mode .status-option.selected{color:#84adff;background:#193b70}.dark-mode .status-empty{color:#98a2b3;background:#182230;border-color:#475467}.dark-mode .status-empty:hover{background:#25344a}.dark-mode .sent-check-btn{background:#182230;border-color:#475467}.dark-mode .sent-check-btn:hover{background:#193b2a;border-color:#22c55e}.dark-mode .sent-check-btn.checked{color:#fff;background:#16a34a;border-color:#16a34a}.dark-mode .modal-overlay{background:#000000a6}.dark-mode .note-modal{background:#1d2939;box-shadow:0 20px 50px #00000073}.dark-mode .note-modal-header h3{color:#f9fafb}.dark-mode .note-modal-header p{color:#98a2b3}.dark-mode .modal-close{color:#98a2b3;background:#25344a}.dark-mode .modal-close:hover{color:#f9fafb;background:#344054}.dark-mode .note-textarea{color:#f2f4f7;background:#182230;border-color:#475467}.dark-mode .note-textarea::placeholder{color:#667085}.dark-mode .note-textarea:focus{border-color:#1264f0;box-shadow:0 0 0 3px #1264f033}.dark-mode .cancel-note-btn{color:#d0d5dd;background:#182230;border-color:#475467}.dark-mode .cancel-note-btn:hover{background:#25344a}.dark-mode .table-footer{color:#98a2b3}.dark-mode .pagination button{color:#d0d5dd;background:#182230;border-color:#475467}.dark-mode .pagination button:disabled{color:#667085}.dark-mode .pagination .page-active{color:#fff;background:#1264f0;border-color:#1264f0}.dark-mode .empty-state{color:#667085}.dark-mode .empty-state h3{color:#d0d5dd}.autosave-indicator{color:#15803d;white-space:nowrap;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;align-items:center;gap:6px;padding:9px 12px;font-size:13px;font-weight:600;display:inline-flex}.clear-saved-btn{color:#dc2626;cursor:pointer;background:#fff5f5;border:1px solid #fecaca;border-radius:10px;padding:9px 12px;font-size:13px;font-weight:600;transition:all .2s}.clear-saved-btn:hover{background:#fee2e2;border-color:#fca5a5}.restore-notice{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;align-items:center;gap:8px;margin:0 0 18px;padding:10px 14px;font-size:13px;font-weight:600;display:flex}.dark-mode .autosave-indicator{color:#86efac;background:#1665342e;border-color:#86efac40}.dark-mode .clear-saved-btn{color:#fca5a5;background:#7f1d1d2e;border-color:#f8717140}.dark-mode .clear-saved-btn:hover{background:#7f1d1d52}.dark-mode .restore-notice{color:#86efac;background:#1665342e;border-color:#86efac40}@media (width<=700px){.autosave-indicator{display:none}.clear-saved-btn{padding:8px 9px;font-size:12px}}.app-footer{text-align:center;color:#64748b;width:100%;margin-top:10px;padding:24px 20px 30px;font-size:13px}.app-footer strong{color:#334155;font-weight:600}.footer-separator{color:#94a3b8;margin:0 8px}.dark-mode .app-footer{color:#94a3b8}.dark-mode .app-footer strong{color:#e2e8f0}.dark-mode .footer-separator{color:#64748b}.table-wrapper{scrollbar-width:none;-ms-overflow-style:none;width:100%;overflow:auto clip}.table-wrapper::-webkit-scrollbar{width:0;height:0}.table-wrapper table{border-collapse:collapse;width:100%;min-width:1200px}.floating-table-scroll{z-index:1500;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#f8fafcf5;border:1px solid #cbd5e1;border-radius:999px;height:16px;padding:0;position:fixed;bottom:14px;overflow:auto hidden;box-shadow:0 4px 14px #0f172a2e}.floating-table-scroll-content{height:1px}.floating-table-scroll::-webkit-scrollbar{height:14px}.floating-table-scroll::-webkit-scrollbar-track{background:0 0}.floating-table-scroll::-webkit-scrollbar-thumb{background:#94a3b8 padding-box padding-box;border:3px solid #0000;border-radius:999px}.floating-table-scroll::-webkit-scrollbar-thumb:hover{background:#64748b padding-box padding-box}.floating-table-scroll{scrollbar-width:auto;scrollbar-color:#94a3b8 transparent}.dark-mode .floating-table-scroll{scrollbar-color:#667085 transparent;background:#182230f5;border-color:#475467;box-shadow:0 4px 16px #00000073}.dark-mode .floating-table-scroll::-webkit-scrollbar-thumb{background:#667085 padding-box padding-box}.dark-mode .floating-table-scroll::-webkit-scrollbar-thumb:hover{background:#98a2b3 padding-box padding-box}@media (width<=900px){.floating-table-scroll{bottom:10px;width:calc(100% - 24px)!important;left:12px!important}}