@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg-page: #0e0f11;--bg-elevated: #16171b;--bg-surface: #1e1f24;--bg-hover: #262730;--accent-sage: #5a7a5c;--accent-sage-hover: #6d9470;--accent-sage-muted: rgba(90,122,92,.1);--accent-sage-border: rgba(90,122,92,.25);--accent-amber: #b8863b;--accent-amber-hover: #cfa04a;--accent-amber-muted: rgba(184,134,59,.1);--accent-amber-border: rgba(184,134,59,.25);--accent-steel: #4a7a8a;--accent-steel-muted: rgba(74,122,138,.1);--accent-steel-border: rgba(74,122,138,.25);--accent-purple: #a29bfe;--accent-purple-muted: rgba(162,155,254,.1);--accent-purple-border: rgba(162,155,254,.25);--accent-red: #b05050;--accent-red-muted: rgba(176,80,80,.1);--accent-red-border: rgba(176,80,80,.25);--text-primary: #dcddd8;--text-secondary: #8e908a;--text-muted: #555750;--border-whisper: rgba(255,255,255,.06);--border-hover: rgba(255,255,255,.12);--border-strong: rgba(255,255,255,.15);--font-body: "Space Grotesk", sans-serif;--font-mono: "JetBrains Mono", monospace;--ease-fast: .2s cubic-bezier(.4, 0, .2, 1);--ease-medium: .35s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}::selection{background:var(--accent-sage);color:#fff}body{font-family:var(--font-body);background:var(--bg-page);color:var(--text-primary);min-height:100vh;line-height:1.6}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg-page)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-sage)}.header{background:var(--bg-elevated);padding:32px 40px 28px;border-bottom:1px solid var(--border-whisper);position:relative}.header-inner{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:16px;max-width:1160px;margin:0 auto}.header-left h1{font-family:var(--font-body);font-weight:700;font-size:2rem;color:var(--text-primary);letter-spacing:-.03em;line-height:1.1}.header-left h1 span{color:var(--accent-sage)}.header-left p{color:var(--text-secondary);font-size:.85rem;margin-top:4px;font-weight:400}.header-stats{display:flex;gap:20px}.stat{text-align:center;background:var(--bg-surface);border:1px solid var(--accent-sage-border);border-radius:12px;padding:10px 20px;min-width:80px}.stat-num{font-family:var(--font-mono);font-size:1.6rem;color:var(--accent-sage);line-height:1}.stat-label{font-size:.7rem;color:var(--text-muted);margin-top:2px;text-transform:uppercase;letter-spacing:.12em}.main{padding:28px 28px 60px;max-width:1160px;margin:0 auto}.toolbar{display:flex;gap:12px;align-items:center;margin-bottom:24px;flex-wrap:wrap}.btn-add{background:var(--accent-amber);color:#fff;border:none;padding:10px 22px;border-radius:6px;font-family:var(--font-body);font-size:.88rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:7px;transition:all var(--ease-fast);white-space:nowrap}.btn-add:hover{background:var(--accent-amber-hover);transform:translateY(-2px);box-shadow:0 4px 16px #b8863b59}.search-box{flex:1;min-width:200px;background:var(--bg-surface);border:1px solid var(--border-whisper);border-radius:6px;padding:9px 16px 9px 38px;color:var(--text-primary);font-family:var(--font-body);font-size:.88rem}.search-wrap{position:relative;flex:1;min-width:200px}.search-wrap svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);opacity:.4}.search-box::placeholder{color:var(--text-muted)}.search-box:focus{outline:none;border-color:var(--accent-sage);background:var(--bg-hover)}.filter-select{background:var(--bg-surface);border:1px solid var(--border-whisper);border-radius:6px;padding:9px 14px;color:var(--text-primary);font-family:var(--font-body);font-size:.85rem;cursor:pointer}.filter-select:focus{outline:none;border-color:var(--accent-sage)}.filter-select option{background:var(--bg-elevated);color:var(--text-primary)}.table-wrap{background:var(--bg-surface);border-radius:12px;overflow-x:auto;box-shadow:0 8px 40px #0000004d;border:1px solid var(--border-whisper);-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse}thead{background:var(--bg-elevated)}thead th{padding:14px 16px;text-align:left;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);white-space:nowrap}thead th:first-child{padding-left:20px}thead th:last-child{padding-right:20px;text-align:center}tbody tr{border-bottom:1px solid var(--border-whisper)}tbody tr:last-child{border-bottom:none}td{padding:13px 16px;font-size:.85rem;color:var(--text-primary);vertical-align:middle;background:var(--bg-surface);transition:background var(--ease-fast)}tbody tr:hover td{background:var(--bg-hover)}td:first-child{padding-left:20px}.sticky-col{position:sticky;left:0;z-index:2;box-shadow:6px 0 12px -4px #00000040;border-right:1px solid var(--border-whisper)}thead th.sticky-col{background:var(--bg-elevated);z-index:3}.company-cell{font-weight:600;color:var(--text-primary)}.company-cell .role{font-weight:400;color:var(--text-secondary);font-size:.8rem;margin-top:2px}.date-cell{color:var(--text-secondary);font-family:var(--font-mono);font-size:.8rem;white-space:nowrap}.status{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600;white-space:nowrap}.status:before{content:"";width:6px;height:6px;border-radius:50%}.status-applied{background:var(--accent-steel-muted);color:var(--accent-steel)}.status-applied:before{background:var(--accent-steel)}.status-interview{background:var(--accent-amber-muted);color:var(--accent-amber)}.status-interview:before{background:var(--accent-amber)}.status-offer{background:var(--accent-sage-muted);color:var(--accent-sage)}.status-offer:before{background:var(--accent-sage)}.status-rejected{background:var(--accent-red-muted);color:var(--accent-red)}.status-rejected:before{background:var(--accent-red)}.status-closed{background:var(--border-whisper);color:var(--text-secondary)}.status-closed:before{background:var(--text-muted)}.status-saved{background:var(--accent-purple-muted);color:var(--accent-purple)}.status-saved:before{background:var(--accent-purple)}.status-followup{background:var(--accent-amber-muted);color:var(--accent-amber-hover)}.status-followup:before{background:var(--accent-amber)}.link-btn{display:inline-flex;align-items:center;gap:4px;color:var(--accent-steel);font-size:.78rem;text-decoration:none;border:1px solid var(--accent-steel-border);border-radius:5px;padding:3px 8px;transition:all var(--ease-fast);white-space:nowrap}.link-btn:hover{background:var(--accent-steel-muted)}.link-btn.pdf{color:var(--accent-red);border-color:var(--accent-red-border)}.link-btn.pdf:hover{background:var(--accent-red-muted)}.links-cell{display:flex;flex-direction:column;gap:4px;align-items:flex-start}.action-btn{background:none;border:none;cursor:pointer;padding:5px;border-radius:5px;color:var(--text-muted);transition:all var(--ease-fast);font-size:1rem}.action-btn:hover.edit{color:var(--accent-steel);background:var(--accent-steel-muted)}.action-btn:hover.delete{color:var(--accent-red);background:var(--accent-red-muted)}.actions-cell{display:flex;gap:4px;justify-content:center}.notes-cell{max-width:200px;font-size:.78rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty-state{text-align:center;padding:60px 20px;color:var(--text-muted)}.empty-state svg{opacity:.25;margin-bottom:16px}.empty-state h3{font-family:var(--font-body);font-weight:700;font-size:1.3rem;color:var(--text-secondary);margin-bottom:8px;letter-spacing:-.03em}.empty-state p{font-size:.85rem}.overlay{position:fixed;inset:0;background:#0a0a0cd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;display:none;align-items:center;justify-content:center;padding:20px}.overlay.open{display:flex}.modal{background:var(--bg-surface);border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 24px 80px #00000080;border:1px solid var(--border-whisper)}.modal-header{background:var(--bg-elevated);padding:22px 28px;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-whisper)}.modal-header h2{font-family:var(--font-body);font-weight:700;color:var(--text-primary);font-size:1.3rem;letter-spacing:-.03em}.modal-header h2 span{color:var(--accent-sage)}.modal-close{background:#ffffff0f;border:none;color:var(--text-secondary);width:32px;height:32px;border-radius:6px;cursor:pointer;font-size:1.1rem;display:flex;align-items:center;justify-content:center;transition:background var(--ease-fast)}.modal-close:hover{background:#ffffff1f}.modal-body{padding:28px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-full{grid-column:1 / -1}.field label{display:block;font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.12em;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;border:1px solid var(--border-strong);border-radius:6px;padding:9px 13px;font-family:var(--font-body);font-size:.88rem;color:var(--text-primary);transition:border-color var(--ease-fast);background:var(--bg-surface)}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--accent-sage);background:var(--bg-hover)}.field input::placeholder,.field textarea::placeholder{color:var(--text-muted)}.field textarea{resize:vertical;min-height:72px}.field input[type=file]{color:var(--text-secondary);font-size:.82rem}.field select option{background:var(--bg-elevated);color:var(--text-primary)}.modal-footer{padding:0 28px 24px;display:flex;gap:10px;justify-content:flex-end}.btn-cancel{background:transparent;border:1px solid var(--border-strong);padding:10px 20px;border-radius:6px;font-family:var(--font-body);font-size:.88rem;font-weight:500;cursor:pointer;color:var(--text-secondary);transition:all var(--ease-fast)}.btn-cancel:hover{background:var(--bg-hover);border-color:var(--border-hover);color:var(--text-primary)}.btn-save{background:var(--accent-amber);border:none;padding:10px 24px;border-radius:6px;font-family:var(--font-body);font-size:.88rem;font-weight:600;cursor:pointer;color:#fff;transition:all var(--ease-fast)}.btn-save:hover{background:var(--accent-amber-hover);transform:translateY(-2px);box-shadow:0 4px 16px #b8863b59}.pipeline{display:flex;gap:10px;margin-bottom:24px;flex-wrap:wrap}.pipe-item{flex:1;min-width:90px;background:var(--bg-surface);border:1px solid var(--border-whisper);border-radius:12px;padding:10px 14px;text-align:center;transition:all var(--ease-fast)}.pipe-item:hover{transform:translateY(-2px);border-color:var(--border-hover)}.pipe-count{font-family:var(--font-mono);font-size:1.4rem;color:var(--accent-sage)}.pipe-label{font-size:.68rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;margin-top:2px}@media(max-width:768px){.main{padding:20px 20px 40px}.header{padding:20px}.header-inner{flex-direction:column;align-items:flex-start}.header-stats{display:none}.toolbar{gap:8px}.btn-add{width:100%;justify-content:center}.search-wrap{width:100%;order:1}.filter-select{width:100%;order:2}.form-grid{grid-template-columns:1fr}.form-full{grid-column:1}table{min-width:800px;font-size:.82rem}td,th{padding:12px 10px}}@media(max-width:480px){.main{padding:16px 16px 40px}.header{padding:16px}}
