.codes-page{display:flex;flex-direction:column;gap:1rem}.codes-header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:.75rem}.codes-header h1{margin:0;font-size:clamp(1.45rem,4vw,1.75rem);color:var(--gold);letter-spacing:.03em}.codes-lead{margin:.35rem 0 0;font-size:.875rem}.codes-filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.65rem 1rem;padding:.85rem 1rem;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--surface)}.codes-filters label{display:flex;flex-direction:column;gap:.3rem;font-size:.8125rem;color:var(--muted);min-width:9rem}.codes-filters select{min-width:10rem;padding:.45rem .55rem;font-size:.9375rem;color:var(--text);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm)}.codes-filters-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-left:auto}.codes-empty{align-items:center;gap:.85rem;padding:2rem 1rem;border-radius:var(--radius-md);border:1px solid transparent;background:var(--surface);text-align:center}.codes-empty,.codes-list{display:flex;flex-direction:column}.codes-list{list-style:none;margin:0;padding:0;gap:.55rem}.codes-card{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.85rem 1rem;border-radius:var(--radius-md);border:1px solid transparent;background:var(--surface);text-decoration:none;color:inherit;transition:border-color .15s ease,box-shadow .15s ease}.codes-card:hover{box-shadow:var(--shadow-gold)}.codes-card-title{margin:0;font-size:.9875rem;font-weight:600}.codes-card-meta{margin:.25rem 0 0;font-size:.8125rem}.codes-card-time{flex-shrink:0;font-size:.75rem}.codes-pager{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.65rem;padding-top:.5rem}.codes-pager-info{font-size:.8125rem;min-width:6rem;text-align:center}.button--ghost{opacity:.4;pointer-events:none}