:root {
  --bg: #0D0D0D;
  --surface: rgba(255,255,255,0.045);
  --border: rgba(255,255,255,0.1);
  --text: #FFF;
  --text-2: #A5A4A5;
  --lime: #C6F42B;
}
* { margin:0; padding:0; box-sizing:border-box; }
body {
  background: var(--bg);
  background-image: radial-gradient(ellipse at 10% 0%, rgba(198,244,43,0.05), transparent 40%);
  color: var(--text);
  font-family: 'Inter', sans-serif;
  min-height: 100vh;
}
h1,h2,h3,h4,.brand { font-family:'Outfit',sans-serif; letter-spacing:-0.02em; }
h2 small { font-size:.9rem; font-weight:400; }
a { color: inherit; text-decoration: none; }
.lime { color: var(--lime); }
.muted { color: var(--text-2); }
.error { color:#ff7a7a; margin-bottom:.6rem; }

nav {
  display:flex; justify-content:space-between; align-items:center;
  padding: .9rem 2rem; border-bottom:1px solid var(--border);
  position:sticky; top:0; background:rgba(13,13,13,.85); backdrop-filter:blur(10px); z-index:10;
}
.brand { font-weight:800; font-size:1.25rem; }
.brand span { color: var(--lime); }
.brand em { font-style:normal; font-weight:400; color:var(--text-2); font-size:.85rem; margin-left:.4rem; }
.links { display:flex; gap:1.4rem; align-items:center; font-size:.92rem; }
.links a:hover { color: var(--lime); }
.btn-sm { background:var(--lime); color:#0D0D0D !important; padding:.45rem 1rem; border-radius:99px; font-weight:600; }

main { max-width:1280px; margin:0 auto; padding:2rem; }

.stats { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:1rem; margin-bottom:2rem; }
.stat { background:var(--surface); border:1px solid var(--border); border-radius:14px; padding:1.1rem 1.3rem; }
.stat b { display:block; font-family:'Outfit'; font-size:1.7rem; color:var(--lime); }
.stat span { color:var(--text-2); font-size:.85rem; }

.board { display:grid; grid-template-columns:repeat(7,1fr); gap:.8rem; align-items:start; }
.col { background:var(--surface); border:1px solid var(--border); border-radius:14px; padding:.8rem; min-height:180px; }
.col h3 { font-size:.82rem; text-transform:uppercase; letter-spacing:.1em; color:var(--text-2); margin-bottom:.7rem; }
.col h3 small { color:var(--lime); }
.col-win { border-color: rgba(198,244,43,.35); }
.col-lose { opacity:.65; }
@media (max-width:1100px){ .board { grid-template-columns:repeat(2,1fr);} }

.cardlet {
  display:block; background:rgba(255,255,255,.05); border:1px solid var(--border);
  border-radius:10px; padding:.7rem .8rem; margin-bottom:.6rem; transition:border-color .2s, transform .2s;
}
a.cardlet:hover { border-color: var(--lime); transform: translateY(-2px); }
.cardlet b { display:block; font-size:.9rem; }
.cardlet span { display:block; color:var(--text-2); font-size:.82rem; }
.cardlet small { color:var(--text-2); font-size:.72rem; }
.cardlet.file span { margin-top:.2rem; }
.pulse { animation: pulse 1.6s infinite; }
@keyframes pulse { 0%,100%{ border-color:var(--border);} 50%{ border-color:var(--lime);} }

.badge { font-size:.7rem; padding:.2rem .6rem; border-radius:99px; border:1px solid var(--border); vertical-align:middle; }
.b-borrador { color:var(--text-2); }
.b-generando { color:#0D0D0D; background:var(--lime); border-color:var(--lime); animation:pulse 1.6s infinite; }
.b-generada, .b-enviada { color:var(--lime); border-color:rgba(198,244,43,.4); }
.b-negociacion { color:#E8C167; border-color:rgba(232,193,103,.4); }
.b-ganada { color:#0D0D0D; background:var(--lime); border-color:var(--lime); }
.b-perdida { color:#ff7a7a; border-color:rgba(255,122,122,.35); }

.two-col { display:grid; grid-template-columns: 3fr 2fr; gap:2rem; margin-top:1.2rem; }
@media (max-width:900px){ .two-col { grid-template-columns:1fr; } }

.card { background:var(--surface); border:1px solid var(--border); border-radius:14px; padding:1.3rem; }
.form-lg { max-width:820px; }
.row { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
label { display:block; font-size:.85rem; color:var(--text-2); margin-bottom:.9rem; }
input, textarea, select {
  width:100%; margin-top:.3rem; padding:.65rem .8rem; border-radius:9px;
  border:1px solid var(--border); background:rgba(255,255,255,.06); color:var(--text);
  font-family:'Inter'; font-size:.92rem;
}
input:focus, textarea:focus, select:focus { outline:1px solid var(--lime); }
select option { background:#1a1a1a; }
button {
  background:var(--lime); color:#0D0D0D; font-weight:700; font-family:'Outfit',sans-serif;
  border:none; border-radius:99px; padding:.7rem 1.8rem; cursor:pointer; font-size:.95rem;
}
button:hover { transform:scale(1.02); }
button:disabled { opacity:.4; cursor:not-allowed; }
form input, form textarea { margin-bottom:.7rem; }

.log {
  background:#080808; border:1px solid var(--border); border-radius:10px;
  padding:1rem; font-size:.75rem; color:#9fdc6c; max-height:340px; overflow:auto;
  white-space:pre-wrap; word-break:break-word;
}
.timeline { margin-top:1rem; border-left:2px solid var(--border); padding-left:1rem; }
.tl { margin-bottom:.9rem; }
.tl small { color:var(--text-2); font-size:.72rem; }
.tl p { font-size:.88rem; }

body.center { display:flex; align-items:center; justify-content:center; }
.login { width:340px; text-align:center; }
.login h1 { font-size:2.2rem; margin-bottom:.2rem; }
.login p { margin-bottom:1.2rem; }
.login input { text-align:center; }
.login button { width:100%; margin-top:.4rem; }