.cofre-page { max-width: 1180px; margin: 0 auto; background:#202020; color:#f8f9fa; border-radius:8px; padding:14px; }
.cofre-hero { color:#fff; padding:.35rem 0 1rem; }
.cofre-hero h1 { margin:0 0 .35rem; color:#fff; font-size:1.75rem; }
.cofre-hero p { margin:0; color:#b9bec4; }
.cofre-shell { display:grid; grid-template-columns:300px minmax(0,1fr); gap:16px; align-items:start; }
.cofre-side { position:sticky; top:10px; display:grid; gap:12px; }
.cofre-profile, .cofre-box { background:#2b2b2b; border:1px solid rgba(255,255,255,.05); border-radius:8px; overflow:hidden; }
.cofre-profile { padding:14px; }
.cofre-profile-title { color:#9aa0a6; font-size:.72rem; font-weight:800; text-transform:uppercase; margin-bottom:10px; }
.cofre-profile-card { display:grid; grid-template-columns:64px 1fr; gap:12px; align-items:center; background:#1f1f1f; border-radius:8px; padding:10px; }
.cofre-avatar { width:64px; height:64px; border-radius:8px; background:linear-gradient(135deg,#5226a8,#24113f); display:flex; align-items:center; justify-content:center; color:#fff; font-size:1.5rem; font-weight:900; }
.cofre-profile-card strong { display:block; color:#fff; font-size:1.1rem; line-height:1.15; }
.cofre-profile-card span { display:block; color:#8f969d; font-size:.8rem; margin-top:2px; }
.cofre-stats { display:grid; grid-template-columns:1fr 1fr; gap:.65rem; margin-top:12px; }
.cofre-stat { background:#1f1f1f; border-radius:6px; padding:.7rem; }
.cofre-stat span { display:block; color:#8f969d; font-size:.68rem; text-transform:uppercase; font-weight:800; }
.cofre-stat strong { display:block; color:#fff; font-size:1.15rem; margin-top:.2rem; }
.cofre-box h2 { margin:0; padding:.7rem .85rem; color:#fff; font-size:1rem; font-weight:800; }
.cofre-box table { width:100%; border-collapse:collapse; }
.cofre-box th, .cofre-box td { border-top:1px solid rgba(255,255,255,.08); padding:.55rem .75rem; text-align:left; color:#dfe3e6; }
.cofre-box th { color:#8f969d; font-size:.68rem; text-transform:uppercase; }
.cofre-box td:last-child, .cofre-box th:last-child { text-align:right; white-space:nowrap; }
.cofre-category-main td { color:#fff; font-weight:800; }
.cofre-main { min-width:0; }
.cofre-tools { display:grid; grid-template-columns:1fr 190px; gap:.6rem; margin:0 0 1rem; }
.cofre-tools input, .cofre-tools select { border:0; border-radius:6px; padding:.65rem .75rem; background:#3a3a3a; color:#fff; }
.cofre-tools input::placeholder { color:#8f969d; }
.cofre-more { width:100%; margin-top:1rem; border:0; border-radius:6px; padding:.7rem .9rem; background:#111; color:#fff; font-weight:800; cursor:pointer; }
.cofre-alert { border:1px solid #f1c0c0; background:#fff5f5; color:#842029; border-radius:8px; padding:1rem; }
@media (max-width:720px) {
  .cofre-page { padding:10px; }
  .cofre-shell { grid-template-columns:1fr; }
  .cofre-side { position:static; }
  .cofre-tools { grid-template-columns:1fr; }
}