:root{--bg:#f5f5f7;--card:#fff;--text:#111;--muted:#707070;--line:#e4e4e7;--yellow:#ffc72c;--green:#dff5e6;--radius:22px}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:var(--bg);color:var(--text)}.app-shell{max-width:520px;min-height:100vh;margin:0 auto;background:#fafafa;box-shadow:0 0 40px rgba(0,0,0,.08)}.topbar{position:sticky;top:0;z-index:5;height:78px;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;background:rgba(250,250,250,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(0,0,0,.04)}.icon-btn,.round-btn,.back-btn{border:0;background:#fff;border-radius:14px;box-shadow:0 4px 14px rgba(0,0,0,.06);font-size:22px;cursor:pointer}.icon-btn,.back-btn{width:44px;height:44px}.round-btn{width:42px;height:42px;background:var(--yellow);font-weight:900}.brand{text-align:center;line-height:1}.logo{font-weight:950;font-size:32px;letter-spacing:-3px}.brand span{font-size:10px;font-weight:800;letter-spacing:.7px}main{padding:18px 18px 34px}.screen{display:none}.screen.active{display:block}.hero h1{font-size:34px;margin:8px 0}.hero p,.muted{color:var(--muted)}.small{font-size:13px}.search-row{display:flex;gap:10px;margin-bottom:14px}input,select,textarea{width:100%;border:1px solid var(--line);background:#fff;border-radius:14px;padding:14px 15px;font:inherit;outline:none}.small-btn{border:0;border-radius:14px;background:#111;color:#fff;padding:0 14px}.wide{margin:6px 0 16px}.cards{display:grid;gap:12px}.client-card,.job-card,.work-line{background:var(--card);border:1px solid #eee;border-radius:20px;padding:16px;box-shadow:0 8px 22px rgba(0,0,0,.045)}.client-card{display:grid;grid-template-columns:52px 1fr auto;gap:14px;align-items:center;cursor:pointer}.client-icon,.job-icon{width:52px;height:52px;border-radius:16px;background:#f0f0f0;display:grid;place-items:center;font-size:24px}.client-card h3,.job-card h3{margin:0 0 4px;font-size:16px}.client-card p,.job-card p{margin:0;color:var(--muted);font-size:13px}.badge{background:var(--yellow);padding:7px 10px;border-radius:999px;font-size:11px;font-weight:900;white-space:nowrap}.form-head{display:flex;gap:14px;align-items:center;margin-bottom:18px}.eyebrow{text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:800;margin:0}.form-head h2{margin:3px 0 0}.section-title{margin:24px 0 12px;font-size:17px}label{display:block;font-weight:750;margin:0 0 15px}label input,label select,label textarea{margin-top:7px;font-weight:400}.two-cols{display:grid;grid-template-columns:1fr 1.3fr;gap:10px}.hint{display:block;color:var(--muted);margin:-8px 0 14px}.checkline{display:flex;gap:10px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;margin:8px 0 15px}.checkline input{width:auto;margin:0}.hidden{display:none!important}.primary,.ghost{width:100%;border:0;border-radius:16px;padding:15px;font-weight:900;font-size:15px;cursor:pointer}.primary{background:var(--yellow);color:#111}.ghost{background:#fff;border:1px solid var(--line)}.link{border:0;background:transparent;text-decoration:underline;color:#333;padding:14px;font-weight:800}.summary-card{background:#fff;border-radius:22px;padding:18px;border:1px solid var(--line);line-height:1.45;margin-bottom:16px}.summary-card h3{margin:0 0 10px}.summary-card p{margin:6px 0}.job-card{display:block;cursor:pointer}.job-card-top{display:flex;gap:14px;align-items:center}.job-actions{display:flex;gap:10px;margin-top:12px}.job-actions button{padding:12px;border-radius:14px;border:1px solid var(--line);background:#fff;font-weight:800}.work-line{margin-bottom:12px}.work-line-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.work-line-head strong{font-size:15px}.remove-line{border:0;background:#fee;border-radius:12px;padding:8px 10px;font-weight:900}.photo-actions{background:#fff;border:1px dashed #cfcfd4;border-radius:18px;padding:16px;margin-bottom:12px}.photo-actions small{color:var(--muted)}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}.photo-grid img{width:100%;aspect-ratio:1;border-radius:16px;object-fit:cover;border:1px solid var(--line)}.done-screen{text-align:center;padding-top:40px}.success{width:82px;height:82px;border-radius:50%;background:var(--green);display:grid;place-items:center;margin:0 auto 18px;font-size:42px;color:#159947;font-weight:900}.invalid{border-color:#d00!important;background:#fff7f7!important}@media(max-width:380px){.two-cols{grid-template-columns:1fr}.client-card{grid-template-columns:46px 1fr}.badge{grid-column:2}}