:root{--ink:#15251f;--muted:#65746e;--line:#dce5e1;--paper:#f5f8f6;--white:#fff;--green:#0e7a52;--green-dark:#07583b;--mint:#dff5e9;--amber:#f2a93b;--red:#c84f46;--blue:#3976d3;--shadow:0 18px 60px #13342817}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--paper);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.landing{background:radial-gradient(circle at 85% 10%,#d8f3e5 0,#0000 28%),linear-gradient(145deg,#f9fbfa,#edf5f0);min-height:100vh}.topbar{justify-content:space-between;align-items:center;max-width:1180px;height:72px;margin:auto;padding:0 28px;display:flex}.brand{letter-spacing:-.5px;align-items:center;gap:10px;font-size:21px;font-weight:800;display:flex}.brand-mark{background:var(--green);color:#fff;border-radius:11px;place-items:center;width:34px;height:34px;font-weight:900;display:grid;box-shadow:0 8px 20px #0e7a5240}.nav-actions{gap:10px;display:flex}.btn{border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:11px 16px;font-weight:700;transition:all .18s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--green);color:#fff;box-shadow:0 8px 18px #0e7a522e}.btn-primary:hover{background:var(--green-dark)}.btn-light{color:var(--ink);border:1px solid var(--line);background:#fff}.btn-ghost{color:var(--muted);background:0 0}.btn-sm{padding:8px 11px;font-size:13px}.btn:disabled{cursor:not-allowed;opacity:.68;transform:none}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;flex:none;width:15px;height:15px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:70px;max-width:1180px;margin:auto;padding:86px 28px 90px;display:grid}.eyebrow{color:var(--green);text-transform:uppercase;letter-spacing:1.5px;font-size:13px;font-weight:800}.hero h1{letter-spacing:-4px;margin:18px 0 24px;font-size:clamp(46px,6vw,76px);line-height:.98}.hero h1 span{color:var(--green)}.hero p{color:var(--muted);max-width:620px;font-size:18px;line-height:1.7}.hero-actions{gap:12px;margin-top:32px;display:flex}.hero-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:var(--shadow);background:#ffffffd6;border:1px solid #ffffffe6;border-radius:24px;padding:25px;transform:rotate(1.5deg)}.match-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;padding-bottom:20px;display:flex}.avatar{background:#dce9e3;border-radius:50%;place-items:center;width:48px;height:48px;font-weight:800;display:grid}.score-ring{background:conic-gradient(var(--green) 0 91%, #e5ebe8 91%);border-radius:50%;place-items:center;width:72px;height:72px;display:grid;position:relative}.score-ring:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:7px}.score-ring strong{z-index:1;font-size:19px}.mini-row{margin:18px 0}.mini-label{color:var(--muted);justify-content:space-between;margin-bottom:7px;font-size:12px;display:flex}.bar{background:#e9efec;border-radius:10px;height:7px;overflow:hidden}.bar>span{background:var(--green);border-radius:inherit;height:100%;display:block}.evidence{background:var(--mint);color:var(--green-dark);border-radius:12px;padding:12px 14px;font-size:13px;line-height:1.5}.trust-row{grid-template-columns:repeat(4,1fr);gap:14px;max-width:1180px;margin:-30px auto 0;padding:0 28px 55px;display:grid}.trust-item{border:1px solid var(--line);background:#fff;border-radius:15px;padding:20px}.trust-item strong{margin-bottom:7px;display:block}.trust-item span{color:var(--muted);font-size:13px;line-height:1.5}.shell{grid-template-columns:245px 1fr;min-height:100vh;display:grid}.sidebar{color:#fff;background:#112c23;height:100vh;padding:25px 17px;position:sticky;top:0}.sidebar .brand{padding:0 8px 28px}.side-caption{color:#78968a;letter-spacing:1.2px;text-transform:uppercase;padding:20px 10px 8px;font-size:11px;font-weight:800}.side-link{color:#b8cbc4;border-radius:9px;align-items:center;gap:11px;margin:3px 0;padding:11px 12px;font-size:14px;display:flex}.side-link:hover,.side-link.active{color:#fff;background:#ffffff1a}.side-icon{text-align:center;width:22px}.side-profile{border-top:1px solid #ffffff1f;align-items:center;gap:10px;padding:13px;display:flex;position:absolute;bottom:20px;left:17px;right:17px}.side-profile small{color:#8eaaa0;margin-top:3px;display:block}.main{min-width:0}.appbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);z-index:5;background:#ffffffdb;justify-content:space-between;align-items:center;height:70px;padding:0 32px;display:flex;position:sticky;top:0}.search{background:var(--paper);border:1px solid var(--line);width:270px;color:var(--muted);border-radius:9px;padding:9px 12px}.content{max-width:1450px;margin:auto;padding:30px 32px 60px}.page-head{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:25px;display:flex}.page-head h1{letter-spacing:-.7px;margin:0 0 7px;font-size:28px}.page-head p{color:var(--muted);margin:0}.grid{gap:18px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}.layout-2-1{grid-template-columns:minmax(0,2fr) minmax(290px,1fr)}.card{border:1px solid var(--line);background:#fff;border-radius:14px;padding:20px;box-shadow:0 2px 3px #14322805}.card-title{justify-content:space-between;align-items:center;margin-bottom:17px;display:flex}.card-title h2,.card-title h3{margin:0;font-size:16px}.stat{position:relative;overflow:hidden}.stat small{color:var(--muted);font-weight:700}.stat strong{margin:12px 0 6px;font-size:29px;display:block}.stat .delta{color:var(--green);font-size:12px}.stat-icon{background:var(--mint);border-radius:10px;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:16px;right:16px}.badge{color:#52645d;background:#edf2ef;border-radius:99px;align-items:center;padding:5px 9px;font-size:11px;font-weight:800;display:inline-flex}.badge.green{background:var(--mint);color:var(--green-dark)}.badge.amber{color:#985e0a;background:#fff0d8}.badge.red{color:#9f3d36;background:#fde8e5}.badge.blue{color:#315f9f;background:#e7effd}.table{border-collapse:collapse;width:100%}.table th{color:var(--muted);text-transform:uppercase;letter-spacing:.7px;text-align:left;border-bottom:1px solid var(--line);padding:10px;font-size:11px}.table td{border-bottom:1px solid #edf1ef;padding:15px 10px;font-size:13px}.table tr:last-child td{border-bottom:0}.person{align-items:center;gap:11px;display:flex}.person .avatar{width:36px;height:36px;font-size:12px}.person small{color:var(--muted);margin-top:3px;display:block}.score{color:var(--green);font-weight:900}.progress-label{justify-content:space-between;margin-bottom:7px;font-size:12px;display:flex}.steps{gap:0;margin-bottom:28px;display:flex}.step{color:var(--muted);flex:1;align-items:center;font-size:12px;font-weight:700;display:flex}.step:before{content:attr(data-step);background:#e4ebe7;border-radius:50%;place-items:center;width:28px;height:28px;margin-right:8px;display:grid}.step:after{content:"";background:#e4ebe7;flex:1;height:2px;margin:0 8px}.step:last-child:after{display:none}.step.done,.step.current{color:var(--green)}.step.done:before,.step.current:before{background:var(--green);color:#fff}.form-label{margin-bottom:8px;font-size:12px;font-weight:800;display:block}.input,.textarea,.select{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:10px;outline:none;padding:12px}.input:focus,.textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #0e7a5214}.textarea{resize:vertical;min-height:180px;line-height:1.6}.field{margin-bottom:18px}.dropzone{text-align:center;background:#fbfdfc;border:1.5px dashed #a9beb5;border-radius:14px;place-items:center;min-height:230px;padding:30px;display:grid}.dropzone strong{margin:12px 0 7px;display:block}.dropzone p{color:var(--muted);margin:0 0 16px;font-size:13px}.ai-note{border-left:3px solid var(--green);color:#36564a;background:#f0faf5;border-radius:0 10px 10px 0;padding:13px 15px;font-size:13px;line-height:1.5}.extract-row{border:1px solid var(--line);border-radius:11px;margin-bottom:10px;padding:14px}.extract-head{justify-content:space-between;align-items:center;display:flex}.extract-value{margin:6px 0;font-weight:800}.quote{color:var(--muted);font-size:12px;font-style:italic}.tags{flex-wrap:wrap;gap:7px;display:flex}.tag{color:#435b52;background:#edf3f0;border-radius:7px;padding:6px 9px;font-size:12px;font-weight:700}.tag.required{color:var(--green-dark);background:#e3f5eb}.candidate-card{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:15px;padding:17px 0;display:grid}.candidate-card:last-child{border-bottom:0}.candidate-card .avatar{width:46px;height:46px}.candidate-card h3{margin:0 0 5px;font-size:14px}.candidate-card p{color:var(--muted);margin:0 0 8px;font-size:12px}.candidate-score{text-align:right}.candidate-score strong{color:var(--green);font-size:22px}.candidate-score small{color:var(--muted);display:block}.roadmap-item{padding-bottom:25px;padding-left:38px;position:relative}.roadmap-item:before{content:attr(data-n);background:var(--green);color:#fff;border-radius:50%;place-items:center;width:25px;height:25px;font-size:11px;font-weight:800;display:grid;position:absolute;top:0;left:0}.roadmap-item:after{content:"";background:var(--line);width:1px;position:absolute;top:28px;bottom:3px;left:12px}.roadmap-item:last-child:after{display:none}.roadmap-item h3{margin:0 0 7px;font-size:15px}.roadmap-item p{color:var(--muted);margin:0 0 10px;font-size:13px;line-height:1.5}.impact{color:var(--green);font-size:12px;font-weight:800}.empty{text-align:center;color:var(--muted);padding:40px}.modal-backdrop{z-index:30;background:#071a148c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:18px;width:min(560px,100%);padding:24px;box-shadow:0 30px 90px #00000040}.modal h2{margin:8px 0 10px;font-size:22px}.modal p{color:var(--muted);line-height:1.6}.choice-grid{grid-template-columns:repeat(2,1fr);gap:9px;margin:18px 0;display:grid}.clarification-modal{width:min(780px,100%);max-height:calc(100vh - 40px);overflow:auto}.clarification-list{gap:14px;margin-top:18px;display:grid}.clarification-card{border:1px solid var(--line);background:#fbfdfc;border-radius:14px;padding:16px}.clarification-card h3{margin:8px 0 4px}.clarification-card p{margin:0 0 12px}.clarification-options{gap:8px;margin-bottom:10px;display:grid}.clarification-option{text-align:left;gap:4px;display:grid}.clarification-option small{color:var(--muted);line-height:1.4}.choice{border:1px solid var(--line);text-align:left;background:#fff;border-radius:10px;padding:12px;font-weight:700}.choice.selected{border-color:var(--green);background:var(--mint);color:var(--green-dark)}.mapping-card{border:1px solid var(--line);border-radius:12px;margin-bottom:11px;padding:14px}.mapping-card.low{background:#fffbf4;border-color:#ebc17c}.progress-panel{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:15px;margin:18px 0;padding:18px}.progress-panel-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.progress-panel-head small{color:var(--muted);letter-spacing:1px;font-weight:800}.progress-panel-head h3{margin:5px 0 0}.progress-track{background:#e8efeb;border-radius:10px;height:6px;margin:15px 0;overflow:hidden}.progress-track span{background:var(--green);height:100%;transition:width .25s;display:block}.progress-stages{gap:9px;display:grid}.progress-stage{color:var(--muted);align-items:center;gap:10px;display:flex}.progress-stage>span{background:#edf3f0;border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.progress-stage.done{color:var(--green-dark)}.progress-stage.done>span{background:var(--mint)}.progress-stage small{margin-top:2px;display:block}.progress-error{color:var(--red);background:#fff0ef;border-radius:9px;margin-top:12px;padding:10px 12px}.status-toast{z-index:60;color:#fff;background:var(--green);box-shadow:var(--shadow);border-radius:11px;padding:13px 16px;position:fixed;bottom:22px;right:22px}.status-toast.error{background:var(--red)}.route-loading{padding:34px}.skeleton{background:linear-gradient(90deg,#e8eeeb 25%,#f5f8f6 50%,#e8eeeb 75%) 0 0/200% 100%;border-radius:12px;animation:1.2s infinite shimmer}.skeleton-title{width:min(420px,70%);height:42px;margin-bottom:24px}.skeleton-card{height:145px}.skeleton-block{height:300px;margin-top:18px}@keyframes shimmer{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.spinner,.skeleton{animation-duration:2.5s}.progress-track span{transition:none}}@media (max-width:1000px){.hero{grid-template-columns:1fr;padding-top:55px}.hero-card{max-width:620px;transform:none}.grid-4{grid-template-columns:repeat(2,1fr)}.layout-2-1{grid-template-columns:1fr}}@media (max-width:760px){.shell{grid-template-columns:1fr}.sidebar{display:none}.content{padding:22px 16px 45px}.appbar{padding:0 16px}.search{width:160px}.hero{padding:45px 20px 70px}.hero h1{letter-spacing:-2.5px}.trust-row,.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}.page-head{flex-direction:column;align-items:flex-start}.nav-actions .btn-ghost{display:none}}.profile-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.profile-field{gap:7px;display:grid}.profile-field span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:800}.profile-wide{grid-column:1/-1}.profile-skill-list{gap:12px;display:grid}.profile-skill{border:1px solid var(--border);border-radius:14px;grid-template-columns:minmax(180px,1fr) 80px 90px auto;align-items:start;gap:10px;padding:14px;display:grid}.profile-skill .compact{text-align:center}.profile-evidence{color:var(--muted);grid-column:1/-1;gap:5px;display:grid}.document-row,.dashboard-result,.application-row,.job-manage-row{border-bottom:1px solid var(--border);color:inherit;justify-content:space-between;align-items:center;gap:18px;padding:14px 0;text-decoration:none;display:flex}.document-row:last-child,.dashboard-result:last-child,.application-row:last-child,.job-manage-row:last-child{border-bottom:0}.document-row small,.dashboard-result small{color:var(--muted);margin-top:5px;display:block}.recommendation-groups{gap:18px;display:grid}.job-result-card{border-bottom:1px solid var(--border);grid-template-columns:1fr auto;gap:18px;padding:20px 0;display:grid}.job-result-card:last-child{border-bottom:0}.job-result-main{grid-template-columns:auto 1fr;gap:14px;display:grid}.job-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;display:flex}.long-copy{white-space:pre-wrap;line-height:1.75}.requirement-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex}.requirement-row small{color:var(--muted);margin-top:4px;display:block}.detail-score{text-align:left;margin-bottom:16px}.application-card{border-bottom:1px solid var(--border);grid-template-columns:minmax(220px,1fr) minmax(320px,auto);align-items:center;gap:20px;padding:18px 0;display:grid}.target-selector{grid-template-columns:minmax(240px,1fr) auto;align-items:start;gap:12px;display:grid}.target-selector small{grid-column:1/-1}.form-error{color:var(--red);margin-top:8px;display:block}@media (max-width:800px){.profile-form-grid{grid-template-columns:1fr}.profile-wide{grid-column:auto}.profile-skill{grid-template-columns:1fr 70px 80px}.profile-skill .btn{grid-column:1/-1}.job-result-card,.application-card,.target-selector,.job-result-main{grid-template-columns:1fr}}.record-editor{border-bottom:1px solid var(--border);grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px 0;display:grid}.record-editor:last-child{border-bottom:0}.record-editor>.btn{place-self:end start}@media (max-width:800px){.record-editor{grid-template-columns:1fr}}
