/*!************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./app/styles.css ***!
  \************************************************************************************************************************************************************************************************************************************************************/
:root{--club-primary:#0B2F5B;--club-secondary:#123F70;--club-accent:#E53935;--club-sidebar:#0B213F;--club-bg:#F5F7FB;--border:#e6ebf2;--text:#12233f;--muted:#6b778c;font-family:Inter,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--club-bg);color:var(--text)}button,input{font:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:245px 1fr}.sidebar{height:100vh;position:-webkit-sticky;position:sticky;top:0;background:var(--club-sidebar);color:#fff;padding:18px 13px;display:flex;flex-direction:column}.brand{display:flex;gap:10px;align-items:center;padding:6px 8px 20px}.logo-box{width:42px;height:42px;border-radius:11px;background:#fff;display:grid;place-items:center;overflow:hidden;font-size:22px}.logo-box img{width:100%;height:100%;object-fit:contain}.brand strong{display:block}.brand small{display:block;opacity:.65;font-size:10px;margin-top:3px}nav{display:grid;grid-gap:4px;gap:4px}.nav-item{border:0;background:transparent;color:#d9e5f3;text-align:left;padding:10px 11px;border-radius:8px;display:flex;gap:10px;cursor:pointer}.nav-item.active{background:var(--club-accent);color:#fff}.club-card{margin-top:auto;padding:13px;background:rgba(255,255,255,.08);border-radius:10px;display:flex;flex-direction:column;gap:3px}.club-card small,.club-card span{font-size:10px;opacity:.65}.content{padding:22px 24px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.topbar h1{margin:0;font-size:24px}.topbar p{margin:4px 0;color:var(--muted);font-size:12px}.top-actions{display:flex;gap:8px}.top-actions button{background:#fff;border:1px solid var(--border);border-radius:8px;padding:9px 11px}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px}.kpi-card,.panel{background:#fff;border:1px solid var(--border);border-radius:11px;padding:15px;box-shadow:0 4px 12px rgba(20,45,80,.04)}.kpi-card{min-height:118px}.kpi-card>span{display:block;color:var(--muted);font-size:11px;margin-bottom:12px}.kpi-card>strong{font-size:22px;display:block;margin-bottom:8px}.kpi-card small{color:var(--muted);font-size:10px}.green{color:#16a34a}.red{color:#ef4444}.split{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.split strong{font-size:23px}.progress{height:6px;background:#edf1f6;border-radius:50px;margin:9px 0;overflow:hidden}.progress i{display:block;width:85%;height:100%;background:var(--club-primary)}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;grid-gap:12px;gap:12px;margin-top:12px}.panel h2{font-size:14px;margin:0 0 10px}.chart{height:250px}.chart svg{width:100%;height:100%}.donut-wrap{display:flex;gap:20px;align-items:center;padding:15px 5px}.donut{width:145px;height:145px;border-radius:50%;background:conic-gradient(#3b82f6 0 45%,#22c55e 45% 65%,#f59e0b 65% 80%,#ef4444 80% 90%,#8b5cf6 90%);position:relative}.donut:after{content:'';position:absolute;inset:33px;background:#fff;border-radius:50%}.donut-wrap ul{list-style:none;padding:0;margin:0;display:grid;grid-gap:9px;gap:9px;font-size:11px;flex:1 1}.donut-wrap li{display:flex;justify-content:space-between}.row{display:grid;grid-template-columns:1.1fr 1fr auto;grid-gap:10px;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid var(--border);font-size:11px}.row span{color:var(--muted)}.row button{border:0;background:#eef4ff;color:var(--club-primary);padding:6px 9px;border-radius:7px}.alert{padding:11px 0;border-bottom:1px solid var(--border);font-size:11px}.theme-fab{position:fixed;right:22px;bottom:22px;width:50px;height:50px;border-radius:50%;border:0;background:var(--club-accent);box-shadow:0 8px 20px rgba(0,0,0,.18);cursor:pointer}.modal-bg{position:fixed;inset:0;background:rgba(0,0,0,.42);display:grid;place-items:center;padding:20px}.modal{background:#fff;width:min(560px,100%);border-radius:15px;padding:19px}.modal-head{display:flex;justify-content:space-between;align-items:center}.modal-head h2{font-size:17px}.modal-head button{border:0;background:transparent;font-size:18px}.modal label{display:grid;grid-gap:6px;gap:6px;font-size:11px;font-weight:600;margin-top:12px}.modal input{border:1px solid var(--border);padding:9px;border-radius:8px}.colors{display:grid;grid-template-columns:1fr 1fr;grid-gap:9px;gap:9px}.colors input[type=color]{height:42px;padding:3px;width:100%}.save{width:100%;margin-top:16px;border:0;background:var(--club-primary);color:#fff;padding:11px;border-radius:9px;font-weight:700}@media(max-width:1050px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}}@media(max-width:760px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.content{padding:14px}.kpi-grid{grid-template-columns:1fr}.topbar{align-items:flex-start;gap:10px}.top-actions{flex-wrap:wrap}}

/* =========================================================
   JOUeurs & STAFF
   ========================================================= */

.people-toolbar {
  display: flex;
  gap: 12px;
  align-items: center;
  margin-bottom: 20px;
  flex-wrap: wrap;
}

.people-search {
  flex: 1 1;
  min-width: 260px;
  padding: 11px 14px;
  border: 1px solid #d9dee7;
  border-radius: 8px;
  background: #fff;
}

.people-filter {
  min-width: 160px;
  padding: 11px 12px;
  border: 1px solid #d9dee7;
  border-radius: 8px;
  background: #fff;
}

.people-error {
  padding: 12px 15px;
  margin-bottom: 16px;
  border-radius: 8px;
  background: #fff1f1;
  color: #b42318;
  border: 1px solid #ffc9c9;
}

.people-table-wrap {
  overflow-x: auto;
}

.people-table {
  width: 100%;
  border-collapse: collapse;
}

.people-table th,
.people-table td {
  text-align: left;
  padding: 13px 12px;
  border-bottom: 1px solid #edf0f4;
  white-space: nowrap;
}

.people-table th {
  font-size: 12px;
  text-transform: uppercase;
  color: #687386;
  background: #f8f9fb;
}

.people-table tbody tr:hover {
  background: #fafbfc;
}

.people-table button {
  cursor: pointer;
}

/* Formulaire joueur */

.player-modal {
  width: min(950px, 94vw);
  max-height: 92vh;
  overflow-y: auto;
}

.player-form-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-gap: 16px;
  gap: 16px;
  margin-top: 20px;
}

