@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Poppins,system-ui,-apple-system,sans-serif;background:#f5f8f7;color:#111827}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a1a,#2d2d2d)}.login-box{background:#fff;padding:2.5rem;border-radius:12px;box-shadow:0 20px 40px #0000004d;width:100%;max-width:380px}.login-box h1{font-size:1.5rem;margin-bottom:1.5rem;text-align:center;color:#1a1a1a}.login-box form{display:flex;flex-direction:column;gap:1rem}.login-box input[type=text],.login-box input[type=password]{padding:.875rem 1rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;transition:border-color .2s}.login-box input[type=text]:focus,.login-box input[type=password]:focus{outline:none;border-color:#3b82f6}.login-box .remember-me{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#6b7280;cursor:pointer}.login-box .remember-me input[type=checkbox]{width:18px;height:18px;cursor:pointer}.login-box button[type=submit]{padding:.875rem;background:#1a1a1a;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}.login-box button[type=submit]:hover:not(:disabled){background:#333}.login-box button[type=submit]:disabled{opacity:.6;cursor:not-allowed}.login-error{color:#dc2626;font-size:.9rem;text-align:center;padding:.5rem;background:#fef2f2;border-radius:6px}.logout-btn{background:transparent!important;color:#ef4444!important;border-color:#ef4444!important}.logout-btn:hover{background:#ef4444!important;color:#fff!important}.app{min-height:100vh}header{background:#1a1a1a;color:#fff;padding:1rem 2rem;position:sticky;top:0;z-index:100}header>div{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}header h1{font-size:1.5rem;font-weight:700}nav{display:flex;gap:.5rem}nav button{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.3);padding:.5rem 1.25rem;border-radius:9999px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:Poppins,sans-serif;font-weight:600}nav button:hover{background:#0097a733;border-color:#0097a7}nav button.active{background:#0097a7;border-color:#0097a7}main{padding:2rem;max-width:1400px;margin:0 auto}.panel{background:#fff;border-radius:1rem;padding:2rem;box-shadow:0 10px 15px -3px #0000001a}.panel h2{margin-bottom:1rem;color:#111827;font-weight:700}.hint{color:#6b7280;font-size:.875rem;margin-bottom:1rem}.add-form{display:flex;gap:.75rem;margin-bottom:1.5rem;flex-wrap:wrap}.add-form input[type=text],.add-form input[type=url]{flex:1;min-width:200px;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:1rem;font-family:Poppins,sans-serif;transition:all .3s}.add-form input[type=text]:focus,.add-form input[type=url]:focus{outline:none;border-color:#0097a7;box-shadow:0 0 0 3px #0097a71a}.add-form label{display:flex;align-items:center;gap:.5rem;padding:0 1rem;font-weight:500}.add-form button{background:#0097a7;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:9999px;cursor:pointer;font-size:1rem;font-family:Poppins,sans-serif;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1)}.add-form button:hover{background:#007a87;box-shadow:0 0 30px #0097a740}.list{display:flex;flex-direction:column;gap:1rem}.search-item{display:flex;justify-content:space-between;align-items:center;padding:1.25rem;background:#f9fafb;border-radius:.75rem;border:1px solid #e5e7eb;transition:all .3s}.search-item:hover{border-color:#0097a7;box-shadow:0 0 20px #0097a71a}.search-info{display:flex;flex-direction:column;gap:.25rem}.search-info strong{font-size:1.1rem;font-weight:600}.search-info small{color:#6b7280}.search-actions{display:flex;gap:.5rem}.search-actions button{padding:.5rem 1.25rem;border:none;border-radius:9999px;cursor:pointer;font-family:Poppins,sans-serif;font-weight:600;transition:all .3s}.search-actions button:first-child{background:#0097a7;color:#fff}.search-actions button:first-child:hover{background:#007a87;box-shadow:0 0 30px #0097a740}.search-actions button:first-child:disabled{background:#9ca3af;box-shadow:none}button.delete{background:#ef4444;color:#fff}button.delete:hover{background:#dc2626}.criteria-list{display:flex;flex-direction:column;gap:.5rem}.criteria-item{display:flex;align-items:center;gap:1rem;padding:.875rem 1.25rem;background:#f9fafb;border-radius:.5rem;border-left:4px solid #d1d5db;transition:all .3s}.criteria-item:hover{background:#f3f4f6}.criteria-item.mandatory{border-left-color:#0097a7;background:#0097a71a}.criteria-name{font-weight:600;min-width:150px}.criteria-keywords{flex:1;color:#6b7280;font-size:.875rem}.criteria-item button{padding:.375rem .875rem;border:none;border-radius:9999px;cursor:pointer;font-size:.8rem;font-family:Poppins,sans-serif;font-weight:600;transition:all .3s}.criteria-item button:first-of-type{background:#e5e7eb;color:#374151}.criteria-item.mandatory button:first-of-type{background:#0097a7;color:#fff}.notes-panel{display:flex;flex-direction:column;height:calc(100vh - 200px);min-height:400px}.notes-textarea{flex:1;width:100%;padding:1rem;border:1px solid #e5e7eb;border-radius:.5rem;font-family:Poppins,sans-serif;font-size:.95rem;line-height:1.6;resize:none;background:#fafafa;transition:all .3s}.notes-textarea:focus{outline:none;border-color:#0097a7;background:#fff;box-shadow:0 0 0 3px #0097a71a}.notes-textarea::placeholder{color:#9ca3af}.notes-actions{display:flex;justify-content:flex-end;margin-top:1rem}.save-btn{padding:.625rem 1.5rem;border:none;border-radius:.5rem;font-family:Poppins,sans-serif;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s;background:#e5e7eb;color:#6b7280}.save-btn.unsaved{background:#0097a7;color:#fff}.save-btn.unsaved:hover{background:#00838f}.save-btn:disabled{opacity:.6;cursor:not-allowed}.listings-panel{position:relative}.listings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.listings-header h2{margin-bottom:0}.listings-controls{display:flex;gap:.75rem;align-items:center}.auto-refresh-indicator{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:#6b7280;padding:.5rem 1rem;background:#f3f4f6;border-radius:9999px}.auto-refresh-indicator:before{content:"";width:8px;height:8px;background:#22c55e;border-radius:50%;animation:pulse 2s infinite}.sort-select{padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:9999px;font-family:Poppins,sans-serif;font-size:.875rem;font-weight:500;background:#fff;cursor:pointer;transition:all .3s}.sort-select:focus{outline:none;border-color:#0097a7;box-shadow:0 0 0 3px #0097a71a}.refresh-btn{background:#0097a7;color:#fff;border:none;padding:.5rem 1.25rem;border-radius:9999px;cursor:pointer;font-family:Poppins,sans-serif;font-weight:600;transition:all .3s}.refresh-btn:hover{background:#007a87;box-shadow:0 0 30px #0097a740}.last-fetch{font-size:.8rem;color:#9ca3af;margin-bottom:1rem}.new-badge{background:#22c55e;color:#fff;font-size:.7rem;padding:.2rem .5rem;border-radius:9999px;margin-left:.5rem;font-weight:600;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.listings-grid{display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:1rem;justify-content:center}.listings-grid .listing-card{width:320px;flex-shrink:0}.listing-card{background:#fff;border-radius:1rem;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid transparent}.listing-card:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.listing-card img{width:100%;height:180px;object-fit:cover}.listing-content{padding:1.25rem}.listing-content h3{font-size:1rem;font-weight:600;margin-bottom:.5rem;line-height:1.375;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.listing-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.price{font-size:1.25rem;font-weight:700;color:#111827}.rating{font-size:.75rem;padding:.375rem .75rem;border-radius:9999px;background:#e5e7eb;font-weight:600}.rating.very-good-price{background:#22c55e;color:#fff}.rating.good-price{background:#0097a7;color:#fff}.rating.fair-price,.rating.increased-price{background:#f59e0b;color:#fff}.rating.high-price{background:#ef4444;color:#fff}.listing-details{display:flex;gap:1rem;font-size:.875rem;color:#6b7280;margin-bottom:.75rem}.match-score{display:flex;gap:1rem;font-size:.8rem;margin-bottom:.75rem}.mandatory-score{color:#0097a7;font-weight:600}.total-score{color:#6b7280;font-weight:500}.criteria-tags{display:flex;flex-wrap:wrap;gap:.375rem}.tag{font-size:.7rem;padding:.25rem .625rem;background:#0097a71a;color:#0097a7;border-radius:9999px;font-weight:500}.tag.mandatory{background:#0097a7;color:#fff}.modal-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.modal{background:#fff;border-radius:1rem;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;position:relative}.modal .close-btn{position:absolute;top:1rem;right:1rem;background:#0009;color:#fff;border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:1.2rem;z-index:10;transition:all .3s}.modal .close-btn:hover{background:#000}.modal img{width:100%;height:300px;object-fit:cover}.modal h2{padding:1.25rem 1.5rem .5rem;font-size:1.25rem;font-weight:700}.modal h3{padding:1rem 1.5rem .5rem;font-size:1rem;font-weight:600;color:#374151;border-top:1px solid #e5e7eb;margin-top:1rem}.modal-meta{padding:0 1.5rem;display:flex;gap:1rem;align-items:center}.modal-meta .price{font-size:1.5rem}.modal-details{padding:1rem 1.5rem}.modal-details p{margin-bottom:.5rem;color:#6b7280}.listing-id-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.listing-id{font-family:monospace;font-size:.75rem;background:#f3f4f6;padding:.25rem .5rem;border-radius:.25rem;color:#374151;word-break:break-all}.copy-btn{font-size:.75rem;padding:.25rem .5rem;background:#0097a7;color:#fff;border:none;border-radius:.25rem;cursor:pointer;transition:background .2s}.copy-btn:hover{background:#00838f}.copy-btn:active{background:#006064}.modal-criteria{padding:0 1.5rem 1rem;display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.criteria-match{display:flex;align-items:center;gap:.5rem;padding:.625rem;border-radius:.5rem;font-size:.875rem}.criteria-match.matched{background:#22c55e1a}.criteria-match.not-matched{background:#ef44441a}.criteria-match.mandatory .name{font-weight:600}.criteria-match .icon{font-size:1.1rem}.criteria-match.matched .icon{color:#22c55e}.criteria-match.not-matched .icon{color:#ef4444}.criteria-match .type{font-size:.75rem;color:#9ca3af}.criteria-match.clickable{cursor:pointer;transition:all .2s ease}.criteria-match.clickable:hover{transform:scale(1.02);box-shadow:0 2px 8px #0000001a}.criteria-match.not-matched.clickable:hover{background:#22c55e26}.criteria-match.manual{background:#22c55e26;border:1px dashed #22c55e}.criteria-match.manual .icon{color:#22c55e}.features-list{padding:0 1.5rem 1rem;display:flex;flex-wrap:wrap;gap:.5rem}.feature-tag{font-size:.8rem;padding:.375rem .875rem;background:#f3f4f6;border-radius:9999px;color:#4b5563;font-weight:500}.view-btn{display:block;margin:1rem 1.5rem 1.5rem;padding:1rem;background:#000;color:#fff;text-align:center;text-decoration:none;border-radius:9999px;font-weight:700;font-family:Poppins,sans-serif;transition:all .3s cubic-bezier(.4,0,.2,1)}.view-btn:hover{background:#1a1a1a;box-shadow:0 0 40px #00000059}.listing-card{position:relative;transition:all .3s ease}.unseen-listing{border:3px solid #0097a7;box-shadow:0 0 25px #0097a74d,inset 0 0 0 1px #0097a71a;animation:unseen-glow 2s ease-in-out infinite}@keyframes unseen-glow{0%,to{box-shadow:0 0 25px #0097a74d}50%{box-shadow:0 0 35px #0097a780}}.unseen-ribbon{position:absolute;top:12px;left:-8px;background:linear-gradient(135deg,#0097a7,#00bcd4);color:#fff;font-size:.7rem;font-weight:700;padding:.25rem .75rem .25rem 1rem;z-index:5;box-shadow:0 2px 8px #0097a766;text-transform:uppercase;letter-spacing:.5px}.unseen-ribbon:before{content:"";position:absolute;left:0;bottom:-8px;border-width:4px;border-style:solid;border-color:#007c8a transparent transparent #007c8a}.scraper-status{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:linear-gradient(135deg,#0097a71a,#0097a70d);border:1px solid rgba(0,151,167,.3);border-radius:.75rem;margin-bottom:1rem;color:#0097a7;font-weight:500}.spinner{width:20px;height:20px;border:3px solid rgba(0,151,167,.2);border-top-color:#0097a7;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.search-item.loading{border-color:#0097a7;background:linear-gradient(135deg,#0097a71a,#0097a70d)}.search-item.loading .search-actions button:first-child{background:#6b7280;cursor:wait}.image-gallery{position:relative;width:100%;background:#000}.image-gallery img{width:100%;height:450px;object-fit:contain;background:#000}.gallery-btn{position:absolute;top:50%;transform:translateY(-50%);background:#0009;color:#fff;border:none;width:44px;height:44px;border-radius:50%;cursor:pointer;font-size:1.5rem;display:flex;align-items:center;justify-content:center;transition:all .3s;z-index:10}.gallery-btn:hover{background:#000000e6}.gallery-btn.prev{left:1rem}.gallery-btn.next{right:1rem}.gallery-counter{position:absolute;bottom:1rem;right:1rem;background:#000000b3;color:#fff;padding:.375rem .75rem;border-radius:9999px;font-size:.8rem;font-weight:500}.gallery-dots{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);display:flex;gap:.5rem}.gallery-dots .dot{width:8px;height:8px;border-radius:50%;background:#ffffff80;cursor:pointer;transition:all .3s}.gallery-dots .dot:hover{background:#fffc}.gallery-dots .dot.active{background:#fff;transform:scale(1.2)}.star-btn{position:absolute;top:12px;right:12px;background:transparent;border:none;font-size:1.75rem;cursor:pointer;z-index:10;transition:all .2s ease;color:#fffc;text-shadow:0 1px 3px rgba(0,0,0,.5);padding:0;line-height:1}.star-btn:hover{transform:scale(1.15);color:#0097a7}.star-btn.starred{color:#eefd42}.star-btn.starred:hover{color:#00bcd4}.star-filter-btn{display:flex;align-items:center;gap:.35rem;background:transparent;border:2px solid #e5e7eb;padding:.5rem .75rem;border-radius:8px;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif;font-weight:600;color:#6b7280}.star-filter-btn:hover{border-color:#0097a7;color:#0097a7}.star-filter-btn.active{background:#eefd42;border-color:#eefd42;color:#1a1a1a}.star-filter-btn .star-icon{font-size:1.1rem}.star-filter-btn .star-count{background:#00000026;padding:.1rem .4rem;border-radius:10px;font-size:.75rem}.star-filter-btn.active .star-count{background:#0003}.listing-card.starred-listing{border:2px solid #eefd42}.modal-action-buttons{position:absolute;top:12px;left:12px;display:flex;gap:.5rem;z-index:10}.modal-star-btn{background:#f3f4f6;border:2px solid #e5e7eb;padding:.5rem 1rem;border-radius:8px;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif;font-weight:600;font-size:.875rem;color:#6b7280}.modal-star-btn:hover{border-color:#eefd42;color:#1a1a1a}.modal-star-btn.starred{background:#eefd42;border-color:#eefd42;color:#1a1a1a}.modal-hide-btn{background:#f3f4f6;border:2px solid #e5e7eb;padding:.5rem 1rem;border-radius:8px;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif;font-weight:600;font-size:.875rem;color:#6b7280}.modal-hide-btn:hover{border-color:#dc2626;color:#dc2626}.modal-hide-btn.hidden{background:#fef2f2;border-color:#dc2626;color:#dc2626}.hidden-filter-btn{display:flex;align-items:center;gap:.25rem;padding:.5rem .75rem;border-radius:8px;font-weight:600;font-size:.875rem;background:#f3f4f6;border:2px solid #e5e7eb;cursor:pointer;transition:all .2s ease;color:#6b7280}.hidden-filter-btn:hover{border-color:#dc2626;color:#dc2626}.hidden-filter-btn.active{background:#dc2626;border-color:#dc2626;color:#fff}.hidden-icon{font-size:1rem}.hidden-count{font-size:.75rem;background:#0000001a;padding:.125rem .375rem;border-radius:4px}.hidden-filter-btn.active .hidden-count{background:#0003}.criteria-filter-bar{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;padding:.75rem 0;margin-bottom:.5rem}.criteria-filter-label{font-weight:600;color:#6b7280;font-size:.875rem;margin-right:.25rem}.criteria-filter-separator{color:#d1d5db;margin:0 .5rem;font-weight:300}.criteria-filter-btn.owner-filter{min-width:3rem}.criteria-filter-btn{padding:.375rem .75rem;border:1px solid #d1d5db;border-radius:9999px;background:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:.75rem;font-weight:500;color:#6b7280;transition:all .2s ease}.criteria-filter-btn:hover{border-color:#0097a7;color:#0097a7}.criteria-filter-btn.active{background:#0097a7;border-color:#0097a7;color:#fff}.criteria-filter-btn.mandatory{border-color:#0097a7}.criteria-filter-btn.mandatory.active{background:#007a87;border-color:#007a87}.criteria-filter-clear{padding:.375rem .75rem;border:1px solid #ef4444;border-radius:9999px;background:transparent;cursor:pointer;font-family:Poppins,sans-serif;font-size:.75rem;font-weight:500;color:#ef4444;transition:all .2s ease;margin-left:.5rem}.criteria-filter-clear:hover{background:#ef4444;color:#fff}.thumbnail-gallery{display:flex;gap:.5rem;padding:.75rem 1rem;background:#f3f4f6;overflow-x:auto;scroll-behavior:smooth}.thumbnail-gallery::-webkit-scrollbar{height:6px}.thumbnail-gallery::-webkit-scrollbar-track{background:#e5e7eb;border-radius:3px}.thumbnail-gallery::-webkit-scrollbar-thumb{background:#9ca3af;border-radius:3px}.thumbnail-gallery::-webkit-scrollbar-thumb:hover{background:#6b7280}.thumbnail{flex-shrink:0;width:80px;height:60px;border-radius:6px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all .2s ease;opacity:.7}.thumbnail:hover{opacity:1;border-color:#0097a7}.thumbnail.active{opacity:1;border-color:#0097a7;box-shadow:0 0 10px #0097a766}.thumbnail img{width:100%;height:100%;object-fit:cover}.apify-error{background:#ef4444;color:#fff;padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:600;animation:pulse-error 2s ease-in-out infinite}@keyframes pulse-error{0%,to{opacity:1}50%{opacity:.8}}.dashboard-panel{background:transparent;box-shadow:none;padding:0}.dashboard-panel h2{margin-bottom:1.5rem}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem}.dashboard-card{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a}.dashboard-card h3{font-size:1.25rem;font-weight:700;color:#111827;margin-bottom:.25rem}.dashboard-card .last-run{font-size:.75rem;color:#6b7280;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.stats-section{margin-bottom:1rem}.stats-section:last-child{margin-bottom:0}.stats-section h4{font-size:.75rem;font-weight:600;color:#0097a7;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.stats-row{display:flex;justify-content:space-between;align-items:center;padding:.375rem 0;font-size:.875rem}.stats-row.highlight{background:#0097a70d;margin:.25rem -.5rem;padding:.5rem;border-radius:.5rem}.stat-label{color:#6b7280}.stat-value{font-weight:600;color:#111827}.stat-value.starred{color:#f59e0b}.compare-mode-btn{padding:.5rem 1rem;border-radius:.5rem;border:2px solid #0097a7;background:#fff;color:#0097a7;font-weight:600;cursor:pointer;transition:all .2s ease}.compare-mode-btn:hover{background:#e0f7fa}.compare-mode-btn.active{background:#0097a7;color:#fff}.compare-checkbox{position:absolute;top:.75rem;left:.75rem;width:28px;height:28px;border-radius:6px;border:3px solid #0097a7;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10;box-shadow:0 2px 8px #00000026}.compare-checkbox:hover:not(.disabled){box-shadow:0 4px 12px #0097a74d;border-color:#00838f}.compare-checkbox.checked{background:#0097a7;border-color:#0097a7}.compare-checkbox.disabled{opacity:.4;cursor:not-allowed}.compare-checkbox.disabled:hover{box-shadow:0 2px 8px #00000026}.compare-checkbox .checkmark{color:#fff;font-size:1rem;font-weight:700}.listing-card.in-compare{border:3px solid #0097a7;box-shadow:0 0 0 4px #0097a733}.listing-card.in-compare,.listing-card.in-compare:hover{transform:none}.listing-card.in-compare img{width:100%;height:180px;object-fit:cover}.compare-bar{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(135deg,#0097a7,#00838f);color:#fff;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between;box-shadow:0 -4px 20px #00000026;z-index:1000;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.compare-bar-items{display:flex;gap:1rem;align-items:center}.compare-bar-item{background:#ffffff26;padding:.5rem 1rem;border-radius:.5rem;display:flex;align-items:center;gap:.75rem;max-width:250px}.compare-bar-item img{width:50px;height:35px;object-fit:cover;border-radius:4px;flex-shrink:0}.compare-bar-item span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.875rem}.compare-bar-item button{background:#fff3;border:none;color:#fff;width:20px;height:20px;border-radius:50%;cursor:pointer;font-size:.75rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.compare-bar-item button:hover{background:#fff6}.compare-bar-actions{display:flex;gap:.75rem;margin-left:auto}.compare-bar-btn{padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease;border:none}.compare-bar-btn.primary{background:#fff;color:#0097a7}.compare-bar-btn.primary:hover:not(:disabled){background:#f0f0f0;transform:scale(1.02)}.compare-bar-btn.primary:disabled{background:#ffffff80;color:#0097a780;cursor:not-allowed}.compare-bar-btn.secondary{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.5)}.compare-bar-btn.secondary:hover{background:#ffffff1a;border-color:#fff}.compare-modal{background:#fff;border-radius:1rem;max-width:1000px;width:95%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;position:relative}.compare-modal h2{margin:0;padding:1.25rem 1.5rem;font-size:1.25rem;background:linear-gradient(135deg,#0097a7,#00838f);color:#fff}.compare-modal .close-btn{position:absolute;top:1rem;right:1rem;background:#fff3;border:none;color:#fff;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:1rem;z-index:10}.compare-modal .close-btn:hover{background:#ffffff4d}.compare-table-wrapper{overflow-y:auto;max-height:calc(90vh - 80px);padding:1rem}.compare-table{width:100%;border-collapse:collapse;font-size:.9rem}.compare-table th,.compare-table td{padding:.75rem 1rem;text-align:center;border-bottom:1px solid #e5e7eb;vertical-align:middle}.compare-table th{background:#f8f9fa;font-weight:600;position:sticky;top:0;z-index:5}.compare-label-col,.compare-label{text-align:left!important;background:#fafafa;font-weight:500;color:#374151;width:160px;min-width:160px}.compare-listing-col{min-width:200px}.compare-header-content{display:flex;flex-direction:column;align-items:center;gap:.5rem}.compare-header-content img{width:150px;height:100px;object-fit:cover;border-radius:8px}.compare-header-title{font-size:.8rem;font-weight:600;color:#111827;text-align:center;line-height:1.3;max-height:2.6em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.compare-header-price{font-size:1rem;font-weight:700;color:#0097a7}.compare-section-header td{background:#e0f7fa!important;font-weight:700;color:#00838f;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em;text-align:left!important;padding:.5rem 1rem}.compare-table tbody tr:hover td{background:#0097a70d}.compare-table tbody tr:hover td.compare-label{background:#0097a71a}.mandatory-row td.compare-label{font-weight:600}.mandatory-marker{color:#ef4444;margin-left:.25rem}.match-yes{background:#10b9811a!important}.match-no{background:#ef44440d!important}.match-icon{font-size:1.25rem;font-weight:700}.match-yes .match-icon{color:#10b981}.match-no .match-icon{color:#d1d5db}.match-score-cell{background:#0097a71a!important}.match-score-cell strong{color:#0097a7;font-size:1.1rem}.rating-badge{display:inline-block;margin-left:.5rem;padding:.125rem .5rem;border-radius:4px;font-size:.7rem;font-weight:600}.rating-badge.guter-preis,.rating-badge.good-price{background:#d1fae5;color:#065f46}.rating-badge.fairer-preis,.rating-badge.fair-price{background:#fef3c7;color:#92400e}.rating-badge.hoher-preis,.rating-badge.high-price{background:#fee2e2;color:#991b1b}.compare-links-row td{padding-top:1rem;padding-bottom:1rem;border-bottom:none}.compare-link-btn{display:inline-block;padding:.5rem 1rem;background:#0097a7;color:#fff;text-decoration:none;border-radius:6px;font-size:.8rem;font-weight:500;transition:background .2s ease}.compare-link-btn:hover{background:#00838f}@media(max-width:1024px){.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.compare-modal{max-width:95%}}@media(max-width:768px){header{padding:.75rem 1rem}header>div{flex-direction:column;gap:.75rem;align-items:stretch}header h1{font-size:1.25rem;text-align:center}nav{flex-wrap:wrap;justify-content:center;gap:.375rem}nav button{padding:.375rem .75rem;font-size:.8rem}.new-badge{font-size:.6rem;padding:.15rem .375rem}.apify-error{font-size:.75rem;padding:.375rem .75rem;text-align:center}main{padding:1rem}.panel{padding:1rem;border-radius:.75rem}.panel h2{font-size:1.25rem}.listings-header{flex-direction:column;gap:.75rem;align-items:stretch}.listings-controls{flex-wrap:wrap;justify-content:center;gap:.5rem}.sort-select{flex:1;min-width:140px}.star-filter-btn,.hidden-filter-btn,.compare-mode-btn{padding:.5rem .625rem;font-size:.8rem}.criteria-filter-bar{gap:.375rem;padding:.5rem 0}.criteria-filter-label{font-size:.75rem;width:100%;margin-bottom:.25rem}.criteria-filter-btn{padding:.3rem .5rem;font-size:.7rem}.criteria-filter-separator{display:none}.listings-grid{gap:1rem}.listings-grid .listing-card{width:100%;max-width:100%}.listing-card img{height:200px}.listing-content{padding:1rem}.listing-content h3{font-size:.95rem}.price{font-size:1.1rem}.rating{font-size:.7rem;padding:.25rem .5rem}.listing-details{font-size:.8rem;gap:.75rem}.match-score{font-size:.75rem}.criteria-tags{gap:.25rem}.tag{font-size:.65rem;padding:.2rem .5rem}.modal-overlay{padding:0;align-items:flex-start}.modal{max-width:100%;width:100%;max-height:100vh;height:100vh;border-radius:0}.modal .close-btn{top:.5rem;right:.5rem;width:36px;height:36px}.modal-action-buttons{top:.5rem;left:.5rem;flex-direction:column;gap:.375rem}.modal-star-btn,.modal-hide-btn{padding:.375rem .625rem;font-size:.75rem}.image-gallery img{height:280px}.gallery-btn{width:36px;height:36px;font-size:1.2rem}.gallery-btn.prev{left:.5rem}.gallery-btn.next{right:.5rem}.thumbnail-gallery{padding:.5rem}.thumbnail{width:60px;height:45px}.modal h2{padding:1rem 1rem .5rem;font-size:1.1rem}.modal h3{padding:.75rem 1rem .5rem;font-size:.9rem}.modal-meta{padding:0 1rem;flex-wrap:wrap;gap:.5rem}.modal-meta .price{font-size:1.25rem}.modal-details{padding:.75rem 1rem}.modal-details p{font-size:.875rem}.modal-criteria{padding:0 1rem 1rem;grid-template-columns:1fr;gap:.375rem}.criteria-match{padding:.5rem;font-size:.8rem}.features-list{padding:0 1rem 1rem}.feature-tag{font-size:.75rem;padding:.25rem .625rem}.view-btn{margin:.75rem 1rem 1rem;padding:.875rem;font-size:.9rem}.dashboard-grid{grid-template-columns:1fr;gap:1rem}.dashboard-card{padding:1rem}.dashboard-card h3{font-size:1.1rem}.stats-section h4{font-size:.7rem}.stats-row{font-size:.8rem}.compare-bar{padding:.75rem 1rem;flex-direction:column;gap:.75rem}.compare-bar-items{flex-wrap:wrap;justify-content:center}.compare-bar-item{max-width:150px;padding:.375rem .5rem}.compare-bar-item img{width:40px;height:30px}.compare-bar-item span{font-size:.75rem}.compare-bar-actions{width:100%;justify-content:center}.compare-bar-btn{padding:.625rem 1rem;font-size:.85rem}.compare-modal{width:100%;max-width:100%;height:100vh;max-height:100vh;border-radius:0}.compare-modal h2{font-size:1.1rem;padding:1rem}.compare-table-wrapper{max-height:calc(100vh - 60px)}.compare-table{font-size:.8rem}.compare-table th,.compare-table td{padding:.5rem}.compare-label-col,.compare-label{width:100px;min-width:100px;font-size:.75rem}.compare-header-content img{width:80px;height:55px}.compare-header-title{font-size:.7rem}.compare-header-price{font-size:.85rem}.add-form{flex-direction:column;gap:.5rem}.add-form input[type=text],.add-form input[type=url]{min-width:100%}.add-form button{width:100%}.search-item{flex-direction:column;align-items:stretch;gap:.75rem}.search-actions{justify-content:stretch}.search-actions button{flex:1}.criteria-item{flex-wrap:wrap;gap:.5rem}.criteria-name{min-width:auto;width:100%}.criteria-keywords{width:100%}.login-box{margin:1rem;padding:1.5rem}}@media(max-width:480px){header h1{font-size:1.1rem}nav button{padding:.3rem .5rem;font-size:.7rem}.listings-controls{gap:.375rem}.star-filter-btn,.hidden-filter-btn{padding:.4rem .5rem}.compare-mode-btn{width:100%;order:10}.image-gallery img{height:220px}.compare-bar-item{max-width:120px}.compare-table{font-size:.7rem}.compare-label-col,.compare-label{width:80px;min-width:80px}.compare-header-content img{width:60px;height:40px}}