@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#183e35;--green:#24664e;--mint:#eaf1e9;--cream:#faf9f5;--muted:#7c877e;--line:#e5e8e0}*{box-sizing:border-box}body{margin:0;background:var(--cream);font-family:'DM Sans',sans-serif;color:var(--ink)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #c3a54b;outline-offset:3px}button{border:0;background:none;color:inherit}header{height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;border-bottom:1px solid var(--line);background:#fff}.logo{font-family:Manrope,sans-serif;font-size:28px;font-weight:800;letter-spacing:-1.6px}.logo span{color:#81a873}nav{display:flex;align-items:center;gap:24px}nav button{font-size:14px}.btn{background:var(--green);color:white;border-radius:10px;padding:14px 21px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:10px}.btn.light{background:white;color:var(--ink);border:1px solid var(--line)}.btn.small{padding:10px 16px;font-size:13px}.pill{border:1px solid #d9e1d3;border-radius:100px;padding:7px 12px;font-size:11px;font-weight:600;display:inline-block;background:#f3f6ef}.demo{background:#eceee4;padding:9px;text-align:center;font-size:11px;color:#6c7565}.layout{max-width:1320px;margin:auto;padding:42px 6%}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:2px;font-weight:700;color:#7b8e72}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:55px;align-items:center;padding:15px 0 42px}h1{font-family:Manrope,sans-serif;font-size:53px;line-height:1.12;letter-spacing:-2px;margin:17px 0}h1 em{font-style:normal;color:#7b9b6b}p{line-height:1.6;color:#748077;font-size:14px}.hero p{max-width:400px;font-size:16px}.hero-art{height:280px;border-radius:24px;background:#e5ebdc;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.house{font-size:155px;filter:saturate(.5)}.floating{position:absolute;background:white;border-radius:12px;padding:12px 16px;box-shadow:0 12px 35px #344a2520;font-size:12px}.floating.one{left:18px;bottom:26px}.floating.two{right:16px;top:25px}.stars{color:#b08b42}.categories{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:34px}.category{background:white;border:1px solid var(--line);border-radius:12px;padding:17px;text-align:left;display:flex;align-items:center;gap:13px;font-size:13px}.category span{font-size:24px}.section-head{display:flex;align-items:center;justify-content:space-between;margin:26px 0 18px}h2{font-family:Manrope,sans-serif;font-size:24px;letter-spacing:-.6px;margin:0}h3{margin:9px 0;font-size:17px}.workspace{display:grid;grid-template-columns:1fr 310px;gap:24px}.panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:25px}.request{display:flex;gap:22px}.fence{width:170px;min-height:150px;background:linear-gradient(160deg,#dce8d3,#b7cca9);border-radius:10px;position:relative;overflow:hidden;display:flex;align-items:end;justify-content:center;padding-bottom:14px}.slats{display:flex;gap:6px;transform:rotate(-3deg)}.slats i{height:110px;width:19px;background:#b7916f;border-top:6px solid #c5a081;border-radius:4px;box-shadow:2px 1px 2px #766552}.slats i:nth-child(4){transform:rotate(16deg);height:88px}.details{flex:1}.meta{font-size:12px;color:#869086;margin:13px 0;line-height:1.8}.row{display:flex;justify-content:space-between;align-items:center;gap:12px}.offers{display:grid;gap:12px;margin-top:19px}.offer{border:1px solid var(--line);border-radius:12px;padding:19px;display:flex;gap:15px;align-items:center}.avatar{width:48px;height:48px;border-radius:50%;background:#e8e6d8;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.offer-info{flex:1}.offer p{margin:5px 0;font-size:12px}.price{font-family:Manrope;font-size:23px;font-weight:800;text-align:right}.price small{display:block;font-family:'DM Sans';font-size:10px;font-weight:400;color:var(--muted);margin:5px 0 11px}.tag{font-size:10px;background:#eef4e9;color:#60814e;border-radius:4px;padding:4px 7px}.aside-item{display:flex;gap:13px;margin:23px 0}.step{width:27px;height:27px;background:var(--mint);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;flex-shrink:0}.aside-item p{font-size:12px;margin:4px 0}.aside-item b{font-size:13px}.note{background:#f7f7ef;border-radius:10px;padding:14px;font-size:12px;color:#7d856e;line-height:1.6}.footer{display:flex;justify-content:space-between;font-size:11px;color:#899184;padding:32px 0}.overlay{position:fixed;inset:0;background:#19372bc0;z-index:10;display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(4px)}.dialog{background:var(--cream);border-radius:20px;padding:30px;max-width:570px;width:100%;max-height:92vh;overflow:auto;box-shadow:0 24px 80px #122b4840}.close{float:right;font-size:24px}.dialog h2{margin-bottom:20px}.dialog label{font-size:12px;display:block;margin:15px 0 6px}.dialog input,.dialog select,.dialog textarea{width:100%;padding:12px;border:1px solid #d9dfd4;border-radius:8px;background:white;color:var(--ink)}textarea{min-height:85px;resize:vertical}.dialog .btn{margin-top:18px}.split{display:grid;grid-template-columns:1fr 1fr;gap:15px}.preview{height:100px;max-width:100%;border-radius:8px;margin-top:10px}.bubble{background:var(--mint);padding:13px;border-radius:12px;margin:12px 0;font-size:13px;line-height:1.5}.bubble.mine{background:#24664e;color:white;margin-left:40px}.status{padding:20px;background:var(--mint);border-radius:12px;margin:16px 0;line-height:1.6}.order-buttons{display:flex;gap:9px;flex-wrap:wrap}.checklist{line-height:2;font-size:14px}.empty{padding:30px;text-align:center}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:14px 24px;border-radius:12px;z-index:30;font-size:13px}.mobile-only{display:none}@media(max-width:850px){header{padding:0 5%;height:74px}nav{gap:9px}nav button{font-size:12px}nav .desktop{display:none}.layout{padding:25px 5%}.hero{gap:20px}h1{font-size:39px}.hero-art{height:250px}.workspace{grid-template-columns:1fr}.aside{display:none}.categories{gap:8px}.category{padding:12px;font-size:11px;gap:6px}.category span{font-size:20px}}@media(max-width:560px){.hero{grid-template-columns:1fr;padding-bottom:25px}h1{font-size:43px}.hero-art{height:180px}.house{font-size:110px}.categories{grid-template-columns:1fr 1fr}.panel{padding:18px}.request{gap:13px}.fence{width:95px;min-height:135px}.slats{gap:4px}.slats i{width:13px}.offer{padding:13px;gap:10px}.avatar{width:37px;height:37px;font-size:18px}.offer h3{font-size:14px}.price{font-size:20px}.offer .btn{padding:9px 12px}.request h3{font-size:16px}.section-head h2{font-size:21px}.footer{gap:20px;line-height:1.6}.dialog{padding:22px}.split{grid-template-columns:1fr}.demo{font-size:10px}.hero p{font-size:14px}}
.role-home{text-align:center;max-width:1100px;padding-top:65px}.role-home h1{font-size:54px}.role-intro{margin:0 auto 36px;font-size:16px}.role-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;text-align:left}.role-card{display:block;text-align:left;background:white;border:1px solid var(--line);border-radius:20px;padding:30px;transition:transform .18s,box-shadow .18s;width:100%}.role-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #19372b12}.role-icon{display:flex;width:64px;height:64px;border-radius:16px;background:#eff3e9;align-items:center;justify-content:center;font-size:34px;margin-bottom:27px}.role-card .eyebrow{display:block;margin-bottom:12px}.role-card h2{font-size:28px}.role-card p{font-size:15px;min-height:72px;margin:14px 0 26px}.pro-card{background:#eaf0e3}.pro-card .role-icon{background:#fff8}.role-action{border-top:1px solid #dfe5d7;padding-top:20px;display:flex;justify-content:space-between;font-weight:700;font-size:14px}.role-location{font-size:12px;color:var(--muted);margin:30px 0 17px}.role-note{display:inline-block;font-size:11px}.role-footer{text-align:center;font-size:11px;color:var(--muted);padding:12px 20px 28px}.pro-home{padding-top:65px}.pro-home>p{max-width:520px;margin-bottom:28px}@media(max-width:560px){.role-home{padding-top:35px}.role-home h1{font-size:40px}.role-intro{font-size:14px;margin-bottom:25px}.role-grid{grid-template-columns:1fr;gap:16px}.role-card{padding:23px}.role-icon{width:50px;height:50px;font-size:27px;margin-bottom:18px}.role-card h2{font-size:24px}.role-card p{min-height:0;font-size:14px;margin-bottom:20px}.pro-home{padding-top:35px}}
.account-layout{max-width:1100px}.auth-panel,.form-panel{max-width:600px;margin:30px auto}.account-layout label{display:block;font-size:13px;margin:16px 0 7px}.account-layout input,.account-layout select,.account-layout textarea{width:100%;border:1px solid #d9dfd4;border-radius:8px;background:white;padding:12px;color:var(--ink)}.account-layout form>.btn{margin-top:20px}.text-link{text-decoration:underline;font-size:13px;padding:12px 0;color:var(--green)}.server-requests{display:grid;gap:20px;margin:24px 0}.account-request h2{margin-top:20px}.server-offer{border-top:1px solid var(--line);padding:18px 0}.job-photo{width:100%;max-height:280px;object-fit:cover;border-radius:10px;margin-bottom:20px}.account-error{padding:15px;background:#fce8e0;border:1px solid #dfbbaa;color:#82462e;border-radius:10px}.checkbox-label{display:flex!important;gap:10px;align-items:flex-start}.checkbox-label input{width:auto;margin-top:2px}button:disabled{opacity:.5;cursor:wait}.private-address{color:var(--green);font-weight:600}
.chat-messages{max-height:380px;min-height:130px;overflow-y:auto;margin:16px 0;padding:4px}.chat-message{max-width:85%;margin:12px 0;background:var(--mint);border-radius:12px;padding:13px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.5}.chat-message.mine{margin-left:auto;background:var(--green);color:white}.chat-message small{display:block;font-size:10px;opacity:.75;margin-top:7px}.chat-update{font-size:11px}.server-offer .btn{margin-top:6px}
header nav select{max-width:150px;padding:8px 10px;border:1px solid #d9dfd4;border-radius:8px;background:#fff;color:var(--ink);cursor:pointer}header nav{flex-wrap:wrap}
.profile-avatar{width:120px;height:120px;object-fit:cover;border-radius:50%;margin-bottom:16px}.profile-portfolio{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.profile-portfolio img{width:100%;height:220px;object-fit:cover;border-radius:12px}.profile-badges{display:flex;gap:8px;flex-wrap:wrap}
.notification-item{padding:18px;border-bottom:1px solid #d9dfd4}.notification-item.unread{background:#f0f4e9;border-left:4px solid #66784b}.notification-item p{font-size:12px;color:#67715f}