:root{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#26232b;background:#f7f5f5}*{box-sizing:border-box}body{margin:0}.shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 15% 10%,#f1e0e0 0,transparent 36%),#f7f5f5}.panel{background:#fff;border:1px solid #eee5e6;border-radius:22px;box-shadow:0 18px 50px #573a4011;padding:36px;max-width:470px;width:100%}.brand{font-weight:800;letter-spacing:.2em;font-size:18px}.brand span{color:#a8787d}.tagline,.muted{color:#756f75;line-height:1.6}.tagline{font-size:13px}.panel h1{font-size:30px;letter-spacing:-.035em;margin:35px 0 4px}.panel h2{font-size:21px}.panel form{margin-top:26px}label{display:block;margin:18px 0 8px;font-size:13px;font-weight:650}input{width:100%;padding:13px 14px;border:1px solid #d9d0d2;border-radius:11px;font:inherit}input:focus{outline:2px solid #bb8d95}button{border:0;background:#9f7279;color:white;border-radius:12px;font:inherit;font-weight:650;padding:13px 22px;cursor:pointer}form button{margin-top:24px;width:100%}.error{color:#9b2636}.top{display:flex;justify-content:space-between;align-items:center;padding:20px 5vw;border-bottom:1px solid #e8e0e2;background:white}.top form button{margin:0;width:auto}.minor{background:#f0e6e8;color:#66434b}.workspace{max-width:1020px;margin:60px auto;padding:0 24px}.workspace .panel{max-width:100%;margin-top:28px}.eyebrow{color:#a8787d;letter-spacing:.13em;font-size:12px;font-weight:800}@media(max-width:540px){.panel{padding:25px}.top{padding:16px}.brand{font-size:14px}.workspace{margin:36px auto}}

a{color:#80535d;text-underline-offset:3px}a:hover{color:#56323b}.brand-link{text-decoration:none;color:#26232b}.top-actions{display:flex;align-items:center;gap:24px}.account-link{font-size:13px;font-weight:600;text-decoration:none}.main-nav{display:flex;gap:28px;overflow-x:auto;padding:0 max(24px,calc((100vw - 1152px)/2));background:#fff;border-bottom:1px solid #e8e0e2}.main-nav a{display:block;padding:18px 0;color:#756f75;text-decoration:none;white-space:nowrap;font-size:14px}.main-nav a[aria-current=page]{color:#80535d;border-bottom:3px solid #9f7279;font-weight:700}.stage2{max-width:1200px;margin:32px auto 60px}.provider-label{font-size:12px;font-weight:650;color:#756f75;margin-bottom:28px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px}.page-heading h1{font-size:clamp(28px,3vw,40px);letter-spacing:-.045em;line-height:1.12;margin:8px 0 14px;max-width:700px}.page-heading p{margin-bottom:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#9f7279;color:white;text-decoration:none;border-radius:12px;font-size:14px;font-weight:650;padding:13px 20px;white-space:nowrap}.button:hover{background:#895f66;color:white}.button.secondary{background:#f1e8ea;color:#704951}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.stat{background:white;border:1px solid #eee5e6;border-radius:18px;padding:24px;text-decoration:none;display:flex;flex-direction:column;color:#26232b;gap:12px}.stat span{font-size:13px;color:#756f75;font-weight:600}.stat strong{font-size:40px;line-height:1;font-weight:650;letter-spacing:-.05em}.stat small{color:#8b8187;font-size:12px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:22px}.stage2 .panel{padding:28px}.stage2 .panel h2{font-size:20px;letter-spacing:-.02em;margin:0 0 16px}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px}.section-heading a{font-size:13px}.empty{text-align:center;padding:35px 18px}.empty h2,.empty h3{font-size:21px;font-weight:650;letter-spacing:-.025em}.empty p{max-width:460px;margin:14px auto 24px}.next-steps{padding-left:22px;margin:0}.next-steps li{padding:12px 0 10px 8px;color:#9f7279}.next-steps a{font-size:14px;font-weight:650;text-decoration:none}.next-steps p{font-size:13px;color:#756f75;line-height:1.5;margin:8px 0}.account-callout{display:flex;align-items:center;justify-content:space-between;gap:24px}.account-callout p{margin-bottom:0;font-size:14px}.vacancy-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;border-top:1px solid #eee5e6;text-decoration:none;color:#26232b}.vacancy-row strong{font-size:14px}.vacancy-row small,td small{display:block;color:#756f75;font-size:12px;line-height:1.6;margin-top:5px}.badge{display:inline-block;font-size:11px;font-weight:650;padding:6px 10px;border-radius:8px;background:#f1e8ea;color:#704951;white-space:nowrap;line-height:1.5}.badge.open,.badge.approved{background:#e8f1ea;color:#35654b}.badge.paused,.badge.filled{background:#f2efea;color:#76644c}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}th{color:#8c8087;font-size:11px;letter-spacing:.04em;text-transform:uppercase;font-weight:650;padding:12px 12px 16px;border-bottom:1px solid #eee5e6}td{padding:20px 12px;border-bottom:1px solid #f1ebed;vertical-align:middle}td a{font-size:13px;font-weight:600;white-space:nowrap}.sub-action{margin-left:14px}.pagination{display:flex;justify-content:center;gap:24px;font-size:13px;padding:28px 0 0}.form-panel{max-width:800px!important}.form-panel form{margin:0}.field{margin-bottom:20px}.field label{margin-top:0}.field small{display:block;margin-top:7px;font-size:12px}select,textarea{width:100%;border:1px solid #d9d0d2;border-radius:11px;padding:13px 14px;font:inherit;background:white;color:#26232b}textarea{resize:vertical;line-height:1.7}select:focus,textarea:focus{outline:2px solid #bb8d95}.checkbox-field{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.checkbox-field input{width:20px;height:20px}.checkbox-field label{margin:0}.form-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:28px}.form-actions button{width:auto;margin:0;font-size:14px}.approve-button{background:#426c54}.errorlist{color:#9b2636;font-size:13px;line-height:1.6;padding:0 0 0 20px}.help-list{font-size:12px;color:#756f75;line-height:1.8;padding-left:18px}.notice{padding:16px 20px;margin:20px 0;border:1px solid #e8dfe2;border-radius:12px;background:#f7eff1;color:#704951;font-size:14px;line-height:1.6}.notice.error{border-color:#e9b7bf;color:#9b2636}.inline-form{margin:0!important}.inline-form button{width:auto;margin:0;font-size:12px;padding:10px 14px}.auth-panel{max-width:520px}.auth-qr{text-align:center;background:white;margin:20px auto 10px}.auth-qr svg{width:min(100%,280px);height:auto}.manual-setup{font-size:13px;color:#756f75;margin:20px 0;line-height:1.6}.manual-setup summary{cursor:pointer;color:#80535d}.manual-setup code{display:block;background:#f7f5f5;padding:14px;overflow-wrap:anywhere;color:#26232b;border-radius:8px}.email-preview{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;line-height:1.8}
@media(max-width:800px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr;gap:0}.account-callout{align-items:flex-start;flex-direction:column}.top-actions{gap:12px}.account-link{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media(max-width:540px){.top-actions{gap:10px}.account-link{max-width:115px;font-size:11px}.minor{font-size:12px;padding:10px 12px}.main-nav{gap:22px;padding:0 18px}.main-nav a{font-size:12px}.stage2{padding:0 18px;margin-top:22px}.page-heading{align-items:flex-start;flex-direction:column}.stats-grid{gap:10px}.stat{padding:18px}.stat strong{font-size:32px}.stat span{font-size:11px}.stage2 .panel{padding:20px}.empty{padding:24px 4px}.badge{white-space:normal}}

.email-confirm input[type=checkbox]{width:20px;height:20px;vertical-align:middle;margin-right:8px}button:disabled{opacity:.55;cursor:not-allowed}

/* Keep every field and action visible on phones, with a label for each value. */
@media(max-width:600px){
 .responsive-table,.responsive-table tbody,.responsive-table tr,.responsive-table td{display:block;width:100%}
 .responsive-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .responsive-table tr{padding:16px 0;border-bottom:1px solid #e8e0e2}
 .responsive-table tr:last-child{border-bottom:0}
 .responsive-table td{border:0;padding:8px 0;overflow-wrap:anywhere}
 .responsive-table td[data-label]::before{content:attr(data-label);display:block;color:#756f75;font-size:11px;font-weight:650;margin-bottom:5px}
 .responsive-table td.row-actions{display:flex;flex-wrap:wrap;gap:12px;padding-top:12px}
 .responsive-table td a{white-space:normal;min-height:44px;display:inline-flex;align-items:center}
 .responsive-table .sub-action{margin-left:0}
 .table-scroll{overflow:visible}
 .top{gap:12px}.brand-link{flex-shrink:0}.top-actions{min-width:0}
}