*{box-sizing:border-box}html{height:100dvh;margin:0}body{font-family:Poppins,Segoe UI,sans-serif;background:url(/assets/hatter-DJApNqAa.png) repeat left top;background-size:850px auto;color:#3a2e2e;margin:0;padding:.5rem 2rem 2rem;min-height:100dvh}.header1{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;background-color:#f1e9df;padding:12px 24px;border-bottom:1px solid #ddd;box-shadow:0 6px 14px #0006;border-radius:1rem;margin:.5rem 0 1rem;gap:.5rem}.logo-container{text-decoration:none;color:inherit;display:flex;align-items:center;gap:.5rem;justify-content:space-between}.logo-container img{height:2.5rem;width:2.5rem}.logo-container .site-name{font-family:Poppins,Segoe UI,sans-serif;font-size:1.4rem;font-weight:600;color:#2a2a2a;margin:0}.search-wrapper{flex:1;display:flex;align-items:center;max-width:400px;background:#f1e9df;padding:0;border-radius:1rem}input[type=search]{flex:1;font-size:1rem;padding:.5rem .75rem;width:100%;border:1px solid #f1e9df;border-radius:.5rem;background-color:#fffdf9;transition:border-color .2s,box-shadow .2s;font-family:inherit}input[type=search]:focus{outline:none;border-color:#e5b899;box-shadow:0 0 6px #e5b89966}input[type=search]::placeholder{opacity:1;transition:opacity .2s}input[type=search]:focus::placeholder{opacity:.25}@keyframes SearchHover{0%{border-color:#f1e9df;box-shadow:0 0 6px #e5b89900}50%{border-color:#e5b899;box-shadow:0 0 6px #e5b89966}to{border-color:#f1e9df;box-shadow:0 0 6px #e5b89900}}input[type=search]:not(:focus):hover{animation:SearchHover .75s ease-in-out infinite}.header-right{display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.login-btn{display:flex;align-items:center;gap:8px;background:#e5b899;color:#4a3227;border:none;padding:8px 14px;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:500;transition:background .2s,transform .15s;text-decoration:none}.login-btn:hover{background:#d4a788;transform:translateY(-2px);box-shadow:0 4px 12px #e5b89966}.login-btn:active{transform:translateY(0)}.login-icon{width:20px;height:20px}.filter-toggle-btn{display:flex;align-items:center;gap:6px;background:#fffdf9;color:#4a3227;border:1px solid rgba(229,184,153,.6);padding:8px 14px;border-radius:8px;cursor:pointer;font-size:.92rem;font-weight:500;transition:background .2s,transform .15s,box-shadow .2s;font-family:inherit;position:relative}.filter-toggle-btn svg{width:16px;height:16px;flex-shrink:0}.filter-toggle-btn:hover{transform:translateY(-2px);box-shadow:0 4px 10px #0000001f}.filter-toggle-btn:active{transform:translateY(0)}.filter-toggle-btn.active{background:#e5b899;border-color:#d4a788}.active-filter-bar{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.active-chips{display:flex;flex-wrap:wrap;gap:.4rem;flex:1}.active-chip{display:inline-flex;align-items:center;gap:5px;background:#e5b899;color:#4a3227;border-radius:999px;padding:3px 10px 3px 12px;font-size:.8rem;font-weight:500;font-family:inherit}.active-chip-remove{background:none;border:none;cursor:pointer;color:#4a3227;padding:0;display:flex;align-items:center;opacity:.6;transition:opacity .15s;font-size:1rem;line-height:1}.active-chip-remove:hover{opacity:1}.filter-reset-btn{background:#fffdf9;border:1px solid rgba(220,53,69,.3);color:#dc3545;border-radius:999px;padding:3px 12px;font-size:.8rem;font-weight:500;cursor:pointer;transition:background .15s;font-family:inherit;white-space:nowrap}.filter-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#3a2e2e59;z-index:1000;transition:opacity .25s;opacity:0}.filter-overlay.visible{opacity:1}.filter-panel{position:fixed;top:0;right:0;height:100vh;width:360px;max-width:95vw;background:#f1e9df;z-index:1001;box-shadow:-6px 0 28px #00000038;display:flex;flex-direction:column;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);border-radius:1rem 0 0 1rem}.filter-panel.visible{transform:translate(0)}.filter-panel-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem 1rem;border-bottom:1px solid rgba(229,184,153,.4);flex-shrink:0}.filter-panel-header h2{margin:0;font-size:1.1rem;font-weight:600;color:#4a3227}.filter-close-btn{background:none;border:none;cursor:pointer;color:#7d6558;padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:color .15s,background .15s}.filter-close-btn svg{width:18px;height:18px}.filter-close-btn:hover{color:#4a3227;background:#e5b8994d}.filter-panel-body{flex:1;overflow-y:auto;padding:1rem 1.5rem}.filter-panel-body::-webkit-scrollbar{width:6px}.filter-panel-body::-webkit-scrollbar-track{background:transparent}.filter-panel-body::-webkit-scrollbar-thumb{background:#d4c4b8;border-radius:3px}.filter-section{padding:.75rem 0}.filter-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.filter-section-label{font-size:.78rem;font-weight:700;color:#7d6558;text-transform:uppercase;letter-spacing:.06em}.filter-section-clear{background:none;border:none;color:#e5b899;font-size:.78rem;font-weight:600;cursor:pointer;padding:0;font-family:inherit;transition:color .15s}.filter-section-clear:hover{color:#d4a788}.filter-divider{height:1px;background:#e5b89959;margin:0 -1.5rem}.filter-chips-grid{display:flex;flex-wrap:wrap;gap:.4rem}.filter-chip{display:inline-flex;align-items:center;background:#fffdf9;color:#4a3227;border:1px solid rgba(229,184,153,.5);border-radius:999px;padding:5px 14px;font-size:.82rem;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s,transform .1s;font-family:inherit;white-space:nowrap}.filter-chip:hover{background:#f5ede3;transform:translateY(-1px)}.filter-chip.active{background:#e5b899;border-color:#d4a788;font-weight:600}.filter-chip.active:hover{background:#d4a788}.tagdij-inputs{display:flex;align-items:flex-end;gap:.5rem}.tagdij-field{flex:1}.tagdij-label{display:block;font-size:.75rem;color:#7d6558;margin-bottom:.3rem;font-weight:500}.tagdij-input-wrap{position:relative;display:flex;align-items:center}.tagdij-input{width:100%;padding:.55rem 2rem .55rem .75rem;border:1px solid #e0d5cc;border-radius:8px;background:#fffdf9;font-family:inherit;font-size:.9rem;color:#3a2e2e;transition:border-color .2s,box-shadow .2s;-moz-appearance:textfield}.tagdij-input::-webkit-outer-spin-button,.tagdij-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.tagdij-input:focus{outline:none;border-color:#e5b899;box-shadow:0 0 0 3px #e5b89933}.tagdij-currency{position:absolute;right:.6rem;font-size:.75rem;color:#7d6558;pointer-events:none;font-weight:500}.tagdij-separator{font-size:1.1rem;color:#7d6558;padding-bottom:.4rem;flex-shrink:0}.tagdij-hint{margin:.5rem 0 0;font-size:.78rem;color:#dc3545;min-height:1rem}.filter-panel-footer{display:flex;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid rgba(229,184,153,.4);flex-shrink:0;background:#f1e9df;border-radius:0 0 0 1rem}.filter-clear-all-btn{flex:1;padding:.7rem;background:none;border:1px solid rgba(220,53,69,.3);color:#dc3545;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;font-family:inherit;transition:background .15s}.filter-clear-all-btn:hover{background:#dc354512}.filter-apply-btn{flex:2;padding:.7rem;background:#e5b899;color:#4a3227;border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:600;font-family:inherit;transition:background .2s,transform .15s,box-shadow .2s;box-shadow:0 2px 6px #0000001f}.filter-apply-btn:hover{background:#d4a788;transform:translateY(-1px);box-shadow:0 4px 10px #e5b89966}.filter-apply-btn:active{transform:translateY(0)}.user-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;margin-top:.25rem}.card{background-color:#f1e9df;display:flex;align-items:center;text-align:center;justify-content:center;flex-direction:column;border-radius:1rem;padding:1rem;box-shadow:0 4px 10px #0003;transition:transform .2s ease,box-shadow .2s ease;animation:fadeInUp .2s ease both;cursor:pointer}.card:hover{transform:translateY(-3px);box-shadow:0 6px 14px #0006}.data-image{display:block;width:70px;height:70px;object-fit:contain;margin-bottom:.75rem}.card>.header{font-weight:600;font-size:1.1rem;color:#4a3227;margin-bottom:.25rem}.card>.body{font-size:.9rem;color:#7d6558;line-height:1.3}.hide{display:none!important}.no-results-msg{grid-column:1 / -1;text-align:center;color:#7d6558;font-size:.95rem;padding:2rem 0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 600px){body{padding:.5rem 1rem 1rem}.header1{padding:10px 16px;margin:.5rem 0;border-radius:.5rem}.search-wrapper{order:3;flex-basis:100%;max-width:100%}.site-name{font-size:1.1rem}.filter-panel{width:100%;max-width:100%;border-radius:1rem 1rem 0 0;top:auto;bottom:0;height:85vh;transform:translateY(100%)}.filter-panel.visible{transform:translateY(0)}.header-right{gap:.25rem;justify-content:end}}@media (max-width: 440px){body{padding:.25rem .5rem .5rem}.header1{padding:8px 12px}}@media (max-width: 410px){.logo-container{gap:0}.header-right{gap:3px}}@media (max-width: 396.9px){.header-right{width:100%}}