* {
  box-sizing: border-box;
}
body {
  margin: 0;
  background: #090a0c;
  color: #f4f1e9;
  font-family: Inter, sans-serif;
}
header {
  height: 78px;
  padding: 0 5vw;
  border-bottom: 1px solid #ffffff12;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
header a {
  display: flex;
  align-items: center;
  gap: 12px;
  color: #fff;
  text-decoration: none;
}
header img {
  width: 45px;
  height: 45px;
  object-fit: contain;
}
header span {
  display: grid;
}
header b {
  font: 900 17px "Barlow Condensed";
}
header small {
  font-size: 7px;
  letter-spacing: 1.8px;
  color: #d5a83d;
}
header button {
  border: 1px solid #4a4230;
  background: transparent;
  color: #aaa;
  padding: 10px 14px;
  font: 800 8px Inter;
  letter-spacing: 1px;
}
.setup {
  min-height: calc(100vh - 78px);
  padding: 12vh 9vw;
  background: radial-gradient(circle at 80% 30%, #3d3011, #090a0c 45%);
}
.status-dot {
  width: 10px;
  height: 10px;
  background: #d5a83d;
  border-radius: 50%;
  box-shadow: 0 0 25px #d5a83d;
  margin-bottom: 30px;
}
.setup > small,
.login form > small,
.workspace-head small,
.admin-note small {
  font: 800 9px Inter;
  letter-spacing: 2px;
  color: #d5a83d;
}
.setup h1,
.login h1 {
  font: 900 clamp(65px, 9vw, 130px)/0.78 "Barlow Condensed";
  margin: 35px 0;
}
.setup h1 em,
.login h1 em {
  font-style: normal;
  color: #d5a83d;
}
.setup > p {
  color: #aaa;
  max-width: 620px;
  line-height: 1.8;
}
.setup-list {
  display: grid;
  max-width: 650px;
  margin-top: 50px;
  border-top: 1px solid #ffffff18;
}
.setup-list span {
  padding: 18px 0;
  border-bottom: 1px solid #ffffff18;
  font-size: 10px;
  letter-spacing: 1px;
}
.setup-list b {
  color: #d5a83d;
  margin-right: 20px;
}
.login {
  min-height: calc(100vh - 78px);
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.login-art {
  display: grid;
  place-items: center;
  background: radial-gradient(circle, #372b10, #090a0c 60%);
  position: relative;
}
.login-art img {
  width: 45%;
  filter: grayscale(1);
}
.login-art p {
  position: absolute;
  bottom: 8%;
  left: 10%;
  font: 900 40px/0.9 "Barlow Condensed";
}
.login form {
  padding: 9vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.login h1 {
  font-size: 80px;
}
.login label,
.editor-form label {
  display: grid;
  gap: 9px;
  color: #777;
  font-size: 8px;
  font-weight: 800;
  letter-spacing: 1.2px;
  margin: 10px 0;
}
.login input,
.editor-form input,
.editor-form select,
.editor-form textarea {
  width: 100%;
  border: 1px solid #303136;
  background: #0e1013;
  color: #fff;
  padding: 15px;
  font: 500 13px Inter;
  outline: none;
}
.login input:focus,
.editor-form input:focus,
.editor-form textarea:focus {
  border-color: #d5a83d;
}
.login form > button,
.editor-form > button {
  border: 0;
  background: #d5a83d;
  color: #090a0c;
  padding: 16px 20px;
  font: 900 9px Inter;
  letter-spacing: 1.2px;
  margin-top: 18px;
}
.form-message {
  font-size: 10px;
  color: #d5a83d;
  min-height: 15px;
}
.publish-toggle{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:10px!important;color:#d8d8d8!important;font-size:12px!important}.publish-toggle input{width:18px!important;height:18px!important;accent-color:#d5a83d}.editor-actions,.record-actions{display:flex;flex-wrap:wrap;gap:8px}.editor-actions button,.record-actions button,.lineup-actions button{border:1px solid #4a4230;background:#d5a83d;color:#090a0c;padding:12px 15px;font:800 9px Inter;letter-spacing:.8px;cursor:pointer}.editor-actions .secondary-action,.record-actions .secondary-action,.lineup-actions .secondary-action{background:transparent;color:#d5a83d}.record-actions .danger-action,.lineup-actions .danger-action{background:transparent;color:#ee8a8a;border-color:#703737}.record-news{align-items:center}.record-news>div:first-child{min-width:0;flex:1}.record-news p{margin:4px 0 0;color:#888;font-size:11px}.record-news .status{color:#d5a83d;font-size:9px;font-weight:800}
.workspace-status{min-height:18px;margin:14px 0 0;color:#d5a83d;font-size:12px}
.dashboard {
  min-height: calc(100vh - 78px);
  display: grid;
  grid-template-columns: 240px 1fr;
}
.dashboard aside {
  border-right: 1px solid #ffffff12;
  padding: 45px 28px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}
.dashboard aside small {
  font-size: 8px;
  color: #d5a83d;
  letter-spacing: 1.5px;
}
.dashboard aside h2 {
  font: 900 52px/0.8 "Barlow Condensed";
  margin: 18px 0 45px;
}
.dashboard nav {
  display: grid;
  gap: 5px;
}
.dashboard nav button {
  border: 0;
  border-left: 2px solid transparent;
  background: transparent;
  color: #777;
  text-align: left;
  padding: 13px;
  font: 800 8px Inter;
  letter-spacing: 1.2px;
}
.dashboard nav button.active {
  border-color: #d5a83d;
  color: #fff;
  background: #ffffff08;
}
.dashboard aside > a {
  margin-top: auto;
  color: #d5a83d;
  text-decoration: none;
  font-size: 8px;
  font-weight: 800;
}
.workspace {
  padding: 55px 6vw;
}
.workspace-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #ffffff13;
  padding-bottom: 28px;
}
.workspace-head h1 {
  font: 900 55px "Barlow Condensed";
  margin: 10px 0;
}
.secure-badge {
  font-size: 8px;
  color: #6fc78e;
  letter-spacing: 1px;
}
.panel {
  display: none;
  padding-top: 35px;
}
.panel.active {
  display: block;
}
.admin-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}
.admin-stats article {
  border: 1px solid #292b2f;
  background: #0d0f12;
  padding: 30px;
}
.admin-stats b {
  display: block;
  font: 900 65px "Barlow Condensed";
  color: #d5a83d;
}
.admin-stats span {
  font-size: 8px;
  color: #777;
  letter-spacing: 1.3px;
}
.admin-note {
  margin-top: 12px;
  padding: 50px;
  background: radial-gradient(circle at 90% 10%, #372b10, #0d0f12 50%);
  border: 1px solid #332e21;
}
.admin-note h3 {
  font: 900 55px/0.85 "Barlow Condensed";
  margin: 30px 0;
}
.admin-note p {
  color: #888;
}
.matchcenter-shortcut { border:0; background:#d5a83d; color:#090a0c; padding:15px 20px; font:900 10px Inter; letter-spacing:1.2px; cursor:pointer; }
.form-help { color:#aaa; font-size:13px; line-height:1.6; margin:0 0 18px; }
.lineup-builder{max-width:850px}.lineup-roster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:22px 0}.lineup-player{display:grid!important;grid-template-columns:auto 1fr auto;align-items:center;gap:12px!important;margin:0!important;padding:12px;border:1px solid #292b2f;background:#090b0e;color:#fff!important;font-size:13px!important;letter-spacing:0!important}.lineup-player input{width:20px;height:20px;accent-color:#d5a83d}.lineup-player span{display:grid;gap:3px}.lineup-player b{color:#d5a83d}.lineup-player select{width:auto;padding:9px;font-size:11px}.lineup-actions{display:flex;flex-wrap:wrap;gap:8px}.lineup-actions button{border:0;background:#d5a83d;color:#090a0c;padding:14px 16px;font:900 9px Inter;letter-spacing:1px;cursor:pointer}.lineup-actions .secondary-action{background:#23262c;color:#fff}.lineup-actions .danger-action{background:transparent;color:#e98b8b;border:1px solid #6b3434}
.editor-form {
  max-width: 720px;
  border: 1px solid #2d2e31;
  padding: 35px;
  background: #0d0f12;
}
.editor-form.compact {
  max-width: 540px;
}
.form-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 25px;
}
.form-head h3 {
  font: 900 30px "Barlow Condensed";
  margin: 0;
}
.form-head span {
  font-size: 8px;
  color: #d5a83d;
}
.records {
  margin-top: 22px;
  display: grid;
  gap: 6px;
}
.record {
  border: 1px solid #292b2f;
  padding: 16px 20px;
  display: flex;
  justify-content: space-between;
  color: #aaa;
  font-size: 11px;
}
.record b {
  color: #fff;
}
.player-stat-record > div { display:grid; gap:6px; }
.player-stat-record button, .quick-stat-actions button { width:auto; margin:0; padding:10px 14px; border:1px solid #d5a83d; background:transparent; color:#d5a83d; font-weight:800; cursor:pointer; }
.quick-stat-actions { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:4px 0 16px; }
.quick-stat-actions button { width:100%; }
@media (max-width: 800px) {
  .login {
    grid-template-columns: 1fr;
  }
  .login-art {
    display: none;
  }
  .login form {
    padding: 70px 7vw;
  }
  .dashboard {
    grid-template-columns: 1fr;
  }
  .dashboard aside {
    border-right: 0;
    border-bottom: 1px solid #ffffff12;
    padding: 25px;
  }
  .dashboard aside > div,
  .dashboard aside > a {
    display: none;
  }
  .dashboard nav {
    display: flex;
    overflow: auto;
    scrollbar-width: thin;
  }
  .dashboard nav button { flex:0 0 auto; font-size:10px; }
  .lineup-roster{grid-template-columns:1fr}.lineup-player{grid-template-columns:auto 1fr}.lineup-player select{grid-column:2;width:100%}.lineup-actions{display:grid}.lineup-actions button{width:100%}
  .workspace {
    padding: 40px 5vw;
  }
  .admin-stats {
    grid-template-columns: 1fr;
  }
  .workspace-head {
    align-items: flex-start;
    gap: 15px;
  }
  .secure-badge {
    display: none;
  }
  .player-stat-record { align-items:center; gap:14px; }
}