.ad-create-form{max-width:600px;margin:0 auto;padding:1rem;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.ad-create-form .form-container{background:#fff;border-radius:18px;padding:2.2rem 1.5rem;box-shadow:0 4px 24px rgba(0,0,0,.08);display:flex;flex-direction:column;gap:2rem;margin-top:2rem;margin-bottom:2rem;transition:background .2s}.ad-create-form h2{font-size:2rem;font-weight:700;margin-bottom:.25rem;color:#1a202c;text-align:left;letter-spacing:-1px}.ad-create-form .form-subtitle{color:#64748b;margin-bottom:1.5rem;font-size:1.08rem;font-weight:400;text-align:left}.ad-create-form .form-section{margin-bottom:2rem}.ad-create-form .form-section__title{font-size:1.15rem;font-weight:700;color:#1e293b;margin-bottom:1.1rem;padding-bottom:.5rem;border-bottom:1.5px solid #e2e8f0;letter-spacing:-.5px}.ad-create-form .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem 1.5rem}.ad-create-form .form-grid>.form-group--full-width{grid-column:1/-1}.ad-create-form .form-group{display:flex;flex-direction:column;gap:.3rem;position:relative}.ad-create-form label{font-weight:500;margin-bottom:.15rem;color:#1e293b;font-size:.98rem}.ad-create-form label.checkbox-label{display:flex;align-items:center;font-weight:400;margin-bottom:.75rem;cursor:pointer;font-size:.97rem;gap:.5rem}.ad-create-form label.checkbox-label:hover{color:#2563eb}.ad-create-form input,.ad-create-form select,.ad-create-form textarea{border:1.5px solid #d1d5db;border-radius:8px;padding:.7rem 1rem;font-size:1.05rem;background-color:#f8fafc;transition:border-color .2s;font-family:inherit;color:#1e293b}.ad-create-form input:focus,.ad-create-form select:focus,.ad-create-form textarea:focus{border-color:#2563eb;outline:none;background:#fff}.ad-create-form input::placeholder,.ad-create-form select::placeholder,.ad-create-form textarea::placeholder{color:#94a3b8;font-size:.98rem}.ad-create-form select{cursor:pointer}.ad-create-form select:disabled{background-color:#f1f5f9;color:#94a3b8;cursor:not-allowed;border-color:#e2e8f0}.ad-create-form select option{color:#1e293b}.ad-create-form textarea{resize:vertical;min-height:90px;line-height:1.5}.ad-create-form input[type=checkbox]{width:1.1rem;height:1.1rem;margin-right:.5rem;border-radius:3px;cursor:pointer;accent-color:#2563eb}.ad-create-form .test-data-button{background:#f1f5f9;color:#2563eb;border:1.5px solid #cbd5e1;padding:.5rem 1.1rem;font-weight:500;font-size:.97rem;border-radius:6px;cursor:pointer;margin-bottom:1.5rem;transition:all .18s;align-self:flex-start}.ad-create-form .test-data-button:hover{background:#e0e7ef;border-color:#2563eb;color:#1e293b}.ad-create-form button[type=submit]{background:linear-gradient(90deg,#2563eb 60%,#1e40af);color:#fff;border:none;padding:.85rem 2.2rem;font-weight:700;font-size:1.08rem;border-radius:8px;cursor:pointer;margin-top:1.5rem;transition:background .18s;align-self:flex-start;box-shadow:0 2px 8px rgba(37,99,235,.08)}.ad-create-form button[type=submit]:hover{background:linear-gradient(90deg,#1e40af,#2563eb)}.ad-create-form button[type=submit]:disabled{background:#cbd5e1;color:#64748b;cursor:not-allowed}.ad-create-form .error,.ad-create-form .success{margin-top:.75rem;font-weight:500;padding:.75rem 1rem;border-radius:6px;font-size:.98rem}.ad-create-form .error{color:#dc2626;background:#fef2f2;border:1.5px solid #fecaca}.ad-create-form .success{color:#059669;background:#ecfdf5;border:1.5px solid #bbf7d0}.ad-create-form .image-upload-section{background:#f1f5f9;padding:1.5rem;border-radius:10px;margin:1.5rem 0;border:1.5px solid #e2e8f0}.ad-create-form .image-upload-section h3{font-size:1.13rem;font-weight:700;margin-bottom:.5rem;color:#1e293b}.ad-create-form .image-upload-section .image-requirement{font-size:.97rem;color:#64748b;margin-bottom:1rem}.ad-create-form .image-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:1rem;margin-bottom:1rem}.ad-create-form .image-preview{position:relative;background:#fff;border-radius:6px;overflow:hidden;border:1.5px solid #e2e8f0}.ad-create-form .image-preview img{width:100%;height:80px;object-fit:cover;display:block;border-radius:6px 6px 0 0}.ad-create-form .image-preview .remove-image-btn{position:absolute;top:.25rem;right:.25rem;width:22px;height:22px;background:rgba(220,38,38,.85);color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;line-height:1;transition:background .18s}.ad-create-form .image-preview .remove-image-btn:hover{background:#b91c1c}.ad-create-form .image-preview .image-info{padding:.5rem;background:#f8fafc}.ad-create-form .image-preview .image-info .image-name{display:block;font-size:.8rem;color:#1e293b;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.18rem}.ad-create-form .image-preview .image-info .image-size{font-size:.7rem;color:#64748b}.ad-create-form .drop-zone{border:2px dashed #94a3b8;border-radius:10px;padding:2rem;text-align:center;background:#fff;transition:border-color .18s;cursor:pointer}.ad-create-form .drop-zone.active,.ad-create-form .drop-zone:hover{border-color:#2563eb}.ad-create-form .drop-zone .upload-icon{width:32px;height:32px;margin:0 auto 1rem;color:#64748b}.ad-create-form .drop-zone .drop-text{font-size:1.05rem;color:#1e293b;margin-bottom:.5rem}.ad-create-form .drop-zone .drop-text .file-input-label{color:#2563eb;text-decoration:underline;cursor:pointer}.ad-create-form .drop-zone .drop-text .file-input-label:hover{color:#1e40af}.ad-create-form .drop-zone .drop-subtext{font-size:.9rem;color:#64748b}.ad-create-form .image-counter{margin:1rem 0;text-align:center}.ad-create-form .image-counter .counter{font-size:.97rem;font-weight:500;padding:.25rem .75rem;border-radius:12px}.ad-create-form .image-counter .counter.valid{background:#ecfdf5;color:#059669}.ad-create-form .image-counter .counter.invalid{background:#fef2f2;color:#dc2626}.ad-create-form .image-counter .counter.full{background-color:#fde68a;color:#92400e}.ad-create-form .required{color:#dc2626;font-weight:700;margin-left:2px}.ad-create-form .form-notice{margin-top:20px;padding:16px 20px;background:linear-gradient(135deg,#f8fafc,#e0e7ef);border:1.5px solid #e2e8f0;border-radius:12px}.ad-create-form .form-notice__content{display:flex;align-items:flex-start;gap:12px}.ad-create-form .form-notice__icon{width:20px;height:20px;color:#64748b;flex-shrink:0;margin-top:2px}.ad-create-form .form-notice p{margin:0;font-size:14px;color:#334155;line-height:1.5}.ad-create-form .form-notice p .required{margin-left:0;margin-right:4px;font-size:16px}.ad-create-form .contact-section .form-section .form-section__title{color:#2563eb;display:flex;align-items:center;gap:.5rem}.ad-create-form .contact-section .form-section .form-section__title:before{content:"📞";font-size:1.2em}.ad-create-form .contact-notice{margin-top:1rem;padding:1rem;background:#e0e7ef;border:1.5px solid #2563eb;border-radius:8px;display:flex;align-items:flex-start;gap:.75rem}.ad-create-form .contact-notice__icon{width:20px;height:20px;color:#2563eb;flex-shrink:0;margin-top:2px}.ad-create-form .contact-notice p{margin:0;color:#1e293b;font-size:.97rem;line-height:1.4}.ad-create-form .form-help{display:block;margin-top:.25rem;font-size:.85rem;color:#64748b;font-style:italic}.ad-create-form .success-message{display:flex;align-items:flex-start;gap:1rem;background:#ecfdf5;border:1.5px solid #bbf7d0;border-radius:10px;padding:1.2rem 1rem;margin-top:1.2rem}.ad-create-form .success-message__icon{color:#059669;width:32px;height:32px;flex-shrink:0;margin-top:2px}.ad-create-form .success-message__content{flex:1}.ad-create-form .success-message__title{font-size:1.1rem;font-weight:700;margin-bottom:.2rem;color:#059669}.ad-create-form .success-message__text{color:#166534;font-size:.97rem;margin-bottom:.5rem}.ad-create-form .success-message__actions{display:flex;gap:.5rem;margin-top:.5rem}.ad-create-form .success-message__button{background:#059669;border-radius:6px;padding:.5rem 1.2rem;font-weight:600;font-size:.97rem;transition:background .18s}.ad-create-form .success-message__button:hover{background:#047857}.ad-create-form .success-message__button--secondary{background:#f1f5f9;color:#059669;border:1.5px solid #bbf7d0}.ad-create-form .success-message__button--secondary:hover{background:#d1fae5}.ad-create-form .success-message__spinner{margin-left:1rem}.ad-create-form .success-message__spinner .spinner{width:24px;height:24px;border:3px solid #bbf7d0;border-top-color:#059669;border-radius:50%;animation:spin 1s linear infinite}.ad-create-form .form-loading-overlay{position:absolute;inset:0;background:hsla(0,0%,100%,.7);z-index:10;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#2563eb;font-weight:600;letter-spacing:.5px}@media(max-width:900px){.ad-create-form .form-container{margin-top:1rem;margin-bottom:1rem;padding:1.2rem .5rem}.ad-create-form .form-section{margin-bottom:1.2rem}}@media(max-width:768px){.ad-create-form{padding:.5rem}.ad-create-form .form-container{padding:1rem .2rem;border-radius:0;box-shadow:none;margin-top:.5rem;margin-bottom:.5rem}.ad-create-form h2{font-size:1.3rem}.ad-create-form .form-section__title{font-size:1rem;padding-bottom:.3rem}.ad-create-form .form-grid{grid-template-columns:1fr;gap:1rem}.ad-create-form .image-gallery{grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}.ad-create-form button[type=submit]{width:100%;font-size:1rem;padding:.8rem 0}.ad-create-form .test-data-button{width:100%;font-size:.97rem;padding:.5rem 0}.ad-create-form .success-message{flex-direction:column;align-items:flex-start;gap:.5rem;padding:.8rem .5rem}.ad-create-form .success-message__actions{flex-direction:column;gap:.3rem;width:100%}.ad-create-form .success-message__button{width:100%;text-align:center;padding:.6rem 0}}.ad-create-form[data-theme=dark],[data-theme=dark] .ad-create-form{background:#111827}.ad-create-form[data-theme=dark] .form-container,[data-theme=dark] .ad-create-form .form-container{background:#1a2233;box-shadow:0 4px 24px rgba(0,0,0,.22)}.ad-create-form[data-theme=dark] .form-section__title,.ad-create-form[data-theme=dark] h2,[data-theme=dark] .ad-create-form .form-section__title,[data-theme=dark] .ad-create-form h2{color:#e0e7ef}.ad-create-form[data-theme=dark] .form-subtitle,[data-theme=dark] .ad-create-form .form-subtitle{color:#a0aec0}.ad-create-form[data-theme=dark] label,[data-theme=dark] .ad-create-form label{color:#e0e7ef}.ad-create-form[data-theme=dark] input,.ad-create-form[data-theme=dark] select,.ad-create-form[data-theme=dark] textarea,[data-theme=dark] .ad-create-form input,[data-theme=dark] .ad-create-form select,[data-theme=dark] .ad-create-form textarea{background-color:#232b36;color:#e0e7ef;border-color:#334155}.ad-create-form[data-theme=dark] input::placeholder,.ad-create-form[data-theme=dark] select::placeholder,.ad-create-form[data-theme=dark] textarea::placeholder,[data-theme=dark] .ad-create-form input::placeholder,[data-theme=dark] .ad-create-form select::placeholder,[data-theme=dark] .ad-create-form textarea::placeholder{color:#64748b}.ad-create-form[data-theme=dark] input:focus,.ad-create-form[data-theme=dark] select:focus,.ad-create-form[data-theme=dark] textarea:focus,[data-theme=dark] .ad-create-form input:focus,[data-theme=dark] .ad-create-form select:focus,[data-theme=dark] .ad-create-form textarea:focus{background:#1a202c;border-color:#2563eb}.ad-create-form[data-theme=dark] select,.ad-create-form[data-theme=dark] select option,.ad-create-form[data-theme=dark] select:disabled,[data-theme=dark] .ad-create-form select,[data-theme=dark] .ad-create-form select option,[data-theme=dark] .ad-create-form select:disabled{background-color:#232b36!important;color:#e0e7ef!important;border-color:#334155}.ad-create-form[data-theme=dark] select:focus,[data-theme=dark] .ad-create-form select:focus{background-color:#1a202c!important;color:#e0e7ef!important;border-color:#2563eb}.ad-create-form[data-theme=dark] .test-data-button,[data-theme=dark] .ad-create-form .test-data-button{background:#232b36;color:#60a5fa;border-color:#334155}.ad-create-form[data-theme=dark] .test-data-button:hover,[data-theme=dark] .ad-create-form .test-data-button:hover{background:#1e293b;color:#fff}.ad-create-form[data-theme=dark] button[type=submit],[data-theme=dark] .ad-create-form button[type=submit]{background:linear-gradient(90deg,#2563eb 60%,#1e40af);color:#fff}.ad-create-form[data-theme=dark] button[type=submit]:hover,[data-theme=dark] .ad-create-form button[type=submit]:hover{background:linear-gradient(90deg,#1e40af,#2563eb)}.ad-create-form[data-theme=dark] button[type=submit]:disabled,[data-theme=dark] .ad-create-form button[type=submit]:disabled{background:#334155;color:#64748b}.ad-create-form[data-theme=dark] .error,[data-theme=dark] .ad-create-form .error{color:#f87171;background:#2d1a1a;border-color:#fca5a5}.ad-create-form[data-theme=dark] .success,[data-theme=dark] .ad-create-form .success{color:#34d399;background:#052e16;border-color:#6ee7b7}.ad-create-form[data-theme=dark] .image-upload-section,[data-theme=dark] .ad-create-form .image-upload-section{background:#232b36;border-color:#334155}.ad-create-form[data-theme=dark] .image-upload-section h3,[data-theme=dark] .ad-create-form .image-upload-section h3{color:#e0e7ef}.ad-create-form[data-theme=dark] .image-upload-section .image-requirement,[data-theme=dark] .ad-create-form .image-upload-section .image-requirement{color:#a0aec0}.ad-create-form[data-theme=dark] .image-preview,[data-theme=dark] .ad-create-form .image-preview{background:#232b36;border-color:#334155}.ad-create-form[data-theme=dark] .image-preview .image-info,[data-theme=dark] .ad-create-form .image-preview .image-info{background:#232b36}.ad-create-form[data-theme=dark] .image-preview .image-info .image-name,[data-theme=dark] .ad-create-form .image-preview .image-info .image-name{color:#e0e7ef}.ad-create-form[data-theme=dark] .image-preview .image-info .image-size,[data-theme=dark] .ad-create-form .image-preview .image-info .image-size{color:#a0aec0}.ad-create-form[data-theme=dark] .drop-zone,[data-theme=dark] .ad-create-form .drop-zone{background:#232b36;border-color:#334155}.ad-create-form[data-theme=dark] .drop-zone .upload-icon,[data-theme=dark] .ad-create-form .drop-zone .upload-icon{color:#a0aec0}.ad-create-form[data-theme=dark] .drop-zone .drop-text,[data-theme=dark] .ad-create-form .drop-zone .drop-text{color:#e0e7ef}.ad-create-form[data-theme=dark] .drop-zone .drop-text .file-input-label,[data-theme=dark] .ad-create-form .drop-zone .drop-text .file-input-label{color:#60a5fa}.ad-create-form[data-theme=dark] .drop-zone .drop-text .file-input-label:hover,[data-theme=dark] .ad-create-form .drop-zone .drop-text .file-input-label:hover{color:#2563eb}.ad-create-form[data-theme=dark] .drop-zone .drop-subtext,[data-theme=dark] .ad-create-form .drop-zone .drop-subtext{color:#a0aec0}.ad-create-form[data-theme=dark] .image-counter .counter.valid,[data-theme=dark] .ad-create-form .image-counter .counter.valid{background:#052e16;color:#34d399}.ad-create-form[data-theme=dark] .image-counter .counter.invalid,[data-theme=dark] .ad-create-form .image-counter .counter.invalid{background:#2d1a1a;color:#f87171}.ad-create-form[data-theme=dark] .image-counter .counter.full,[data-theme=dark] .ad-create-form .image-counter .counter.full{background:#78350f;color:#fde68a}.ad-create-form[data-theme=dark] .form-notice,[data-theme=dark] .ad-create-form .form-notice{background:linear-gradient(135deg,#1a2233,#232b36);border-color:#334155}.ad-create-form[data-theme=dark] .form-notice p,[data-theme=dark] .ad-create-form .form-notice p{color:#a0aec0}.ad-create-form[data-theme=dark] .contact-section .form-section__title,[data-theme=dark] .ad-create-form .contact-section .form-section__title{color:#60a5fa}.ad-create-form[data-theme=dark] .contact-notice,[data-theme=dark] .ad-create-form .contact-notice{background:#232b36;border-color:#2563eb}.ad-create-form[data-theme=dark] .contact-notice p,[data-theme=dark] .ad-create-form .contact-notice p{color:#e0e7ef}.ad-create-form[data-theme=dark] .contact-notice__icon,[data-theme=dark] .ad-create-form .contact-notice__icon{color:#60a5fa}.ad-create-form[data-theme=dark] .form-help,[data-theme=dark] .ad-create-form .form-help{color:#a0aec0}.ad-create-form[data-theme=dark] .success-message,[data-theme=dark] .ad-create-form .success-message{background:#052e16;border-color:#6ee7b7}.ad-create-form[data-theme=dark] .success-message .success-message__icon,.ad-create-form[data-theme=dark] .success-message .success-message__title,[data-theme=dark] .ad-create-form .success-message .success-message__icon,[data-theme=dark] .ad-create-form .success-message .success-message__title{color:#34d399}.ad-create-form[data-theme=dark] .success-message .success-message__text,[data-theme=dark] .ad-create-form .success-message .success-message__text{color:#6ee7b7}.ad-create-form[data-theme=dark] .success-message .success-message__button,[data-theme=dark] .ad-create-form .success-message .success-message__button{background:#059669;color:#fff}.ad-create-form[data-theme=dark] .success-message .success-message__button:hover,[data-theme=dark] .ad-create-form .success-message .success-message__button:hover{background:#047857}.ad-create-form[data-theme=dark] .success-message .success-message__button--secondary,[data-theme=dark] .ad-create-form .success-message .success-message__button--secondary{background:#232b36;color:#34d399;border-color:#6ee7b7}.ad-create-form[data-theme=dark] .success-message .success-message__button--secondary:hover,[data-theme=dark] .ad-create-form .success-message .success-message__button--secondary:hover{background:#052e16}.ad-create-form[data-theme=dark] .form-loading-overlay,[data-theme=dark] .ad-create-form .form-loading-overlay{background:rgba(17,24,39,.7);color:#60a5fa}.ad-create-form .modal-overlay{position:fixed;inset:0;background:rgba(17,24,39,.55);z-index:3000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.ad-create-form .modal{background:linear-gradient(135deg,#f8fafc,#e0e7ef);color:#1e293b;border-radius:18px;padding:2.2rem 1.5rem 1.7rem;box-shadow:0 8px 32px rgba(30,41,59,.18);max-width:92vw;width:350px;text-align:center;display:flex;flex-direction:column;align-items:center;animation:modalPop .22s cubic-bezier(.4,1.4,.6,1)}@keyframes modalPop{0%{transform:scale(.96) translateY(20px);opacity:.6}to{transform:scale(1) translateY(0);opacity:1}}.ad-create-form .modal h3{font-size:1.22rem;font-weight:700;margin-bottom:.7rem;color:#2563eb;letter-spacing:-.5px}.ad-create-form .modal p{color:#334155;font-size:1.05rem;margin-bottom:1.5rem;line-height:1.5}.ad-create-form .success-message__button{background:linear-gradient(90deg,#2563eb 60%,#60a5fa);color:#fff;border:none;border-radius:8px;padding:.75rem 2.2rem;font-weight:700;font-size:1.08rem;cursor:pointer;box-shadow:0 2px 8px rgba(37,99,235,.08);transition:background .18s,color .18s,box-shadow .18s;margin:0 auto;display:inline-block}.ad-create-form .success-message__button:hover{background:linear-gradient(90deg,#1e40af,#2563eb);color:#fff}@media(max-width:600px){.ad-create-form .modal{padding:1.2rem .5rem 1.1rem;width:98vw}.ad-create-form .modal h3{font-size:1.05rem}.ad-create-form .modal p{font-size:.98rem}}.ad-create-form [data-theme=dark] .modal{background:linear-gradient(135deg,#232b36,#1a2233);color:#e2e8f0;box-shadow:0 8px 32px rgba(30,41,59,.28)}.ad-create-form [data-theme=dark] .modal h3{color:#60a5fa}.ad-create-form [data-theme=dark] .modal p{color:#bfc9db}.active-filters{margin:1rem 0 1.5rem;padding:1rem;background:#f8fafc;border-radius:.5rem;border:1px solid #e2e8f0}.active-filters__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.active-filters__title{font-size:.875rem;font-weight:600;color:#374151}.active-filters__clear-all{background:none;border:none;color:#ef4444;font-size:.75rem;font-weight:500;cursor:pointer;text-decoration:underline;padding:0}.active-filters__clear-all:hover{color:#dc2626}.active-filters__list{display:flex;flex-wrap:wrap;gap:.5rem}.active-filters__tag{display:inline-flex;align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:9999px;padding:.25rem .75rem .25rem .5rem;font-size:.75rem;box-shadow:0 1px 2px rgba(0,0,0,.05);transition:all .2s ease}.active-filters__tag:hover{box-shadow:0 1px 3px rgba(0,0,0,.1)}.active-filters__label{color:#6b7280;margin-right:.25rem}.active-filters__value{color:#111827;font-weight:500;margin-right:.5rem}.active-filters__remove{background:none;border:none;color:#9ca3af;font-size:14px;font-weight:700;cursor:pointer;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.active-filters__remove:hover{background:#fef2f2;color:#ef4444}[data-theme=dark] .active-filters{background:rgba(15,23,42,.8);border-color:rgba(71,85,105,.3)}[data-theme=dark] .active-filters__title{color:#cbd5e1}[data-theme=dark] .active-filters__clear-all{color:#f87171}[data-theme=dark] .active-filters__clear-all:hover{color:#ef4444}[data-theme=dark] .active-filters__tag{background:rgba(30,41,59,.9);border-color:rgba(71,85,105,.5);box-shadow:0 1px 2px rgba(0,0,0,.2)}[data-theme=dark] .active-filters__tag:hover{box-shadow:0 1px 3px rgba(0,0,0,.3);border-color:rgba(148,163,184,.5)}[data-theme=dark] .active-filters__label{color:#94a3b8}[data-theme=dark] .active-filters__value{color:#f1f5f9}[data-theme=dark] .active-filters__remove{color:#94a3b8}[data-theme=dark] .active-filters__remove:hover{background:rgba(239,68,68,.2);color:#f87171}@media(max-width:640px){.active-filters__header{flex-direction:column;align-items:flex-start;gap:.5rem}.active-filters__list{gap:.25rem}.active-filters__tag{font-size:.625rem;padding:.2rem .6rem .2rem .4rem}}.filter-sidebar{width:300px;background:#fff;border-right:1px solid #e5e7eb;padding:1.5rem;min-height:100vh;position:relative}@media(max-width:1024px){.filter-sidebar{position:fixed;top:0;left:0;z-index:1000;height:100vh;overflow-y:auto;transform:translateX(-100%);transition:transform .3s ease;box-shadow:2px 0 10px rgba(0,0,0,.1)}.filter-sidebar--visible{transform:translateX(0)}}.filter-sidebar__content{display:flex;flex-direction:column;gap:1.5rem}@media(max-width:1024px){.filter-sidebar__content{gap:1.25rem}}.filter-sidebar__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0;padding-bottom:1rem;border-bottom:1px solid #e5e7eb;flex-shrink:0}.filter-sidebar__header h2{font-size:1.25rem;font-weight:600;color:#111827;margin:0}.filter-sidebar__close{display:none;background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.filter-sidebar__close:hover{background:#f3f4f6;color:#374151}@media(max-width:1024px){.filter-sidebar__close{display:flex}}.filter-sidebar__form{display:flex;flex-direction:column;gap:1.5rem;flex:1}.filter-sidebar__section{display:flex;flex-direction:column;gap:.75rem}.filter-sidebar__label{font-size:.875rem;font-weight:600;color:#374151;margin-bottom:0}.filter-sidebar__input,.filter-sidebar__select{padding:.75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;background:#fff;color:#111827;transition:border-color .2s ease,box-shadow .2s ease}.filter-sidebar__input:focus,.filter-sidebar__select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.filter-sidebar__input::placeholder,.filter-sidebar__select::placeholder{color:#9ca3af}.filter-sidebar__input--small{flex:1;min-width:0}.filter-sidebar__range{display:flex;align-items:center;gap:.5rem}.filter-sidebar__range-separator{font-size:.875rem;color:#6b7280;font-weight:500}.filter-sidebar__loading{text-align:center;padding:1rem;color:#6b7280;font-size:.875rem;background:#f9fafb;border-radius:.5rem;border:1px solid #e5e7eb;margin-top:1rem}.filter-sidebar__checkbox-group{display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin-top:.25rem}.filter-sidebar__checkbox-label{display:flex;align-items:center;gap:.3rem;font-size:.9rem;font-weight:500;color:#374151;background:#f7f8fa;border-radius:.5rem;padding:.2rem .6rem .2rem .3rem;cursor:pointer;transition:background .2s}.filter-sidebar__checkbox-label:hover{background:#edf2f7}.filter-sidebar__checkbox-label input[type=checkbox]{accent-color:#2563eb;width:1rem;height:1rem;margin:0}.filter-sidebar__color-finish-select,.filter-sidebar__color-select,.filter-sidebar__location{width:100%}.filter-sidebar-overlay{display:none}@media(max-width:1024px){.filter-sidebar-overlay{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:999;opacity:0;visibility:hidden;transition:all .3s ease}.filter-sidebar-overlay--visible{opacity:1;visibility:visible}}.mobile-filter-button{border-radius:.5rem;padding:.75rem 1.5rem;font-size:.875rem;transition:background-color .2s ease;margin-bottom:1rem;width:100%}@media(max-width:1024px){.mobile-filter-button{display:flex;align-items:center;justify-content:center;gap:.5rem}}.mobile-filter-button .filter-icon{width:16px;height:16px}[data-theme=dark] .filter-sidebar{background:#1a202c;border-right-color:#4a5568}@media(max-width:1024px){[data-theme=dark] .filter-sidebar{box-shadow:2px 0 10px rgba(0,0,0,.4)}}[data-theme=dark] .filter-sidebar__header{border-bottom-color:#4a5568}[data-theme=dark] .filter-sidebar__header h2{color:#f7fafc}[data-theme=dark] .filter-sidebar__close{color:#a0aec0}[data-theme=dark] .filter-sidebar__close:hover{background:#2d3748;color:#e2e8f0}[data-theme=dark] .filter-sidebar__label{color:#e2e8f0}[data-theme=dark] .filter-sidebar__input,[data-theme=dark] .filter-sidebar__select{background:#2d3748;border-color:#4a5568;color:#f7fafc}[data-theme=dark] .filter-sidebar__input:focus,[data-theme=dark] .filter-sidebar__select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.2)}[data-theme=dark] .filter-sidebar__input::placeholder,[data-theme=dark] .filter-sidebar__select::placeholder{color:#718096}[data-theme=dark] .filter-sidebar__input option,[data-theme=dark] .filter-sidebar__select option{background:#2d3748;color:#f7fafc}[data-theme=dark] .filter-sidebar__range-separator{color:#a0aec0}[data-theme=dark] .filter-sidebar__loading{background:#2d3748;border-color:#4a5568;color:#a0aec0}[data-theme=dark] .filter-sidebar__checkbox-label{background:#2d3748;color:#e2e8f0}[data-theme=dark] .filter-sidebar__checkbox-label:hover{background:#4a5568}[data-theme=dark] .filter-sidebar__checkbox-label input[type=checkbox]{accent-color:#3b82f6}@media(max-width:1024px){[data-theme=dark] .filter-sidebar-overlay{background:rgba(0,0,0,.7)}}.favorite-button{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:2px solid var(--color-border);border-radius:50%;background:var(--color-background);color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.favorite-button:hover{border-color:var(--color-primary);color:var(--color-primary);transform:scale(1.05)}.favorite-button:active{transform:scale(.95)}.favorite-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.favorite-button svg{width:20px;height:20px;transition:all .2s ease}.favorite-button--saved{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-light)}.favorite-button--saved:hover{background:var(--color-primary);color:#fff}.favorite-button--saved svg{animation:heartBeat .3s ease-in-out}.favorite-button:disabled:after{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border:2px solid rgba(0,0,0,0);border-top-color:currentcolor;border-radius:50%;animation:spin 1s linear infinite}@keyframes heartBeat{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.favorite-button--floating{position:fixed;bottom:100px;right:20px;z-index:1000;box-shadow:0 4px 12px rgba(0,0,0,.15);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.9)}@media(prefers-color-scheme:dark){.favorite-button--floating{background:rgba(0,0,0,.8)}}.favorite-button--inline{width:36px;height:36px}.favorite-button--inline svg{width:16px;height:16px}@media(max-width:1200px){.favorite-button{width:32px;height:32px}.favorite-button svg{width:14px;height:14px}}.listings-page{min-height:100vh;font-family:Inter,sans-serif;background:#fafbfc}.listings-page__layout{display:flex;min-height:100vh}@media(max-width:1024px){.listings-page__layout{flex-direction:column}}.listings-page__main{flex:1;padding:2rem;min-width:0;width:100%}.listings-page__main .listings-page__container{max-width:1400px;margin:0 auto;width:100%}@media(max-width:1024px){.listings-page__main{padding:1.5rem}}@media(max-width:768px){.listings-page__main{padding:1rem}}@media(max-width:480px){.listings-page__main{padding:.75rem}}.listings-page__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}@media(max-width:768px){.listings-page__header{margin-bottom:1.5rem}}@media(max-width:480px){.listings-page__header{flex-direction:column;gap:1rem;align-items:stretch;margin-bottom:1rem}}.listings-page__heading{font-size:2rem;font-weight:700;color:#111827;margin:0}@media(max-width:768px){.listings-page__heading{font-size:1.75rem}}@media(max-width:480px){.listings-page__heading{font-size:1.5rem;text-align:center}}.listings-page__results{margin-top:1rem}.listings-page__no-results{text-align:center;padding:4rem 2rem;background:#fff;border-radius:16px;border:1px solid #e5e7eb}.listings-page__no-results p{font-size:1.125rem;color:#6b7280;margin-bottom:1.5rem;font-weight:500}@media(max-width:768px){.listings-page__no-results{padding:3rem 1.5rem;border-radius:12px}.listings-page__no-results p{font-size:1rem}}.listings-page__grid{display:grid;gap:1.5rem}@supports not (gap:1.5rem){.listings-page__grid{grid-gap:1.5rem}}@media(min-width:1400px){.listings-page__grid{grid-template-columns:repeat(4,1fr)}@supports not (grid-template-columns:repeat(4,1fr)){.listings-page__grid{grid-template-columns:25% 25% 25% 25%}}}@media(min-width:1200px)and (max-width:1399px){.listings-page__grid{grid-template-columns:repeat(3,1fr)}@supports not (grid-template-columns:repeat(3,1fr)){.listings-page__grid{grid-template-columns:33.333% 33.333% 33.333%}}}@media(min-width:768px)and (max-width:1199px){.listings-page__grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}@supports not (grid-template-columns:repeat(2,1fr)){.listings-page__grid{grid-template-columns:50% 50%}}}@media(max-width:767px){.listings-page__grid{grid-template-columns:1fr;gap:1rem}}@media(max-width:480px){.listings-page__grid{gap:.75rem}}.listings-page__load-more{text-align:center;margin:3rem 0 2rem}@media(max-width:768px){.listings-page__load-more{margin:2rem 0 1.5rem}}.listings-page__end-message{text-align:center;padding:2rem;color:#374151;font-weight:500;background:rgba(248,250,252,.8);border:1px solid #e5e7eb;border-radius:12px;margin-top:2rem}.listings-page__end-message:before{content:"✓";display:inline-block;margin-right:.5rem;color:#10b981;font-weight:600}@media(max-width:768px){.listings-page__end-message{padding:1.5rem;font-size:.9rem}}.sort-bar{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;background:hsla(0,0%,100%,.95);backdrop-filter:blur(12px);border:1px solid rgba(226,232,240,.6);border-radius:16px;margin-bottom:2rem;gap:1.5rem;box-shadow:0 1px 3px rgba(0,0,0,.05),0 1px 2px rgba(0,0,0,.03)}@media(max-width:768px){.sort-bar{flex-direction:column;align-items:stretch;gap:1rem;padding:1rem;border-radius:12px;margin-bottom:1.5rem}}.sort-bar__info{display:flex;align-items:center;gap:.75rem;color:#6b7280;font-size:.875rem;font-weight:500}@media(max-width:768px){.sort-bar__info{justify-content:center;text-align:center}}.sort-bar__controls{display:flex;align-items:center;gap:1rem}@media(max-width:768px){.sort-bar__controls{justify-content:center}}.sort-bar__sort{display:flex;align-items:center;gap:.5rem}.sort-bar__sort-label{font-size:.875rem;font-weight:500;color:#374151;white-space:nowrap}@media(max-width:768px){.sort-bar__sort-label{display:none}}.sort-bar__sort-select{background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:.5rem .75rem;font-size:.875rem;color:#374151;cursor:pointer;transition:all .2s ease;min-width:180px}.sort-bar__sort-select:hover{border-color:#9ca3af;box-shadow:0 1px 3px rgba(0,0,0,.1)}.sort-bar__sort-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}@media(max-width:768px){.sort-bar__sort-select{width:100%;min-width:unset;padding:.75rem;font-size:.9rem}}.mobile-filter-button{display:none;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#3b82f6;color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s ease}@media(max-width:1024px){.mobile-filter-button{display:flex}}@media(max-width:480px){.mobile-filter-button{width:100%;justify-content:center}}.mobile-filter-button:hover{background:#2563eb;transform:translateY(-1px)}.filter-icon{width:1.25rem;height:1.25rem;stroke-width:2}.filter-sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:1000;opacity:0;visibility:hidden;transition:all .3s ease}.filter-sidebar-overlay--visible{opacity:1;visibility:visible}@media(min-width:1025px){.filter-sidebar-overlay{display:none}}.load-more-button{background:linear-gradient(135deg,#ffffff,#f8fafc);color:#374151;border:2px solid #e5e7eb;padding:1rem 2rem;border-radius:12px;cursor:pointer;font-size:.95rem;font-weight:600;display:flex;align-items:center;gap:.5rem;margin:0 auto 1rem;transition:all .3s ease;box-shadow:0 2px 4px rgba(0,0,0,.05)}.load-more-button:hover:not(:disabled){background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f6;color:#fff;transform:translateY(-2px);box-shadow:0 8px 20px rgba(59,130,246,.25)}.load-more-button:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.load-more-button{width:100%;padding:.875rem 1.5rem;font-size:.9rem}}.load-more-count{background:hsla(0,0%,100%,.2);padding:.25rem .5rem;border-radius:6px;font-size:.85rem}.load-more-progress{width:300px;height:4px;background:#f3f4f6;border-radius:2px;margin:0 auto;overflow:hidden}@media(max-width:768px){.load-more-progress{width:100%;height:3px}}.load-more-progress-bar{height:100%;background:linear-gradient(90deg,#3b82f6,#1d4ed8);border-radius:2px;transition:width .3s ease}.retry-button{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:10px;padding:.875rem 1.75rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px rgba(59,130,246,.3)}.retry-button:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 6px 16px rgba(59,130,246,.4)}[data-theme=dark] .listings-page{background:#0f172a}[data-theme=dark] .listings-page__heading{color:#f1f5f9}[data-theme=dark] .listings-page__no-results{background:rgba(30,41,59,.9);border-color:rgba(71,85,105,.3)}[data-theme=dark] .listings-page__no-results p{color:#94a3b8}[data-theme=dark] .listings-page__end-message{background:rgba(15,23,42,.8);color:#cbd5e1;border-color:rgba(71,85,105,.3)}[data-theme=dark] .sort-bar{background:rgba(15,23,42,.95);border-color:rgba(71,85,105,.3)}[data-theme=dark] .sort-bar__info{color:#94a3b8}[data-theme=dark] .sort-bar__sort-label{color:#cbd5e1}[data-theme=dark] .sort-bar__sort-select{background:rgba(30,41,59,.8);border-color:rgba(71,85,105,.5);color:#f1f5f9}[data-theme=dark] .sort-bar__sort-select:hover{border-color:rgba(148,163,184,.5)}[data-theme=dark] .sort-bar__sort-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.2)}[data-theme=dark] .mobile-filter-button{background:#3b82f6}[data-theme=dark] .mobile-filter-button:hover{background:#2563eb}[data-theme=dark] .load-more-button{background:rgba(30,41,59,.9);border-color:rgba(71,85,105,.5);color:#f1f5f9}[data-theme=dark] .load-more-button:hover:not(:disabled){background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f6}[data-theme=dark] .load-more-progress{background:rgba(71,85,105,.3)}[data-theme=dark] .retry-button{background:linear-gradient(135deg,#3b82f6,#2563eb)}[data-theme=dark] .retry-button:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8)}