:root{--ink:#19242c;--muted:#75818a;--line:#e8eceb;--bg:#f6f8f7;--card:#fff;--green:#0d806c;--green-dark:#086454;--mint:#e1f3ed;--yellow:#f5b942;--red:#d86363;--purple:#7168c4}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif}.app-shell{display:flex;min-height:100vh}.sidebar{width:245px;background:#fff;border-right:1px solid var(--line);padding:28px 17px 18px;display:flex;flex-direction:column}.brand{font:700 21px 'Space Grotesk';letter-spacing:-1px;display:flex;align-items:center;gap:8px;padding:0 14px 45px}.brand-mark{display:grid;place-items:center;background:var(--green);color:#fff;width:27px;height:27px;border-radius:8px;font-size:18px}.brand-accent{color:var(--green)}.workspace-label,.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.2px;color:#a1a9ad}.workspace-label{padding:0 14px;margin-bottom:12px}nav{display:grid;gap:5px}.nav-item{border:0;background:none;color:#839098;text-align:left;border-radius:10px;padding:12px 14px;font:600 14px 'DM Sans';cursor:pointer;display:flex;align-items:center;gap:13px}.nav-item span{width:16px;font-size:19px;text-align:center;color:#92a19f}.nav-item.active,.nav-item:hover{background:var(--mint);color:var(--green-dark)}.nav-item.active span{color:var(--green)}.nav-item b{margin-left:auto;background:#edf1ef;color:#7c878b;border-radius:10px;padding:2px 7px;font-size:11px}.sidebar-bottom{margin-top:auto}.sync-card{background:#f5faf8;border:1px solid #dcefe8;border-radius:12px;padding:12px;display:flex;align-items:center;gap:8px;margin:0 5px 20px}.status-dot{width:8px;height:8px;background:#34b587;border-radius:50%;box-shadow:0 0 0 4px #dbf2e9}.sync-card div{display:grid;gap:3px;flex:1}.sync-card strong{font-size:11px}.sync-card small,.user-card small{font-size:10px;color:var(--muted)}.sync-card button{border:0;background:none;font-size:18px;color:var(--green);cursor:pointer}.user-card{border-top:1px solid var(--line);padding:18px 6px 0;display:flex;gap:9px;align-items:center}.user-card div:nth-child(2){display:grid;gap:3px;flex:1}.user-card strong{font-size:12px}.avatar,.mini-avatar{background:#d9eee9;color:var(--green-dark);font-weight:700;display:grid;place-items:center;border-radius:50%}.avatar{width:32px;height:32px;font-size:11px}.user-card>span{color:#b8c0c2;font-size:13px}.main-content{flex:1;min-width:0}.topbar{height:115px;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 48px}.topbar h1{font:600 27px 'Space Grotesk';margin:8px 0 0;letter-spacing:-1px}.eyebrow{margin:0}.top-actions{display:flex;gap:18px;align-items:center}.icon-button{border:0;background:none;font-size:23px;color:#778389;cursor:pointer;position:relative}.notification i{position:absolute;width:6px;height:6px;background:#e46666;border-radius:50%;right:0;top:0}.mini-avatar{width:35px;height:35px;font-size:11px}.main-content>#view{padding:35px 48px 55px;max-width:1500px}.welcome{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.welcome h2{font:600 20px 'Space Grotesk';margin:0 0 5px}.welcome p{color:var(--muted);margin:0;font-size:13px}.primary{border:0;background:var(--green);color:#fff;padding:11px 17px;border-radius:8px;font:600 12px 'DM Sans';cursor:pointer;box-shadow:0 5px 12px #0d806c22}.primary:hover{background:var(--green-dark)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:28px}.stat-card,.panel,.job-card,.candidate-row{background:var(--card);border:1px solid var(--line);border-radius:13px}.stat-card{padding:20px 21px;position:relative}.stat-label{font-size:11px;color:var(--muted);font-weight:600}.stat-value{font:700 29px 'Space Grotesk';margin:11px 0 4px}.stat-change{font-size:11px;color:var(--green)}.stat-icon{position:absolute;right:18px;top:18px;width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:var(--mint);color:var(--green);font-size:17px}.dashboard-grid{display:grid;grid-template-columns:1.25fr .85fr;gap:20px}.panel{padding:22px}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.panel-header h3{font:600 15px 'Space Grotesk';margin:0}.text-button{border:0;background:none;color:var(--green);font-size:11px;font-weight:700;cursor:pointer}.pipeline{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.pipeline-col{background:#f7f9f8;border-radius:9px;padding:10px;min-height:115px}.pipeline-col h4{font-size:10px;color:#758188;margin:0 0 13px}.pipeline-number{font:700 23px 'Space Grotesk';margin-bottom:3px}.pipeline-col small{font-size:10px;color:#99a2a5}.bar-row{display:grid;grid-template-columns:105px 1fr 35px;align-items:center;gap:10px;margin:17px 0;font-size:11px}.bar{background:#eff2f0;height:7px;border-radius:10px;overflow:hidden}.bar i{display:block;height:100%;background:var(--green);border-radius:10px}.bar-row b{text-align:right;font-size:11px}.recent-list{display:grid;gap:2px}.recent-item{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #f0f2f1}.recent-item:last-child{border:0}.candidate-avatar{height:31px;width:31px;border-radius:50%;background:#ebdfd5;display:grid;place-items:center;font-size:10px;font-weight:700;color:#755f52}.recent-item>div{flex:1;display:grid;gap:3px}.recent-item strong{font-size:12px}.recent-item small{font-size:10px;color:var(--muted)}.fit{font-weight:700;font-size:11px;color:var(--green)}.page-toolbar{display:flex;gap:10px;margin-bottom:20px}.search{background:#fff;border:1px solid var(--line);border-radius:8px;padding:11px 13px;min-width:245px;font:12px 'DM Sans';outline:none}.select{background:#fff;border:1px solid var(--line);border-radius:8px;padding:0 12px;color:#647077;font:12px 'DM Sans';outline:none}.jobs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.job-card{padding:20px;cursor:pointer;transition:.18s}.job-card:hover{border-color:#a6d8ca;transform:translateY(-2px)}.job-top{display:flex;justify-content:space-between}.company-icon{width:39px;height:39px;border-radius:10px;background:var(--mint);color:var(--green);display:grid;place-items:center;font-weight:700}.job-card h3{font:600 16px 'Space Grotesk';margin:17px 0 4px}.job-card p{font-size:11px;color:var(--muted);margin:0}.job-meta{display:flex;gap:7px;flex-wrap:wrap;margin:18px 0}.pill{background:#f2f5f4;border-radius:5px;color:#68757a;padding:5px 8px;font-size:10px}.job-footer{border-top:1px solid var(--line);padding-top:14px;display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.job-footer strong{color:var(--green)}.table-panel{padding:0;overflow:hidden}.table-head,.candidate-row{display:grid;grid-template-columns:2fr 1.2fr 1.3fr 1fr .7fr 35px;align-items:center;gap:10px}.table-head{padding:15px 20px;background:#fafbfb;color:#8b969a;font-size:10px;text-transform:uppercase;letter-spacing:.5px}.candidate-row{border:0;border-radius:0;border-top:1px solid var(--line);padding:13px 20px;cursor:pointer}.candidate-row:hover{background:#fbfdfc}.person{display:flex;align-items:center;gap:10px;min-width:0}.person div{min-width:0;display:grid;gap:3px}.person strong,.candidate-row span{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.person small{font-size:10px;color:var(--muted)}.status{font-size:10px;padding:5px 8px;border-radius:20px;width:max-content}.status.new{background:#edf4ff;color:#5a7bb4}.status.review{background:#fff5df;color:#a57618}.status.interview{background:#f0eafe;color:#7160b0}.status.hired{background:#e1f5ed;color:var(--green)}.more{border:0;background:none;color:#98a2a5;cursor:pointer}.empty{padding:50px;text-align:center;color:var(--muted);font-size:13px}.modal-backdrop{position:fixed;inset:0;background:#13221f66;display:grid;place-items:center;padding:20px;z-index:5}.modal{background:#fff;border-radius:15px;width:min(570px,100%);max-height:90vh;overflow:auto;padding:27px}.modal h2{font:600 21px 'Space Grotesk';margin:0 0 22px}.modal-close{float:right;border:0;background:none;font-size:22px;color:#899397;cursor:pointer}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-field{display:grid;gap:6px}.form-field.full{grid-column:1/-1}.form-field label{font-size:11px;font-weight:700;color:#6b777b}.form-field input,.form-field select,.form-field textarea{border:1px solid var(--line);border-radius:7px;padding:10px;font:12px 'DM Sans';outline:none}.form-field textarea{min-height:80px;resize:vertical}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.secondary{border:1px solid var(--line);background:#fff;border-radius:8px;padding:10px 15px;font:600 12px 'DM Sans';cursor:pointer;color:#68757a}.toast{position:fixed;right:25px;bottom:25px;background:#1e2d2c;color:#fff;padding:13px 17px;border-radius:9px;font-size:12px;opacity:0;transform:translateY(10px);transition:.2s;z-index:10}.toast.show{opacity:1;transform:none}@media(max-width:950px){.sidebar{width:205px}.topbar,.main-content>#view{padding-left:25px;padding-right:25px}.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.jobs-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.sidebar{width:62px;padding:20px 8px}.brand{padding:0 9px 35px}.brand>span:last-child,.workspace-label,.nav-item:not(.active),.nav-item b,.sidebar-bottom{display:none}.nav-item{padding:12px;justify-content:center}.nav-item.active{background:var(--mint)}.topbar{height:95px;padding:0 18px}.topbar h1{font-size:21px}.top-actions .icon-button{display:none}.main-content>#view{padding:22px 15px}.stats-grid,.jobs-grid{grid-template-columns:1fr}.welcome{align-items:flex-start;gap:15px;flex-direction:column}.table-head{display:none}.candidate-row{grid-template-columns:1fr auto;padding:14px}.candidate-row>span,.candidate-row>.status{display:none}.candidate-row .fit{display:block}.page-toolbar{flex-wrap:wrap}.search{min-width:0;flex:1}.form-grid{grid-template-columns:1fr}.form-field.full{grid-column:auto}}