.post-ad-loading{min-height:100vh;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.post-ad-page{background:linear-gradient(135deg,#0a1f1a 0%,#0d2d1f 100%);min-height:100vh;padding:2rem 1rem}.post-ad-container{max-width:800px;margin:0 auto}.post-ad-header{margin-bottom:2rem;position:relative}.post-ad-header .back-btn{color:var(--primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.5rem 0;font-size:1rem;display:flex}.post-ad-header .back-btn:hover{opacity:.8}.post-ad-header h1{color:var(--text-primary);margin-bottom:.5rem;font-size:2rem;font-weight:700}.post-ad-header .subtitle{color:var(--text-secondary);font-size:1rem}.support-btn-wrap{position:absolute;top:0;right:0}.support-btn{border:2px solid var(--primary);width:38px;height:38px;color:var(--primary);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;font-size:1.15rem;font-weight:700;transition:background .2s,color .2s;display:flex}.support-btn:hover{background:var(--primary);color:#fff}.support-popup{z-index:999;background:#fff;border-radius:14px;flex-direction:column;gap:10px;min-width:200px;padding:16px 18px 14px;display:flex;position:absolute;top:46px;right:0;box-shadow:0 6px 28px #00000026}.support-popup-close{color:#999;cursor:pointer;background:0 0;border:none;font-size:.9rem;line-height:1;position:absolute;top:8px;right:10px}.support-popup-title{color:#1a5c2a;margin:0 0 2px;padding-right:16px;font-size:.95rem;font-weight:700}.support-popup-row{color:#222;background:#f5f5f5;border-radius:8px;align-items:center;gap:9px;padding:7px 10px;font-size:.95rem;font-weight:500;text-decoration:none;transition:background .2s;display:flex}.support-popup-row:hover{background:#eaf5ec}.support-popup-wa{color:#1a7a3c;background:#e8faf0}.support-popup-wa:hover{background:#d0f0e0}.support-popup-icon{font-size:1.1rem}.post-ad-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff08;border:1px solid #ffffff0d;border-radius:16px;padding:2rem}.post-ad-form{flex-direction:column;gap:2rem;display:flex;position:relative}.post-ad-form fieldset:disabled{opacity:.5}.form-blocking-overlay{z-index:100;cursor:not-allowed;border-radius:12px;position:absolute;inset:0}.form-section{flex-direction:column;gap:1rem;display:flex}.form-section h2{color:var(--text-primary);align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:1.25rem;font-weight:600;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:var(--text-primary);font-size:.875rem;font-weight:500}.form-input,.form-select,.form-input,.form-select,.form-textarea{width:100%;color:var(--text-primary);background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;padding:.75rem 1rem;font-size:1rem;transition:all .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary);background:#0006;outline:none}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-tertiary)}.form-select option{color:var(--text-primary);background:#1a3a2e}.form-textarea{resize:vertical;min-height:100px}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.input-group{align-items:stretch;display:flex}.input-prefix,.input-suffix{color:var(--text-secondary);background:#0006;border:1px solid #ffffff1a;padding:.75rem 1rem;font-size:1rem}.input-prefix{border-right:none;border-radius:8px 0 0 8px}.input-suffix{cursor:pointer;border-left:none;border-radius:0 8px 8px 0}.input-group .form-input{border-left:none;border-right:none;border-radius:0}.input-group .form-input:only-child{border:1px solid #ffffff1a;border-radius:8px}.checkbox-group label{cursor:pointer;color:var(--text-primary);align-items:center;gap:.75rem;display:flex}.checkbox-group input[type=checkbox]{cursor:pointer;width:18px;height:18px;accent-color:var(--primary)}.helper-text{color:var(--text-tertiary);font-size:.75rem}.photo-upload-area{cursor:pointer;border:2px dashed #fff3;border-radius:12px;justify-content:center;align-items:center;min-height:200px;padding:2rem;transition:all .2s;display:flex}.photo-upload-area:hover{border-color:var(--primary);background:#ffffff05}.upload-placeholder{text-align:center;cursor:pointer}.upload-placeholder input[type=file]{display:none}.upload-icon{margin-bottom:1rem;font-size:3rem}.upload-placeholder p{color:var(--text-primary);margin-bottom:.5rem;font-size:1rem}.upload-placeholder small{color:var(--text-tertiary);font-size:.875rem}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;width:100%;display:grid}.photo-preview{aspect-ratio:1;background:#ffffff0d;border-radius:12px;position:relative;overflow:hidden}.photo-preview img{object-fit:cover;width:100%;height:100%}.remove-photo{color:#fff;cursor:pointer;background:#000000b3;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:1.5rem;line-height:1;transition:all .2s;display:flex;position:absolute;top:8px;right:8px}.remove-photo:hover{background:#f00c;transform:scale(1.1)}.add-more-photos{aspect-ratio:1;cursor:pointer;background:#ffffff05;border:2px dashed #fff3;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;transition:all .2s;display:flex}.add-more-photos:hover{border-color:var(--primary);background:#ffffff0d}.add-more-photos .upload-icon{margin-bottom:.25rem;font-size:2rem}.add-more-photos small{color:var(--text-tertiary);font-size:.75rem}.error-message{color:#ff5252;background:#ff52521a;border:1px solid #ff52524d;border-radius:8px;padding:1rem;font-size:.875rem}.upload-progress{background:#ffffff08;border:1px solid #4caf5026;border-radius:12px;padding:1.25rem 1.5rem}.upload-steps{flex-direction:column;gap:.875rem;display:flex}.upload-step{align-items:center;gap:.75rem;display:flex}.upload-step .step-dot{background:#ffffff1a;border:2px solid #ffffff26;border-radius:50%;flex-shrink:0;width:12px;height:12px;transition:all .3s}.upload-step.done .step-dot{background:var(--primary);border-color:var(--primary)}.upload-step.active .step-dot{border-color:var(--primary);background:0 0;border-top-color:#0000;animation:.7s linear infinite step-spin}.upload-step.pending .step-label{color:#ffffff40}.upload-step.active .step-label{color:var(--text-primary);font-weight:500}.upload-step.done .step-label{color:var(--primary)}.step-label{color:var(--text-secondary);font-size:.875rem;transition:color .3s}@keyframes step-spin{to{transform:rotate(360deg)}}.btn-submit{background:var(--primary);color:#0a1f1a;cursor:pointer;border:none;border-radius:12px;width:100%;margin-top:1rem;padding:1rem 2rem;font-size:1.125rem;font-weight:700;transition:all .2s}.btn-submit:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 8px 24px #4caf504d}.btn-submit:disabled{opacity:.5;cursor:not-allowed}.disclaimer{text-align:center;color:var(--text-tertiary);margin-top:1rem;font-size:.75rem;line-height:1.5}.success-overlay{z-index:1000;background:linear-gradient(135deg,#0a1f1a 0%,#0d2d1f 100%);justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.success-dialog{text-align:center;background:linear-gradient(135deg,#0d2d1ffa 0%,#0a1f1afa 100%);border:1px solid #4caf5040;border-radius:20px;flex-direction:column;align-items:center;width:100%;max-width:400px;padding:2rem 1.5rem 1.5rem;animation:.25s ease-out successDialogIn;display:flex;box-shadow:0 20px 60px #0009}@keyframes successDialogIn{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}.success-checkmark-circle{background:#4caf5033;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:1.25rem;display:flex}.success-checkmark-icon{color:#4caf50;font-size:2.25rem;font-weight:700;line-height:1}.success-dialog-title{color:var(--text-primary);margin-bottom:.6rem;font-size:1.2rem;font-weight:700}.success-dialog-message{color:var(--text-secondary);margin-bottom:1rem;font-size:.875rem;line-height:1.6}.success-pending-card{text-align:left;background:#ffc83214;border:1px solid #ffc83233;border-radius:12px;align-items:flex-start;gap:10px;width:100%;margin-bottom:1.5rem;padding:12px 14px;display:flex}.success-pending-icon{flex-shrink:0;font-size:1rem;line-height:1.5}.success-pending-text{color:#ffd54f;font-size:.8rem;line-height:1.5}.success-ok-btn{color:#0a1f1a;cursor:pointer;background:#4caf50;border:none;border-radius:12px;width:100%;padding:.875rem;font-size:1rem;font-weight:700;transition:background .2s}.success-ok-btn:hover{background:#5fb362}.form-actions{gap:1rem;padding-top:1rem;display:flex}.btn-secondary,.btn-primary{cursor:pointer;border:none;border-radius:12px;flex:1;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:all .2s}.btn-secondary{color:var(--text-primary);background:#ffffff0d;border:1px solid #ffffff1a}.btn-secondary:hover{background:#ffffff14}.btn-primary{background:var(--primary);color:#0a1f1a}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-2px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.approval-notice{background:#4caf501a;border:1px solid #4caf504d;border-radius:8px;margin-top:1rem;padding:1rem}.approval-notice p{color:var(--text-secondary);margin:0;font-size:.875rem}@media (max-width:768px){.post-ad-page{padding:1rem .5rem}.post-ad-content{border-radius:12px;padding:1.5rem 1rem}.post-ad-header h1{font-size:1.5rem}.form-section h2{font-size:1.125rem}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}}.hint-banner{color:#ffb74d;background:#e651001f;border:1px solid #e6510033;border-radius:8px;padding:10px 14px;font-size:.875rem;font-weight:500}.pricing-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pricing-row .form-input{flex:1;min-width:80px}.unit-chip{color:#4caf50;cursor:pointer;appearance:none;white-space:nowrap;background:#4caf5026 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'%3E%3Cpath fill='%234caf50' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") right 6px center no-repeat;border:1px solid #4caf5040;border-radius:10px;outline:none;padding:12px 28px 12px 14px;font-size:.9rem;font-weight:600}.unit-chip option{color:#e8f5e9;background:#1a3a2e}.unit-chip:focus{border-color:#4caf5080;box-shadow:0 0 0 2px #4caf5040}.per-label{color:var(--color-text-muted,#558b5a);white-space:nowrap;font-size:.875rem;font-weight:500}.per-qty-input{text-align:center;width:90px;min-width:90px;color:var(--color-text-primary,#e8f5e9);-moz-appearance:textfield;background:#0000004d;border:1px solid #ffffff1a;border-radius:10px;outline:none;padding:12px 8px;font-size:1rem;font-weight:500;transition:all .2s}.form-input[type=number]{-moz-appearance:textfield}.per-qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.per-qty-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.form-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.form-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.per-qty-input:focus{background:#0006;border-color:#4caf50;box-shadow:0 0 0 2px #4caf5026}.price-input-group{background:#0000004d;border:1px solid #ffffff1a;border-radius:10px;flex:1;align-items:center;min-width:100px;transition:all .2s;display:flex;overflow:hidden}.price-input-group:focus-within{background:#0006;border-color:#4caf50}.rs-prefix{color:#4caf50;white-space:nowrap;-webkit-user-select:none;user-select:none;padding:0 10px;font-size:1rem;font-weight:700}.price-main-input{flex:1;min-width:60px;padding:12px 10px 12px 0;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important}.price-main-input:focus{outline:none;box-shadow:none!important}.price-preview{color:#81c784;background:#4caf501a;border:1px solid #4caf5033;border-radius:8px;align-items:center;gap:8px;padding:10px 14px;font-size:.875rem;font-weight:500;display:flex}.negotiable-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:12px;padding:14px;transition:background .15s,border-color .15s;display:flex}.negotiable-toggle--checked{background:#4caf501a;border-color:#4caf504d}.negotiable-toggle input[type=checkbox]{accent-color:#4caf50;cursor:pointer;flex-shrink:0;width:18px;height:18px}.negotiable-toggle div{flex-direction:column;gap:2px;display:flex}.negotiable-title{color:var(--color-text-primary,#e8f5e9);font-size:.9rem;font-weight:500}.negotiable-subtitle{color:var(--color-text-muted,#558b5a);font-size:.8rem}.phone-loading{color:var(--color-text-muted,#558b5a);background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:10px;padding:12px 14px;font-size:.9rem;display:flex}.phone-loading-spinner{border:2px solid #4caf504d;border-top-color:var(--color-primary,#4caf50);border-radius:50%;flex-shrink:0;width:18px;height:18px;animation:.8s linear infinite phone-spin;display:inline-block}@keyframes phone-spin{to{transform:rotate(360deg)}}.phone-select{padding-right:36px}.phone-readonly{background:#0000004d;border:1px solid #4caf5066;border-radius:8px;align-items:center;gap:10px;padding:12px 14px;display:flex}.phone-icon{font-size:1.1rem}.phone-number{color:var(--color-text-primary,#e8f5e9);letter-spacing:.5px;flex:1;font-size:.95rem;font-weight:500}.phone-primary-badge{color:var(--color-primary,#4caf50);text-transform:uppercase;letter-spacing:.4px;background:#4caf5026;border:1px solid #4caf5059;border-radius:10px;padding:2px 8px;font-size:.72rem;font-weight:600}.already-approved-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000000b8;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.already-approved-card{text-align:center;background:linear-gradient(135deg,#0d2d1ffa 0%,#0a1f1afa 100%);border:1px solid #4caf5040;border-radius:20px;flex-direction:column;align-items:center;gap:.75rem;width:100%;max-width:380px;padding:2rem 1.5rem;animation:.2s ease-out successDialogIn;display:flex}.already-approved-icon{margin-bottom:.25rem;font-size:2.5rem;line-height:1}.already-approved-card h2{color:var(--text-primary);font-size:1.1rem;font-weight:700}.already-approved-card p{color:var(--text-secondary);font-size:.875rem;line-height:1.6}html[data-theme=light] .post-ad-page{background:linear-gradient(135deg,#f0f7f0 0%,#e8f5e9 100%)}html[data-theme=light] .post-ad-content{background:#ffffffe6;border-color:#0000000f}html[data-theme=light] .form-input,html[data-theme=light] .form-select,html[data-theme=light] .form-textarea{background:#0000000a;border-color:#0000001f}html[data-theme=light] .form-input:focus,html[data-theme=light] .form-select:focus,html[data-theme=light] .form-textarea:focus{background:#0000000f}html[data-theme=light] .form-select option{color:#1a2e1a;background:#fff}html[data-theme=light] .input-prefix,html[data-theme=light] .input-suffix{background:#0000000f;border-color:#0000001f}html[data-theme=light] .photo-upload-area{border-color:#00000026}html[data-theme=light] .add-more-photos{background:#00000005;border-color:#00000026}html[data-theme=light] .photo-preview{background:#0000000f}html[data-theme=light] .btn-secondary{background:#0000000d;border-color:#0000001f}html[data-theme=light] .btn-secondary:hover{background:#00000014}html[data-theme=light] .per-qty-input,html[data-theme=light] .price-input-group{background:#0000000a;border-color:#0000001f}html[data-theme=light] .price-input-group:focus-within{background:#0000000f}html[data-theme=light] .negotiable-toggle{background:#00000008;border-color:#0000001a}html[data-theme=light] .unit-chip option{color:#1a2e1a;background:#fff}html[data-theme=light] .phone-loading{background:#0000000a;border-color:#0000001f}html[data-theme=light] .phone-readonly{background:#0000000a}html[data-theme=light] .success-overlay{background:linear-gradient(135deg,#f0f7f0 0%,#e8f5e9 100%)}html[data-theme=light] .success-dialog,html[data-theme=light] .already-approved-card{background:#fff;border-color:#4caf5040;box-shadow:0 8px 32px #0000001f}
