:root{--ink:#17243d;--muted:#6f7f99;--line:#dfe7f3;--bg:#f4f7fc;--card:#fff;--blue:#246bfd;--blue2:#164fc8;--green:#22a06b;--yellow:#e5a50a;--violet:#7357e8;--shadow:0 18px 50px rgba(30,63,112,.11);--display:"Manrope",sans-serif;--body:"DM Sans",sans-serif}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:var(--body);color:var(--ink);background:var(--bg)}button,input,select,textarea{font:inherit}button,a{transition:.18s ease}button{cursor:pointer}.eyebrow{font-size:.72rem;letter-spacing:.14em;font-weight:800;color:var(--blue);margin:0 0 .65rem}.logo-mark{width:52px;height:52px;border-radius:16px;background:linear-gradient(145deg,var(--blue),var(--violet));color:#fff;display:grid;place-items:center;font:800 1.35rem var(--display);box-shadow:0 10px 25px #246bfd42}.logo-mark.small{width:36px;height:36px;border-radius:11px;font-size:1rem}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(420px,46%) 1fr;background:#fff}.login-card{padding:8vh clamp(2rem,7vw,7rem);display:flex;flex-direction:column;justify-content:center}.login-card .eyebrow{margin-top:2rem}.login-card h1{font:800 clamp(2.6rem,5vw,5.4rem)/1.02 var(--display);letter-spacing:-.055em;margin:0;max-width:720px}.login-card h1 span{color:var(--blue)}.login-copy{font-size:1.05rem;line-height:1.7;color:var(--muted);max-width:620px;margin:1.5rem 0 2rem}.google-btn{display:flex;align-items:center;justify-content:center;gap:.8rem;width:min(100%,420px);padding:1rem 1.3rem;border:1px solid var(--line);border-radius:14px;color:var(--ink);font-weight:700;text-decoration:none;box-shadow:0 5px 16px #17243d0a}.google-btn:hover{border-color:var(--blue);transform:translateY(-1px)}.google-g{font:800 1.25rem Arial;color:#4285f4}.setup-note{color:#a56a00;background:#fff8df;border:1px solid #ffe09a;padding:.8rem 1rem;border-radius:12px;max-width:420px}.legal{font-size:.78rem;color:#8c98aa;max-width:420px;margin-top:1.4rem}.login-visual{position:relative;overflow:hidden;background:linear-gradient(145deg,#11244b,#235dc5 57%,#7b64e8);min-height:100vh}.orb{position:absolute;border-radius:50%;filter:blur(4px)}.orb-one{width:500px;height:500px;background:#4bc5ff30;top:-160px;right:-80px}.orb-two{width:430px;height:430px;background:#a684ff55;bottom:-130px;left:-90px}.preview-card{position:absolute;background:#ffffffed;border:1px solid #ffffff80;box-shadow:0 25px 70px #071c4e60;border-radius:20px;padding:1.2rem 1.5rem;display:flex;gap:.8rem;align-items:center}.preview-card b{font:800 2rem var(--display);color:var(--green)}.preview-card span{font-weight:700;color:#32425d}.preview-a{top:25%;left:12%;transform:rotate(-4deg)}.preview-b{top:43%;right:10%;transform:rotate(4deg)}.preview-b i{width:32px;height:32px;border-radius:50%;background:var(--green);position:relative}.preview-b i:after{content:"✓";color:#fff;position:absolute;inset:0;display:grid;place-items:center;font-style:normal}.hero-message{position:absolute;left:12%;bottom:12%;color:#fff;max-width:540px}.hero-message span{padding:.45rem .75rem;border-radius:999px;background:#ffffff20;border:1px solid #ffffff30;font-weight:700}.hero-message h2{font:800 clamp(2rem,4vw,4.3rem)/1.08 var(--display);letter-spacing:-.045em;margin:1.2rem 0}
.topbar{position:sticky;top:0;z-index:30;height:76px;background:#ffffffeb;backdrop-filter:blur(14px);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(1rem,4vw,3.5rem)}.brand{display:flex;align-items:center;gap:.7rem;color:var(--ink);text-decoration:none;font:800 1.1rem var(--display)}.tabs{align-self:stretch;display:flex;gap:.2rem}.tab{position:relative;border:0;background:transparent;color:var(--muted);font-weight:700;padding:0 1.3rem}.tab:after{content:"";position:absolute;height:3px;border-radius:3px;left:1.2rem;right:1.2rem;bottom:0;background:var(--blue);transform:scaleX(0)}.tab.active{color:var(--blue)}.tab.active:after{transform:scaleX(1)}.count{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:99px;background:#e9effa;font-size:.7rem}.user-menu{justify-self:end;display:flex;align-items:center;gap:.65rem}.user-menu img{width:38px;height:38px;border-radius:50%;object-fit:cover}.user-menu div{display:flex;flex-direction:column;font-size:.78rem}.user-menu div span{color:var(--muted)}.user-menu a{font-size:1.3rem;color:var(--muted);text-decoration:none}
.main{max-width:1440px;margin:auto;padding:clamp(1.5rem,4vw,3.5rem) clamp(1rem,4vw,3.5rem) 8rem}.view{display:none}.view.active{display:block;animation:fade .25s ease}@keyframes fade{from{opacity:.2;transform:translateY(5px)}}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:2rem}.page-heading h1{font:800 clamp(2rem,4vw,3.5rem)/1 var(--display);letter-spacing:-.045em;margin:0}.page-heading p:not(.eyebrow){color:var(--muted);margin:.75rem 0 0}.profile-tools{display:flex;gap:.7rem}.profile-tools select,#status-filter{border:1px solid var(--line);border-radius:12px;background:#fff;padding:.75rem 1rem;color:var(--ink)}
.filter-grid,.settings-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;background:var(--card);border:1px solid var(--line);border-radius:24px;padding:clamp(1rem,3vw,2rem);box-shadow:var(--shadow)}.field{display:flex;flex-direction:column;gap:.45rem}.field>span{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;font-weight:800;color:#52637e}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);border-radius:12px;background:#fbfcff;color:var(--ink);padding:.82rem .9rem;outline:0}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #246bfd17}.field textarea{resize:vertical;line-height:1.55}.field small{color:#96a1b2;font-size:.72rem}.field em{font-style:normal;color:var(--violet);text-transform:none}.wide{grid-column:span 2}.full{grid-column:1/-1}.form-actions{display:flex;align-items:center;gap:1rem;padding-top:.5rem;color:var(--muted)}.btn{border:0;border-radius:12px;padding:.78rem 1.1rem;font-weight:800}.btn.primary{background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff;box-shadow:0 9px 20px #246bfd30}.btn.primary:hover{transform:translateY(-1px);box-shadow:0 12px 25px #246bfd42}.btn.secondary{background:#fff;color:var(--ink);border:1px solid var(--line)}.btn.secondary:hover{border-color:#aebbd0}.btn.small{padding:.5rem .7rem;font-size:.78rem}
.jobs-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--shadow)}.jobs-table{width:100%;border-collapse:collapse;min-width:850px}.jobs-table th{text-align:left;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:#8996aa;background:#f8faff;padding:1rem 1.2rem}.jobs-table td{padding:1.15rem 1.2rem;border-top:1px solid #edf1f7;vertical-align:middle}.job-main{display:flex;flex-direction:column;max-width:520px}.job-main b{font:700 1rem var(--display)}.job-main span{font-size:.82rem;color:var(--muted);margin-top:.25rem}.salary{font-weight:700;white-space:nowrap}.score{display:inline-grid;place-items:center;width:43px;height:43px;border-radius:50%;background:#eef3ff;color:var(--blue);font-weight:800}.status{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .65rem;border-radius:99px;font-size:.72rem;font-weight:800;text-transform:capitalize}.status:before{content:"";width:7px;height:7px;border-radius:50%}.status.pending{color:#8d6500;background:#fff6d9}.status.pending:before{background:var(--yellow)}.status.prepared{color:#5742ae;background:#f0ecff}.status.prepared:before{background:var(--violet)}.status.applied{color:#0b7047;background:#dcf6ea}.status.applied:before{background:var(--green)}.job-actions{display:flex;gap:.4rem;justify-content:flex-end}.job-actions a,.job-actions button{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:9px;padding:.48rem .65rem;text-decoration:none;font-size:.75rem;font-weight:700}.empty{text-align:center!important;color:var(--muted);padding:4rem!important}
.settings-grid{grid-template-columns:1fr 1fr;background:transparent;border:0;padding:0;box-shadow:none}.settings-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:1.5rem;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:1rem}.card-title{display:flex;align-items:center;gap:.9rem;border-bottom:1px solid var(--line);padding-bottom:1rem}.card-title>span{display:grid;place-items:center;width:42px;height:42px;background:#edf3ff;color:var(--blue);border-radius:12px;font-size:1.2rem}.card-title h2{font:800 1.05rem var(--display);margin:0}.card-title p{font-size:.78rem;color:var(--muted);margin:.2rem 0 0}
.apply-fab{position:fixed;z-index:25;right:clamp(1rem,4vw,3.5rem);bottom:calc(1.5rem + env(safe-area-inset-bottom));border:0;border-radius:16px;background:linear-gradient(135deg,var(--blue),var(--violet));color:#fff;padding:1rem 1.4rem;font-weight:800;box-shadow:0 15px 35px #244ec64f}.apply-fab span{margin-left:1rem}.apply-fab:hover{transform:translateY(-2px)}.modal{border:0;border-radius:22px;padding:0;box-shadow:0 30px 100px #10264b44;width:min(92vw,480px)}.modal::backdrop{background:#10264b73;backdrop-filter:blur(5px)}.modal form,.packet-modal{padding:1.6rem}.modal h2{font:800 1.8rem var(--display);margin:0}.modal p:not(.eyebrow){color:var(--muted);line-height:1.5}.modal-close{position:absolute;right:1rem;top:1rem;border:0;background:#eef2f8;width:32px;height:32px;border-radius:50%;font-size:1.2rem}.modal-actions{display:flex;justify-content:flex-end;gap:.7rem;margin-top:1.3rem}.packet-modal{width:min(94vw,850px);max-height:90vh;overflow:auto}.packet-section{border-top:1px solid var(--line);padding-top:1rem;margin-top:1rem}.packet-section pre{white-space:pre-wrap;background:#f7f9fd;padding:1rem;border-radius:12px;line-height:1.5}.toast{position:fixed;left:50%;bottom:2rem;transform:translateX(-50%);z-index:100;background:#17243d;color:#fff;padding:.8rem 1.1rem;border-radius:11px;box-shadow:var(--shadow)}
@media(max-width:900px){.login-page{grid-template-columns:1fr}.login-visual{display:none}.topbar{height:auto;grid-template-columns:1fr auto;padding:.7rem 1rem}.tabs{grid-row:2;grid-column:1/-1;order:3;height:48px;justify-content:center}.user-menu div{display:none}.filter-grid{grid-template-columns:1fr 1fr}.settings-grid{grid-template-columns:1fr}.page-heading{align-items:flex-start;flex-direction:column}.profile-tools{width:100%}.profile-tools select{flex:1}}@media(max-width:600px){.login-card{padding:2rem}.login-card h1{font-size:2.7rem}.brand>span:last-child{display:none}.tab{padding:0 .9rem}.main{padding:1.5rem 1rem 7rem}.filter-grid{grid-template-columns:1fr}.wide{grid-column:auto}.page-heading h1{font-size:2.3rem}.profile-tools{flex-direction:column}.apply-fab{right:1rem}.settings-card{padding:1rem}}
