:root{font-family:Arial,Helvetica,sans-serif;color:#152d49;background:#eff5fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.app{max-width:1020px;margin:0 auto;padding:24px 20px 48px}.hero{background:linear-gradient(135deg,#0964be,#0a83d4);border-radius:23px;color:#fff;padding:31px 37px 38px;box-shadow:0 14px 28px #0b6db02b}.hero-top{display:flex;justify-content:space-between;align-items:center}.eyebrow{font-size:11px;letter-spacing:.14em;font-weight:800;opacity:.85}.hero-mark{font-size:24px;background:#ffffff2b;border-radius:13px;padding:5px 13px}.hero h1{font-size:clamp(36px,6vw,56px);margin:20px 0 5px;letter-spacing:-.05em}.hero p{font-size:17px;color:#e6f5ff;margin:0}.welcome,.panel{background:#fff;border:1px solid #dceafa;border-radius:20px;box-shadow:0 6px 20px #174c740d}.welcome{margin-top:23px;padding:27px 31px;display:flex;justify-content:space-between;align-items:center;gap:20px}.welcome h2,.panel h2{font-size:25px;margin:0 0 6px;letter-spacing:-.03em}.welcome p,.panel-head p{margin:0;color:#60758b;line-height:1.45}.button{border:0;border-radius:12px;padding:12px 18px;font-size:15px;font-weight:700;cursor:pointer;white-space:nowrap}.button.primary{background:#086dc5;color:#fff;box-shadow:0 5px 12px #0872be30}.button.primary:hover{background:#07579b}.button.secondary{background:#e8f3fe;color:#0762b0}.button.secondary:hover{background:#d3e9fc}.button.subtle{background:#eef3f9;color:#35516d}.button:focus-visible,.filter:focus-visible,.text-button:focus-visible,.close:focus-visible{outline:3px solid #eaa93b;outline-offset:3px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:19px 0 23px}.stat{background:white;border:1px solid #dceafa;border-radius:17px;padding:18px 23px}.stat span{display:block;font-weight:800;font-size:30px;color:#086dc5}.stat small{display:block;color:#60758b;margin-top:4px;font-size:13px}.panel{padding:28px 30px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.filters{display:flex;gap:9px;flex-wrap:wrap;margin:25px 0 19px}.filter{border:1px solid #d9e8f7;border-radius:10px;background:#f5f9fd;color:#40617d;padding:9px 15px;font-weight:700;cursor:pointer}.filter.selected{background:#086dc5;color:#fff;border-color:#086dc5}.cards{display:grid;gap:12px}.empty{border:2px dashed #cddff0;background:#f8fbff;border-radius:15px;text-align:center;padding:38px 16px;color:#59718a}.empty strong{display:block;color:#153b61;font-size:18px;margin-bottom:7px}.card{border:1px solid #deebf8;border-radius:15px;padding:19px;background:#fff;display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.card h3{font-size:19px;margin:0 0 5px}.company{font-weight:700;color:#086dc5;margin:0 0 10px}.meta{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.pill{border-radius:99px;padding:5px 10px;font-size:12px;font-weight:700;background:#e7f2ff;color:#085fa9}.pill.interview{background:#dcf6ed;color:#08724f}.pill.closed{background:#edf0f3;color:#586a79}.pill.type{background:#f1edfc;color:#65509c}.date{font-size:12px;color:#6a7f93}.next-step{font-size:14px;color:#3b546c;margin:13px 0 0}.note{font-size:13px;color:#687d91;margin:8px 0 0;white-space:pre-wrap}.card-actions{display:flex;gap:8px;flex-shrink:0}.card-actions button{border:0;border-radius:9px;background:#edf5fe;color:#0862ad;padding:9px 11px;cursor:pointer;font-weight:700}.card-actions button.delete{background:#fff1f0;color:#9e3f38}.card-actions button:hover{filter:brightness(.95)}.footer{color:#657b90;text-align:center;font-size:13px;line-height:2;margin-top:22px}.text-button{border:0;background:none;color:#086dc5;text-decoration:underline;cursor:pointer;font:inherit;padding:0 5px}.import-label{display:inline-block}.import-label input{position:absolute;width:1px;height:1px;opacity:0}.import-label:focus-within{outline:3px solid #eaa93b}dialog{border:0;border-radius:20px;padding:0;width:min(560px,calc(100% - 24px));max-height:calc(100% - 28px);overflow:auto;box-shadow:0 24px 80px #12314e55}dialog::backdrop{background:#122a44a6}dialog form{padding:27px 30px 30px}.dialog-head{display:flex;justify-content:space-between;align-items:flex-start}.eyebrow.dark{color:#086dc5}.dialog-head h2{margin:5px 0 20px}.close{font-size:28px;color:#566b80;border:0;background:none;cursor:pointer;line-height:1}form label{display:block;font-weight:700;font-size:14px;margin:13px 0;color:#294560}form input,form select,form textarea{display:block;width:100%;border:1px solid #cddbea;border-radius:10px;font:inherit;font-weight:400;color:#162e46;padding:12px;margin-top:7px}form textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:23px}.toast{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);padding:10px 18px;background:#153b61;color:#fff;border-radius:10px;box-shadow:0 5px 20px #0003;display:none}.toast.visible{display:block}@media(max-width:620px){.app{padding:12px 12px 30px}.hero{padding:24px}.welcome,.panel{padding:20px}.welcome{align-items:stretch;flex-direction:column}.welcome .button{width:100%}.stats{gap:7px}.stat{padding:13px 10px}.stat span{font-size:24px}.stat small{font-size:11px}.panel-head{align-items:flex-start}.panel-head .button{padding:10px;font-size:13px}.card{flex-direction:column}.card-actions{width:100%;justify-content:flex-end}.form-row{grid-template-columns:1fr;gap:0}dialog form{padding:22px}}
