:root{--primary-color:#1a365d;--accent-color:#e53e3e;--bg-color:#f7fafc;--card-bg:#fff;--text-color:#333;--border-color:#e2e8f0}body{background-color:var(--bg-color);color:var(--text-color);margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.5}header{background-color:var(--primary-color);color:#fff;z-index:900;justify-content:space-between;align-items:center;padding:1rem 5%;display:flex;position:sticky;top:0;box-shadow:0 4px 10px #0000001a}.logo-container{cursor:pointer;align-items:center;gap:10px;display:flex}.logo-container:hover .logo-text{color:#edf2f7}.main-logo{width:auto;height:40px}.logo-text{letter-spacing:1px;font-size:1.6rem;font-weight:700;transition:all .3s}button{cursor:pointer;border:none;border-radius:6px;padding:12px 24px;font-size:.95rem;font-weight:700;transition:all .3s}.btn-primary{color:var(--primary-color);background-color:#fff;border:1px solid #cbd5e0}.btn-primary:hover{background-color:#e2e8f0;transform:translateY(-1px)}.btn-success{color:#fff;background-color:#38a169;width:100%;margin-top:15px}.btn-success:hover{background-color:#2f855a;transform:translateY(-1px)}.btn-danger{background-color:var(--accent-color);color:#fff;width:100%;margin-top:10px}.btn-danger:hover{background-color:#c53030;transform:translateY(-1px)}.btn-logout{color:#fff;background-color:#718096;margin-left:15px;padding:8px 16px;font-size:.9rem}.btn-logout:hover{background-color:#4a5568}main{padding:3rem 5%}.hidden{display:none!important}.modal{z-index:1000;background-color:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-content{background:#fff;border-radius:12px;width:90%;max-width:450px;max-height:90vh;padding:2.5rem;position:relative;overflow-y:auto;box-shadow:0 10px 30px #0003}.modal-content.wide{max-width:800px}.close{cursor:pointer;color:#718096;font-size:28px;position:absolute;top:15px;right:20px}.tabs{border-bottom:1px solid var(--border-color);gap:10px;margin-bottom:25px;padding-bottom:10px;display:flex}.tabs button{color:#4a5568;background:#edf2f7;flex:1}.tabs button.active{background:var(--primary-color);color:#fff}.form-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.full-width{grid-column:1/-1}form input,form select,form textarea{box-sizing:border-box;border:1px solid #cbd5e0;border-radius:6px;width:100%;padding:10px;font-size:.95rem}form label{color:#4a5568;margin-bottom:3px;font-size:.85rem;font-weight:700;display:block}.filter-section{margin-bottom:3rem}.filter-container{border:1px solid var(--border-color);background:#fff;border-radius:12px;flex-wrap:wrap;align-items:center;gap:15px;padding:20px;display:flex;box-shadow:0 4px 15px #0000000d}.filter-container select,.filter-container input{border:1px solid #cbd5e0;border-radius:6px;flex:1;min-width:150px;padding:10px}.filter-buttons{flex:1;gap:10px;min-width:250px;display:flex}.btn-filter{background-color:var(--primary-color);color:#fff;flex:1}.btn-clear-filter{color:#4a5568;background-color:#edf2f7;flex:1}.grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:30px;display:grid}.card{background:var(--card-bg);border-top:5px solid var(--primary-color);cursor:pointer;border-radius:12px;flex-direction:column;padding:0;transition:all .3s;display:flex;overflow:hidden;box-shadow:0 4px 15px #0000000d}.card:hover{border-top-color:var(--accent-color);transform:translateY(-8px);box-shadow:0 8px 25px #00000026}.card-img-top{object-fit:cover;background-color:#edf2f7;width:100%;height:230px}.card-body{flex-grow:1;padding:25px}.card h3{color:var(--primary-color);margin-top:0;margin-bottom:10px;font-size:1.3rem}.price{color:var(--accent-color);margin-bottom:10px;font-size:1.4rem;font-weight:700}.location{color:#718096;margin-bottom:15px;font-size:.95rem}.company-badge-container{border-top:1px solid var(--border-color);align-items:center;gap:8px;margin-top:15px;padding-top:15px;display:flex}.company-badge-logo{border-radius:3px;width:auto;height:25px}.company-badge{color:#1a365d;background:#edf2f7;border-radius:5px;padding:5px 10px;font-size:.85rem;font-weight:700;display:inline-block}.listing-page-container{background:#fff;border-radius:12px;padding:40px;box-shadow:0 4px 20px #0000000d}.listing-header{border-bottom:2px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:30px;padding-bottom:15px;display:flex}.listing-header h1{color:var(--primary-color);flex:1;min-width:300px;margin:0;font-size:2.2rem}.company-logo-page-container{flex-shrink:0;align-items:center;gap:10px;display:flex}.page-company-logo{border:1px solid var(--border-color);background:#fff;border-radius:4px;width:auto;height:35px;padding:3px}.listing-body{flex-wrap:wrap;gap:40px;display:flex}.listing-images-col{flex:1.3;min-width:350px}.listing-specs-col{border:1px solid var(--border-color);background:#f8fafc;border-radius:10px;flex:1;min-width:350px;height:fit-content;padding:25px}#main-image{object-fit:contain;background:#edf2f7;border:1px solid #cbd5e0;border-radius:10px;width:100%;height:500px;margin-bottom:15px}.thumbnail-gallery{gap:12px;padding-bottom:8px;display:flex;overflow-x:auto}.thumbnail-gallery img{object-fit:cover;cursor:pointer;opacity:.7;border:3px solid #0000;border-radius:6px;width:100px;height:75px;transition:all .2s}.thumbnail-gallery img:hover,.thumbnail-gallery img.active{border-color:var(--primary-color);opacity:1}.page-price{color:var(--primary-color);border-bottom:2px solid #cbd5e0;margin-top:0;margin-bottom:20px;padding-bottom:20px;font-size:2.5rem}.specs-list{margin:0;padding:0;list-style:none}.specs-list li{border-bottom:1px dotted #cbd5e0;justify-content:space-between;align-items:center;padding:12px 0;font-size:.95rem;display:flex}.specs-list li span{color:#4a5568;width:45%;font-weight:700}.specs-list li strong{color:#1a202c;width:55%;font-weight:400}.ilan-no-text{color:var(--accent-color)!important;font-weight:700!important}.page-description{border-top:1px solid var(--border-color);margin-top:30px;padding-top:20px}.page-description p{white-space:pre-wrap;color:#4a5568}.text-center{text-align:center}