:root{--bg:#f3f5f9;--card:#fff;--text:#1e293b;--muted:#64748b;--border:#e2e8f0;--accent:#2563eb;--accent-dark:#1d4ed8;--total:#bfdbfe;--won:#2563eb;--danger:#dc2626;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0}h1{margin:0 0 1rem}h2{margin:0 0 1rem;font-size:1.05rem}.layout{flex-direction:column;min-height:100vh;display:flex}.header{color:#fff;background:#1e3a5f;flex-wrap:wrap;align-items:center;gap:1.5rem;padding:.9rem 1.5rem;display:flex}.brand{font-size:1.15rem;font-weight:700}.nav{gap:1rem;display:flex}.nav a{color:#cbd5e1;border-bottom:2px solid #0000;padding:.25rem 0;text-decoration:none}.nav a.active{color:#fff;border-bottom-color:#7dd3fc}.main{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:1.5rem 1rem}.footer{color:var(--muted);justify-content:center;gap:1rem;padding:.75rem;font-size:.8rem;display:flex}.muted{color:var(--muted)}.panel{background:var(--card);border-radius:10px;margin-bottom:1.25rem;padding:1.25rem;overflow-x:auto;box-shadow:0 1px 4px #0000000f}.columns{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.25rem;display:grid}.kpis{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1.25rem;display:grid}.kpi{background:var(--card);border-radius:10px;flex-direction:column;gap:.25rem;padding:1.1rem 1.25rem;display:flex;box-shadow:0 1px 4px #0000000f}.kpi-value{font-size:1.9rem;font-weight:700}.kpi-label{color:var(--muted);font-size:.85rem}.chart{margin:0}.chart-bars{gap:.4rem;display:flex}.chart-column{flex-direction:column;flex:1;align-items:center;gap:.25rem;min-width:2rem;font-size:.75rem;display:flex}.chart-track{align-items:flex-end;width:100%;height:160px;display:flex}.chart-bar{background:var(--total);border-radius:4px 4px 0 0;width:100%;position:relative}.chart-bar-won{background:var(--won);border-radius:4px 4px 0 0;width:100%;position:absolute;bottom:0}.chart-value{font-weight:600}.chart-label{color:var(--muted);white-space:nowrap}.legend{color:var(--muted);gap:1rem;margin-top:.75rem;font-size:.8rem;display:flex}.legend span:before{content:"";vertical-align:-1px;border-radius:2px;width:.7rem;height:.7rem;margin-right:.3rem;display:inline-block}.legend-total:before{background:var(--total)}.legend-won:before{background:var(--won)}.table{border-collapse:collapse;width:100%;font-size:.9rem}.table th,.table td{text-align:left;border-bottom:1px solid var(--border);padding:.55rem .6rem}.table th{color:var(--muted);font-weight:600}.table .number{text-align:right}.sort-button{all:unset;cursor:pointer}.ranking{margin:0;padding-left:1.25rem}.ranking li{border-bottom:1px solid var(--border);padding:.45rem 0}.ranking li strong{float:right}.badge{border-radius:999px;padding:.15rem .5rem;font-size:.75rem;font-weight:600}.badge-won{color:#166534;background:#dcfce7}.badge-lost{color:#991b1b;background:#fee2e2}.badge-in_progress{color:#075985;background:#e0f2fe}input,select,button{font:inherit}input,select{border:1px solid var(--border);border-radius:6px;padding:.5rem .7rem}button{border:1px solid var(--border);background:var(--card);color:var(--text);cursor:pointer;border-radius:6px;padding:.5rem 1rem}button:disabled{opacity:.6;cursor:not-allowed}.primary{background:var(--accent);border-color:var(--accent);color:#fff}.primary:hover:not(:disabled){background:var(--accent-dark)}.danger{color:var(--danger);padding:.25rem .6rem;font-size:.8rem}.link-button{color:var(--muted);font-size:inherit;background:0 0;border:none;padding:0;text-decoration:underline}.inline-form,.filters{flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:1rem;display:flex}.admin-token{color:var(--muted);align-items:center;gap:.6rem;font-size:.85rem;display:flex}.notice{background:var(--card);border-radius:8px;padding:.9rem 1rem}.notice p{margin:0 0 .5rem}.notice-error{color:#991b1b;background:#fee2e2;margin-top:1rem}