.bt-container { max-width:1400px; margin:0 auto; padding:30px 20px 60px; }

/* Stats */
.bt-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-bottom:28px; }
.bt-stat { text-align:center; padding:20px 14px; border:1px solid #3a3228; border-radius:10px; background:rgba(14,12,9,.6); transition:all .3s ease; position:relative; overflow:hidden; }
.bt-stat::before { content:''; position:absolute; top:0; left:0; right:0; height:2px; opacity:0; transition:opacity .3s; }
.bt-stat:nth-child(1)::before { background:#ef5350; }
.bt-stat:nth-child(2)::before { background:#ffa726; }
.bt-stat:nth-child(3)::before { background:#66bb6a; }
.bt-stat:nth-child(4)::before { background:#4fc3f7; }
.bt-stat:hover { border-color:#5a4a30; transform:translateY(-2px); }
.bt-stat:hover::before { opacity:1; }
.bt-stat-num { display:block; font-size:36px; font-weight:700; margin-bottom:6px; }
.bt-stat-label { font-size:10px; text-transform:uppercase; letter-spacing:1.2px; color:#5a5040; font-weight:600; }
.bt-stat--open { color:#ef5350; }
.bt-stat--progress { color:#ffa726; }
.bt-stat--fixed { color:#66bb6a; }
.bt-stat--norepo { color:#4fc3f7; }

/* Filters */
.bt-filters-wrap { display:flex; justify-content:center; margin-bottom:24px; }
.bt-filters { display:flex; gap:4px; padding:4px; border:1px solid #3a3228; border-radius:30px; background:rgba(14,12,9,.5); }
.bt-filter { padding:8px 22px; border:none; border-radius:30px; background:transparent; color:#5a5040; font-size:11px; font-weight:600; text-decoration:none; text-transform:uppercase; letter-spacing:.5px; transition:all .2s; }
.bt-filter:first-child { border-radius:30px; }
.bt-filter:last-child { border-radius:30px; }
.bt-filter:hover { color:#EBD8BC; background:rgba(200,168,78,.06); }
.bt-filter.active { color:#c8a84e; background:rgba(200,168,78,.1); border:1px solid rgba(200,168,78,.4); }

/* Report button */
.bt-actions { text-align:center; margin-bottom:28px; }
.bt-btn-report { padding:14px 40px; border:1px solid #4A3E3A; border-radius:20px !important; background:rgba(74,62,58,.45); color:#B1997F; font-size:15px; font-weight:500; cursor:pointer; transition:all .3s ease; letter-spacing:.3px; }
.bt-btn-report:hover { background:rgba(74,62,58,.7); color:#fff; }
.bt-login-msg { color:#5a5040; font-size:13px; }

/* Form */
.bt-form { max-width:100%; margin:0 0 32px; padding:32px 40px; border:1px solid #3a3228; border-radius:8px; background:rgba(12,10,8,.6); }
.bt-form h3 { margin:0 0 24px; color:#c8a84e; font-size:20px; font-weight:700; text-transform:none !important; font-style:italic; }
.bt-form-group { margin-bottom:18px; }
.bt-form-group label { display:block; margin-bottom:6px; color:#8a9aaa; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:1px; }
.bt-form-group input, .bt-form-group select, .bt-form-group textarea { width:100%; padding:14px 16px; border:1px solid #3a3228; border-radius:6px; background:rgba(0,0,0,.4); color:#efe6d8; font-size:14px; font-family:inherit; resize:vertical; transition:border-color .3s ease; }
.bt-form-group input:focus, .bt-form-group select:focus, .bt-form-group textarea:focus { outline:none; border-color:#5a4a30; }
.bt-form-actions { display:flex; justify-content:center; gap:12px; margin-top:24px; }
.bt-btn-submit { padding:12px 28px; border:1px solid #3a3228; background:rgba(74,62,58,.5); color:#B1997F; font-weight:700; cursor:pointer; font-size:13px; border-radius:20px; transition:all .3s ease; }
.bt-btn-submit:hover { background:rgba(74,62,58,.9); color:#fff; }
.bt-btn-cancel { padding:12px 28px; border:1px solid #3a3228; background:transparent; color:#6b7a88; font-weight:700; cursor:pointer; font-size:13px; border-radius:20px; text-decoration:none; transition:all .3s ease; }
.bt-btn-cancel:hover { color:#efe6d8; border-color:#5a4a30; }

/* Bug List */
.bt-list { display:flex; flex-direction:column; }
.bt-item { display:grid; grid-template-columns:12px 1fr auto auto; align-items:center; gap:14px; padding:14px 18px; border-bottom:1px solid #2a2520; background:transparent; text-decoration:none; transition:all .2s; }
.bt-item:first-child { border-top:1px solid #2a2520; }
.bt-item:hover { background:rgba(200,168,78,.02); }
.bt-item__dot { width:8px; height:8px; border-radius:50%; flex-shrink:0; }
.bt-item__dot--abierto { background:#ef5350; box-shadow:0 0 4px rgba(239,83,80,.4); }
.bt-item__dot--en_progreso { background:#ffa726; box-shadow:0 0 4px rgba(255,167,38,.4); }
.bt-item__dot--corregido { background:#66bb6a; box-shadow:0 0 4px rgba(102,187,106,.4); }
.bt-item__dot--no_reproducible { background:#4fc3f7; box-shadow:0 0 4px rgba(79,195,247,.4); }
.bt-item__main { display:flex; flex-direction:column; gap:2px; min-width:0; }
.bt-item__title { color:#c8a84e; font-size:13px; font-weight:500; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.bt-item:hover .bt-item__title { color:#e0c060; text-decoration:underline; }
.bt-item__meta { color:#5a5040; font-size:11px; }
.bt-item__meta strong { color:#7a6a50; font-weight:500; }
.bt-item__stats { text-align:right; min-width:80px; }
.bt-item__comments { display:block; color:#7a6a50; font-size:11px; }
.bt-item__cat { display:block; color:#5a5040; font-size:10px; }
.bt-item__author-right { display:flex; align-items:center; gap:8px; min-width:120px; }
.bt-item__avatar { width:32px; height:32px; border-radius:4px; object-fit:cover; border:1px solid #3a3228; }
.bt-item__author-info { display:flex; flex-direction:column; }
.bt-item__author-name { color:#c8a84e; font-size:11px; font-weight:500; }
.bt-item__author-date { color:#5a5040; font-size:10px; }
.bt-empty-list { text-align:center; color:#5a5040; padding:48px 20px; font-size:14px; border:1px solid #3a3228; border-radius:8px; background:rgba(14,12,9,.7); }

/* Responsive */
@media(max-width:760px) {
  .bt-stats { grid-template-columns:repeat(2,1fr); }
  .bt-item { grid-template-columns:1fr; gap:8px; }
  .bt-item__tags { justify-content:flex-start; }
  .bt-filters { flex-wrap:wrap; }
  .bt-filter { border-radius:0 !important; border-right:1px solid rgba(185,138,49,.2) !important; }
}