:root{--bg: #f6f5f1;--surface: #ffffff;--surface-2: #faf9f6;--text: #1d2321;--muted: #66706c;--border: #e3e1da;--grid: #ecebe5;--hover: #f0efe9;--accent: #2f5d50;--accent-ink: #ffffff;--accent-soft: #e3ede9;--danger: #b3261e;--st-wishlist: #8a8f99;--st-applied: #3b6fb6;--st-interview: #c17a12;--st-offer: #2e8b57;--st-rejected: #c0473f;--radius: 12px;--shadow: 0 1px 2px rgba(20, 30, 25, .05), 0 2px 8px rgba(20, 30, 25, .04);color-scheme:light}@media (prefers-color-scheme: dark){:root{--bg: #121615;--surface: #1a1f1e;--surface-2: #1f2524;--text: #e8ecea;--muted: #97a29e;--border: #2c3432;--grid: #252c2a;--hover: #232a28;--accent: #6fb39c;--accent-ink: #0d1412;--accent-soft: #1f3530;--danger: #f08a82;--st-wishlist: #9aa0aa;--st-applied: #6f9ee0;--st-interview: #e0a54a;--st-offer: #5cc08a;--st-rejected: #e57a72;--shadow: none;color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--text);font:15px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;line-height:1.25}h2{font-size:1.05rem}h3{font-size:.95rem}p{margin:0}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.muted{color:var(--muted)}.small{font-size:.82rem}.center{display:flex;justify-content:center;padding-top:16px}.spacer{flex:1}.app{min-height:100vh}.main{max-width:1240px;margin:0 auto;padding:20px 24px 64px;display:grid;gap:16px}.header{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:16px;padding:12px 24px;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:1.1rem;letter-spacing:-.01em}.tabs{display:flex;gap:4px;margin-left:12px}.tabs button{border:0;background:none;padding:8px 12px;border-radius:8px;cursor:pointer;color:var(--muted);font-weight:500}.tabs button:hover{background:var(--hover);color:var(--text)}.tabs button.on{color:var(--text);background:var(--surface);box-shadow:inset 0 0 0 1px var(--border)}.header-actions{margin-left:auto;display:flex;gap:8px;align-items:center}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);background:var(--surface);color:var(--text);padding:8px 14px;border-radius:9px;cursor:pointer;font-weight:550;white-space:nowrap;transition:background .15s,border-color .15s}.btn:hover{background:var(--hover)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn.primary:hover{filter:brightness(1.08)}.btn.ghost{background:transparent;border-color:transparent}.btn.ghost:hover{background:var(--hover)}.btn.danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 40%,var(--border))}.btn.icon{padding:8px}.btn.small{padding:5px 12px;font-size:.85rem}.btn:disabled{opacity:.6;cursor:default}.link{border:0;background:none;color:var(--accent);cursor:pointer;padding:0 0 0 10px;font-weight:550}.menu-wrap{position:relative}.menu{position:absolute;right:0;top:calc(100% + 6px);min-width:190px;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 24px #0000001f;padding:6px;display:grid}.menu button{text-align:left;border:0;background:none;padding:8px 10px;border-radius:6px;cursor:pointer}.menu button:hover{background:var(--hover)}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;box-shadow:var(--shadow)}.kpi-label{color:var(--muted);font-size:.82rem;font-weight:550}.kpi-value{font-size:1.75rem;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin:2px 0}.kpi-hint{color:var(--muted);font-size:.78rem}.filters{display:grid;gap:12px}.filter-row{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}.search{flex:1 1 260px;display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:9px;padding:0 12px;background:var(--surface-2);color:var(--muted)}.search:focus-within{border-color:var(--accent)}.search input{border:0;outline:0;background:none;padding:9px 0;width:100%;color:var(--text)}.select{display:grid;gap:3px;font-size:.75rem;color:var(--muted);font-weight:550}.select select,.field input,.field select,.field textarea,.card-move select{border:1px solid var(--border);border-radius:9px;background:var(--surface-2);padding:8px 10px}.select select{min-width:132px}.chips-row{justify-content:space-between;align-items:center}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{display:inline-flex;align-items:center;gap:6px;cursor:pointer;border:1px solid var(--border);background:var(--surface);padding:5px 11px;border-radius:999px;font-size:.85rem}.chip:hover{background:var(--hover)}.chip.on{background:var(--accent-soft);border-color:var(--accent);font-weight:600}.result-count{color:var(--muted);font-size:.85rem}.result-count strong{color:var(--text)}.toggle{display:flex;align-items:center;gap:8px;padding:8px 4px;cursor:pointer}.toggle input{accent-color:var(--accent);width:16px;height:16px}.dot{width:8px;height:8px;border-radius:50%;background:currentColor;display:inline-block;flex:none}.st-wishlist{--st: var(--st-wishlist)}.st-applied{--st: var(--st-applied)}.st-interview{--st: var(--st-interview)}.st-offer{--st: var(--st-offer)}.st-rejected{--st: var(--st-rejected)}.chip .dot,.column-head .dot{background:var(--st)}.badge{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:600;padding:3px 10px;border-radius:999px;color:var(--st);background:color-mix(in srgb,var(--st) 13%,transparent)}.charts{display:grid;grid-template-columns:1fr 1fr;gap:16px}.chart{margin:0}.chart.wide{grid-column:1 / -1}.chart figcaption{margin-bottom:10px}.chart figcaption p{color:var(--muted);font-size:.8rem}.chart-box{height:220px}.recharts-text{fill:var(--muted)}.segmented{display:inline-flex;background:var(--surface-2);border:1px solid var(--border);border-radius:9px;padding:3px}.segmented button{border:0;background:none;padding:5px 14px;border-radius:7px;cursor:pointer;color:var(--muted);font-weight:550}.segmented button.on{background:var(--surface);color:var(--text);box-shadow:0 1px 2px #00000014,inset 0 0 0 1px var(--border)}.table-wrap{overflow-x:auto;margin:0 -16px -16px}table.jobs{width:100%;border-collapse:collapse;font-size:.9rem}.jobs th{text-align:left;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:600;padding:10px 16px;border-bottom:1px solid var(--border);background:var(--surface-2)}.jobs td{padding:12px 16px;border-bottom:1px solid var(--border);vertical-align:middle}.jobs tbody tr{cursor:pointer;transition:background .12s}.jobs tbody tr:hover{background:var(--hover)}.jobs tbody tr:last-child td{border-bottom:0}.num{font-variant-numeric:tabular-nums;white-space:nowrap}.row-action{width:40px;text-align:right;color:var(--muted)}.row-action a:hover{color:var(--accent)}.company{display:flex;align-items:center;gap:10px}.avatar{width:32px;height:32px;border-radius:8px;flex:none;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);font-weight:700}.tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.tag{font-size:.72rem;padding:1px 8px;border-radius:6px;background:var(--hover);color:var(--muted);border:1px solid var(--border)}.empty{text-align:center;padding:36px 16px;display:grid;gap:6px;justify-items:center}.board{display:grid;grid-template-columns:repeat(5,minmax(200px,1fr));gap:12px;overflow-x:auto;padding-bottom:4px}.column{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:10px;min-height:180px;transition:border-color .15s,background .15s}.column.drop{border-color:var(--accent);background:var(--accent-soft)}.column-head{display:flex;align-items:center;gap:8px;padding:2px 4px 10px}.column-head h3{font-size:.85rem}.column-head .count{margin-left:auto;color:var(--muted);font-size:.8rem;font-variant-numeric:tabular-nums}.column-body{display:grid;gap:8px}.column-empty{color:var(--muted);font-size:.8rem;text-align:center;padding:16px 0;border:1px dashed var(--border);border-radius:8px}.card{background:var(--surface);border:1px solid var(--border);border-radius:9px;padding:10px;cursor:grab;box-shadow:var(--shadow)}.card:active{cursor:grabbing}.card-main{display:grid;gap:2px;text-align:left;border:0;background:none;padding:0;width:100%;cursor:pointer;font-size:.88rem}.card-move select{margin-top:8px;width:100%;padding:4px 8px;font-size:.8rem}.feed{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:12px;margin-top:14px}.feed-card{border:1px solid var(--border);border-radius:10px;padding:14px;display:grid;gap:10px;align-content:start;background:var(--surface)}.feed-top{display:flex;gap:10px}.feed-top h3{font-size:.93rem}.feed-top h3 a{text-decoration:none}.feed-top h3 a:hover{text-decoration:underline}.feed-foot{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.skeleton{min-height:140px;background:linear-gradient(90deg,var(--surface-2),var(--hover),var(--surface-2));background-size:200% 100%;animation:shimmer 1.2s infinite}@keyframes shimmer{to{background-position:-200% 0}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0e0c73;display:grid;place-items:center;padding:16px;z-index:50}.dialog{background:var(--surface);border:1px solid var(--border);border-radius:14px;width:min(640px,100%);max-height:calc(100vh - 32px);overflow:auto;padding:20px;box-shadow:0 20px 60px #00000040}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{display:grid;gap:4px;font-size:.8rem;font-weight:550;color:var(--muted)}.field.wide{grid-column:1 / -1}.field input,.field select,.field textarea{color:var(--text);font-weight:400;font-size:.93rem;width:100%}.field textarea{resize:vertical}.field input[aria-invalid=true]{border-color:var(--danger)}.error{color:var(--danger);font-weight:500}.dialog-foot{display:flex;gap:8px;margin-top:20px;align-items:center}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:var(--text);color:var(--bg);padding:10px 16px;border-radius:10px;font-size:.9rem;font-weight:550;transition:opacity .2s,transform .2s;z-index:60}.toast.show{opacity:1;transform:translate(-50%)}@media (max-width: 980px){.kpis{grid-template-columns:repeat(2,1fr)}.charts{grid-template-columns:1fr}}@media (max-width: 720px){.main{padding:16px 16px 48px;gap:12px}.header{flex-wrap:wrap;padding:10px 16px;gap:10px}.tabs{order:3;width:100%;margin:0}.tabs button{flex:1}.hide-sm{display:none}.kpis{gap:10px}.kpi-value{font-size:1.45rem}.select{flex:1 1 calc(50% - 5px)}.select select{min-width:0;width:100%}.chart-box{height:200px}.grid2{grid-template-columns:1fr}.board{grid-template-columns:repeat(5,78vw);scroll-snap-type:x mandatory}.column{scroll-snap-align:start}.table-wrap{margin:0;overflow:visible}.jobs thead{display:none}.jobs,.jobs tbody,.jobs tr,.jobs td{display:block;width:100%}.jobs tbody{display:grid;gap:10px}.jobs tr{border:1px solid var(--border);border-radius:10px;padding:12px;position:relative}.jobs td{border:0;padding:3px 0;display:flex;gap:10px}.jobs td[data-label]:before{content:attr(data-label);color:var(--muted);font-size:.78rem;min-width:76px;padding-top:2px}.jobs td[data-label=Company]:before{display:none}.jobs td[data-label=Company]{padding-bottom:8px}.row-action{position:absolute;top:18px;right:14px;width:auto}}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}
