body {
  font-family: Inter, Arial, sans-serif;
  background: #10132a;
  color: #fff;
  margin: 0;
}
.header-bar {
  background: linear-gradient(120deg,#254e70,#153559 80%);
  padding: 1.2em 0 1.1em 0;
  text-align: center;
}
.header-bar .logo {
  width: 64px;
}
.dash-nav-bar {
  display: flex;
  justify-content: center;
  gap: 1em;
  max-width: 900px;
  margin: 1.4em auto 1.2em auto;
}
.dash-nav-btn {
  background: #18e7d3;
  color: #10132a;
  font-weight: 600;
  text-decoration: none;
  border-radius: 2em;
  padding: .63em 1.7em;
  font-size: 1.06em;
  transition: .16s;
  border: none;
  display: inline-block;
  box-shadow: 0 1px 9px #18e7d322;
}
.dash-nav-btn.logout {
  background: #e3466c;
  color: #fff;
}
.dash-nav-btn.logout:hover {
  background: #b80b3a;
}
.dash-nav-btn:hover {
  background: #ffd700;
  color: #153559;
}
.wrap {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0;
}
.admin-panel-section {
  margin: 0 auto 1.1em auto;
  background: #181f40;
  border-radius: 1em;
  box-shadow: 0 2px 18px #0b223526;
  padding: 1.2em 1.5em .5em 1.5em;
  min-width: 350px;
}
.section-title {
  color: #18e7d3;
  font-size: 1.1em;
  font-weight: 600;
  margin-bottom: 1em;
  margin-top: .6em;
  letter-spacing: .06em;
}
.admin-stats {
  margin-bottom: .7em;
  margin-top: .2em;
}
.stat {
  display: inline-block;
  background: #153559;
  color: #18e7d3;
  font-weight: 600;
  padding: .38em 1.1em;
  margin-right: .6em;
  border-radius: 1em;
  font-size: .97em;
}
.logout-btn {
  background: #e3466c;
  color: #fff;
  font-weight: 600;
  border: 0;
  border-radius: 2em;
  padding: .42em 1.2em;
  cursor: pointer;
  font-size: .97em;
  margin-left: .8em;
  transition: .14s;
}
.logout-btn:hover {
  background: #b80b3a;
}
.draw-month label {
  color: #18e7d3;
  font-size: .97em;
  margin-right: .5em;
}
.draw-month select {
  font-size: 1em;
  border-radius: .7em;
  padding: .15em .9em;
  background: #161c39;
  color: #18e7d3;
  border: 1px solid #18e7d3;
}
table {
  width: 100%;
  border-collapse: collapse;
  font-size: .99em;
  margin: .5em 0 1em 0;
  background: transparent;
}
th, td {
  padding: .6em .3em;
  text-align: center;
}
th {
  background: #153559;
  color: #18e7d3;
  font-weight: 600;
  letter-spacing: .06em;
  border-bottom: 2px solid #122034;
}
tr:nth-child(even) { background: #161c39; }
tr:nth-child(odd) { background: #1d2247; }
tr:hover { background: #2a3164; }
.pill {
  display: inline-block;
  border-radius: 1.1em;
  font-size: .97em;
  font-weight: 700;
  padding: .16em .95em;
  min-width: 66px;
  text-align: center;
  background: #12173b;
  letter-spacing: .05em;
}
.paid { background: #18e7d350; color: #18e7d3; }
.pending { background: #ffd70020; color: #ffd700; }
.cancelled { background: #ff888820; color: #ff8888; }
.btn-action {
  border: 0;
  background: #18e7d3;
  color: #161c39;
  font-weight: 600;
  border-radius: 2em;
  padding: .3em 1em;
  font-size: .93em;
  cursor: pointer;
  margin: 0 .07em;
  transition: .13s;
  box-shadow: 0 1px 6px #10103213;
}
.btn-action:hover { background: #14baab; }
.btn-edit-tx { background: #475ffc; color: #fff; }
.btn-edit-tx:hover { background: #2a398b; }
.btn-danger { background: #e3466c; color: #fff; }
.btn-danger:hover { background: #b80b3a; }
.ticket-table {margin: .15em 0;}
input[type="text"] {
  padding: .25em .6em;
  font-size: .94em;
  border-radius: .5em;
  border: 1px solid #222;
}
a.email-link { color: #18e7d3; font-weight:600; text-decoration:underline; }
a.email-link:hover { color:#ffd700; }
@media (max-width: 900px) {
  .wrap, .admin-panel-section {padding: 0 .3em;}
  th,td{font-size:.93em;}
}
@media (max-width:600px){
  .header-bar .logo{width:45px;}
  .admin-panel-section {padding:.8em .07em;}
  table,th,td{font-size:.91em;}
  .dash-nav-bar{flex-direction:column;gap:.7em;}
}