.filter-form-container{width:100%;max-width:600px;margin:0 auto;padding:20px;min-height:100vh;background:#fff}.filter-form{display:flex;flex-direction:column;gap:24px}.filter-form h2{font-size:24px;font-weight:600;color:#1a1a1a;margin-bottom:8px}.filter-status{padding:16px;background:#f5f5f5;border-radius:12px;display:flex;align-items:center;gap:12px}.toggle-switch{display:flex;align-items:center;gap:12px;cursor:pointer}.toggle-switch input[type=checkbox]{width:44px;height:24px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ccc;border-radius:12px;position:relative;cursor:pointer;transition:background .3s}.toggle-switch input[type=checkbox]:checked{background:#007bff}.toggle-switch input[type=checkbox]:before{content:"";position:absolute;width:20px;height:20px;border-radius:50%;background:#fff;top:2px;left:2px;transition:transform .3s}.toggle-switch input[type=checkbox]:checked:before{transform:translate(20px)}.toggle-label{font-size:16px;color:#333;font-weight:500}.form-section{display:flex;flex-direction:column;gap:12px}.form-section h3{font-size:18px;font-weight:600;color:#1a1a1a;margin:0}.checkbox-group{display:flex;flex-wrap:wrap;gap:12px}.checkbox-item{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#f8f9fa;border-radius:8px;cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none}.checkbox-item:hover{background:#e9ecef}.checkbox-item input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#007bff}.checkbox-item span{font-size:15px;color:#333}.text-input,.number-input{width:100%;padding:12px 16px;font-size:16px;border:2px solid #e0e0e0;border-radius:8px;transition:border-color .2s;font-family:inherit}.text-input:focus,.number-input:focus{outline:none;border-color:#007bff}.range-inputs{display:flex;align-items:center;gap:12px}.range-inputs .number-input{flex:1}.range-separator{font-size:18px;color:#666;font-weight:500}.error-message{padding:12px 16px;background:#fee;border:1px solid #fcc;border-radius:8px;color:#c33;font-size:14px}.success-message{padding:12px 16px;background:#efe;border:1px solid #cfc;border-radius:8px;color:#3c3;font-size:14px}.form-actions{display:flex;gap:12px;margin-top:8px}.btn{flex:1;padding:14px 24px;font-size:16px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .2s;font-family:inherit}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:#007bff;color:#fff}.btn-primary:hover:not(:disabled){background:#0056b3}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover:not(:disabled){background:#c82333}.loading{display:flex;justify-content:center;align-items:center;height:100vh;font-size:18px;color:#666}.error{display:flex;justify-content:center;align-items:center;height:100vh;font-size:18px;color:#dc3545;padding:20px;text-align:center}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff}#root{width:100%;min-height:100vh}