.property-form-container{max-width:800px;margin:0 auto;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 10px rgb(0 0 0 / .1)}.property-form-title{text-align:center;color:#333;margin-bottom:30px;font-size:24px;font-weight:700}.property-form{direction:rtl;text-align:right}.form-row{display:flex;flex-wrap:wrap;margin-bottom:20px;gap:15px}.form-col{flex:1;min-width:200px}.form-col label{display:block;margin-bottom:8px;font-weight:600;color:#333}.form-col .required{color:#e74c3c}.form-col input[type="text"],.form-col input[type="number"],.form-col select,.form-col textarea{width:100%;padding:12px;border:2px solid #ddd;border-radius:6px;font-size:14px;transition:border-color 0.3s ease;box-sizing:border-box}.form-col input[type="text"]:focus,.form-col input[type="number"]:focus,.form-col select:focus,.form-col textarea:focus{outline:none;border-color:#3498db}.form-col input[type="file"]{width:100%;padding:10px;border:2px dashed #ddd;border-radius:6px;background:#f9f9f9;cursor:pointer}.form-col input[type="file"]:hover{border-color:#3498db;background:#f0f8ff}.form-col input[type="file"].error{border-color:#e74c3c;background:#fdf2f2}.upload-preview.error{border:2px solid #e74c3c;border-radius:6px;padding:10px;background:#fdf2f2}.form-col small{display:block;margin-top:5px;color:#666;font-size:12px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:10px}.features-grid label{display:flex;align-items:center;gap:8px;padding:8px;border:1px solid #ddd;border-radius:4px;cursor:pointer;transition:background-color 0.3s ease}.features-grid label:hover{background-color:#f5f5f5}.features-grid input[type="checkbox"]{margin:0}.submit-row{margin-top:30px;text-align:center}.submit-btn{padding:12px 30px;margin:0 10px;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:all 0.3s ease}.publish-btn{background-color:#27ae60;color:#fff}.publish-btn:hover{background-color:#229954;transform:translateY(-2px)}.draft-btn{background-color:#f39c12;color:#fff}.draft-btn:hover{background-color:#e67e22;transform:translateY(-2px)}#form-message{margin-top:20px;padding:15px;border-radius:6px;text-align:center;font-weight:600}#form-message.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}#form-message.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}@media (max-width:768px){.form-row{flex-direction:column}.form-col{min-width:100%}.features-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.submit-btn{width:100%;margin:10px 0}}.image-upload-container{position:relative;margin-bottom:10px}.upload-preview{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.preview-item{position:relative;width:100px;height:100px;border:2px solid #ddd;border-radius:6px;overflow:hidden;background:#f9f9f9;cursor:pointer}.preview-item img{width:100%;height:100%;object-fit:cover;transition:filter 0.3s ease}.preview-item .remove-overlay{position:absolute;bottom:0;left:0;right:0;height:0;background:rgb(0 0 0 / .7);display:flex;align-items:center;justify-content:center;transition:height 0.3s ease;cursor:pointer}.preview-item .remove-overlay .trash-icon{opacity:0;transition:opacity 0.3s ease;display:flex;align-items:center;justify-content:center}.preview-item .remove-overlay .trash-icon svg{width:22px;height:22px;filter:drop-shadow(0 1px 2px rgb(0 0 0 / .3))}.preview-item:hover .remove-overlay{height:50%}.preview-item:hover .remove-overlay .trash-icon{opacity:1}.preview-item:hover img{filter:brightness(.7)}.upload-progress{margin-top:10px;padding:10px;background:#f8f9fa;border-radius:6px;border:1px solid #dee2e6}.progress-bar{width:100%;height:8px;background:#e9ecef;border-radius:4px;overflow:hidden;margin-bottom:5px}.progress-fill{height:100%;background:#3498db;width:0%;transition:width 0.3s ease}.progress-text{font-size:12px;color:#666;text-align:center;display:block}.loading{opacity:.6;pointer-events:none}.loading::after{content:'';position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid #f3f3f3;border-top:2px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}