:root{color:#171717;font-synthesis:none;background:#f4f6f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}.topbar{color:#fff;background:#18212f;justify-content:space-between;align-items:center;gap:16px;min-height:64px;padding:0 28px;display:flex}.brand{color:inherit;letter-spacing:0;font-weight:750;text-decoration:none}.environment{color:#c7d2da;font-size:.875rem}.page{width:min(1120px,100% - 32px);margin:32px auto}footer{text-align:center;color:#667085;padding:24px;font-size:.8rem}.panel,.hero-panel{background:#fff;border:1px solid #dde3ea;border-radius:8px;margin-bottom:18px;padding:24px;box-shadow:0 8px 24px #1d29390f}.hero-panel{color:#fff;background:#0f2f2f;justify-content:space-between;align-items:start;gap:20px;display:flex}.hero-panel p{color:#d6eeee}.auth-card{width:min(520px,100%);margin:72px auto}.panel-header{justify-content:space-between;align-items:start;gap:20px;display:flex}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}h1,h2,h3{letter-spacing:0;margin-top:0;line-height:1.15}h1{font-size:2.2rem}h2{font-size:1.35rem}p{color:#475467;line-height:1.55}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:#667085;font-size:.72rem;font-weight:800}.hero-panel .eyebrow{color:#9dd2c9}form{gap:16px;display:grid}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.compact{margin-top:12px}label,legend{color:#344054;gap:7px;font-size:.9rem;font-weight:650;display:grid}input,textarea{background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:10px 12px}input:focus,textarea:focus{border-color:#137f5a;outline:3px solid #137f5a29}fieldset{border:1px solid #dde3ea;border-radius:8px;padding:16px}.full{grid-column:1/-1}.checks{flex-wrap:wrap;gap:12px 18px;display:flex}.checks label,.consent{align-items:center;gap:8px;font-weight:500;display:flex}.checks input,.consent input{width:auto}.actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.actions.left{justify-content:flex-start;margin-top:16px}.auth-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}button{color:#18212f;background:#fff;border:1px solid #cbd5e1;border-radius:8px;min-height:40px;padding:9px 14px;font-weight:700}button:hover{background:#f8fafc}button.primary{color:#fff;background:#137f5a;border-color:#137f5a}button.primary:hover{background:#0f6d4d}button.danger{color:#b42318;background:#fff7f6;border-color:#fecdca}button.danger:hover{background:#fee4e2}button.quiet{color:#475467;background:0 0;border:0}button.quiet.light{color:#fff}.divider{color:#98a2b3;align-items:center;gap:10px;margin:20px 0;display:flex}.divider:before,.divider:after{content:"";background:#dde3ea;flex:1;height:1px}.message{border-radius:8px;margin-bottom:16px;padding:12px 14px}.message.info{color:#1849a9;background:#eef4ff}.message.success{color:#067647;background:#ecfdf3}.message.error{color:#b42318;background:#fef3f2}.status-strip,.metric-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:18px 0;display:flex}.status{text-transform:uppercase;letter-spacing:.04em;background:#e4e7ec;border-radius:999px;padding:5px 10px;font-size:.78rem;font-weight:800}.status-active,.status-accepted{color:#067647;background:#d1fadf}.status-submitted,.status-in_review,.status-needs_third_review,.status-onboarding{color:#175cd3;background:#d1e9ff}.status-rejected,.status-suspended,.status-leaving{color:#b42318;background:#fee4e2}.status-passive,.status-appeal_requested{color:#b54708;background:#fef0c7}.progress{background:#eaecf0;border-radius:999px;height:12px;overflow:hidden}.progress span{background:#137f5a;height:100%;display:block}.step-list,.task-list,.services{gap:10px;margin-top:16px;display:grid}.step{text-align:left;justify-content:space-between;align-items:center;width:100%;min-height:42px;display:flex}.step.done{color:#067647;background:#ecfdf3;border-color:#abefc6}.task,.service{border:1px solid #dde3ea;border-radius:8px;justify-content:space-between;align-items:flex-start;gap:12px;padding:12px;display:flex}.task{flex-direction:column}.task-main{gap:10px;width:100%;min-width:0;display:grid}.task-title{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.task-detail{background:#f8fafc;border:1px solid #eaecf0;border-radius:8px;gap:4px;padding:10px;display:grid}.task-detail p{margin:4px 0}.task-actions{flex-wrap:wrap;gap:8px;display:flex}.task span,.service span,.task-detail span{color:#667085;margin-top:2px;font-size:.86rem;display:block}.details{background:#dde3ea;border:1px solid #dde3ea;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid}.details div{background:#fff;min-width:0;padding:14px}.compact-details{margin-top:12px}dt{text-transform:uppercase;color:#667085;letter-spacing:.08em;font-size:.75rem}dd{overflow-wrap:anywhere;margin:5px 0 0}.playful{color:#0f6d4d;font-weight:700}.profile-photo-row{align-items:center;gap:16px;margin:10px 0 18px;display:flex}.avatar{color:#0f6d4d;background:#e6f4ef;border-radius:8px;flex:none;place-items:center;width:76px;height:76px;font-size:1.8rem;font-weight:800;display:grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.photo-form{flex:1;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;display:grid}.setup-box{background:#fffaeb;border:1px solid #fdb022;border-radius:8px;margin-top:18px;padding:14px}.setup-box p{margin:6px 0 12px}.activity{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.activity div{border:1px solid #dde3ea;border-radius:8px;min-width:0;padding:14px}.activity strong{color:#18212f;font-size:1.45rem;display:block}.activity span{color:#667085}@media (max-width:760px){.topbar{padding:0 16px}.page{margin:18px auto}.panel,.hero-panel{padding:18px}.hero-panel,.panel-header{align-items:flex-start}.dashboard-grid,.form-grid,.details,.activity{grid-template-columns:1fr}.profile-photo-row,.photo-form{grid-template-columns:1fr;align-items:stretch}.profile-photo-row{align-items:flex-start}.auth-actions{grid-template-columns:1fr}.task,.service{flex-direction:column;align-items:flex-start}h1{font-size:1.8rem}}