.player-form-grid label {
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-size: 13px;
  font-weight: 600;
}

.player-form-grid input,
.player-form-grid select {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #d9dee7;
  border-radius: 7px;
  background: #fff;
  font: inherit;
}

.player-form-grid input:focus,
.player-form-grid select:focus,
.people-search:focus,
.people-filter:focus {
  outline: 2px solid var(--accent, #e53935);
  outline-offset: 1px;
}

.player-form-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 24px;
  padding-top: 18px;
  border-top: 1px solid #edf0f4;
}

/* Profil joueur */

.player-profile-modal {
  width: min(900px, 94vw);
  max-height: 90vh;
  overflow-y: auto;
}

.profile-tabs {
  display: flex;
  gap: 6px;
  margin: 20px 0;
  border-bottom: 1px solid #e6e9ef;
  overflow-x: auto;
}

.profile-tabs button {
  border: 0;
  background: transparent;
  padding: 11px 13px;
  cursor: pointer;
  white-space: nowrap;
  border-bottom: 3px solid transparent;
}

.profile-tabs button.active {
  font-weight: 700;
  border-bottom-color: var(--accent, #e53935);
}

.profile-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-gap: 14px;
  gap: 14px;
}

.profile-grid > div {
  padding: 15px;
  border: 1px solid #e6e9ef;
  border-radius: 9px;
  background: #fafbfc;
}

.profile-grid span {
  display: block;
  color: #687386;
  font-size: 12px;
  margin-bottom: 5px;
}

.profile-grid strong {
  font-size: 15px;
}

/* Responsive */

@media (max-width: 900px) {
  .player-form-grid,
  .profile-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 600px) {
  .player-form-grid,
  .profile-grid {
    grid-template-columns: 1fr;
  }

  .people-toolbar {
    align-items: stretch;
  }

  .people-search,
  .people-filter {
    width: 100%;
    min-width: 0;
  }
}

