.catalog-page{flex-direction:column;gap:24px;display:flex}.catalog-tabs-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.catalog-tabs{flex-wrap:wrap;gap:4px;display:flex}.catalog-tab{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;white-space:nowrap;padding:7px 16px;font-size:13px;font-weight:500;transition:all .15s}.catalog-tab:hover{border-color:var(--accent);color:var(--accent)}.catalog-tab.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent);font-weight:600}.catalog-search{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);align-items:center;gap:8px;min-width:240px;padding:0 14px;transition:border-color .15s;display:flex}.catalog-search:focus-within{border-color:var(--accent)}.catalog-search-input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;padding:9px 0;font-size:14px}.catalog-loading{flex-direction:column;gap:10px;display:flex}.catalog-skeleton{border-radius:var(--radius-lg);background:linear-gradient(90deg, var(--bg-surface) 25%, var(--bg-card) 50%, var(--bg-surface) 75%);background-size:200% 100%;height:100px;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.catalog-error{color:#ef4444;text-align:center;padding:24px}.catalog-empty{color:var(--text-muted);text-align:center;padding:60px;font-size:15px}.catalog-list{flex-direction:column;gap:12px;display:flex}.catalog-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);background:#0f2240a6;border:1px solid #ffffff0f;align-items:stretch;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0d}.catalog-card:before{content:"";pointer-events:none;background:linear-gradient(120deg,#0000,#ffffff0d,#0000);transition:transform .6s;position:absolute;inset:0;transform:translate(-100%)}.catalog-card:hover:before{transform:translate(100%)}.catalog-card:hover{box-shadow:inset 0 1px 0 #ffffff1a, 0 0 24px var(--accent-glow), 0 8px 32px #0006;background:#142b50d9;border-color:#00c8d44d;transform:translateY(-2px)}.catalog-card-img{background:#09182899;border-right:1px solid #ffffff0f;justify-content:center;align-items:center;width:180px;min-width:180px;display:flex;position:relative;overflow:hidden}.catalog-card-img img{object-fit:contain;width:100%;height:100%;padding:8px;display:block}.catalog-card-img-placeholder{opacity:.3;font-size:40px}.catalog-card-body{flex-direction:column;flex:1;gap:8px;padding:16px 20px;display:flex}.catalog-card-top{justify-content:space-between;align-items:center;gap:20px;display:flex}.catalog-card-category{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px;font-size:11px}.catalog-card-name{color:var(--text-primary);font-size:18px;font-weight:700}.catalog-card-tags{flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;display:flex}.catalog-card-stats{flex-wrap:wrap;gap:24px;display:flex}.catalog-stat{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.catalog-stat-label{color:var(--text-muted);white-space:nowrap;font-size:11px}.catalog-stat-value{color:var(--text-primary);font-size:18px;font-weight:800}.catalog-modal-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:200;background:#030508cc;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.catalog-modal{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:var(--radius-xl);background:#0a0f18d9;border:1px solid #ffffff1a;width:100%;max-width:820px;max-height:90vh;padding:0;overflow-y:auto;box-shadow:0 32px 80px #000c,inset 0 1px #ffffff0d}.catalog-modal-nav{background:#ffffff03;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.catalog-modal-nav-title{color:var(--text-primary);font-size:15px;font-weight:600}.catalog-modal-badge{background:var(--accent);color:#000;border-radius:999px;margin:16px 20px 0;padding:4px 12px;font-size:12px;font-weight:700;display:inline-block}.catalog-modal-img{background:var(--bg-surface);justify-content:center;align-items:center;width:100%;max-height:380px;margin-top:12px;display:flex;overflow:hidden}.catalog-modal-img img{object-fit:contain;width:100%;height:100%;display:block}.catalog-modal-stats{background:var(--border);border-radius:var(--radius-lg);border:1px solid var(--border);grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:1px;margin:20px;display:grid;overflow:hidden}.catalog-modal-stat{background:var(--bg-surface);text-align:center;padding:16px}.catalog-modal-stat-value{color:var(--text-primary);margin-bottom:4px;font-size:22px;font-weight:800}.catalog-modal-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:11px}.catalog-modal-id{text-align:center;padding:16px 20px 24px}.catalog-modal-id-value{color:var(--text-primary);font-family:monospace;font-size:20px;font-weight:800}.catalog-modal-id-label{color:var(--text-muted);margin-top:4px;font-size:12px}