:root{--ink:#111513;--forest:#244338;--copper:#9a5b25;--paper:#fffdf8;--soft:#f1eee8;--line:#d9d4cb;--muted:#647068;--danger:#a43232}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,sans-serif;background:var(--soft);color:var(--ink);line-height:1.5}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{width:min(1180px,calc(100% - 32px));margin:auto}.top{padding:20px 0;display:flex;justify-content:space-between;align-items:center}.brand{font-size:1.2rem;font-weight:900}.brand span{color:var(--copper)}.card{background:var(--paper);border:1px solid var(--line);border-radius:14px;box-shadow:0 22px 60px #11151312}.lead-layout{display:grid;grid-template-columns:1.05fr .95fr;min-height:720px;overflow:hidden}.visual{background:var(--ink);color:white;padding:36px;display:flex;flex-direction:column;gap:22px}.visual h1{font-size:clamp(2rem,4vw,4.3rem);line-height:.98;margin:0}.visual p{color:#ffffffbd}.canvas-wrap{position:relative;aspect-ratio:4/3;background:#222b27;border:1px solid #ffffff30;border-radius:10px;overflow:hidden}.canvas-wrap canvas{width:100%;height:100%;display:block}.canvas-help{position:absolute;inset:auto 10px 10px;background:#111c;padding:7px 10px;border-radius:6px;font-size:.78rem}.form-side{padding:36px;display:flex;flex-direction:column}.progress{height:6px;background:var(--soft);border-radius:10px;overflow:hidden;margin-bottom:30px}.progress i{display:block;height:100%;background:var(--copper);transition:width .25s}.step{display:none}.step.active{display:block}.step h2{font-size:2rem;line-height:1.05;margin:0 0 12px}.step>p{color:var(--muted);margin:0 0 24px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:grid;gap:7px;margin-bottom:14px}.field span{font-size:.86rem;font-weight:750}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);background:white;border-radius:8px;padding:12px 13px;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--copper);box-shadow:0 0 0 3px #9a5b2520}.checks{display:flex;gap:18px;flex-wrap:wrap;margin:12px 0}.upload{display:block;border:2px dashed var(--line);padding:28px;text-align:center;border-radius:10px;background:white}.upload input{display:none}.thumbs{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.thumbs img{width:74px;height:60px;object-fit:cover;border-radius:6px}.actions{display:flex;justify-content:space-between;gap:10px;margin-top:auto;padding-top:26px}.btn{border:0;border-radius:8px;padding:12px 18px;font-weight:850}.primary{background:var(--copper);color:white}.secondary{background:white;border:1px solid var(--line)}.error{color:var(--danger);font-weight:700;min-height:24px}.success{text-align:center;padding:40px 0}.success strong{font-size:2rem;display:block}.estimate{font-size:1.45rem;font-weight:900;color:var(--forest);padding:14px;background:#24433812;border-radius:8px}.login{width:min(440px,calc(100% - 32px));margin:10vh auto;padding:32px}.crm{padding-bottom:60px}.toolbar{display:flex;gap:10px;align-items:center;margin:10px 0 20px}.toolbar input,.toolbar select{padding:10px;border:1px solid var(--line);border-radius:7px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.stat{padding:18px}.stat strong{display:block;font-size:1.7rem}.crm-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:14px}.lead-list{max-height:72vh;overflow:auto}.lead-row{padding:15px;border-bottom:1px solid var(--line);cursor:pointer}.lead-row:hover,.lead-row.selected{background:#9a5b250e}.lead-row header{display:flex;justify-content:space-between;gap:12px}.lead-row small{color:var(--muted)}.badge{font-size:.72rem;padding:4px 7px;border-radius:20px;background:#24433815;color:var(--forest);font-weight:800}.detail{padding:24px;min-height:500px}.detail dl{display:grid;grid-template-columns:140px 1fr;gap:7px;margin:20px 0}.detail dt{color:var(--muted)}.detail dd{margin:0;font-weight:650}.detail textarea{width:100%;min-height:110px}.photos{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.photos img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:7px}@media(max-width:850px){.lead-layout,.crm-grid{grid-template-columns:1fr}.visual{min-height:auto}.stats{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}.form-side{min-height:620px;padding:24px}.visual{padding:24px}.detail dl{grid-template-columns:110px 1fr}}
