:root{font-family:Manrope,system-ui,sans-serif;color:#163a33;background:#f5f7f4;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app{display:flex;min-height:100vh}.sidebar{width:254px;flex:0 0 254px;background:#103b31;color:#d9e9df;padding:28px 17px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow:auto}.brand{display:flex;align-items:center;gap:10px;margin:0 7px 36px;color:white;font-weight:800;letter-spacing:-.7px;font-size:20px}.brand .mark{width:38px;height:38px;display:grid;place-items:center;background:#195b49;border-radius:13px;font-size:22px}.brand span span{color:#b9e380}.brand small{display:block;font-size:9px;letter-spacing:1.5px;color:#8fbaa9;font-weight:800;margin-top:3px}.aside-label{text-transform:uppercase;letter-spacing:1.7px;color:#77a594;font-size:10px;font-weight:800;margin:0 11px 12px}.nav{display:grid;gap:5px}.nav button{width:100%;border:0;background:none;color:#c9dbd2;display:flex;align-items:center;gap:12px;padding:12px 14px;text-align:left;border-radius:11px;font-size:13px;font-weight:700}.nav button:hover,.nav button.active{background:#266b55;color:white}.nav button.active{box-shadow:inset 3px 0 #bce88a}.nav-icon{font-size:17px;width:21px;text-align:center}.side-bottom{margin-top:auto}.eco-card{background:linear-gradient(142deg,#225f4d,#174b3d);border:1px solid #377763;border-radius:15px;padding:17px;margin:24px 1px;color:#fff}.eco-card b{display:block;font-size:13px}.eco-card p{color:#b6d8c7;font-size:11px;line-height:1.6;margin-bottom:0}.aside-footer{color:#86aa9d;font-size:10px;margin:15px 8px}.main{flex:1;min-width:0}.topbar{height:92px;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px clamp(17px,4vw,49px);border-bottom:1px solid #e5ebe6}.eyebrow{text-transform:uppercase;font-weight:800;letter-spacing:1.65px;font-size:10px;color:#719285;margin-bottom:5px}.topbar h1{font-size:21px;letter-spacing:-.7px;margin:0;color:#1c3d34}.top-actions{display:flex;align-items:center;gap:9px}.select-small,.top-actions button{height:37px;border-radius:9px;border:1px solid #e1eae3;background:#fff;color:#1f493d;font-size:12px;font-weight:700;padding:0 9px}.top-actions button{background:#e6f4eb;border-color:#d4e9da}.content{max-width:1450px;margin:0 auto;padding:29px clamp(16px,4vw,49px) 65px}.hero{background:linear-gradient(115deg,#154c3d 2%,#1b7555 72%,#4a9f6d);color:white;border-radius:20px;padding:30px 33px;display:flex;justify-content:space-between;gap:10px;position:relative;overflow:hidden}.hero:after{content:'◉';position:absolute;font-size:220px;right:35px;top:-98px;color:#b2dfb1;opacity:.15}.hero h2{font-size:clamp(21px,3vw,31px);letter-spacing:-1.2px;margin:7px 0 8px;line-height:1.25;max-width:640px}.hero p{margin:0 0 19px;color:#d9ebe0;font-size:13px;max-width:580px;line-height:1.7}.hero .tag{font-size:10px;letter-spacing:1.6px;color:#c7edc3;text-transform:uppercase;font-weight:800}.btn{border:0;background:#207554;color:#fff;padding:11px 17px;border-radius:10px;font-size:12px;font-weight:800;display:inline-flex;gap:8px;align-items:center;justify-content:center}.btn:hover{filter:brightness(1.07)}.btn.light{background:#dbf3b1;color:#174537}.btn.outline{color:#235947;border:1px solid #d4e5d9;background:#fff}.btn.danger{background:#fff0ed;color:#a53c32}.btn.small{padding:8px 11px;font-size:11px}.btn:disabled{opacity:.5;cursor:not-allowed}.section-title{font-size:18px;letter-spacing:-.55px;margin:30px 0 14px;display:flex;align-items:center;justify-content:space-between;gap:10px}.section-title small{font-size:12px;color:#8a9a90;font-weight:600;letter-spacing:0}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.metric{background:#fff;padding:19px 21px;border:1px solid #e8ede9;border-radius:15px;box-shadow:0 3px 20px #1e4b332e}.metric .icon{font-size:23px;display:inline-grid;place-items:center;width:41px;height:41px;background:#eaf6ed;border-radius:11px}.metric small{display:block;margin-top:12px;color:#829288;font-size:11px;font-weight:700}.metric strong{display:block;font-size:27px;margin-top:4px;letter-spacing:-1px}.panel{border:1px solid #e7ede7;background:white;border-radius:16px;overflow:hidden}.panel-pad{padding:21px}.grid2{display:grid;grid-template-columns:1.5fr 1fr;gap:18px}.grid-2even{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.text-muted{color:#71847a;font-size:12px;line-height:1.7}.toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-bottom:17px}.search{flex:1 1 230px;min-width:170px;background:#fff;border:1px solid #dfebe1;padding:12px 14px;border-radius:11px;color:#24443a;outline:none}.toolbar select,.field input,.field select,.field textarea{background:#fff;border:1px solid #dfe8e0;border-radius:10px;padding:11px 12px;color:#1d4237;outline:none;width:100%;font-size:13px}.toolbar select{width:auto;max-width:200px}.field input:focus,.field select:focus,.field textarea:focus,.search:focus{border-color:#58a37b;box-shadow:0 0 0 3px #6bc18c1d}.market-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.listing{background:white;border:1px solid #e2eae3;border-radius:15px;padding:19px;display:flex;flex-direction:column;gap:10px}.listing-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.pill{display:inline-flex;background:#e6f6eb;color:#23764a;font-weight:800;letter-spacing:.1px;border-radius:30px;padding:5px 9px;font-size:10px}.pill.need{background:#fff0d8;color:#9a6512}.pill.info{background:#e9f1fd;color:#305f93}.listing h3{font-size:15px;margin:2px 0 0;line-height:1.4}.listing p{font-size:12px;color:#829189;margin:0;line-height:1.65;min-height:38px}.listing .meta{font-size:11px;color:#667f70;display:flex;flex-wrap:wrap;gap:9px}.listing .price{font-size:21px;font-weight:800;color:#1c6147}.listing .price small{font-size:10px;color:#839087;font-weight:600}.listing-footer{margin-top:auto;display:flex;justify-content:space-between;gap:8px;align-items:center;border-top:1px solid #edf1ed;padding-top:13px}.company-name{font-size:11px;color:#708578}.field{display:flex;flex-direction:column;gap:7px}.field label{font-size:12px;font-weight:800;color:#34594a}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.form-grid .wide{grid-column:1/-1}.field textarea{resize:vertical;min-height:92px}.actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px;flex-wrap:wrap}.callout{border-radius:12px;background:#edf7ef;border:1px solid #d7ebdc;padding:14px;color:#345d49;font-size:12px;line-height:1.65}.callout.warn{background:#fff8e9;border-color:#f0e0b7;color:#745c27}.callout.error{background:#fff2ef;border-color:#efc8c3;color:#963c35}.empty{padding:44px 20px;text-align:center;color:#82958a;background:white;border:1px dashed #cfded4;border-radius:13px}.empty .emoji{font-size:35px}.empty h3{color:#2f5142}.section-tabs{display:flex;gap:8px;flex-wrap:wrap}.section-tabs button{border:1px solid #dfebe2;color:#557465;border-radius:8px;background:white;padding:9px 12px;font-size:12px;font-weight:800}.section-tabs button.active{background:#1e7254;color:white;border-color:#1e7254}.match-result{border:1px solid #e6ede7;border-radius:12px;padding:15px;margin:12px 0;background:#fff}.match-result b{font-size:14px}.match-result .details{color:#6d8175;font-size:12px;margin:8px 0 12px;line-height:1.7}.bar{height:9px;background:#e6efe6;border-radius:99px;overflow:hidden}.bar span{display:block;height:100%;background:#3b9366;border-radius:99px}.cost-highlight{background:linear-gradient(140deg,#e7f5e8,#f6fbf3);border-radius:15px;padding:19px}.cost-highlight strong{font-size:33px;letter-spacing:-1.4px}.cost-highlight small{color:#668272;font-weight:700}.row{display:flex;justify-content:space-between;align-items:center;gap:10px}.line{height:1px;background:#e9eee9;margin:15px 0}.status{font-size:11px;font-weight:800;color:#27724f}.status.closed{color:#a25d3d}.note{font-size:11px;color:#84958a;line-height:1.6}.modal-backdrop{position:fixed;inset:0;background:#08241bcc;z-index:20;display:grid;place-items:center;padding:17px;overflow-y:auto}.modal-backdrop[hidden]{display:none}.modal-body{position:relative;width:min(100%,590px);max-height:94vh;overflow:auto;background:white;padding:26px;border-radius:20px;box-shadow:0 40px 100px #001b15ac}.modal-close{position:absolute;right:17px;top:17px;border:0;border-radius:8px;background:#edf4ef;color:#3e6452;width:31px;height:31px}.modal-body h2{font-size:20px;margin:0 35px 5px 0}.modal-body .hint{font-size:12px;color:#718579;line-height:1.65;margin:0 0 19px}#toast{position:fixed;right:20px;bottom:22px;z-index:50;display:grid;gap:9px;max-width:360px}#toast .toast{background:#164c3d;color:#fff;padding:12px 16px;border-radius:11px;box-shadow:0 12px 45px #1d503e59;font-size:12px;font-weight:700}.mobile-bottom{display:none}.map{height:260px;border-radius:13px;border:1px solid #dbe9da;background:#edf2ee;overflow:hidden}.footer{text-align:center;color:#87968b;padding:10px 15px 24px;font-size:11px}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.step{padding:18px;border-radius:13px;background:#fff;border:1px solid #e5ede7}.step b{display:block;font-size:13px;margin:9px 0}.step p{font-size:12px;color:#839188;line-height:1.6}.auth-switch{display:flex;background:#f0f5f1;padding:4px;border-radius:11px;margin:17px 0}.auth-switch button{flex:1;border:0;background:transparent;border-radius:8px;font-size:12px;font-weight:800;padding:10px;color:#5c7766}.auth-switch button.active{background:white;box-shadow:0 2px 8px #203d3220;color:#1d6c4f}.account{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.iconbox{border-radius:13px;display:inline-grid;place-items:center;background:#e9f4eb;width:38px;height:38px;font-size:20px}.page-lead{color:#7d8d83;font-size:13px;line-height:1.7;margin:0 0 21px}.tags{display:flex;gap:6px;flex-wrap:wrap}.tiny-tag{background:#f1f6f2;color:#4c7660;border-radius:7px;padding:5px 8px;font-size:10px;font-weight:700}.linklike{border:0;background:transparent;padding:0;color:#257e57;text-decoration:underline;font-weight:800;font-size:12px}.alertbar{background:#fff6dd;color:#816722;border-bottom:1px solid #eadbaa;padding:9px 25px;font-size:11px;text-align:center}.table{border-collapse:collapse;width:100%;font-size:12px}.table th{text-align:left;font-size:10px;color:#809286;text-transform:uppercase;letter-spacing:.7px}.table th,.table td{padding:11px 9px;border-bottom:1px solid #eef1ee}.table tr:last-child td{border-bottom:0}.table-wrap{overflow-x:auto}.help-badge{font-weight:800;color:#2d7953;font-size:11px}.location-preview{font-size:12px;color:#668473}.directory{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.directory .listing{min-height:160px}.loading{opacity:.65;pointer-events:none}.seller-contact{border-radius:10px;background:#eff8f0;padding:11px;font-size:12px}.helper-link{font-size:12px;color:#217353;font-weight:800}.hero-actions{display:flex;gap:9px;flex-wrap:wrap}.photo-upload{border:1px dashed #b7d6bd;border-radius:11px;padding:14px;background:#f6fbf5}.photo-preview{max-width:100%;max-height:130px;object-fit:cover;border-radius:9px}.logo-circle{display:grid;place-items:center;background:#215b49;color:#c9efa2;width:46px;height:46px;border-radius:14px;font-size:26px}@media(max-width:1180px){.market-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar{width:222px;flex-basis:222px}.topbar{padding:16px 22px}.content{padding:25px 22px 65px}}@media(max-width:850px){.sidebar{display:none}.topbar{height:auto;min-height:82px;padding:13px 17px}.content{padding:22px 14px 100px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.grid2,.grid-2even{grid-template-columns:1fr}.mobile-bottom{position:fixed;bottom:0;left:0;right:0;z-index:11;display:grid;grid-template-columns:repeat(5,1fr);background:#fff;border-top:1px solid #e4ede6;box-shadow:0 -10px 25px #153c3422;padding-bottom:env(safe-area-inset-bottom)}.mobile-bottom button{border:0;background:none;display:flex;flex-direction:column;gap:3px;align-items:center;padding:9px 2px;color:#769182;font-size:10px;font-weight:800}.mobile-bottom button span{font-size:19px}.mobile-bottom button.active{color:#166f4f}.top-actions .select-small{max-width:94px}.top-actions{gap:5px}.topbar h1{font-size:16px}.eyebrow{font-size:8px}.hero{padding:22px}.footer{padding-bottom:90px}}@media(max-width:590px){.market-grid,.grid3,.directory,.steps{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.hero{border-radius:14px}.hero h2{font-size:22px}.cards{gap:9px}.metric{padding:13px}.metric strong{font-size:23px}.metric small{font-size:10px}.top-actions button{font-size:10px;padding:0 6px}.top-actions select{font-size:10px;padding:0 3px}.topbar{gap:7px}.topbar h1{max-width:140px}.section-title{font-size:16px}.listing{padding:16px}.modal-body{padding:20px}.toolbar select{flex:1;max-width:none}}
