:root {
  --f7l-bg: #0b1d33;
  --f7l-bg-soft: #0f2a4d;
  --f7l-text: #ffffff;
  --f7l-muted: #cfd7e3;
  --f7l-accent: #ff8c1a;
  --f7l-accent-strong: #ff7a00;
  --f7l-black: #111111;
  --f7l-border: #1e3a5f;
  --f7l-shadow: 0 8px 24px rgba(0,0,0,0.25);
  --f7l-radius: 14px;
  --f7l-radius-sm: 10px;
  --f7l-gap: 14px;
  --f7l-speed: .18s;
}

.f7l-list,.f7l-jugadores,.f7l-form{color:var(--f7l-text);background:linear-gradient(180deg,var(--f7l-bg) 0%,#071527 100%);border:1px solid var(--f7l-border);border-radius:var(--f7l-radius);padding:20px;margin:18px 0;box-shadow:var(--f7l-shadow)}
.f7l-list h3,.f7l-jugadores h3{color:var(--f7l-text);margin-top:0;margin-bottom:12px;letter-spacing:.3px;font-weight:700}
.muted{color:var(--f7l-muted)}
.f7l-list ul{list-style:none;padding-left:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--f7l-gap)}
.f7l-list li{background:var(--f7l-bg-soft);border:1px solid var(--f7l-border);border-radius:var(--f7l-radius-sm);padding:12px 14px;display:flex;align-items:center;gap:10px;transition:transform var(--f7l-speed),box-shadow var(--f7l-speed),border-color var(--f7l-speed)}
.f7l-list li:hover{transform:translateY(-2px);border-color:var(--f7l-accent);box-shadow:0 6px 18px rgba(255,140,26,.18)}
.f7l-list .f7l-badge{width:34px;height:34px;border-radius:50%;object-fit:cover;flex:0 0 34px;outline:2px solid rgba(255,140,26,.25)}
.f7l-form p{margin:10px 0}
.f7l-form label{color:var(--f7l-text);font-weight:600}
.f7l-form input,.f7l-form select,.f7l-form textarea{width:100%;max-width:520px;background:#fff;color:var(--f7l-black);border:2px solid #e7e9ee;border-radius:10px;padding:10px 12px;outline:none;transition:border-color var(--f7l-speed),box-shadow var(--f7l-speed)}
.f7l-form input::placeholder,.f7l-form textarea::placeholder{color:#888}
.f7l-form input:focus,.f7l-form select:focus,.f7l-form textarea:focus{border-color:var(--f7l-accent);box-shadow:0 0 0 3px rgba(255,140,26,.25)}
.f7l-form .button,.f7l-jugadores .button,.f7l-media-btn,.f7l-btn-search,.f7l-list .button{display:inline-flex;align-items:center;gap:8px;background:var(--f7l-accent);color:var(--f7l-black);border:none;border-radius:12px;padding:10px 14px;font-weight:700;cursor:pointer;transition:transform var(--f7l-speed),box-shadow var(--f7l-speed),background var(--f7l-speed);text-decoration:none}
.f7l-form .button:hover,.f7l-jugadores .button:hover,.f7l-media-btn:hover,.f7l-btn-search:hover,.f7l-list .button:hover{transform:translateY(-1px);background:var(--f7l-accent-strong);box-shadow:0 6px 16px rgba(255,140,26,.3)}
.button-danger{background:#ff3b30 !important;color:#111 !important}
.f7l-form .button-link-delete,.f7l-media-clear{background:transparent!important;color:var(--f7l-text)!important;border:1px dashed var(--f7l-border);padding:8px 10px;border-radius:10px}
.f7l-form .button-link-delete:hover,.f7l-media-clear:hover{border-color:var(--f7l-accent);color:var(--f7l-accent)!important}
.f7l-ok{background:#e6ffed;color:#0b3d0b;border:1px solid #b5f5c9;padding:10px 12px;border-radius:10px;margin:10px 0}
.f7l-alert{background:#fff3cd;color:#5c3b00;border:1px solid #ffe08a;padding:10px 12px;border-radius:10px;margin:10px 0}
.f7l-jugadores .f7l-searchbar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}
.f7l-jugadores .f7l-q,.f7l-jugadores .f7l-fed,.f7l-jugadores .f7l-div,.f7l-jugadores .f7l-club{background:#fff;color:var(--f7l-black);border:2px solid #e7e9ee;border-radius:10px;padding:10px 12px}
.f7l-jugadores .f7l-q{min-width:260px}
.f7l-jugadores .f7l-fed{min-width:180px}
.f7l-table{width:100%;border-collapse:separate;border-spacing:0;background:var(--f7l-bg-soft);border:1px solid var(--f7l-border);border-radius:12px;overflow:hidden}
.f7l-table thead th{background:rgba(255,140,26,.15);color:var(--f7l-text);text-align:left;padding:10px 12px;border-bottom:1px solid var(--f7l-border)}
.f7l-table td{color:var(--f7l-text);padding:10px 12px;border-bottom:1px solid var(--f7l-border)}
.f7l-table tr:last-child td{border-bottom:none}
.f7l-table tbody tr:hover{background:rgba(255,140,26,.06)}
.f7l-table img,.f7l-media-wrap img{display:block;margin:6px 0;border-radius:10px;outline:2px solid rgba(255,140,26,.18)}
@media (max-width: 640px){.f7l-list,.f7l-jugadores,.f7l-form{padding:16px}.f7l-table thead{display:none}.f7l-table tr{display:block;border-bottom:1px solid var(--f7l-border)}.f7l-table td{display:flex;justify-content:space-between;gap:14px}.f7l-table td::before{content:attr(data-label);color:var(--f7l-muted);font-weight:600}}