@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@700&display=swap";*,*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f1117;--surface:#1a1d27;--border:#2a2d3e;--text:#e2e8f0;--muted:#64748b;--emerald:#6ee7b7;--yellow:#fcd34d;--red:#f87171;--font:"Inter", sans-serif;--mono:"JetBrains Mono", monospace}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh}.app{min-height:100vh;padding:24px}.layout{grid-template-columns:420px 1fr;align-items:start;gap:24px;max-width:1200px;margin:0 auto;display:grid}.left-panel{flex-direction:column;gap:16px;display:flex}.right-panel{min-height:500px;position:sticky;top:24px}.form-panel{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:20px;padding:28px;display:flex}.form-header{flex-direction:column;gap:4px;display:flex}.logo{color:var(--emerald);letter-spacing:-.5px;font-size:22px;font-weight:700}.tagline{color:var(--muted);font-size:13px}.field{flex-direction:column;gap:8px;display:flex}.label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:12px;font-weight:600}.file-drop{border:1.5px dashed var(--border);cursor:pointer;border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:20px;transition:border-color .2s;display:flex}.file-drop:hover{border-color:var(--emerald)}.file-icon{font-size:24px}.file-text{color:var(--muted);font-size:13px}.file-name{color:var(--emerald);font-size:12px;font-weight:500}.textarea{background:var(--bg);border:1px solid var(--border);color:var(--text);font-family:var(--font);resize:vertical;border-radius:10px;width:100%;padding:12px;font-size:13px;line-height:1.6;transition:border-color .2s}.textarea:focus{border-color:var(--emerald);outline:none}.error{color:var(--red);background:#f8717114;border:1px solid #f8717133;border-radius:8px;padding:10px 12px;font-size:13px}.btn-analyze{background:var(--emerald);color:#0f1117;cursor:pointer;font-family:var(--font);letter-spacing:.01em;border:none;border-radius:10px;width:100%;padding:13px;font-size:14px;font-weight:700;transition:opacity .2s,transform .1s}.btn-analyze:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.btn-analyze:disabled{opacity:.4;cursor:not-allowed}.btn-loading{justify-content:center;align-items:center;gap:8px;display:flex}.spinner{border:2px solid #0f11174d;border-top-color:#0f1117;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:500px;display:flex}.empty-icon{font-size:36px}.empty-text{color:var(--text);font-size:15px;font-weight:600}.empty-sub{color:var(--muted);text-align:center;max-width:260px;font-size:13px;line-height:1.5}.loader{border:3px solid var(--border);border-top-color:var(--emerald);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}.results-panel{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:28px;padding:28px;display:flex}.result-section{flex-direction:column;gap:12px;display:flex}.score-section{border-bottom:1px solid var(--border);flex-direction:row;align-items:center;gap:24px;padding-bottom:24px}.score-ring-wrapper{flex-shrink:0;width:140px;height:140px;position:relative}.score-number{font-family:var(--mono);align-items:baseline;gap:2px;font-size:32px;font-weight:700;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.score-percent{font-size:16px}.score-meta{flex-direction:column;gap:4px;display:flex}.job-title{font-size:18px;font-weight:700;line-height:1.3}.score-label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:12px}.section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.dot-green{background:var(--emerald)}.dot-red{background:var(--red)}.dot-yellow{background:var(--yellow)}.skill-tags{flex-wrap:wrap;gap:8px;display:flex}.tag{border-radius:6px;padding:4px 10px;font-size:12px;font-weight:500}.tag-green{color:var(--emerald);background:#6ee7b71a;border:1px solid #6ee7b740}.tag-red{color:var(--red);background:#f871711a;border:1px solid #f8717140}.suggestions-list{flex-direction:column;gap:12px;list-style:none;display:flex}.suggestion-item{color:var(--text);align-items:flex-start;gap:14px;font-size:13px;line-height:1.6;display:flex}.suggestion-num{font-family:var(--mono);color:var(--yellow);flex-shrink:0;margin-top:2px;font-size:11px;font-weight:700}.past-analyses{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px}.past-title{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:12px;font-size:12px;font-weight:600}.past-list{flex-direction:column;gap:4px;list-style:none;display:flex}.past-item{cursor:pointer;border-radius:8px;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:10px 12px;transition:background .15s;display:grid}.past-item:hover{background:var(--border)}.past-job{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.past-score{font-family:var(--mono);font-size:13px;font-weight:700}.past-date{color:var(--muted);font-size:11px}@media (width<=768px){.app{padding:16px}.layout{grid-template-columns:1fr}.right-panel{position:static}}