.color-finder-container{max-width:1200px;margin:0 auto;padding:20px;font-family:inherit}.color-finder-header{text-align:center;margin-bottom:40px}.color-finder-header h1{font-size:2.5em;color:#121212;margin-bottom:10px}.color-finder-header p{color:#666055;font-size:1.1em}.stats-bar{display:flex;justify-content:center;gap:30px;margin:20px 0;flex-wrap:wrap}.stat-item{text-align:center;padding:15px 25px;background:#0d0c0a;color:#fff;border-radius:10px}.stat-number{font-size:2em;font-weight:700}.stat-label{font-size:.9em;opacity:.9}.finder-tabs{display:flex;justify-content:center;gap:10px;margin-bottom:30px}.tab-btn{padding:15px 30px;border:2px solid #c79b38;background:#fff;color:#a97d1f;border-radius:30px;cursor:pointer;font-size:1em;font-weight:600;transition:all 0.3s}.tab-btn:hover,.tab-btn.active{background:#0d0c0a;color:#fff}.tab-content{display:none}.tab-content.active{display:block}.filters-container{background:#fffdf9;padding:25px;border-radius:15px;margin-bottom:30px}.filters-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.filter-group{display:flex;flex-direction:column}.filter-group label{font-weight:600;margin-bottom:8px;color:#121212}.filter-group select{padding:12px;border:2px solid #e6dccb;border-radius:10px;font-size:1em;background:#fff}.filter-group select:focus{outline:none;border-color:#a97d1f}.filter-reset{margin-top:15px;text-align:center}.filter-reset button{padding:10px 25px;background:#e74c3c;color:#fff;border:none;border-radius:20px;cursor:pointer;font-weight:600}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:10px}.results-count{font-size:1.2em;color:#121212}.results-count strong{color:#a97d1f}.results-sort select{padding:10px 15px;border:2px solid #e6dccb;border-radius:10px;font-size:1em}.results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.loading-spinner{display:flex;justify-content:center;padding:40px}.loading-spinner::after{content:'';width:40px;height:40px;border:4px solid #e6dccb;border-top-color:#a97d1f;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.no-results{text-align:center;padding:60px 20px;color:#666055;grid-column:1 / -1}.no-results .icon{font-size:4em;margin-bottom:20px}@media (max-width:768px){.color-finder-header h1{font-size:1.8em}.stats-bar{gap:15px}.stat-item{padding:10px 15px}.filters-row{grid-template-columns:1fr}.results-grid{grid-template-columns:1fr}.finder-tabs{flex-direction:column}.tab-btn{width:100%}}.color-finder-container{color:#121212}.stat-item{background:#0d0c0a;border:1px solid #c79b38}.stat-item .stat-number{color:#c79b38}.tab-btn{border-color:#121212;color:#121212;background:#fffdf9}.tab-btn:hover,.tab-btn.active{background:#0d0c0a;border-color:#0d0c0a;color:#fff}.filter-reset button,#reset-filters{background:#fffdf9!important;color:#121212!important;border:1px solid #121212!important}.filter-reset button:hover,#reset-filters:hover{background:#0d0c0a!important;color:#fff!important}.results-count strong{color:#a97d1f}