*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--g:#22c77a;--gd:#18a862;--gl:#a8efcf;--gp:#d6f7ea;--p:#7b61ff;--pl:#c4b8ff;--pp:#ede9ff;--b:#38b4f0;--bl:#a8dcfa;--bp:#dff2fd;--ink:#0f1117;--ink2:#1e2235;--mid:#5a6480;--soft:#9aa3bb;--border:#e4e8f0;--white:#fff;--canvas:#f6f8fc;--sidebar:220px;--topbar:64px}body{background:var(--canvas);color:var(--ink);min-height:100vh;font-family:Plus Jakarta Sans,sans-serif;overflow-x:hidden}.shell{min-height:100vh;display:flex}.sidebar{width:var(--sidebar);background:var(--ink2);z-index:200;flex-direction:column;transition:transform .3s;display:flex;position:fixed;top:0;bottom:0;left:0}.sb-logo{height:var(--topbar);border-bottom:1px solid #ffffff0f;flex-shrink:0;align-items:center;gap:10px;padding:0 20px;display:flex}.sb-logomark{background:linear-gradient(135deg,var(--g),var(--p));border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.sb-logomark svg{width:18px;height:18px}.sb-wordmark{color:#fff;white-space:nowrap;font-family:Clash Display,sans-serif;font-size:14px;font-weight:700}.sb-wordmark span{color:var(--g)}.sb-nav{flex-direction:column;flex:1;gap:2px;padding:16px 12px;display:flex;overflow-y:auto}.sb-item{color:#ffffff80;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:13.5px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.sb-item:hover{color:#ffffffd9;background:#ffffff0f}.sb-item.active{color:var(--g);background:#22c77a1f}.sb-item.active .sb-ic{color:var(--g)}.sb-ic{text-align:center;flex-shrink:0;width:20px;font-size:16px}.sb-badge{background:var(--g);color:#fff;border-radius:100px;margin-left:auto;padding:2px 7px;font-size:9px;font-weight:700}.sb-divider{background:#ffffff0f;height:1px;margin:8px 4px}.sb-upgrade{cursor:pointer;background:linear-gradient(135deg,#22c77a26,#7b61ff26);border:1px solid #22c77a33;border-radius:14px;margin:12px;padding:16px}.sb-up-label{text-transform:uppercase;letter-spacing:1.5px;color:var(--g);margin-bottom:6px;font-size:10px;font-weight:700}.sb-up-title{color:#fff;margin-bottom:4px;font-family:Clash Display,sans-serif;font-size:14px;font-weight:700}.sb-up-sub{color:#fff6;margin-bottom:12px;font-size:11px;line-height:1.5}.sb-up-btn{background:linear-gradient(135deg,var(--g),var(--gd));color:#fff;cursor:pointer;border:none;border-radius:9px;width:100%;padding:9px;font-family:Plus Jakarta Sans,sans-serif;font-size:12px;font-weight:700;transition:all .2s}.sb-up-btn:hover{opacity:.9}.topbar{top:0;left:var(--sidebar);height:var(--topbar);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);z-index:100;background:#ffffffeb;align-items:center;gap:16px;padding:0 32px;display:flex;position:fixed;right:0}.tb-hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;flex-shrink:0;gap:4px;padding:6px;display:none}.tb-hamburger span{background:var(--ink);border-radius:2px;width:20px;height:2px;transition:all .3s;display:block}.tb-hamburger.open span:first-child{transform:translateY(6px)rotate(45deg)}.tb-hamburger.open span:nth-child(2){opacity:0}.tb-hamburger.open span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.tb-search{flex:1;max-width:340px;position:relative}.tb-search input{background:var(--canvas);border:1.5px solid var(--border);width:100%;height:38px;color:var(--ink);border-radius:10px;outline:none;padding:0 14px 0 38px;font-family:Plus Jakarta Sans,sans-serif;font-size:13px;transition:border-color .2s}.tb-search input:focus{border-color:var(--gl);background:#fff}.tb-search input::placeholder{color:var(--soft)}.tb-search-ic{pointer-events:none;font-size:14px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.tb-right{align-items:center;gap:10px;margin-left:auto;display:flex}.tb-notif{background:var(--canvas);border:1.5px solid var(--border);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-size:16px;transition:all .2s;display:flex;position:relative}.tb-notif:hover{border-color:var(--gl);background:var(--gp)}.notif-dot{background:var(--g);border:2px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:6px;right:7px}.tb-profile{border:1.5px solid var(--border);cursor:pointer;background:#fff;border-radius:10px;align-items:center;gap:9px;padding:6px 12px 6px 6px;transition:all .2s;display:flex}.tb-profile:hover{border-color:var(--pl);background:var(--pp)}.tb-av{background:linear-gradient(135deg,var(--g),var(--p));color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-family:Clash Display,sans-serif;font-size:12px;font-weight:700;display:flex}.tb-pname{color:var(--ink2);font-size:13px;font-weight:600}.tb-arrow{color:var(--soft);font-size:10px}.main{margin-left:var(--sidebar);padding-top:var(--topbar);min-height:100vh}.content{max-width:1280px;padding:32px}.welcome{background:linear-gradient(135deg,var(--ink2)0%,#252b45 100%);border-radius:20px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px;padding:32px 36px;display:flex;position:relative;overflow:hidden}.welcome:before{content:"";background:radial-gradient(60% 100% at 20%,#22c77a1f,#0000 60%),radial-gradient(40% 80% at 90% 20%,#7b61ff1a,#0000 60%);position:absolute;inset:0}.welcome-grid{pointer-events:none;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0}.welcome-left{z-index:1;position:relative}.welcome-tag{color:var(--g);background:#22c77a26;border:1px solid #22c77a40;border-radius:100px;align-items:center;gap:6px;margin-bottom:12px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-flex}.welcome-dot{background:var(--g);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}}.welcome h1{color:#fff;letter-spacing:-.5px;margin-bottom:6px;font-family:Clash Display,sans-serif;font-size:26px;font-weight:700}.welcome h1 span{color:var(--g)}.welcome p{color:#ffffff8c;font-size:14px;line-height:1.6}.welcome-actions{z-index:1;flex-wrap:wrap;gap:10px;display:flex;position:relative}.wa-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:11px;align-items:center;gap:7px;padding:11px 20px;font-family:Plus Jakarta Sans,sans-serif;font-size:13px;font-weight:700;transition:all .22s;display:inline-flex}.wa-primary{background:linear-gradient(135deg,var(--g),var(--gd));color:#fff;box-shadow:0 6px 20px #22c77a4d}.wa-primary:hover{transform:translateY(-1px);box-shadow:0 8px 26px #22c77a6b}.wa-secondary{color:#ffffffd9;background:#ffffff14;border:1.5px solid #ffffff1f}.wa-secondary:hover{background:#ffffff24}.wa-ghost{color:var(--pl);background:#7b61ff26;border:1.5px solid #7b61ff40}.wa-ghost:hover{background:#7b61ff38}.stats-row{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:28px;display:grid}.stat-card{border:1px solid var(--border);background:#fff;border-radius:16px;align-items:center;gap:16px;padding:22px 24px;transition:transform .25s,box-shadow .25s;display:flex}.stat-card:hover{transform:translateY(-3px);box-shadow:0 12px 36px #00000014}.sc-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex}.sc-body{flex:1}.sc-num{letter-spacing:-1px;margin-bottom:3px;font-family:Clash Display,sans-serif;font-size:28px;font-weight:700;line-height:1}.sc-lbl{color:var(--soft);font-size:12px;font-weight:500}.sc-trend{margin-top:2px;font-size:11px;font-weight:600}.sc-trend.up{color:var(--g)}.sc-trend.warn{color:#e8a020}.sec-hdr{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.sec-title{letter-spacing:-.3px;color:var(--ink);font-family:Clash Display,sans-serif;font-size:18px;font-weight:700}.sec-link{color:var(--g);cursor:pointer;align-items:center;gap:4px;font-size:13px;font-weight:600;text-decoration:none;display:flex}.sec-link:hover{opacity:.8}.resume-table-wrap{border:1px solid var(--border);background:#fff;border-radius:18px;margin-bottom:28px;overflow:hidden}.rt-head{background:var(--canvas);border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:1.5px;color:var(--soft);grid-template-columns:2fr 1fr 1fr 1fr 1fr;padding:13px 24px;font-size:11px;font-weight:700;display:grid}.rt-row{border-bottom:1px solid var(--border);cursor:pointer;grid-template-columns:2fr 1fr 1fr 1fr 1fr;align-items:center;padding:16px 24px;transition:background .15s;display:grid}.rt-row:last-child{border-bottom:none}.rt-row:hover{background:#fafbfd}.rt-name{align-items:center;gap:12px;display:flex}.rt-thumb{border:1.5px solid var(--border);border-radius:7px;flex-direction:column;flex-shrink:0;width:36px;height:44px;display:flex;overflow:hidden}.rt-thumb-hdr{flex-shrink:0;height:8px}.rt-thumb-body{flex-direction:column;flex:1;gap:2px;padding:3px 4px;display:flex}.rt-thumb-line{background:var(--border);border-radius:1px;height:2px}.rt-rname{color:var(--ink2);font-size:14px;font-weight:600}.rt-rsub{color:var(--soft);margin-top:2px;font-size:11px}.rt-template{background:var(--canvas);border:1px solid var(--border);color:var(--mid);border-radius:100px;align-items:center;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.ats-pill{border-radius:100px;align-items:center;gap:5px;padding:5px 11px;font-size:12px;font-weight:700;display:inline-flex}.ats-high{background:var(--gp);color:var(--g)}.ats-mid{color:#b7791f;background:#fff8e8}.ats-low{color:#e53e3e;background:#fff0f0}.rt-date{color:var(--soft);font-size:12px}.rt-actions{gap:6px;display:flex}.rt-act{cursor:pointer;border:1.5px solid var(--border);color:var(--mid);background:#fff;border-radius:8px;padding:5px 11px;font-family:Plus Jakarta Sans,sans-serif;font-size:11px;font-weight:700;transition:all .15s}.rt-act:hover{border-color:var(--gl);color:var(--g);background:var(--gp)}.rt-act.dl:hover{border-color:var(--bl);color:var(--b);background:var(--bp)}.rt-act.ats:hover{border-color:var(--pl);color:var(--p);background:var(--pp)}.rt-add-row{color:var(--g);cursor:pointer;border-top:1px dashed var(--border);background:var(--canvas);align-items:center;gap:10px;padding:14px 24px;font-size:13px;font-weight:600;transition:background .15s;display:flex}.rt-add-row:hover{background:var(--gp)}.rt-add-ic{background:var(--gp);border:1.5px dashed var(--g);width:28px;height:28px;color:var(--g);border-radius:8px;justify-content:center;align-items:center;font-size:16px;display:flex}.lower-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:28px;display:grid}.card{border:1px solid var(--border);background:#fff;border-radius:18px;padding:24px;overflow:hidden}.ats-suite{grid-template-columns:minmax(320px,420px) minmax(0,1fr);gap:20px;margin-bottom:28px;display:grid}.ats-suite-hdr{align-items:flex-start;margin-bottom:18px}.ats-suite-sub{color:var(--mid);max-width:340px;margin-top:6px;font-size:13px;line-height:1.6}.ats-suite-pill{background:linear-gradient(135deg,var(--gp),#eff7ff);color:#1e2235;white-space:nowrap;border:1px solid #d8e7f6;border-radius:999px;align-items:center;padding:7px 12px;font-size:11px;font-weight:700;display:inline-flex}.ats-upload-card{background:linear-gradient(#fff 0%,#f9fbfe 100%)}.ats-dropzone{cursor:pointer;background:linear-gradient(135deg,#f8fbff,#f1f7ff);border:2px dashed #d4deeb;border-radius:20px;align-items:center;gap:16px;padding:22px;transition:all .2s;display:flex}.ats-dropzone:hover,.ats-dropzone.drag{border-color:var(--b);background:linear-gradient(135deg,#edf8ff,#f4f8ff);transform:translateY(-1px)}.ats-dropzone.has-file{border-color:var(--g);background:linear-gradient(135deg,#f3fff9,#f5faff)}.ats-drop-ic{background:linear-gradient(135deg,var(--g),var(--b));color:#fff;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:24px;display:flex;box-shadow:0 12px 28px #38b4f038}.ats-drop-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.ats-drop-copy strong{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:15px;overflow:hidden}.ats-drop-copy span{color:var(--mid);font-size:12px;line-height:1.5}.ats-upload-btn{height:40px;color:var(--ink2);white-space:nowrap;background:#fff;border:1.5px solid #d7e4f2;border-radius:12px;margin-left:auto;padding:0 16px;font-size:12px;font-weight:700}.ats-upload-meta{grid-template-columns:1fr 1fr;gap:12px;margin-top:14px;display:grid}.ats-meta-card{border:1px solid var(--border);background:#fff;border-radius:16px;flex-direction:column;gap:6px;padding:14px 16px;display:flex}.ats-meta-label{text-transform:uppercase;letter-spacing:1.2px;color:var(--soft);font-size:10px;font-weight:700}.ats-meta-card strong{color:var(--ink2);word-break:break-word;font-size:13px;line-height:1.45}.ats-jd-block{margin-top:16px}.ats-jd-block label{text-transform:uppercase;letter-spacing:1.3px;color:var(--soft);margin-bottom:8px;font-size:11px;font-weight:700;display:block}.ats-jd-block textarea{border:1.5px solid var(--border);width:100%;min-height:150px;color:var(--ink);resize:vertical;background:#fff;border-radius:16px;outline:none;padding:14px 16px;font-family:Plus Jakarta Sans,sans-serif;font-size:13px;line-height:1.6}.ats-jd-block textarea:focus{border-color:var(--gl);box-shadow:0 0 0 4px #22c77a14}.ats-sync-note{color:#16784b;background:#f3fff9;border:1px solid #d5f3e4;border-radius:14px;margin-top:14px;padding:12px 14px;font-size:12px;line-height:1.55}.ats-action-row{align-items:center;gap:12px;margin-top:16px;display:flex}.ats-run-btn{background:linear-gradient(135deg,var(--ink2),#29324c);color:#fff;cursor:pointer;border:none;border-radius:14px;height:44px;padding:0 18px;font-family:Plus Jakarta Sans,sans-serif;font-size:13px;font-weight:700;transition:transform .2s,box-shadow .2s,opacity .2s;box-shadow:0 14px 28px #1e22352e}.ats-run-btn:hover{transform:translateY(-1px);box-shadow:0 18px 34px #1e22353d}.ats-run-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.ats-action-help{color:var(--mid);font-size:12px;line-height:1.55}.ats-report-card{background:radial-gradient(circle at 100% 0,#22c77a1a,#0000 26%),radial-gradient(circle at 0 0,#7b61ff1a,#0000 28%),linear-gradient(#fff 0%,#f8fafd 100%);min-height:640px}.ats-report-head{align-items:center;gap:24px;margin-bottom:24px;display:flex}.ats-score-meter{border-radius:50%;flex-shrink:0;place-items:center;width:148px;height:148px;padding:12px;display:grid;box-shadow:0 22px 44px #38b4f02e}.ats-score-core{background:#fff;border:1px solid #e4e8f0e6;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.ats-score-number{color:var(--ink);font-family:Clash Display,sans-serif;font-size:42px;font-weight:700;line-height:1}.ats-score-denom{color:var(--soft);margin-top:3px;font-size:12px;font-weight:700}.ats-report-summary{flex:1}.ats-verdict{text-transform:uppercase;letter-spacing:1px;border-radius:999px;align-items:center;margin-bottom:12px;padding:7px 12px;font-size:11px;font-weight:700;display:inline-flex}.ats-verdict.high{background:var(--gp);color:var(--g)}.ats-verdict.mid{color:#c78610;background:#fff6df}.ats-verdict.low{color:#d64a4a;background:#fff0f0}.ats-report-summary h3{letter-spacing:-.4px;color:var(--ink);margin-bottom:10px;font-family:Clash Display,sans-serif;font-size:26px;font-weight:700}.ats-report-summary p{color:var(--mid);max-width:680px;font-size:14px;line-height:1.7}.ats-feedback-box{color:var(--ink2);background:#fff;border:1px solid #e3eaf4;border-radius:16px;margin-top:14px;padding:14px 16px;font-size:13px;line-height:1.65;box-shadow:0 12px 24px #0f11170a}.ats-panel-grid{grid-template-columns:1.15fr 1fr;gap:16px;display:grid}.ats-panel{border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffdb;border-radius:18px;padding:18px}.ats-panel.full{grid-column:1/-1}.ats-panel-title{text-transform:uppercase;letter-spacing:1.4px;color:var(--soft);margin-bottom:14px;font-size:11px;font-weight:700}.ats-section-list{flex-direction:column;gap:14px;display:flex}.ats-section-row{flex-direction:column;gap:7px;display:flex}.ats-section-top{color:var(--ink2);justify-content:space-between;align-items:center;gap:12px;font-size:13px;font-weight:700;display:flex}.ats-section-top strong{color:var(--b);font-family:Clash Display,sans-serif;font-size:17px}.ats-section-track{background:#e7edf6;border-radius:999px;height:8px;overflow:hidden}.ats-section-fill{background:linear-gradient(90deg,var(--g),var(--b),var(--p));border-radius:999px;height:100%}.ats-section-row p{color:var(--mid);font-size:12px;line-height:1.55}.ats-issue-list{flex-direction:column;gap:10px;display:flex}.ats-issue{border:1px solid var(--border);background:#fff;border-radius:16px;padding:14px}.ats-issue.sev-high{background:#fff8f8;border-color:#ffd4d4}.ats-issue.sev-medium{background:#fff9ed;border-color:#ffe3af}.ats-issue.sev-low{background:#f8fffb;border-color:#d7eadf}.ats-issue-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;display:flex}.ats-issue-top strong{color:var(--ink);font-size:13px}.ats-issue-top span{text-transform:uppercase;letter-spacing:1.1px;color:var(--mid);background:#0f11170f;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:700}.ats-issue p{color:var(--mid);font-size:12px;line-height:1.6}.ats-chip-list{flex-wrap:wrap;gap:8px;display:flex}.ats-chip{border-radius:999px;align-items:center;padding:7px 11px;font-size:11px;font-weight:700;display:inline-flex}.ats-chip.good{background:var(--gp);color:#16784b}.ats-chip.warn{color:#d64a4a;background:#fff1f1}.ats-fix-list{grid-template-columns:1fr 1fr;gap:10px;display:grid}.ats-fix-item{border:1px solid var(--border);background:#fff;border-radius:16px;align-items:flex-start;gap:12px;padding:14px;display:flex}.ats-fix-item span{background:linear-gradient(135deg,var(--ink2),#27324d);color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:11px;font-weight:700;display:flex}.ats-fix-item p{color:var(--ink2);font-size:12px;line-height:1.6}.ats-report-empty,.ats-report-loading{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:590px;padding:24px;display:flex}.ats-report-empty h3,.ats-report-loading h3{color:var(--ink);letter-spacing:-.4px;margin-bottom:10px;font-family:Clash Display,sans-serif;font-size:24px}.ats-report-empty p,.ats-report-loading p{color:var(--mid);max-width:520px;font-size:14px;line-height:1.7}.ats-empty-orbit{width:120px;height:120px;margin-bottom:18px;position:relative}.ats-empty-orbit div{border:1px solid #38b4f02e;border-radius:50%;animation:5s linear infinite atsOrbit;position:absolute;inset:0}.ats-empty-orbit div:nth-child(2){border-color:#22c77a38;animation-duration:4s;animation-direction:reverse;inset:14px}.ats-empty-orbit div:nth-child(3){border-color:#7b61ff3d;animation-duration:3s;inset:32px}@keyframes atsOrbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ats-loader-ring{border:6px solid #e4ebf5;border-top-color:var(--g);border-right-color:var(--b);border-radius:50%;width:88px;height:88px;margin-bottom:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.ai-header{align-items:center;gap:10px;margin-bottom:18px;display:flex}.ai-orb{background:linear-gradient(135deg,var(--p),var(--b));color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-family:Clash Display,sans-serif;font-size:14px;font-weight:700;display:flex;position:relative}.ai-orb:after{content:"";background:linear-gradient(135deg,var(--p),var(--b));z-index:-1;opacity:.2;filter:blur(6px);border-radius:14px;position:absolute;inset:-3px}.ai-hd-text{flex:1}.ai-hd-title{color:var(--ink);margin-bottom:2px;font-family:Clash Display,sans-serif;font-size:15px;font-weight:700}.ai-hd-sub{color:var(--soft);font-size:11px}.ai-score-ring{background:var(--canvas);border-radius:12px;align-items:center;gap:14px;margin-bottom:16px;padding:14px;display:flex}.ai-ring-svg{flex-shrink:0}.ai-ring-label{flex:1}.ai-ring-pct{color:var(--ink);letter-spacing:-.5px;font-family:Clash Display,sans-serif;font-size:22px;font-weight:700}.ai-ring-sub{color:var(--soft);font-size:11px}.ai-section-title{text-transform:uppercase;letter-spacing:1.5px;color:var(--soft);margin-bottom:8px;font-size:11px;font-weight:700}.ai-keywords{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.ai-kw{color:#e53e3e;background:#fff0f0;border:1px solid #ffd5d5;border-radius:100px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:700;display:flex}.ai-kw:before{content:"✗";font-size:9px}.ai-suggestions{flex-direction:column;gap:7px;margin-bottom:18px;display:flex}.ai-sug{color:var(--mid);align-items:flex-start;gap:8px;font-size:13px;display:flex}.ai-sug-ic{background:var(--pp);width:20px;height:20px;color:var(--p);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;font-size:9px;display:flex}.ai-apply-btn{background:linear-gradient(135deg,var(--p),#9b8fe0);color:#fff;cursor:pointer;border:none;border-radius:11px;width:100%;padding:12px;font-family:Plus Jakarta Sans,sans-serif;font-size:13px;font-weight:700;transition:all .22s;box-shadow:0 4px 14px #7b61ff40}.ai-apply-btn:hover{transform:translateY(-1px);box-shadow:0 7px 22px #7b61ff61}.jm-role{background:var(--canvas);border-radius:12px;align-items:center;gap:12px;margin-bottom:16px;padding:14px;display:flex}.jm-role-ic{background:linear-gradient(135deg,var(--bp),var(--bl));border:1px solid var(--bl);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:20px;display:flex}.jm-role-name{color:var(--ink);font-family:Clash Display,sans-serif;font-size:14px;font-weight:700}.jm-role-co{color:var(--soft);font-size:11px}.jm-match-bar{margin-bottom:16px}.jm-bar-top{justify-content:space-between;align-items:center;margin-bottom:7px;display:flex}.jm-bar-lbl{color:var(--mid);font-size:12px;font-weight:600}.jm-bar-pct{color:var(--b);font-family:Clash Display,sans-serif;font-size:18px;font-weight:700}.jm-track{background:var(--border);border-radius:4px;height:8px;overflow:hidden}.jm-fill{background:linear-gradient(90deg,var(--b),var(--bl));border-radius:4px;width:82%;height:100%;transition:width 1.5s}.jm-missing{margin-bottom:16px}.jm-missing-tags{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.jm-tag{color:#e53e3e;background:#fff0f0;border:1px solid #ffd5d5;border-radius:100px;padding:4px 10px;font-size:11px;font-weight:700}.jm-optimize{background:linear-gradient(135deg,var(--b),#4a9ed8);color:#fff;cursor:pointer;border:none;border-radius:11px;width:100%;padding:12px;font-family:Plus Jakarta Sans,sans-serif;font-size:13px;font-weight:700;transition:all .22s;box-shadow:0 4px 14px #38b4f040}.jm-optimize:hover{transform:translateY(-1px);box-shadow:0 7px 22px #38b4f061}.lower-grid2{grid-template-columns:1fr 1fr 1fr;gap:20px;margin-bottom:28px;display:grid}.templates-showcase{background:radial-gradient(circle at 100% 0,#22c77a14,#0000 22%),radial-gradient(circle at 0 0,#7b61ff14,#0000 28%),linear-gradient(#fff 0%,#f9fbfe 100%);grid-column:1/-1}.templates-sub{color:var(--mid);max-width:560px;margin-top:6px;font-size:13px;line-height:1.6}.templates-hdr-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.templates-nav{align-items:center;gap:8px;display:flex}.templates-nav-btn{border:1.5px solid var(--border);width:38px;height:38px;color:var(--ink2);cursor:pointer;background:#fff;border-radius:12px;font-size:16px;font-weight:700;transition:all .2s;box-shadow:0 6px 16px #0f11170d}.templates-nav-btn:hover{border-color:var(--g);color:var(--g);background:var(--gp)}.templates-nav-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.templates-note-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;display:flex}.templates-preview-note,.templates-selected-copy,.templates-apply-note{color:var(--mid);font-size:12px;line-height:1.55}.templates-carousel{scroll-snap-type:x mandatory;scrollbar-width:none;gap:18px;margin-bottom:14px;padding:4px 2px 10px;display:flex;overflow-x:auto}.templates-carousel::-webkit-scrollbar{display:none}.template-card-real{scroll-snap-align:start;background:linear-gradient(#fff 0%,#fcfdff 100%);border:1px solid #dfe7f2;border-radius:24px;flex:0 0 318px;transition:transform .2s,box-shadow .2s,border-color .2s;position:relative;overflow:hidden;box-shadow:0 12px 26px #0f11170d}.template-card-real:hover{transform:translateY(-2px);box-shadow:0 18px 38px #0f111717}.template-card-real.active{border-color:#22c77a8c;box-shadow:0 20px 42px #22c77a29}.template-card-real.locked{background:linear-gradient(#fcfcfe 0%,#f8fafd 100%)}.template-card-hit{cursor:pointer;text-align:left;background:0 0;border:none;width:100%;padding:0;display:block}.template-frame{border-bottom:1px solid var(--border);background:linear-gradient(#eff4fa,#e9eff7);height:238px;padding:12px;position:relative}.template-frame-shell{background:linear-gradient(#f9fbff,#f1f5fb);border:1px solid #e2e8f2;border-radius:18px;justify-content:center;align-items:center;height:100%;display:flex;overflow:hidden;box-shadow:0 16px 28px #0f111714}.template-frame-viewport{transform-origin:50%;border-radius:12px;flex-shrink:0;width:794px;height:1123px;overflow:hidden;transform:scale(.17);box-shadow:0 14px 24px #0f11171f}.template-frame-iframe{pointer-events:none;background:#fff;border:none;width:794px;height:1123px}.template-frame-loading{height:100%;color:var(--mid);background:linear-gradient(135deg,#f6f8fc,#eaf0f8);border:1px solid #e2e8f2;border-radius:18px;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:flex}.template-card-meta{justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 18px 18px;display:flex}.template-card-copy{min-width:0}.template-card-name{color:var(--ink);letter-spacing:-.25px;font-family:Clash Display,sans-serif;font-size:18px;font-weight:700}.template-card-id{color:var(--soft);text-transform:uppercase;letter-spacing:1px;margin-top:4px;font-size:11px}.template-card-badges{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.template-lock-pill,.template-active-pill{border-radius:999px;justify-content:center;align-items:center;padding:4px 9px;font-size:10px;font-weight:700;display:inline-flex}.template-lock-pill{color:#b7791f;background:#fff4e8}.template-active-pill{background:var(--gp);color:var(--g)}.templates-dots{justify-content:center;align-items:center;gap:8px;margin:2px 0 18px;display:flex}.templates-dot{cursor:pointer;background:#d8e0ec;border:none;border-radius:999px;width:9px;height:9px;transition:all .2s}.templates-dot.active{background:linear-gradient(90deg,var(--g),var(--p));width:24px}.templates-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.tmpl-mini-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:16px;display:grid}.tmpl-mini{border:2px solid var(--border);cursor:pointer;border-radius:10px;transition:all .2s;position:relative;overflow:hidden}.tmpl-mini:hover{border-color:var(--g);transform:scale(1.03)}.tmpl-mini.active{border-color:var(--g);box-shadow:0 4px 14px #22c77a33}.tmpl-mini.locked{opacity:.85}.tmpl-mini-hdr{height:16px}.tmpl-mini-body{background:#fff;flex-direction:column;gap:3px;padding:6px;display:flex}.tmpl-mini-line{background:var(--border);border-radius:2px;height:3px}.tmpl-mini-check{background:var(--g);color:#fff;opacity:0;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:7px;font-weight:700;display:flex;position:absolute;top:4px;right:4px}.tmpl-mini.active .tmpl-mini-check{opacity:1}.tmpl-mini-name{color:var(--mid);background:var(--canvas);border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:4px;padding:3px 6px;font-size:9px;font-weight:700;display:flex}.tmpl-tier{border-radius:999px;justify-content:center;align-items:center;padding:1px 5px;font-size:8px;font-weight:700;line-height:1.3;display:inline-flex}.tmpl-tier.free{background:var(--gp);color:var(--g)}.tmpl-tier.pro{background:var(--pp);color:var(--p)}.tmpl-lock{font-size:11px;position:absolute;top:4px;left:5px}.tmpl-change-btn{border:2px solid var(--border);width:100%;color:var(--mid);cursor:pointer;background:#fff;border-radius:11px;padding:11px;font-family:Plus Jakarta Sans,sans-serif;font-size:13px;font-weight:700;transition:all .2s}.tmpl-change-btn:hover{border-color:var(--g);color:var(--g);background:var(--gp)}.portfolio-url{background:var(--canvas);border:1.5px solid var(--border);border-radius:10px;align-items:center;gap:8px;margin-bottom:14px;padding:10px 14px;display:flex}.pu-globe{flex-shrink:0;font-size:16px}.pu-link{color:var(--p);word-break:break-all;flex:1;font-size:12px;font-weight:600}.pu-actions{gap:6px;display:flex}.pu-btn{cursor:pointer;border:1.5px solid var(--border);color:var(--mid);white-space:nowrap;background:#fff;border-radius:8px;padding:7px 12px;font-family:Plus Jakarta Sans,sans-serif;font-size:11px;font-weight:700;transition:all .15s}.pu-btn:hover{border-color:var(--gl);color:var(--g);background:var(--gp)}.pu-btn.copy:hover{border-color:var(--pl);color:var(--p);background:var(--pp)}.pu-stat{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:8px 0;font-size:12px;display:flex}.pu-stat:last-child{border-bottom:none}.pu-stat-lbl{color:var(--mid)}.pu-stat-val{color:var(--ink2);font-weight:700}.pu-toggle{color:var(--mid);align-items:center;gap:8px;margin-top:12px;font-size:12px;display:flex}.toggle-switch{background:var(--g);cursor:pointer;border-radius:100px;flex-shrink:0;width:36px;height:20px;position:relative}.toggle-knob{background:#fff;border-radius:50%;width:14px;height:14px;transition:all .2s;position:absolute;top:3px;right:3px}.plan-current{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.plan-badge{background:var(--canvas);border:1.5px solid var(--border);color:var(--mid);border-radius:100px;padding:5px 14px;font-size:11px;font-weight:700}.plan-badge.pro{background:var(--gp);border-color:var(--gl);color:var(--g)}.plan-usage{flex-direction:column;gap:10px;margin-bottom:18px;display:flex}.pu-top{justify-content:space-between;align-items:center;margin-bottom:5px;font-size:12px;display:flex}.pu-item-lbl{color:var(--mid);font-weight:500}.pu-item-val{color:var(--ink2);font-weight:700}.pu-bar{background:var(--border);border-radius:3px;height:6px;overflow:hidden}.pu-bar-fill{border-radius:3px;height:100%;transition:width 1.2s}.plan-upgrade-card{background:linear-gradient(135deg,var(--ink2),#252b45);text-align:center;border-radius:14px;padding:16px}.puc-title{color:#fff;margin-bottom:4px;font-family:Clash Display,sans-serif;font-size:14px;font-weight:700}.puc-sub{color:#ffffff73;margin-bottom:12px;font-size:11px;line-height:1.5}.puc-price{background:linear-gradient(135deg,var(--g),var(--p));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:10px;font-family:Clash Display,sans-serif;font-size:22px;font-weight:700}.puc-btn{background:linear-gradient(135deg,var(--g),var(--gd));color:#fff;cursor:pointer;border:none;border-radius:9px;width:100%;padding:10px;font-family:Plus Jakarta Sans,sans-serif;font-size:13px;font-weight:700;transition:all .2s;box-shadow:0 4px 14px #22c77a4d}.puc-btn:hover{opacity:.9;transform:translateY(-1px)}.sb-overlay{z-index:150;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000073;display:none;position:fixed;inset:0}.sb-overlay.open{display:block}@media (max-width:1100px){.ats-suite,.ats-panel-grid{grid-template-columns:1fr}.lower-grid2{grid-template-columns:1fr 1fr}.lower-grid2 .card:last-child{grid-column:span 2}.template-card-real{flex-basis:304px}.tmpl-mini-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:900px){:root{--sidebar:0px}.sidebar{width:220px;transform:translate(-220px)}.sidebar.open{transform:translate(0)}.topbar{padding:0 20px;left:0}.tb-hamburger{display:flex}.tb-search{display:none}.content{padding:20px}.ats-report-head{flex-direction:column;align-items:flex-start}.rt-head,.rt-row{grid-template-columns:2fr 1fr 1fr 1fr}.rt-head>:nth-child(4),.rt-row>:nth-child(4){display:none}.welcome{padding:22px}.welcome-actions{flex-direction:column}.wa-btn{justify-content:center;width:100%}.template-card-real{flex-basis:286px}.tmpl-mini-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:680px){.stats-row{grid-template-columns:1fr 1fr}.lower-grid,.lower-grid2,.ats-upload-meta{grid-template-columns:1fr}.ats-action-row{flex-direction:column;align-items:stretch}.ats-fix-list{grid-template-columns:1fr}.ats-dropzone{flex-direction:column;align-items:flex-start}.ats-upload-btn{margin-left:0}.lower-grid2 .card:last-child{grid-column:span 1}.templates-hdr-actions{justify-content:space-between;width:100%}.templates-note-row{align-items:flex-start}.template-card-real{flex-basis:84vw}.template-frame{height:220px}.templates-actions{align-items:stretch}.templates-selected-copy,.templates-apply-note,.templates-preview-note{width:100%}.tmpl-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rt-head,.rt-row{grid-template-columns:2fr 1fr 1fr}.rt-head>:nth-child(3),.rt-row>:nth-child(3){display:none}.rt-actions{flex-direction:column;gap:4px}}@media (max-width:480px){.stats-row{grid-template-columns:1fr}.welcome h1{font-size:20px}.rt-head,.rt-row{grid-template-columns:1fr 1fr}.rt-head>:nth-child(2),.rt-row>:nth-child(2){display:none}}.fade-in{animation:.5s both fadeIn}.fade-in.d1{animation-delay:50ms}.fade-in.d2{animation-delay:.1s}.fade-in.d3{animation-delay:.15s}.fade-in.d4{animation-delay:.2s}.fade-in.d5{animation-delay:.25s}.fade-in.d6{animation-delay:.3s}@keyframes fadeIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.notif-dropdown{border:1px solid var(--border);z-index:300;background:#fff;border-radius:16px;width:300px;display:none;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 16px 48px #0000001f}.notif-dropdown.open{display:block}.nd-hdr{border-bottom:1px solid var(--border);color:var(--ink);justify-content:space-between;padding:14px 18px;font-size:13px;font-weight:700;display:flex}.nd-hdr span{color:var(--g);cursor:pointer;font-size:12px;font-weight:500}.nd-item{border-bottom:1px solid var(--border);cursor:pointer;align-items:flex-start;gap:10px;padding:12px 18px;transition:background .15s;display:flex}.nd-item:last-child{border-bottom:none}.nd-item:hover{background:var(--canvas)}.nd-item.unread{background:#fafffe}.nd-ic{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-top:1px;font-size:14px;display:flex}.nd-text{color:var(--mid);flex:1;font-size:12px;line-height:1.55}.nd-text strong{color:var(--ink);margin-bottom:2px;font-size:13px;font-weight:600;display:block}.nd-time{color:var(--soft);font-size:10px}.nd-unread-dot{background:var(--g);border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:5px}.profile-dropdown{border:1px solid var(--border);z-index:300;background:#fff;border-radius:16px;width:220px;display:none;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 16px 48px #0000001f}.profile-dropdown.open{display:block}.pd-user{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:16px 18px;display:flex}.pd-av{background:linear-gradient(135deg,var(--g),var(--p));color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-family:Clash Display,sans-serif;font-size:14px;font-weight:700;display:flex}.pd-name{color:var(--ink);font-size:13px;font-weight:700}.pd-email{color:var(--soft);font-size:11px}.pd-item{color:var(--mid);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:10px 18px;font-size:13px;transition:all .15s;display:flex}.pd-item:hover{background:var(--canvas);color:var(--ink)}.pd-item.logout{color:#e53e3e}.pd-item.logout:hover{background:#fff0f0}.toast{background:var(--ink);color:#fff;opacity:0;z-index:999;pointer-events:none;border-radius:12px;align-items:center;gap:8px;padding:12px 20px;font-size:13px;font-weight:600;transition:all .35s cubic-bezier(.34,1.56,.64,1);display:flex;position:fixed;bottom:28px;right:28px;transform:translateY(80px);box-shadow:0 8px 28px #0003}.toast.show{opacity:1;transform:translateY(0)}.toast-ic{font-size:16px}.tb-notif-wrap,.tb-profile-wrap{position:relative}.rt-empty{color:var(--soft);text-align:center;padding:28px 24px;font-size:13px}.dash-alert{color:#b63e3e;background:#fff5f5;border:1px solid #ffd6d6;border-radius:12px;margin-bottom:14px;padding:12px 14px;font-size:13px}.toggle-switch{border:none}.toggle-switch.off{background:#cbd5e6}.toggle-switch.off .toggle-knob{left:3px;right:auto}.dash-modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1000;background:#0c101873;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.dash-modal{border:1px solid var(--border);background:#fff;border-radius:18px;width:100%;max-width:460px;overflow:hidden;box-shadow:0 20px 60px #0003}.dash-modal-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.dash-modal-head h3{letter-spacing:-.3px;color:var(--ink);font-family:Clash Display,sans-serif;font-size:20px;font-weight:700}.dash-modal-head button{color:var(--mid);cursor:pointer;background:0 0;border:none;font-size:16px}.dash-modal-body{flex-direction:column;gap:10px;padding:16px 18px;display:flex}.dash-modal-body label{color:var(--mid);text-transform:uppercase;letter-spacing:1.1px;font-size:12px;font-weight:700}.dash-modal-body input{border:1.5px solid var(--border);height:42px;color:var(--ink);border-radius:10px;outline:none;padding:0 12px;font-family:Plus Jakarta Sans,sans-serif;font-size:14px}.dash-modal-body input:focus{border-color:var(--gl)}.dash-help{color:var(--soft);font-size:11px}.dash-check{color:var(--ink);align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.dash-check input{width:16px;height:16px}.dash-modal-foot{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;padding:14px 18px;display:flex}.dash-btn{border:1px solid var(--border);height:38px;color:var(--mid);cursor:pointer;background:#fff;border-radius:10px;padding:0 14px;font-family:Plus Jakarta Sans,sans-serif;font-size:13px;font-weight:700}.dash-btn:hover{border-color:var(--gl);color:var(--g)}.dash-btn.primary{background:linear-gradient(135deg,var(--g),var(--gd));color:#fff;border:none}.dash-btn.primary:hover{opacity:.92}.dash-btn.ghost{background:#fff}.dash-plan{border:1.5px solid var(--border);border-radius:12px;justify-content:space-between;align-items:center;gap:8px;padding:12px;display:flex}.dash-plan.active{border-color:var(--g);background:var(--gp)}.dash-plan strong{color:var(--ink);font-family:Clash Display,sans-serif;font-size:16px}.dash-plan p{color:var(--soft);margin-top:2px;font-size:12px}