@tailwind base;@tailwind components;@tailwind utilities;body{background-color:#f9fafb;font-family:Inter,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#fff;font-family:Arial,sans-serif}.App{width:100%}.home-layout{align-items:flex-start;background-color:#f7f9fc;display:flex;gap:50px;justify-content:center;padding:60px 80px}.left-side{flex:2 1;text-align:center}.home-title{font-size:32px;font-weight:600;margin-bottom:20px}.highlight{color:#f96a38;font-weight:700}.tabs{display:flex;font-size:18px;font-weight:500;gap:32px;justify-content:center;margin-bottom:30px}.tabs span{cursor:pointer;padding-bottom:4px;transition:all .3s ease}.tabs span:hover{color:#f96a38}.tabs .active-tab{border-bottom:2px solid #f96a38;color:#f96a38}.tabs .post-ad-tab{color:#28a745;font-weight:600}.tabs .post-ad-tab:hover{border-bottom:2px solid #28a745;color:#218838}.search-bar{background:#fff;border-radius:40px;box-shadow:0 2px 6px #00000026;justify-content:center;margin:0 auto;max-width:900px;padding:10px 20px;width:100%}.search-bar,.search-item{align-items:center;display:flex}.search-item{border-right:1px solid #dde2e9;color:#555;font-size:16px;padding:0 16px}.search-item:last-child{border-right:none}.search-item input{border:none;font-size:16px;margin-left:8px;min-width:150px;outline:none;width:100%}.search-item input::placeholder{color:#999}.search-btn{background-color:#f96a38;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;margin-left:auto;padding:10px 24px;transition:all .3s ease}.search-btn:hover{background-color:#e55a28;box-shadow:0 4px 12px #f96a384d;transform:translateY(-2px)}.right-ad{align-items:center;display:flex;flex:1 1;justify-content:center}.ad-card{background-color:#ffe8df;border-radius:12px;box-shadow:0 2px 5px #0000001a;padding:24px;text-align:center;width:280px}.ad-card h3{font-size:18px;line-height:1.4;margin-bottom:10px}.ad-tag{color:#f96a38;display:block;font-weight:700;margin-bottom:20px}.ad-btn{background-color:#f96a38;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:all .3s ease}.ad-btn:hover{background-color:#e55a28}.additional-filters{margin-left:auto;margin-right:auto;margin-top:20px;max-width:900px}.filter-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:10px}.filter-chip{align-items:center;background:#fff;border:1px solid #ddd;border-radius:20px;color:#555;cursor:pointer;display:inline-flex;font-size:14px;gap:5px;padding:8px 16px;transition:all .3s ease}.filter-chip:hover{border-color:#f96a38;color:#f96a38}.filter-chip.active{background-color:#f96a38;border-color:#f96a38;color:#fff}.filter-chip.active:hover{background-color:#e55a28;border-color:#e55a28}.projectsSection{margin:40px auto;max-width:1200px;padding:0 20px}.tabRow{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.activeTabText{font-size:24px}.activeTabUnderline{background:#f96a38;margin-bottom:20px;width:150px}.fp-carousel{position:relative}.fp-arrow{background:#fff;border:none;border-radius:50%;box-shadow:0 6px 18px #0000001f;color:#f96a38;height:48px;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:48px;z-index:30}.fp-arrow:hover{background:#f96a38;color:#fff}.fp-arrow.left{left:-24px}.fp-arrow.right{right:-24px}.fp-container{gap:24px;overflow-x:hidden;padding:6px 12px}@media (max-width:1024px){.home-layout{flex-direction:column;gap:30px;padding:40px 20px}.ad-card,.right-ad{width:100%}.ad-card{max-width:400px}.tabs{font-size:16px;gap:20px}.search-bar{border-radius:20px;flex-wrap:wrap}.search-item{border-bottom:1px solid #dde2e9;border-right:none;padding:10px 16px;width:100%}.search-item:last-child{border-bottom:none}.search-btn{margin-left:0;margin-top:10px;width:100%}.fp-arrow.left{left:-10px}.fp-arrow.right{right:-10px}}@media (max-width:768px){.home-title{font-size:24px}.tabs{flex-wrap:wrap;gap:15px}.filter-row{justify-content:flex-start;overflow-x:auto;padding-bottom:10px}.filter-chip{white-space:nowrap}.fp-arrow{font-size:18px;height:36px;width:36px}}#location-suggestions option{padding:8px}.filter-row::-webkit-scrollbar{height:4px}.filter-row::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.filter-row::-webkit-scrollbar-thumb{background:#f96a38;border-radius:10px}.filter-row::-webkit-scrollbar-thumb:hover{background:#e55a28}.pcard{background-color:#fff;border:1px solid #e5e5e5;border-radius:16px;box-shadow:0 4px 12px #0e1e250a;display:inline-block;margin-right:16px;overflow:hidden;vertical-align:top;width:30%}.pcard-imageArea{align-items:center;background-color:#fff4f4;display:flex;height:140px;justify-content:center}.pcard-image{display:block;height:100%;object-fit:cover;width:100%}.pcard-noimage{align-items:center;display:flex;flex-direction:column;justify-content:center}.pcard-noimage-icon{color:#b0b0b0;font-size:36px}.pcard-noimage-text{color:#b0b0b0;font-size:12px;margin-top:6px}.pcard-info{padding:12px}.pcard-titleRow{align-items:flex-start;display:flex;gap:8px;justify-content:space-between}.pcard-title{color:#333;flex:1 1;font-size:15px;font-weight:700;margin:0 8px 0 0}.pcard-priceCol{min-width:90px;text-align:right}.pcard-price{color:#000;font-size:14px;font-weight:700}.pcard-priceSuffix{color:#777;font-size:11px}.pcard-subText{color:#777;font-size:13px;margin-top:6px}.pcard-location{color:#777;font-size:13px;margin-top:2px}.fp-carousel{align-items:center;display:flex;gap:8px;padding:18px 16px}.fp-container{-webkit-overflow-scrolling:touch;display:flex;flex-wrap:wrap;overflow-x:auto;padding:10px 6px;scroll-behavior:smooth}.fp-container::-webkit-scrollbar{height:8px}.fp-container::-webkit-scrollbar-thumb{background:#00000026;border-radius:8px}.fp-arrow{align-items:center;background:#fffffff2;border:1px solid #0000000f;border-radius:999px;box-shadow:0 6px 18px #0e1e250f;cursor:pointer;display:flex;font-size:24px;height:44px;justify-content:center;width:44px}.projectsSection{margin-top:16px;padding:0 16px}.tabRow{padding-horizontal:16px;margin-top:16px}.activeTabText{color:#333;font-size:16px;font-weight:600}.activeTabUnderline{background-color:#243b8e;border-radius:2px;height:3px;margin-left:16px;margin-top:4px;width:90px}@media (max-width:900px){.fp-container{padding:8px}.pcard{width:220px}}.pcard-view-btn{align-items:center;background:linear-gradient(135deg,#243b8e,#23a697);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px;transition:all .3s ease;width:100%}.pcard-view-btn:hover{background:linear-gradient(135deg,#23a697,#f96a38);box-shadow:0 4px 12px #243b8e59;transform:translateY(-2px)}.top-header{background-color:#243b8e;color:#fff;justify-content:space-between;padding:12px 40px}.left-section,.top-header{align-items:center;display:flex}.left-section{gap:12px}.logo-icon{background-color:#fff;border-radius:10px;height:40px;object-fit:contain;padding:6px;width:40px}.logo-text{cursor:pointer;display:flex;flex-direction:column;line-height:1.1}.logo-title{font-size:22px;font-weight:700;letter-spacing:.5px;margin:0}.logo-sub{color:#dde2e9;font-size:13px;margin:0}.location{align-items:center;display:flex;font-weight:500;gap:4px}.down-arrow{font-size:10px}.right-section{align-items:center;display:flex;gap:20px}.login-btn{background:none;color:#fff;font-weight:500}.login-btn,.post-btn{border:none;cursor:pointer}.post-btn{background-color:#fff;border-radius:20px;color:#f96a38;font-weight:600;padding:8px 16px}.bottom-nav{background-color:#fff;border-bottom:1px solid #dde2e9;display:flex;gap:50px;margin-left:3%;padding:20px 0;position:relative;z-index:10}.nav-item{color:#333;cursor:pointer;font-size:15px;font-weight:500;position:relative}.nav-item:hover{color:#f96a38}.login-dropdown{position:relative}.login-dropdown span{color:#fff;cursor:pointer}.login-menu{background:#fff;border-radius:8px;box-shadow:0 6px 20px #00000026;display:none;padding:16px;position:absolute;right:0;top:100%;width:260px;z-index:100}.login-dropdown:hover .login-menu{display:block}.login-section{border-bottom:1px solid #dde2e9;margin-bottom:10px;padding-bottom:10px}.login-section h4{border-bottom:1px solid #dde2e9;color:#555;font-size:14px;font-weight:500;margin-bottom:8px;padding-bottom:4px}.login-section a{color:#222;display:block;font-size:14px;margin:6px 0;text-decoration:none}.login-section a:hover{color:#243b8e}.login-actions{margin-top:10px;text-align:center}.login-btn-full{background:#f96a38;border:none;border-radius:20px;color:#fff;cursor:pointer;font-weight:700;margin-bottom:8px;padding:10px 0;width:100%}.signup-link{color:#f96a38;font-weight:500;text-decoration:none}.signup-link:hover{text-decoration:underline}.badge.yellow{background:#ffe8df;border-radius:4px;color:#f96a38;font-size:10px;margin-left:4px;padding:2px 5px}.dropdown{background-color:#fff;border-radius:10px;box-shadow:0 4px 10px #00000026;display:none;gap:50px;grid-template-columns:repeat(5,1fr);left:0;min-width:200px;opacity:0;padding:24px 30px;position:absolute;top:20px;transition:all .2s ease-in-out;visibility:hidden}.nav-item:hover .dropdown{display:grid;opacity:1;visibility:visible}.dropdown-column{display:flex;flex-direction:column;gap:20px}.dropdown-column h4{border-bottom:1px solid #dde2e9;color:#222;font-size:14px;font-weight:600;margin-bottom:6px;padding-bottom:6px}.dropdown-column a{color:#6b7280;font-size:14px;text-decoration:none;width:200px}.badge,.dropdown-column a:hover{color:#f96a38}.badge{background-color:#ffe8df;border:1px solid #f96a38;border-radius:6px;font-size:10px;margin-left:6px;padding:2px 4px}.login-container{display:flex;font-family:Poppins,sans-serif;height:100vh}.login-left{align-items:center;background-position:50%;background-size:cover;color:#fff;display:flex;justify-content:center;padding:10px;width:40%}.login-left-content{max-width:400px}.login-left-content h1{font-size:22px;font-weight:600;margin-bottom:20px}.login-left-content ul{list-style:none;padding:0}.login-left-content li{font-size:15px;line-height:1.5;margin-bottom:12px;padding-left:24px;position:relative}.login-left-content li:before{color:#fff;content:"✓";font-weight:700;left:0;position:absolute}.login-right{align-items:center;background-color:#f7f9fc;background-repeat:repeat;background-size:200px;display:flex;flex:1 1;justify-content:center}.login-card{background:#fff;border-radius:8px;box-shadow:0 6px 20px #00000014;padding:28px 32px;width:420px}.login-card h2{color:#243b8e;font-size:20px;margin-bottom:6px}.role-buttons{display:flex;gap:10px;margin-bottom:15px}.role-btn{background-color:#fff;border:1px solid #dde2e9;border-radius:20px;color:#243b8e;cursor:pointer;flex:1 1;font-weight:600;padding:8px 0;transition:all .12s ease}.role-btn.active{background-color:#ffe8df;border-color:#f96a38;color:#f96a38}.input-group{margin-top:16px;position:relative}.input-group input{background:#0000;border:none;border-bottom:1px solid #dde2e9;font-size:16px;outline:none;padding:12px 10px;transition:border-color .2s;width:100%}.input-group input:focus{border-color:#f96a38}.input-group label{background-color:#fff;color:#6b7280;font-size:16px;left:12px;padding:0 4px;pointer-events:none;position:absolute;top:14px;transition:.2s ease}.input-group.focused label{color:#f96a38;font-size:12px;left:8px;top:-8px}.captcha-section{align-items:center;display:flex;gap:10px;margin-bottom:18px;margin-top:18px}.captcha-img{border:1px solid #dde2e9;height:40px;object-fit:contain;width:100px}.captcha-input{border:1px solid #dde2e9;border-radius:4px;padding:10px}.next-btn{background:#f96a38;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;margin-top:6px;padding:12px;width:100%}.otp-inputs{display:flex;gap:16px;justify-content:flex-start;margin-bottom:18px}.otp-box{background:#0000;border:0;border-bottom:2px solid #dde2e9;font-size:20px;height:40px;outline:none;text-align:center;width:52px}.otp-box:focus{border-bottom-color:#f96a38}.continue-btn{background:#f96a38;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:700;margin-top:6px;padding:12px;width:100%}.verify-actions{align-items:center;display:flex;gap:18px;margin-top:12px}.link-btn{background:#0000;border:none;color:#6b7280;cursor:pointer;font-size:14px;padding:6px 0;text-decoration:underline}.link-btn:disabled{cursor:not-allowed;opacity:.5;text-decoration:none}.separator{background:#dde2e9;height:18px;width:1px}.link-plain{background:#0000;border:none;cursor:pointer;padding:6px 0;text-decoration:underline}.divider,.link-plain{color:#6b7280;font-size:13px}.divider{align-items:center;display:flex;justify-content:center;margin:16px 0;position:relative}.divider:after,.divider:before{background:#dde2e9;content:"";height:1px;margin-top:10px;position:absolute;width:35%}.divider:before{left:0}.divider:after{right:0}.google-btn{align-items:center;background:#fff;border:1px solid #dde2e9;border-radius:4px;cursor:pointer;display:flex;font-weight:500;gap:8px;justify-content:center;margin-bottom:15px;padding:10px;width:100%}.google-icon{height:20px;width:20px}.signup-text{color:#6b7280;font-size:14px;text-align:center}.signup-text a{color:#f96a38;font-weight:500;text-decoration:none}@media (max-width:980px){.login-left{display:none}.login-right{width:100%}.login-card{max-width:520px;width:92%}}.mb-wrapper{align-items:stretch;background-repeat:repeat;background-size:200px}.mb-left,.mb-wrapper{display:flex;min-height:100vh}.mb-left{align-items:center;background-position:50%;background-size:cover;color:#fff;flex:0 0 42%;padding:64px 48px}.mb-left-inner{max-width:460px}.mb-left h1{font-size:32px;font-weight:600;line-height:1.3;margin:0 0 22px}.mb-features{color:#ffffffe6;font-size:15px;line-height:2;list-style:none;margin:16px 0 0;padding:0}.mb-features li{margin-bottom:10px;padding-left:30px;position:relative}.mb-features li:before{color:#ffffffd9;content:"✓";font-size:16px;font-weight:600;left:0;position:absolute}.mb-right{align-items:center;background-color:#f7f9fc;display:flex;flex:1 1;justify-content:center;padding:36px}.signup-card{background:#fff;border:1px solid #dde2e9;border-radius:8px;box-shadow:0 6px 20px #00000014;padding:22px 28px 32px;position:relative;width:420px}.back-arrow{background:#0000;border:none;color:#6b7280;cursor:pointer;font-size:20px;left:18px;position:absolute;top:10px}.card-title{color:#243b8e;font-size:18px;font-weight:600;margin:6px 0 18px;text-align:left}.signup-form{display:block}.role-row{gap:16px;margin-bottom:18px}.role,.role-row{align-items:center;display:flex}.role{color:#243b8e;cursor:pointer;font-size:14px;gap:8px}.field{display:block;margin-bottom:14px}.label-text{color:#6b7280;display:block;font-size:13px;margin-bottom:8px}.captcha-input,.field input,.mobile input,.pw-row input{background:#fff;border:1px solid #dde2e9;border-radius:2px;font-size:14px;outline:none;padding:12px;width:100%}.field input:focus{border-color:#243b8e}.password-field .pw-row{align-items:center;display:flex;position:relative}.show-btn{background:#0000;border:none;color:#f96a38;cursor:pointer;font-size:13px;font-weight:600;padding:6px 8px;position:absolute;right:12px}.mobile-row{display:flex;gap:12px;margin-bottom:14px}.country-code{align-items:center;background:#f7f9fc;border:1px solid #dde2e9;border-radius:4px;color:#243b8e;display:flex;flex:0 0 120px;font-size:14px;padding:12px}.mobile{flex:1 1}.agree{align-items:flex-start;color:#6b7280;cursor:pointer;display:flex;font-size:13px;gap:10px;margin-bottom:16px}.agree a{color:#f96a38;text-decoration:underline}.captcha-row{gap:12px;margin-bottom:16px}.captcha-image,.captcha-row{align-items:center;display:flex}.captcha-image{background:linear-gradient(180deg,#fff,#fafafa);border:1px solid #dde2e9;border-radius:6px;color:#243b8e;font-size:20px;font-weight:700;justify-content:center;letter-spacing:2px;min-height:46px;min-width:94px}.captcha-input{flex:1 1;padding:12px}.btn-primary{background:#f96a38;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-top:6px;padding:12px;transition:background-color .2s;width:100%}.btn-primary:hover{background:#d95b2e}.login-line{color:#6b7280;margin-top:12px;text-align:center}.login-line a{color:#f96a38;font-weight:600;text-decoration:none}.login-line a:hover{text-decoration:underline}@media (max-width:980px){.mb-left{display:none}.mb-right{padding:20px}.signup-card{max-width:520px;width:100%}}@media (max-width:480px){.role-row{align-items:flex-start}.mobile-row,.role-row{flex-direction:column;gap:10px}.country-code{width:100%}.captcha-row{flex-direction:column;gap:10px}.captcha-image{width:100%}}.sb-container{background:#f6f8fa;color:#222;font-family:Helvetica Neue,Arial,sans-serif;min-height:100vh;padding:20px 24px}.sb-inner{margin:0 auto}.sb-breadcrumbs{color:#7b8794;font-size:13px;margin-bottom:10px}.sb-tabs-row{justify-content:space-between;margin-bottom:10px}.sb-tabs,.sb-tabs-row{align-items:center;display:flex}.sb-tabs{gap:8px}.sb-tab{background:#fff;border:none;border-radius:6px;box-shadow:0 1px 0 #00000008;cursor:pointer;padding:10px 16px}.sb-tab.active{border-bottom:3px solid #d33;color:#d33;font-weight:700}.sb-sort{color:#6b7280;font-size:14px}.sb-results-title{font-size:20px;font-weight:600;margin:18px 0}.sb-alert{background:linear-gradient(#eef8ff,#f7fcff);border-radius:6px;color:#0b63b5;margin-bottom:16px;padding:10px 12px}.sb-list{flex-direction:column}.sb-card,.sb-list{display:flex;gap:18px}.sb-card{align-items:flex-start;background:#fff;border:1px solid #e6e9ee;border-radius:8px;cursor:pointer;padding:16px}.sb-card-left{max-width:220px;min-width:220px;position:relative}.sb-card-img{border-radius:6px;display:block;height:150px;object-fit:contain;width:100%}.sb-flags{display:flex;flex-wrap:wrap;gap:6px;left:8px;position:absolute;top:8px}.flag-blue,.flag-green{background:#16a34a;border-radius:4px;color:#fff;font-size:11px;font-weight:700;padding:4px 8px}.flag-blue{background:#0ea5e9}.sb-card-middle{display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:0}.sb-card-title{color:#0b3b64;font-size:16px;margin:0;text-decoration:underline}.sb-project{color:#6b7280;font-size:13px}.sb-info-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin-top:6px}.sb-info{background:#fff;border:1px solid #f0f2f5;border-radius:6px;padding:8px}.sb-info-label{color:#7b8794;font-size:11px;font-weight:700}.sb-info-value{color:#2b3746;font-size:13px;margin-top:6px}.sb-description{color:#55606a;font-size:14px;line-height:1.4;margin-top:6px;max-height:44px;overflow:hidden;text-overflow:ellipsis}.sb-card-right{align-items:flex-end;display:flex;flex-direction:column;gap:10px;width:240px}.sb-price-block{text-align:right}.sb-price{color:#1f2937;font-size:20px;font-weight:800}.sb-psq{color:#6b7280;font-size:13px}.sb-buttons{display:flex;flex-direction:column;gap:8px;width:100%}.sb-btn{border:none;border-radius:24px;cursor:pointer;font-weight:700;padding:10px 12px;width:100%}.sb-btn-outline{background:#fff;border:1px solid #e33;color:#e33}.sb-btn-primary{background:#e33;color:#fff}.sb-builder,.sb-calc{color:#7b8794;font-size:13px;margin-top:6px}.sb-builder{text-align:right}@media (max-width:900px){.sb-card{align-items:stretch;flex-direction:column}.sb-card-left{max-width:none;width:100%}.sb-card-img{height:200px;width:100%}.sb-card-right{align-items:flex-start;width:100%}}:root{--sh-red:#243b8e;--sh-pill:#fff;--sh-pill2:#fff}.sh-wrapper{position:relative}.sh-inner,.sh-left{display:flex;flex-wrap:wrap;gap:12px}.sh-chip{background:#fff;background:var(--sh-pill);border-radius:28px;display:flex;gap:8px;padding:8px 14px}.sh-chip-active{background:#ffeaea;font-weight:700}.sh-chip-removable{background:#fff;background:var(--sh-pill2)}.sh-remove{background:#fff;border:none;border-radius:50%;color:#c00;cursor:pointer;font-size:12px;height:20px;width:20px}.sh-badge{background:#222;border-radius:20px;color:#fff;font-size:12px;padding:2px 7px}.dropdown-container{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #00000026;margin-top:8px;min-width:200px}.filter-dropdown{background:#f6f8fa;border-radius:8px;padding:16px;position:absolute;top:-120px;z-index:1000}.filter-dropdown h4{border-bottom:1px solid #eee;color:#333;font-size:14px;font-weight:600;margin:0 0 16px;padding-bottom:8px}.filter-option{align-items:center;cursor:pointer;display:flex;padding:8px 0;transition:background-color .2s}.filter-option:hover{background-color:#f5f5f5;border-radius:4px}.filter-option:last-child{border-bottom:none}.filter-option input[type=checkbox],.filter-option input[type=radio]{cursor:pointer;margin-right:10px}.filter-option label{color:#333;cursor:pointer;flex:1 1;font-size:14px;padding:4px 0}.custom-budget{border-top:1px solid #eee;margin-top:16px;padding-top:16px}.custom-budget h5{color:#666;font-size:13px;font-weight:600;margin:0 0 12px}.budget-inputs{align-items:center;display:flex;gap:10px}.budget-inputs input{border:1px solid #ddd;border-radius:4px;flex:1 1;font-size:14px;padding:8px 12px}.budget-inputs span{color:#666;font-size:12px;font-weight:500}.filter-actions{border-top:1px solid #eee;display:flex;gap:8px;justify-content:flex-end;margin-top:16px;padding-top:16px}.filter-actions button{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.filter-actions button:hover{background-color:#f5f5f5}.filter-actions button:last-child{background-color:#007bff;border-color:#007bff;color:#fff}.filter-actions button:last-child:hover{background-color:#0056b3;border-color:#0056b3}.sh-chip{align-items:center;background:#f5f5f5;border:1px solid #ddd;border-radius:20px;color:#333;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:4px;padding:8px 12px;position:relative;transition:all .2s}.sh-chip:hover{background:#e9e9e9;border-color:#ccc}.sh-chip[data-active=true]{background-color:#007bff;border-color:#007bff;color:#fff}.sh-chip[data-active=true]:hover{background-color:#0056b3;border-color:#0056b3}.sh-chip-clear{background-color:#dc3545;border-color:#dc3545;color:#fff}.sh-chip-clear:hover{background-color:#c82333;border-color:#bd2130}.sh-caret{font-size:12px;margin-left:2px}.sh-chip[data-active=true] .sh-caret{transform:rotate(180deg)}.dropdown-container{z-index:1000!important}@media (max-width:768px){.sh-left{flex-wrap:wrap;gap:6px}.sh-chip{font-size:12px;padding:6px 10px}.dropdown-container{left:10px!important;max-width:none!important;position:fixed!important;right:10px!important;top:auto!important;width:calc(100% - 20px)!important}}.chat-app-container{display:flex;flex-direction:column;margin:0 auto;max-width:1920px;min-height:100vh}.app-header{background:linear-gradient(135deg,#1e3a8a,#3b82f6);box-shadow:0 4px 20px #1e3a8a33;height:80px;justify-content:space-between;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.app-header,.back-button{align-items:center;color:#fff;display:flex}.back-button{background:#ffffff1a;border:1px solid #fff3;border-radius:12px;cursor:pointer;font-size:.95rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.back-button:hover{background:#fff3;transform:translateX(-3px)}.header-center{display:flex;flex:1 1;justify-content:center}.logo-container{align-items:center;display:flex;gap:1rem}.robot-icon{animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.logo-text h1{font-size:1.75rem;font-weight:800;letter-spacing:-.5px;margin-bottom:.25rem}.logo-text p{font-size:.875rem;font-weight:400;opacity:.9}.help-button{background:#ffffff26;border:1px solid #ffffff40;border-radius:12px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:500;padding:.75rem 1.75rem;transition:all .3s ease}.help-button:hover{background:#ffffff40;transform:translateY(-2px)}.app-main{grid-gap:1.5rem;display:grid;flex:1 1;gap:1.5rem;grid-template-columns:320px 1fr 320px;margin:0 auto;max-width:1920px;padding:2rem;width:100%}.filters-sidebar{background:#fff;border:1px solid #e2e8f0cc;border-radius:20px;box-shadow:0 10px 30px #00000014;height:-webkit-fit-content;height:fit-content;padding:1.5rem;position:-webkit-sticky;position:sticky;top:100px}.filters-card{display:flex;flex-direction:column;gap:1.75rem}.ai-intro-card{border-bottom:1px solid #e2e8f0;gap:1rem;padding-bottom:1.5rem}.ai-avatar,.ai-intro-card{align-items:center;display:flex}.ai-avatar{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:16px;box-shadow:0 8px 20px #3b82f633;color:#fff;height:64px;justify-content:center;width:64px}.ai-intro-text h3{color:#1e293b;font-size:1.25rem;font-weight:700;margin-bottom:.25rem}.ai-intro-text p{color:#64748b;font-size:.875rem;font-weight:500}.search-status{margin-top:-.5rem}.status-badge{background:#f96a381a;border:1px solid #f96a3833;border-radius:20px;color:#f96a38;display:inline-block;font-size:.875rem;font-weight:600;padding:.5rem 1rem}.filters-section{display:flex;flex-direction:column;gap:1.5rem}.section-title{align-items:center;color:#1e293b;display:flex;font-size:1.125rem;font-weight:700;gap:.5rem;margin-bottom:.5rem}.filters-grid{grid-gap:1.25rem;display:grid;gap:1.25rem}.filter-item{display:flex;flex-direction:column;gap:.5rem}.filter-label{align-items:center;color:#475569;display:flex;font-size:.875rem;font-weight:600;gap:.5rem}.filter-select{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;border:2px solid #e2e8f0;border-radius:12px;color:#1e293b;cursor:pointer;font-size:.875rem;font-weight:500;padding:.875rem 1rem;transition:all .3s ease;width:100%}.filter-select:hover{border-color:#cbd5e1}.filter-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.filter-buttons{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.search-now-button{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem;transition:all .3s ease}.search-now-button:hover:not(:disabled){box-shadow:0 10px 25px #3b82f64d;transform:translateY(-2px)}.search-now-button:disabled{cursor:not-allowed;opacity:.5}.view-results-sidebar-button{background:#fff;border:2px solid #3b82f6;border-radius:12px;color:#3b82f6;cursor:pointer;font-size:.95rem;font-weight:600;padding:1rem;transition:all .3s ease}.view-results-sidebar-button:hover{background:#f8fafc;box-shadow:0 8px 20px #3b82f626;transform:translateY(-2px)}.tips-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;margin-top:.5rem;padding:1.5rem}.tips-list{display:flex;flex-direction:column;gap:.75rem;list-style:none;margin-top:.75rem}.tips-list li{color:#475569;font-size:.875rem;line-height:1.5;padding-left:1.5rem;position:relative}.tips-list li:before{content:"💡";left:0;position:absolute;top:0}.chat-container,.chat-interface{display:flex;flex-direction:column}.chat-container{background:#fff;border:1px solid #e2e8f0cc;border-radius:20px;box-shadow:0 10px 30px #00000014;height:calc(100vh - 160px);overflow:hidden}.chat-header{background:linear-gradient(135deg,#f8fafc,#fff);border-bottom:1px solid #e2e8f0;justify-content:space-between;padding:1.25rem 1.5rem}.chat-header,.chat-status{align-items:center;display:flex}.chat-status{color:#475569;font-size:.875rem;font-weight:500;gap:.75rem}.status-indicator{border-radius:50%;height:8px;width:8px}.status-indicator.online{animation:pulse 2s infinite;background:#10b981;box-shadow:0 0 0 2px #10b98133}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.chat-actions{display:flex;gap:.5rem}.icon-button{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;justify-content:center;padding:.5rem 1rem;transition:all .3s ease}.icon-button:hover{background:#f1f5f9;border-color:#cbd5e1;color:#3b82f6}.messages-area{background:linear-gradient(180deg,#fff,#f8fafc);flex:1 1;overflow-y:auto;padding:1.5rem;scroll-behavior:smooth}.messages-area::-webkit-scrollbar{width:6px}.messages-area::-webkit-scrollbar-track{background:#f1f5f9}.messages-area::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.messages-area::-webkit-scrollbar-thumb:hover{background:#94a3b8}.welcome-state{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:2rem;text-align:center}.welcome-content{max-width:500px;width:100%}.welcome-robot{color:#3b82f6;margin-bottom:1.5rem;opacity:.9}.welcome-state h2{color:#1e293b;font-size:1.75rem;font-weight:700;margin-bottom:.75rem}.welcome-state p{color:#64748b;font-size:1rem;line-height:1.6;margin-bottom:2rem}.example-queries{margin-top:2.5rem;width:100%}.example-queries h4{color:#64748b;font-size:.95rem;font-weight:600;margin-bottom:1rem}.query-buttons{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.query-button{background:#fff;border:1px solid #e2e8f0;border-radius:20px;color:#3b82f6;cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease;white-space:nowrap}.query-button:hover{background:#3b82f6;border-color:#3b82f6;box-shadow:0 8px 20px #3b82f633;color:#fff;transform:translateY(-2px)}.messages-list{display:flex;flex-direction:column;gap:1.25rem}.bot-message,.typing-indicator-message,.user-message{align-items:flex-start;animation:fadeIn .3s ease;display:flex;gap:1rem;max-width:85%}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.bot-message{align-self:flex-start}.user-message{align-self:flex-end;flex-direction:row-reverse}.message-avatar{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.bot-message .message-avatar{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.user-message .message-avatar.user{background:linear-gradient(135deg,#f96a38,#f85a28);color:#fff}.message-content{flex:1 1;min-width:0}.message-text{word-wrap:break-word;background:#fff;border:1px solid #e2e8f0;border-radius:18px;border-top-left-radius:4px;box-shadow:0 4px 12px #0000000d;color:#1e293b;font-size:.9375rem;line-height:1.5;padding:1rem 1.25rem;word-break:break-word}.user-message .message-text{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-top-left-radius:18px;border-top-right-radius:4px;box-shadow:0 4px 15px #3b82f633;color:#fff}.properties-action{border-top:1px solid #e2e8f0;margin-top:1rem;padding-top:1rem}.view-results-button{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.view-results-button:hover{box-shadow:0 8px 20px #10b9814d;transform:translateY(-2px)}.quick-replies{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.quick-reply-button{background:#fff;border:1px solid #e2e8f0;border-radius:20px;color:#475569;cursor:pointer;font-size:.8125rem;font-weight:500;padding:.5rem 1rem;transition:all .3s ease;white-space:nowrap}.quick-reply-button:hover{background:#f8fafc;border-color:#cbd5e1;color:#3b82f6;transform:translateY(-1px)}.summary-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-top:1rem;padding:1.25rem}.summary-title{color:#1e293b;font-size:.95rem;font-weight:700;margin-bottom:1rem}.summary-item{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;font-size:.875rem;justify-content:space-between;padding:.5rem 0}.summary-item:last-child{border-bottom:none}.summary-item span:first-child{color:#64748b;font-weight:500}.summary-item span:last-child{color:#1e293b;font-weight:600}.confirm-button{background:#0000;border:2px solid #10b981;border-radius:10px;color:#10b981;cursor:pointer;font-size:.875rem;font-weight:600;margin-top:1rem;padding:.75rem 1.5rem;transition:all .3s ease;width:100%}.confirm-button:hover{background:#10b981;box-shadow:0 8px 20px #10b98133;color:#fff;transform:translateY(-2px)}.typing-indicator-message{align-self:flex-start}.typing-content{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:18px;display:inline-flex;gap:.75rem;padding:1rem 1.25rem}.typing-dots-container{display:flex;gap:.25rem}.typing-dot{animation:bounce 1.4s ease-in-out infinite both;background:#94a3b8;border-radius:50%;height:6px;width:6px}.typing-dot:first-child{animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.typing-text{color:#64748b;font-size:.875rem;font-weight:500}.input-section{background:#fff;border-top:1px solid #e2e8f0;padding:1.5rem}.input-wrapper{display:flex;gap:.75rem;margin-bottom:.75rem}.message-input{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;color:#1e293b;flex:1 1;font-family:inherit;font-size:.9375rem;padding:1rem 1.25rem;transition:all .3s ease}.message-input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.message-input::placeholder{color:#94a3b8}.send-message-button{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:56px;justify-content:center;transition:all .3s ease;width:56px}.send-message-button:hover:not(:disabled){box-shadow:0 10px 25px #3b82f64d;transform:translateY(-2px)}.send-message-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.input-hint{color:#94a3b8;font-size:.75rem;text-align:center}.featured-sidebar{display:flex;flex-direction:column;gap:1.5rem;height:-webkit-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:100px}.builders-section,.featured-projects-section{background:#fff;border:1px solid #e2e8f0cc;border-radius:20px;box-shadow:0 10px 30px #00000014;padding:1.5rem}.section-heading{align-items:center;color:#1e293b;display:flex;font-size:1.25rem;font-weight:700;gap:.5rem;margin-bottom:1.5rem}.projects-slider{margin:0 -.5rem;position:relative}.projects-slider,.slider-arrow{align-items:center;display:flex}.slider-arrow{background:#3b82f6;border:none;border-radius:50%;box-shadow:0 4px 12px #3b82f64d;color:#fff;cursor:pointer;height:40px;justify-content:center;position:absolute;transition:all .3s ease;width:40px;z-index:10}.slider-arrow:hover:not(:disabled){background:#2563eb;transform:scale(1.1)}.slider-arrow:disabled{cursor:not-allowed;opacity:.3}.slider-arrow.left{left:-20px}.slider-arrow.right{right:-20px}.slider-arrow.small{height:32px;width:32px}.slider-arrow.small.left{left:-16px}.slider-arrow.small.right{right:-16px}.projects-container{display:flex;gap:1.5rem;overflow:hidden;padding:0 .5rem;width:100%}.project-card{border:1px solid #e2e8f0;border-radius:16px;flex:1 1;min-width:100%;overflow:hidden;transition:all .3s ease}.project-card:hover{border-color:#cbd5e1;box-shadow:0 15px 35px #0000001a;transform:translateY(-4px)}.project-image-container{height:180px;overflow:hidden;position:relative}.project-image{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.project-card:hover .project-image{transform:scale(1.05)}.project-badge{background:linear-gradient(135deg,#f96a38,#f85a28);border-radius:20px;box-shadow:0 2px 8px #f96a384d;color:#fff;font-size:.75rem;font-weight:600;left:.75rem;padding:.25rem .75rem;position:absolute;top:.75rem}.project-content{padding:1.25rem}.project-title{color:#1e293b;font-size:1.125rem;font-weight:700;line-height:1.3;margin-bottom:.5rem}.project-price{color:#3b82f6;font-size:1rem;font-weight:700;margin-bottom:1rem}.project-tags{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.project-tag{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;display:flex;flex-direction:column;font-size:.8125rem;gap:.25rem;padding:.5rem .75rem}.project-tag small{color:#64748b;font-size:.75rem}.project-tag b{color:#1e293b;font-weight:600}.project-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#64748b;display:-webkit-box;font-size:.875rem;line-height:1.5;margin-bottom:1.25rem;overflow:hidden}.project-actions{display:flex;gap:.75rem}.project-button{border:none;border-radius:10px;cursor:pointer;flex:1 1;font-size:.875rem;font-weight:600;padding:.625rem;transition:all .3s ease}.project-button.primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.project-button.primary:hover{box-shadow:0 8px 20px #3b82f64d;transform:translateY(-2px)}.project-button.secondary{background:#fff;border:2px solid #3b82f6;color:#3b82f6}.project-button.secondary:hover{background:#f8fafc;transform:translateY(-2px)}.slider-controls{border-top:1px solid #e2e8f0;display:flex;justify-content:center;margin-top:1.5rem;padding-top:1.5rem}.slider-counter{background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;color:#64748b;font-size:.875rem;font-weight:500;padding:.5rem 1rem}.builders-section{margin-top:.5rem}.builders-slider{align-items:center;display:flex;margin:0 -.5rem;position:relative}.builders-container{display:flex;gap:1rem;overflow:hidden;padding:0 .5rem;width:100%}.builder-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex:1 1;flex-direction:column;gap:.75rem;min-width:calc(50% - .5rem);padding:1.25rem 1rem;transition:all .3s ease}.builder-card:hover{border-color:#3b82f6;box-shadow:0 8px 20px #3b82f61a;transform:translateY(-2px)}.builder-logo{height:40px;object-fit:contain;width:70px}.builder-name{color:#475569;font-size:.8125rem;font-weight:600;text-align:center}.app-footer{background:linear-gradient(135deg,#1e293b,#334155);color:#fff;margin-top:auto;padding:1.5rem 2rem}.footer-stats{display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-around;margin:0 auto;max-width:1200px}.stat-item{align-items:center;display:flex;flex-direction:column;gap:.5rem}.stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#60a5fa,#3b82f6);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800}.stat-label{font-size:.875rem;font-weight:500;opacity:.9}@media (max-width:1400px){.app-main{gap:1.25rem;grid-template-columns:300px 1fr 300px;padding:1.5rem}}@media (max-width:1200px){.app-main{grid-template-columns:280px 1fr}.featured-sidebar{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-column:1/-1;grid-template-columns:1fr 1fr;margin-top:1.5rem;position:static}.builders-section{margin-top:0}}@media (max-width:992px){.app-main{grid-template-columns:1fr;padding:1rem}.featured-sidebar,.filters-sidebar{position:static}.featured-sidebar{grid-template-columns:1fr;margin-top:1rem}.app-header{flex-wrap:wrap;gap:1rem;height:auto;padding:1rem}.logo-text h1{font-size:1.5rem}.back-button span,.help-button{font-size:.875rem;padding:.5rem 1rem}.chat-container{height:60vh}}@media (max-width:768px){.app-header{flex-direction:column;gap:1rem;padding:1rem;text-align:center}.back-button{align-self:flex-start}.header-center{order:2}.header-actions{align-self:flex-end;margin-top:-2.5rem;order:3}.logo-container{flex-direction:column;gap:.5rem;text-align:center}.filters-grid{grid-template-columns:1fr}.projects-container{flex-direction:column}.project-card{min-width:100%}.builders-container{flex-wrap:wrap}.builder-card{min-width:calc(33.333% - .67rem)}.footer-stats{gap:1.5rem}.stat-number{font-size:1.75rem}}@media (max-width:480px){.app-main{padding:.75rem}.builders-section,.chat-container,.featured-projects-section,.filters-sidebar{border-radius:16px;padding:1.25rem}.ai-avatar{height:56px;width:56px}.ai-intro-text h3{font-size:1.125rem}.message-text{font-size:.875rem;padding:.875rem 1rem}.query-button{font-size:.8125rem;padding:.625rem 1.25rem}.project-actions{flex-direction:column}.builder-card{min-width:calc(50% - .5rem)}.footer-stats{align-items:center;flex-direction:column;gap:1.5rem}}.ppf-container{background:linear-gradient(135deg,#f7f9fc,#f0f4f8);color:#243b8e;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;min-height:100vh;padding-bottom:100px;position:relative}.ppf-header{align-items:flex-start;background:linear-gradient(135deg,#243b8e,#1a2d6d);box-shadow:0 2px 8px #243b8e33;display:flex;padding:20px 16px 12px;position:relative}.ppf-back-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:none;border-radius:8px;cursor:pointer;left:16px;padding:8px;position:absolute;top:18px;transition:background .3s ease}.ppf-back-btn:hover{background:#fff3}.ppf-header-center{margin:0 auto;padding:0 40px;text-align:center;width:100%}.ppf-header-title{color:#fff;font-size:20px;font-weight:700;letter-spacing:.3px}.ppf-progress-container{margin-top:8px;width:100%}.ppf-progress-text{color:#ffffffe6;font-size:12px;font-weight:500}.ppf-segment-row{align-items:center;display:flex;gap:6px;margin-top:10px}.ppf-segment{border-radius:10px;flex:1 1;height:6px;transition:all .3s ease}.ppf-segment-filled{background:linear-gradient(90deg,#f96a38,#ff8a65);box-shadow:0 2px 4px #f96a384d}.ppf-segment-empty{background:#fff3}.ppf-progress-info{background:#fff;border-bottom:1px solid #eef1f6;padding:12px 16px}.ppf-content-wrapper{margin:0 auto;max-width:800px;padding:0 16px}.ppf-content{padding:24px 0 120px}.ppf-spacer{height:80px}.ppf-hero-title{color:#243b8e;font-size:36px;font-weight:800;letter-spacing:-.5px;line-height:1.1;margin-bottom:12px}.ppf-hero-subtitle{color:#64748b;font-size:16px;line-height:1.5;margin-bottom:32px}.ppf-section-title{color:#243b8e;font-size:24px;font-weight:700;line-height:1.3;margin-bottom:24px}.ppf-highlight-card{background:#fff;border:1px solid #eef1f6;border-radius:16px;box-shadow:0 4px 20px #243b8e14;margin-bottom:32px;padding:24px}.ppf-card-title{color:#243b8e;font-size:16px;font-weight:600;margin-bottom:16px}.ppf-price-display{align-items:center;display:flex;margin-bottom:20px}.ppf-original-price{color:#94a3b8;font-size:18px;margin-right:12px;text-decoration:line-through}.ppf-free-badge{background:linear-gradient(135deg,#ffecc7,#ffd54f);border-radius:20px;box-shadow:0 2px 8px #ffd54f4d;padding:8px 16px}.ppf-free-text{color:#854d0e;font-size:14px;font-weight:700}.ppf-benefits{display:flex;flex-direction:column;gap:12px}.ppf-benefit-item{align-items:center;color:#475569;display:flex;font-size:14px}.ppf-benefit-highlight{color:#243b8e;font-weight:600;margin-left:4px}.ppf-tips-section{margin-bottom:32px}.ppf-tips-title{color:#1b9a6f;font-size:16px;font-weight:700;margin-bottom:16px}.ppf-tips-container{display:flex;gap:16px;overflow-x:auto;padding-bottom:8px;scrollbar-color:#cbd5e1 #f1f5f9;scrollbar-width:thin}.ppf-tips-container::-webkit-scrollbar{height:4px}.ppf-tips-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.ppf-tips-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.ppf-tip-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;min-width:280px;padding:20px;transition:transform .3s ease,box-shadow .3s ease}.ppf-tip-card:hover{box-shadow:0 8px 25px #243b8e1a;transform:translateY(-2px)}.ppf-tip-card-title{color:#243b8e;font-size:15px;font-weight:700;margin-bottom:8px}.ppf-tip-card-desc{color:#64748b;font-size:13px;line-height:1.5}.ppf-dropdown-wrapper{margin-bottom:24px;position:relative;width:100%}.ppf-dropdown-btn{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;font-size:16px;justify-content:space-between;padding:18px 20px;transition:all .3s ease;width:100%}.ppf-dropdown-btn:hover{border-color:#94a3b8}.ppf-dropdown-btn:focus{border-color:#243b8e;box-shadow:0 0 0 3px #243b8e1a;outline:none}.ppf-dropdown-value{color:#243b8e;font-weight:500}.ppf-dropdown-placeholder{color:#94a3b8}.ppf-dropdown-icon{transition:transform .3s ease}.ppf-dropdown-open{transform:rotate(180deg)}.ppf-dropdown-menu{animation:dropdownFade .3s ease;background:#fff;border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 30px #243b8e26;left:0;max-height:250px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 4px);z-index:1000}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.ppf-dropdown-item{border-bottom:1px solid #f1f5f9;color:#243b8e;cursor:pointer;font-size:15px;padding:16px 20px;transition:background .2s ease}.ppf-dropdown-item:hover{background:#f8fafc}.ppf-dropdown-item:last-child{border-bottom:none}.ppf-options-list{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.ppf-option-btn{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;padding:20px;transition:all .3s ease}.ppf-option-btn:hover{border-color:#94a3b8}.ppf-option-active{background:#f0fdf9;border-color:#23a697}.ppf-option-text{color:#243b8e;font-size:16px;font-weight:500}.ppf-option-indicator{border:2px solid #e2e8f0;border-radius:50%;height:24px;transition:all .3s ease;width:24px}.ppf-option-selected{background:#23a697;position:relative}.ppf-option-selected:after{background:#fff;border-radius:50%;content:"";height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}.ppf-category-grid{gap:16px;margin-bottom:32px}.ppf-category-grid,.ppf-option-tile{display:flex;justify-content:space-between}.ppf-option-tile{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;padding:20px;transition:all .3s ease;width:100%}.ppf-option-tile:hover{border-color:#94a3b8;transform:translateY(-2px)}.ppf-option-selected{background:#f0fdf9;border-color:#23a697;box-shadow:0 4px 15px #23a6971a}.ppf-tile-label{color:#243b8e;font-size:16px;font-weight:600}.ppf-subtype-header{background:#f8fafc;border-radius:12px;color:#243b8e;font-size:15px;font-weight:600;margin-bottom:16px;padding:14px 16px}.ppf-subtype-list{display:flex;flex-direction:column;gap:4px;margin-bottom:32px}.ppf-subtype-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;padding:18px 20px;transition:all .3s ease}.ppf-subtype-btn:hover{background:#f8fafc;border-color:#94a3b8}.ppf-subtype-active{background:#f0fdf9;border-color:#23a697}.ppf-subtype-text{color:#243b8e;font-size:15px;font-weight:500}.ppf-subtype-indicator{border:2px solid #e2e8f0;border-radius:50%;height:22px;transition:all .3s ease;width:22px}.ppf-subtype-selected{background:#23a697;border-color:#23a697;position:relative}.ppf-subtype-selected:after{background:#fff;border-radius:50%;content:"";height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}.ppf-form-grid{display:flex;flex-direction:column;gap:20px}.ppf-input-row{margin-bottom:0}.ppf-input-label{color:#243b8e;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.ppf-input-wrapper{align-items:center;display:flex}.ppf-input{background:#0000;border:none;border-bottom:2px solid #e2e8f0;color:#243b8e;font-size:16px;min-height:40px;outline:none;padding:12px 4px;transition:border-color .3s ease;width:100%}.ppf-input:focus{border-bottom-color:#243b8e}.ppf-textarea{background:#fff;border:2px solid #e2e8f0;border-radius:12px;color:#243b8e;font-size:15px;min-height:120px;padding:16px;resize:vertical;transition:border-color .3s ease;width:100%}.ppf-textarea:focus{border-color:#243b8e;outline:none}.ppf-input-suffix{color:#64748b;font-weight:500;margin-left:12px}.ppf-pantry-section{margin-bottom:32px}.ppf-field-label{color:#243b8e;font-size:14px;font-weight:600;margin-bottom:12px}.ppf-pantry-options{display:flex;flex-direction:column;gap:8px}.ppf-pantry-btn{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;padding:18px 20px;transition:all .3s ease}.ppf-pantry-btn:hover{border-color:#94a3b8}.ppf-pantry-active{background:#f0fdf9;border-color:#23a697}.ppf-pantry-text{color:#243b8e;font-size:15px;font-weight:500}.ppf-pantry-indicator{border:2px solid #e2e8f0;border-radius:50%;height:22px;transition:all .3s ease;width:22px}.ppf-pantry-selected{background:#23a697;border-color:#23a697;position:relative}.ppf-pantry-selected:after{background:#fff;border-radius:50%;content:"";height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}.ppf-section-header{background:#f8fafc;border-radius:12px;color:#243b8e;font-size:15px;font-weight:600;margin:24px 0 16px;padding:16px}.ppf-washrooms-section{margin-bottom:32px}.ppf-washrooms-grid{display:flex;flex-wrap:wrap;gap:12px}.ppf-washroom-tile{background:#fff;border:2px solid #e2e8f0;border-radius:12px;color:#243b8e;cursor:pointer;display:inline-flex;font-size:15px;font-weight:500;justify-content:center;min-width:70px;padding:14px 20px;transition:all .3s ease}.ppf-washroom-tile:hover{border-color:#94a3b8}.ppf-washroom-selected{background:#f0fdf9;border-color:#23a697;box-shadow:0 2px 8px #23a6971a;color:#23a697;font-weight:600}.ppf-floor-section{display:flex;flex-direction:column;gap:20px;margin-bottom:32px}.ppf-floor-input{width:100%}.ppf-price-grid{display:flex;flex-direction:column;gap:20px;margin-bottom:32px}.ppf-amount-words{color:#64748b;font-size:13px;font-style:italic;margin-bottom:8px;margin-top:4px}.ppf-parking-section{margin-bottom:32px}.ppf-parking-group{margin-bottom:24px}.ppf-parking-inputs{display:flex;gap:12px;margin-bottom:12px}.ppf-parking-input{background:#fff;border:2px solid #e2e8f0;border-radius:12px;color:#243b8e;flex:1 1;font-size:16px;padding:16px;transition:border-color .3s ease}.ppf-parking-input:focus{border-color:#243b8e;outline:none}.ppf-checkbox-wrapper,.ppf-parking-options{align-items:center;display:flex}.ppf-checkbox-wrapper{background:none;border:none;cursor:pointer;padding:0}.ppf-checkbox{align-items:center;border:2px solid #94a3b8;border-radius:6px;display:inline-flex;height:24px;justify-content:center;transition:all .3s ease;width:24px}.ppf-checkbox-checked{background:#243b8e;border-color:#243b8e}.ppf-checkbox-label{color:#475569;font-size:14px;font-weight:500;margin-left:8px}.ppf-brokerage-section{margin-bottom:32px}.ppf-photo-upload{margin-bottom:24px}.ppf-photo-card{align-items:center;background:#fff;border:2px dashed #e2e8f0;border-radius:20px;display:flex;flex-direction:column;gap:24px;padding:40px;transition:all .3s ease}.ppf-photo-card:hover{background:#f8fafc;border-color:#94a3b8}.ppf-photo-add-btn{align-items:center;background:none;border:none;cursor:pointer;display:flex;flex-direction:column;gap:12px}.ppf-photo-add-text{color:#64748b;font-size:14px;font-weight:500}.ppf-photo-share-btn{background:linear-gradient(135deg,#f96a38,#ff8a65);border:none;border-radius:30px;box-shadow:0 4px 15px #f96a384d;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:16px 32px;transition:all .3s ease}.ppf-photo-share-btn:hover{box-shadow:0 6px 20px #f96a3866;transform:translateY(-2px)}.ppf-photo-share-text{font-weight:700}.ppf-add-later-btn{background:#fff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;padding:18px;transition:all .3s ease;width:100%}.ppf-add-later-btn:hover{background:#f8fafc;border-color:#94a3b8}.ppf-add-later-text{color:#475569;font-size:15px;font-weight:500}.ppf-photo-reminder{background:#fff;background:#fef2f2;border:2px solid #fecaca;border-radius:16px;margin-bottom:32px;padding:24px}.ppf-reminder-title{color:#dc2626;font-size:16px;font-weight:700;margin-bottom:8px}.ppf-reminder-text{color:#64748b;font-size:14px;margin-bottom:16px}.ppf-add-photos-now{background:none;border:none;color:#b9151b;cursor:pointer;font-size:14px;font-weight:700;padding:0;transition:color .3s ease}.ppf-add-photos-now:hover{color:#dc2626}.ppf-amenities-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:32px}.ppf-amenity-item{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;display:flex;justify-content:space-between;padding:16px;transition:all .3s ease}.ppf-amenity-item:hover{border-color:#94a3b8}.ppf-amenity-text{color:#243b8e;font-size:14px;font-weight:500}.ppf-amenity-toggle{background:none;border:none;cursor:pointer;padding:0}.ppf-amenity-checkbox{align-items:center;border:2px solid #e2e8f0;border-radius:8px;display:inline-flex;height:28px;justify-content:center;transition:all .3s ease;width:28px}.ppf-amenity-checked{background:#23a697;border-color:#23a697}.ppf-ownership-grid{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:32px}.ppf-review-hint{color:#64748b;font-size:14px}.ppf-rating-section,.ppf-review-hint{margin-bottom:24px}.ppf-rating-label{color:#243b8e;font-size:14px;font-weight:600;margin-bottom:12px}.ppf-stars{display:flex;gap:8px}.ppf-star-btn{background:none;border:none;cursor:pointer;padding:4px;transition:transform .2s ease}.ppf-star-btn:hover{transform:scale(1.2)}.ppf-review-section{margin-bottom:32px}.ppf-review-label{color:#243b8e;font-size:14px;font-weight:600;margin-bottom:12px}.ppf-review-textarea{background:#fff;border:2px solid #e2e8f0;border-radius:12px;color:#243b8e;font-size:15px;min-height:120px;padding:16px;resize:vertical;transition:border-color .3s ease;width:100%}.ppf-review-textarea:focus{border-color:#243b8e;outline:none}.ppf-review-actions{display:flex;gap:16px;justify-content:space-between;margin-top:40px}.ppf-skip-btn{background:#fff;border:2px solid #e2e8f0;border-radius:12px;color:#243b8e;cursor:pointer;flex:1 1;font-size:15px;font-weight:700;padding:18px;transition:all .3s ease}.ppf-skip-btn:hover{background:#f8fafc;border-color:#94a3b8}.ppf-post-review-btn{background:linear-gradient(135deg,#b9151b,#dc2626);border:none;border-radius:12px;box-shadow:0 4px 15px #b9151b4d;color:#fff;cursor:pointer;flex:2 1;font-size:15px;font-weight:700;padding:18px;transition:all .3s ease}.ppf-post-review-btn:hover{box-shadow:0 6px 20px #b9151b66;transform:translateY(-2px)}.ppf-success-title{color:#243b8e;font-size:36px;font-weight:800;margin-bottom:12px;text-align:center}.ppf-success-subtitle{color:#64748b;font-size:16px;margin-bottom:32px;text-align:center}.ppf-success-card{background:#fff;border:1px solid #eef1f6;border-radius:16px;box-shadow:0 4px 20px #243b8e14;margin-bottom:32px;padding:24px}.ppf-success-id{color:#243b8e;font-size:16px;font-weight:600;margin-bottom:8px}.ppf-success-expiry{color:#475569;font-size:15px;margin-bottom:12px}.ppf-success-status{color:#64748b;font-size:14px}.ppf-success-action{text-align:center}.ppf-success-prompt{color:#243b8e;font-size:16px;font-weight:600;margin-bottom:16px}.ppf-success-cta{background:linear-gradient(135deg,#f96a38,#ff8a65);border:none;border-radius:12px;box-shadow:0 4px 15px #f96a384d;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-bottom:16px;padding:20px;transition:all .3s ease;width:100%}.ppf-success-cta:hover{box-shadow:0 6px 20px #f96a3866;transform:translateY(-2px)}.ppf-cta-text{font-weight:700}.ppf-success-skip{background:#fff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;padding:18px;transition:all .3s ease;width:100%}.ppf-success-skip:hover{background:#f8fafc;border-color:#94a3b8}.ppf-skip-text{color:#475569;font-size:15px;font-weight:500}.ppf-continue-btn{background:linear-gradient(135deg,#f96a38,#ff8a65);border:none;border-radius:12px;bottom:20px;box-shadow:0 6px 20px #f96a3866;cursor:pointer;padding:18px 32px;position:fixed;right:20px;transition:all .3s ease;z-index:100}.ppf-continue-btn:hover{box-shadow:0 8px 25px #f96a3880;transform:translateY(-2px)}.ppf-continue-text{color:#fff;font-size:16px;font-weight:700;letter-spacing:.5px}@media (max-width:768px){.ppf-container{padding-bottom:80px}.ppf-content-wrapper{padding:0 12px}.ppf-content{padding:20px 0 100px}.ppf-hero-title{font-size:28px}.ppf-section-title{font-size:22px}.ppf-highlight-card,.ppf-success-card{padding:20px}.ppf-amenities-grid{grid-template-columns:1fr}.ppf-review-actions{flex-direction:column}.ppf-continue-btn{bottom:12px;padding:16px 24px;right:12px}.ppf-tip-card{min-width:240px}}@media (max-width:480px){.ppf-header-title{font-size:18px}.ppf-hero-title{font-size:24px}.ppf-section-title{font-size:20px}.ppf-dropdown-btn,.ppf-option-tile{padding:16px}.ppf-photo-card{padding:30px 20px}.ppf-ownership-grid{flex-direction:column}.ppf-ownership-grid .ppf-option-tile{width:100%}}.ppf-preview-grid{display:flex;flex-direction:row;gap:10px;margin-top:14px}.ppf-preview-card{border:1px solid #eee;border-radius:8px;overflow:hidden}.ppf-preview-card img{height:150px;object-fit:cover;width:100%}.ppf-upload-btn{background:#b9151b;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;margin-top:16px;padding:14px;width:100%}.property-details-container{background:#f8fafc;color:#1f2937;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;margin:auto;max-width:1200px;padding:24px}.breadcrumb{color:#64748b;font-size:14px;margin-bottom:12px}.breadcrumb span{cursor:pointer}.breadcrumb-current{color:#1e293b;font-weight:600}.property-header{background:#fff;border-radius:14px;box-shadow:0 10px 25px #0000000d;margin-bottom:24px;padding:20px 24px}.property-title{font-size:28px;font-weight:700;margin-bottom:10px}.property-meta{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.property-location{color:#475569;font-size:15px}.property-price-tag{background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:10px;color:#fff;padding:10px 16px;text-align:right}.price-label{font-size:12px;opacity:.8}.price-value{font-size:20px;font-weight:700}.layout-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:2.2fr 1fr}.property-gallery-section{background:#fff;border-radius:16px;box-shadow:0 10px 25px #0000000d;padding:16px}.main-gallery{border-radius:14px;height:420px;overflow:hidden;width:100%}.gallery-main-image{height:100%;object-fit:cover;width:100%}.quick-actions-section{display:flex;flex-direction:column;gap:20px;position:-webkit-sticky;position:sticky;top:20px}.quick-info-card{background:#fff;border-radius:16px;box-shadow:0 10px 25px #0000000d;padding:18px}.quick-info-card h3{font-size:18px;font-weight:700;margin-bottom:14px}.quick-facts-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,1fr)}.fact-item{align-items:center;background:#f1f5f9;border-radius:12px;display:flex;gap:10px;padding:10px}.fact-item span{font-size:22px}.fact-item strong{font-size:16px}.fact-item p{color:#64748b;font-size:12px}.outline-action-btn,.primary-action-btn,.secondary-action-btn{border-radius:12px;cursor:pointer;font-size:15px;font-weight:600;padding:14px;transition:all .3s ease;width:100%}.primary-action-btn{background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;color:#fff}.primary-action-btn:hover{box-shadow:0 10px 20px #2563eb4d;transform:translateY(-1px)}.secondary-action-btn{background:#0f172a;border:none;color:#fff}.outline-action-btn{background:#0000;border:1px solid #e5e7eb;color:#1f2937}.property-id-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000000d;display:flex;font-size:14px;justify-content:space-between;padding:14px}.status-badge{background:#dcfce7;border-radius:999px;color:#166534;font-size:12px;padding:4px 10px;text-transform:capitalize}.details-sections{display:flex;flex-direction:column;gap:24px;margin-top:30px}.details-section{background:#fff;border-radius:16px;box-shadow:0 10px 25px #0000000d;padding:22px}.details-section h2{font-size:20px;font-weight:700;margin-bottom:10px}.details-section p{color:#475569;line-height:1.7}.features-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.feature-item{background:#f1f5f9;border-radius:10px;font-size:14px;padding:10px 14px}.contact-modal-overlay{align-items:center;background:#0000008c;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.contact-modal{background:#fff;border-radius:16px;max-width:420px;padding:24px;width:100%}.contact-modal h3{font-size:20px;margin-bottom:14px}.contact-modal input,.contact-modal textarea{border:1px solid #e5e7eb;border-radius:10px;margin-bottom:12px;padding:12px;width:100%}.form-actions{display:flex;gap:10px;justify-content:space-between}.floating-action-btn{background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:50%;bottom:24px;box-shadow:0 12px 25px #2563eb66;color:#fff;cursor:pointer;font-size:22px;height:56px;position:fixed;right:24px;width:56px}@media (max-width:900px){.layout-grid{grid-template-columns:1fr}.quick-actions-section{position:static}.main-gallery{height:300px}}
/*# sourceMappingURL=main.6f571730.css.map*/