.home-page{flex-direction:column;min-height:100vh;display:flex}.home-page .header{z-index:100;background-color:#fff;position:sticky;top:0;box-shadow:0 2px 6px #0000000d}.home-page .header .header-content{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex}.home-page .header .header-content .logo{color:#111827;align-items:center;font-size:1.25rem;font-weight:700;display:flex}.home-page .header .header-content .logo .logo-icon{align-items:center;margin-right:.5rem;display:flex}.home-page .header .header-content .nav{align-items:center;gap:1rem;display:flex}.home-page .header .header-content .nav .btn-primary{color:#fff;background-color:#4f46e5;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem 1rem;transition:background .2s;display:flex}.home-page .header .header-content .nav .btn-primary:hover{background-color:#4338ca}.home-page .header .header-content .nav .avatar{object-fit:cover;border:2px solid #4f46e5;border-radius:50%;width:40px;height:40px}.home-page .header .header-content .nav .admin-link{color:#f59e0b;font-weight:500}.home-page .main-content{flex:1;max-width:1200px;margin:2rem auto;padding:0 2rem}.home-page .main-content .hero{text-align:center;margin-bottom:3rem}.home-page .main-content .hero h1{color:#111827;margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.home-page .main-content .hero p{color:#4b5563;font-size:1.125rem}.home-page .main-content .top-week{margin-bottom:3rem}.home-page .main-content .top-week .top-week-header{align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.5rem;font-weight:600;display:flex}.home-page .main-content .configs-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}.home-page .main-content .no-configs{text-align:center;color:#6b7280;margin-top:3rem}.home-page .main-content .no-configs .icon-large{width:80px;height:80px;margin-bottom:1rem}.home-page .footer{text-align:center;color:#6b7280;background-color:#fff;border-top:1px solid #e5e7eb;padding:1.5rem 2rem;font-size:.875rem}@media (max-width:768px){.home-page .header-content{flex-direction:column;gap:1rem}.home-page .main-content .hero h1{font-size:2rem}.home-page .main-content .hero p{font-size:1rem}}
.badge-wrapper{margin-bottom:.5rem;display:inline-block;position:relative}.badge-wrapper .badge{color:#4f46e5;cursor:pointer;border:2px solid #0000;border-radius:999px;align-items:center;gap:.4rem;font-weight:700;transition:box-shadow .2s;display:inline-flex}.badge-wrapper .badge:hover{box-shadow:0 6px 16px #00000040}.badge-wrapper .badge.badge-small{padding:4px 8px;font-size:12px}.badge-wrapper .badge.badge-small .badge-icon-small{font-size:14px}.badge-wrapper .badge.badge-medium{padding:6px 12px;font-size:14px}.badge-wrapper .badge.badge-medium .badge-icon-medium{font-size:16px}.badge-wrapper .badge.badge-large{padding:8px 16px;font-size:16px}.badge-wrapper .badge.badge-large .badge-icon-large{font-size:20px}.badge-wrapper .badge.rarity-common{border-color:#d1d5db}.badge-wrapper .badge.rarity-rare{border-color:#60a5fa}.badge-wrapper .badge.rarity-epic{border-color:#a855f7}.badge-wrapper .badge.rarity-legendary{border-color:#facc15}.badge-wrapper .badge.rarity-mythic{border-color:#ec4899;box-shadow:0 0 12px #ec489999}
.config-card{background-color:#fff;border-radius:1rem;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 4px 12px #0000000d}.config-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001a}.config-card .top-label{color:#b45309;background-color:#fef3c7;border-radius:.5rem;margin-bottom:.5rem;padding:.25rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.config-card .config-card-header{border-bottom:1px solid #e5e7eb;padding:1rem 1.5rem}.config-card .config-card-header h3{color:#111827;margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.config-card .config-card-header .config-meta{color:#6b7280;gap:1rem;font-size:.875rem;display:flex}.config-card .config-card-header .config-meta .icon{vertical-align:middle;width:16px;height:16px;margin-right:.25rem}.config-card .config-card-body{flex-direction:column;gap:1rem;padding:1rem 1.5rem;display:flex}.config-card .config-card-body .components-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:1rem;display:grid}.config-card .config-card-body .components-grid .component-item{text-align:center;background-color:#f9fafb;border-radius:.5rem;flex-direction:column;padding:.5rem;font-size:.875rem;display:flex}.config-card .config-card-body .components-grid .component-item .label{color:#6b7280;margin-bottom:.25rem;font-weight:500}.config-card .config-card-body .components-grid .component-item .value{color:#111827;margin-bottom:.25rem;font-weight:600}.config-card .config-card-body .components-grid .component-item .price{color:#4f46e5;font-weight:600}.config-card .config-card-body .total-price{color:#111827;border-top:1px solid #e5e7eb;justify-content:space-between;padding-top:.5rem;font-size:1rem;font-weight:600;display:flex}.config-card .total-price-card{background-color:#f3f4f6;border-radius:.75rem;justify-content:space-between;padding:1rem;display:flex}.config-card .config-card-footer{border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;display:flex}.config-card .config-card-footer .votes-comments{align-items:center;gap:1.5rem;display:flex}.config-card .config-card-footer .votes-comments .votes button{cursor:pointer;color:#6b7280;background:0 0;border:none;align-items:center;padding:.25rem;transition:color .2s;display:flex}.config-card .config-card-footer .votes-comments .votes button.voted{color:#4f46e5}.config-card .config-card-footer .votes-comments .votes button .icon{width:20px;height:20px}.config-card .config-card-footer .votes-comments .votes .vote-score{margin:0 .5rem;font-weight:600}.config-card .config-card-footer .votes-comments .votes .vote-score.positive{color:#16a34a}.config-card .config-card-footer .votes-comments .votes .vote-score.negative{color:#dc2626}.config-card .config-card-footer .votes-comments .comments{color:#6b7280;align-items:center;gap:.25rem;font-size:.875rem;font-weight:500;display:flex}.config-card .config-card-footer .details-link{color:#4f46e5;align-items:center;gap:.25rem;font-size:.875rem;font-weight:500;transition:color .2s;display:flex}.config-card .config-card-footer .details-link:hover{color:#4338ca}@media (max-width:640px){.config-card .components-grid{grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}.config-card .config-card-footer{flex-direction:column;gap:.5rem}}
.filter-bar{background-color:#fff;border-radius:1rem;margin-bottom:2rem;padding:1.5rem;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 12px #0000000d}.filter-bar:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000014}.filter-bar .filter-bar-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.filter-bar .filter-bar-header .filter-title{color:#111827;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:600;display:flex}.filter-bar .filter-bar-header .filter-title .icon{color:#4f46e5;width:20px;height:20px}.filter-bar .filter-bar-header .reset-btn{color:#6b7280;cursor:pointer;background-color:#f3f4f6;border:none;border-radius:.5rem;align-items:center;gap:.25rem;padding:.25rem .75rem;font-weight:500;transition:background .2s;display:flex}.filter-bar .filter-bar-header .reset-btn:hover{background-color:#e5e7eb}.filter-bar .filter-bar-header .reset-btn .icon{width:16px;height:16px}.filter-bar .filter-fields{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin-bottom:1rem;display:grid}.filter-bar .filter-fields .filter-field{flex-direction:column;gap:.25rem;display:flex}.filter-bar .filter-fields .filter-field label{color:#6b7280;font-size:.875rem;font-weight:500}.filter-bar .filter-fields .filter-field input,.filter-bar .filter-fields .filter-field select{color:#111827;border:1px solid #e5e7eb;border-radius:.5rem;padding:.5rem .75rem;font-size:.875rem;transition:border-color .2s,box-shadow .2s}.filter-bar .filter-fields .filter-field input:focus,.filter-bar .filter-fields .filter-field select:focus{border-color:#4f46e5;outline:none;box-shadow:0 0 0 2px #4f46e533}.filter-bar .filter-actions{justify-content:flex-end;display:flex}.filter-bar .filter-actions .apply-btn{color:#fff;cursor:pointer;background-color:#4f46e5;border:none;border-radius:.5rem;padding:.5rem 1.25rem;font-weight:600;transition:background .2s}.filter-bar .filter-actions .apply-btn:hover{background-color:#4338ca}@media (max-width:640px){.filter-bar .filter-fields{grid-template-columns:1fr}.filter-bar .filter-actions{justify-content:center}}