:root{--navy:#17212b;--orange:#e8673f;--green:#2f8a6c;--paper:#f3f5f2;--line:#dce2df;--ink:#20292f}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.5 Arial}button,input,textarea{font:inherit}button{cursor:pointer}header{height:68px;background:var(--navy);color:white;display:flex;align-items:center;justify-content:space-between;padding:0 28px}header div{display:grid}header b{font:22px Georgia;color:var(--orange)}header span{font-size:12px;color:#aab4ba}nav{display:flex;gap:5px}nav button{border:1px solid #47545e;background:none;color:#ccd2d5;padding:9px 13px;border-radius:7px}nav .on{background:var(--orange);border-color:var(--orange);color:white}main{max-width:1180px;margin:auto;padding:30px}.view{display:none}.view.on{display:block}.title{display:flex;justify-content:space-between;align-items:end}.title small,.promise small{color:var(--orange);font-weight:bold;letter-spacing:1px}.title h1{font:38px/1.1 Georgia;margin:7px 0}.title button,.primary,.network{border:0;background:var(--orange);color:white;border-radius:7px;padding:11px 14px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0}.metric,.panel,.promise{background:white;border:1px solid var(--line);border-radius:12px;padding:18px}.metric b{display:block;font:27px Georgia}.metric span{font-size:12px;color:#738087}.columns{display:grid;grid-template-columns:1.5fr .8fr;gap:12px}.panel h2,.promise h2{font:22px Georgia}.job{display:grid;grid-template-columns:1fr auto;gap:5px;padding:14px;border-top:1px solid var(--line);cursor:pointer}.job:hover,.job.selected{background:#f8eee9}.job b{font-size:14px}.job p{margin:0;color:#718087}.status{grid-row:1/3;grid-column:2;padding:5px 8px;border-radius:12px;background:#eee;color:#666;height:max-content;font-size:11px}.accepted,.completed{background:#e3f0eb;color:#277058}.awaiting,.sent{background:#fff0dd;color:#985d1e}.detail-grid{display:grid;gap:9px}.detail-grid div{background:#f3f5f2;padding:10px;border-radius:7px}.detail-grid small{display:block;color:#7c898d}.panel button{width:100%;margin-top:10px}.privacy{background:#eef1ef;color:#657278;padding:10px;border-radius:7px;font-size:12px}.phone{width:360px;background:#111a21;border-radius:25px;padding:8px}.phone-head{background:#1d2a35;color:white;padding:20px;border-radius:18px 18px 0 0}.phone-head h1{font:25px Georgia}.phone-head button{float:right;border:1px solid #63717b;background:none;color:white;border-radius:5px;padding:5px}.offline{background:#fff0d5;color:#815b19;padding:9px 16px}.phone-body{background:#f4f5f2;padding:13px;min-height:430px}.field-card{background:white;border:1px solid var(--line);border-radius:10px;padding:15px;margin-bottom:9px}.field-card h3{font:19px Georgia;margin:6px 0}.field-card p{color:#68767c}.field-card button{width:100%;border:0;background:var(--orange);color:white;padding:10px;border-radius:6px}.network{width:100%;border-radius:0 0 17px 17px}.view#field.on{display:grid;grid-template-columns:auto 1fr;gap:30px;align-items:start;max-width:850px;margin:auto}.promise{margin-top:50px}.promise p{color:#657278}.promise div{font-weight:bold;color:var(--green)}dialog{border:0;border-radius:13px;width:min(500px,90vw);box-shadow:0 20px 80px #0005}dialog::backdrop{background:#0b1218aa}form{display:grid;gap:10px}label{display:grid;gap:4px;font-weight:bold}input,textarea{border:1px solid var(--line);padding:10px;border-radius:6px}form div{display:flex;justify-content:flex-end;gap:8px}#toast{position:fixed;right:20px;bottom:20px;background:#17212b;color:white;padding:12px 16px;border-radius:8px;display:none}#toast.on{display:block}@media(max-width:760px){header{height:auto;padding:14px;gap:10px;flex-wrap:wrap}main{padding:18px}.metrics{grid-template-columns:1fr 1fr}.columns,.view#field.on{grid-template-columns:1fr}.phone{width:100%;max-width:380px}.promise{margin-top:0}.title h1{font-size:29px}}