@charset "UTF-8";@font-face{font-family:Inter;src:url(/fonts/Inter-Regular.otf) format("opentype");font-weight:400;font-style:normal}.logo,.logo-container .logo{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}:root{--primary-red: #ff3a3a;--primary-red-dark: #d62b2b;--primary-red-light: #ff6464;--accent-gold: #ffd700;--accent-silver: #c0c0c0;--accent-bronze: #cd7f32;--bg-primary: #0a0a0a;--bg-secondary: #111111;--bg-card: #1e1e1e;--bg-elevated: #2a2a2a;--accent-primary: var(--primary-red);--accent-secondary: var(--primary-red-light);--text-primary: rgba(255, 255, 255, .95);--text-secondary: rgba(255, 255, 255, .7);--text-tertiary: rgba(255, 255, 255, .5);--shadow-soft: 0 4px 12px rgba(0, 0, 0, .25);--shadow-strong: 0 8px 24px rgba(0, 0, 0, .3);--border-radius-sm: 6px;--border-radius-md: 8px;--border-radius-lg: 12px;--transition-fast: .2s ease;--transition-normal: .3s ease;--card-border: 1px solid rgba(255, 58, 58, .15);--primary-color: #c83232;--primary-hover: #d84242;--primary-gradient: linear-gradient(135deg, #c83232, #ff4444);--primary-hover-gradient: linear-gradient(135deg, #d84242, #ff5555);--primary-shadow: 0 4px 12px rgba(200, 50, 50, .3);--primary-hover-shadow: 0 6px 16px rgba(200, 50, 50, .4)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-gutter:stable;scrollbar-width:thin;background-color:#121212;height:100%;background-image:radial-gradient(circle at 90% 10%,rgba(200,50,50,.07),transparent 30%),radial-gradient(circle at 10% 90%,rgba(200,50,50,.05),transparent 30%)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background-color:#121212;color:var(--text-primary);line-height:1.5;font-size:16px;font-weight:400;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(circle at 90% 10%,rgba(200,50,50,.07),transparent 30%),radial-gradient(circle at 10% 90%,rgba(200,50,50,.05),transparent 30%);min-height:100%;height:100%}h1,h2,h3,h4{font-weight:600;letter-spacing:-.02em}h1,h2{position:relative}a{color:var(--primary-red-light);text-decoration:none;transition:all var(--transition-fast)}a:hover{opacity:.8}button{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;cursor:pointer;padding:10px 20px;border:none;border-radius:var(--border-radius-sm);font-weight:500;font-size:.95rem;transition:all var(--transition-normal);background-color:var(--accent-primary);color:var(--text-primary);display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:hidden}button:hover{transform:translateY(-2px);background-color:var(--primary-red-light)}button:active{transform:translateY(0);background-color:var(--primary-red-dark)}button:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.btn-primary,.btn-primary-sm{background:var(--primary-gradient);border:none;color:#fff;padding:10px 18px;border-radius:22px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:var(--primary-shadow);display:inline-flex;align-items:center;gap:8px;text-decoration:none}.btn-primary:hover,.btn-primary-sm:hover{background:var(--primary-hover-gradient);transform:translateY(-2px);box-shadow:var(--primary-hover-shadow);color:#fff}.btn-primary:active,.btn-primary-sm:active{transform:translateY(0)}.btn-secondary,.btn-secondary-sm{background:transparent;color:#ffffffe6;border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:8px 16px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px;text-decoration:none}.btn-secondary:hover,.btn-secondary-sm:hover{background:#ffffff1a;border-color:#fff6;transform:translateY(-1px);color:#fff}.btn-secondary:active,.btn-secondary-sm:active{transform:translateY(0)}.btn-primary-sm{padding:8px 14px;font-size:.85rem}.btn-secondary-sm{padding:6px 12px;font-size:.85rem}.back-button{background-color:#ff3a3a1a;color:var(--text-secondary);padding:8px 15px;display:flex;align-items:center;gap:8px;border-radius:var(--border-radius-sm);border:1px solid rgba(255,58,58,.2);font-weight:500}.back-button:hover{background-color:#ff3a3a26;color:var(--text-primary);border-color:#ff3a3a4d}.auth-button{padding:8px 16px;border-radius:var(--border-radius-sm);font-weight:500;transition:all var(--transition-fast)}.login-button{background-color:transparent;border:1px solid var(--primary-red);color:var(--primary-red)}.login-button:hover{background-color:#ff3a3a1a;transform:none}.register-button{background-color:var(--primary-red);color:#fff}.register-button:hover{background-color:var(--primary-red-light);transform:none}.sidebar-filter-button{background-color:transparent;padding:10px 16px;border-radius:0;text-align:left;justify-content:flex-start;color:var(--text-secondary);font-weight:500;border-left:3px solid transparent;box-shadow:none}.sidebar-filter-button:hover{background-color:#ff3a3a0d;color:var(--text-primary);border-left-color:#ff3a3a4d;transform:none;box-shadow:none}.sidebar-filter-button.active{background-color:#ff3a3a1a;color:var(--text-primary);border-left-color:var(--primary-red)}.card{background-color:var(--bg-card);border-radius:var(--border-radius-md);border:var(--card-border);box-shadow:var(--shadow-soft);padding:20px;position:relative;transition:all var(--transition-normal);overflow:hidden;background-image:linear-gradient(145deg,#282828cc,#141414cc)}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--primary-red);opacity:.8}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-strong)}.elevated{background-color:var(--bg-elevated);border-radius:var(--border-radius-sm);border:1px solid rgba(255,255,255,.05);padding:15px}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.divider{height:1px;background:#ff3a3a1a;margin:20px 0}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;font-size:.75rem;font-weight:700;line-height:1;border-radius:10px;background-color:var(--primary-red);color:#fff}.label{display:inline-block;padding:3px 8px;border-radius:12px;font-size:.8rem;font-weight:600;background-color:#ff3a3a1a;color:var(--primary-red-light);border:1px solid rgba(255,58,58,.2)}.search-icon{color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.search-icon:hover{color:var(--primary-red-light)}table{width:100%;border-collapse:separate;border-spacing:0;margin:20px 0}table th,table td{padding:12px 15px;text-align:left;border-bottom:1px solid rgba(255,255,255,.05)}table th{background-color:#ff3a3a0d;font-weight:600;color:var(--text-primary)}table tr:nth-child(2n){background-color:#ffffff05}table tr:hover{background-color:#ff3a3a08}::-webkit-scrollbar{width:4px;height:8px}::-webkit-scrollbar-track{background:#2323234d;border-radius:4px}::-webkit-scrollbar-thumb{background-color:#c8323266;border-radius:4px;transition:background-color .2s ease}::-webkit-scrollbar-thumb:hover{background-color:#c8323299}::-webkit-scrollbar-thumb:active{background-color:#c83232cc}.fade-in{animation:fadeIn .4s ease-out forwards}.slide-in{animation:slideIn .5s ease forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 830px){html,body{-webkit-overflow-scrolling:touch}::-webkit-scrollbar{width:4px}}@media (max-width: 480px){::-webkit-scrollbar{width:4px}}.main-footer{background-color:#191919f2!important;height:80px!important;display:flex!important;align-items:center!important;padding:0 30px!important;box-shadow:0 -2px 10px #0000001a!important;border-top:1px solid rgba(255,255,255,.05)!important;width:100%!important;flex-shrink:0!important;margin-top:auto!important;position:relative!important;transition:opacity .4s cubic-bezier(.25,.8,.25,1),transform .4s cubic-bezier(.25,.8,.25,1),visibility .4s ease!important;opacity:0;visibility:hidden;transform:translateY(20px);pointer-events:none}body.page-loading .main-footer{opacity:0!important;visibility:hidden!important;transform:translateY(20px)!important;transition:none!important}body.content-loaded .main-footer{opacity:1!important;visibility:visible!important;transform:translateY(0)!important;pointer-events:auto!important;transition:opacity .4s cubic-bezier(.25,.8,.25,1) .1s,transform .4s cubic-bezier(.25,.8,.25,1) .1s,visibility .4s ease .1s!important}body.no-footer .main-footer{display:none!important}@media (max-width: 830px){.main-footer{height:auto!important;padding:12px 16px!important}.main-footer.footer-visible{transform:translateY(0)!important}.main-footer.footer-hidden{transform:translateY(100%)!important}}@media (prefers-reduced-motion: reduce){.main-footer{transition:opacity .1s ease!important;transform:none!important}body.page-loading .main-footer,body.content-loaded .main-footer{transform:none!important}}:host ::ng-deep .main-footer{position:relative!important;bottom:auto!important;left:auto!important;right:auto!important;z-index:auto!important;background-color:#191919f2!important;display:flex!important;align-items:center!important;padding:15px 20px!important;box-shadow:0 -2px 10px #0000001a!important;border-top:1px solid rgba(255,255,255,.05)!important;flex-shrink:0!important;margin-top:auto!important;order:999!important;transition:opacity .4s cubic-bezier(.25,.8,.25,1),transform .4s cubic-bezier(.25,.8,.25,1),visibility .4s ease!important}@media (max-width: 830px){body.category-detail-open .main-footer{display:none!important;opacity:0!important;visibility:hidden!important;transform:translateY(100%)!important;pointer-events:none!important;transition:none!important}body.hide-footer-immediate .main-footer{display:none!important;opacity:0!important;visibility:hidden!important;transform:translateY(100%)!important;pointer-events:none!important;transition:none!important;animation:none!important}}@media (max-width: 830px){.results-container .main-footer{display:none!important}}@media (max-width: 830px){:host ::ng-deep app-category-detail~.main-footer{display:none!important}}@media (max-width: 830px){:host ::ng-deep .category-detail-view~.main-footer{display:none!important}}@media (max-width: 830px){.home-page .main-footer{display:flex!important;position:relative!important;opacity:1!important;visibility:visible!important;transform:none!important;pointer-events:auto!important}}@media (max-width: 830px){.home-page.category-detail-open .main-footer{display:none!important}}