* { box-sizing: border-box; }
[hidden] { display: none !important; }
html, body { min-width: 0; margin: 0; background: #030304; color: #f2f2ef; font-family: Inter, sans-serif; }
.admin-header { position: sticky; z-index: 10; top: 0; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; min-height: 68px; padding: 0 clamp(18px,4vw,58px); border-bottom: 1px solid #252525; background: rgba(3,3,4,.96); font: 13px/1.4 'Courier New',monospace; letter-spacing: .14em; text-transform: uppercase; }
.admin-header a { color: inherit; text-decoration: none; }
.admin-header span { justify-self: center; }
.admin-header button { justify-self: end; padding: 0; border: 0; background: none; color: #aaa; font: inherit; letter-spacing: inherit; text-transform: uppercase; cursor: pointer; }
.admin-main { width: min(1240px,calc(100% - 48px)); margin: 0 auto; padding: clamp(48px,6vw,82px) 0 80px; }
.admin-intro { padding-bottom: 38px; border-bottom: 1px solid #303030; }
.admin-intro > p:first-child,.admin-section-heading p,.admin-generated,.admin-note { color: #777; font: 13px/1.55 'Courier New',monospace; letter-spacing: .13em; text-transform: uppercase; }
.admin-intro h1 { margin: 10px 0 14px; font: 400 clamp(34px,5vw,64px)/1.05 Michroma,sans-serif; letter-spacing: .035em; text-transform: uppercase; }
.admin-status { margin: 0; color: #aaa; font-size: 14px; }
.admin-button { min-height: 44px; margin-top: 22px; padding: 0 18px; border: 1px solid #555; background: transparent; color: #eee; font: 13px 'Courier New',monospace; letter-spacing: .13em; text-transform: uppercase; cursor: pointer; }
.admin-window { padding: 42px 0 48px; border-bottom: 1px solid #292929; }
.admin-section-heading { display: grid; grid-template-columns: 42px 1fr; gap: 18px; align-items: baseline; margin-bottom: 24px; }
.admin-section-heading p { margin: 0; }
.admin-section-heading h2 { margin: 0; font: 400 clamp(20px,2.5vw,30px)/1.2 Michroma,sans-serif; letter-spacing: .035em; text-transform: uppercase; }
.admin-metrics { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1px; background: #292929; border: 1px solid #292929; }
.admin-metric { min-height: 118px; padding: 20px; background: #070708; }
.admin-metric span,.admin-funnel span,.admin-cost span { display: block; color: #858585; font: 12px/1.5 'Courier New',monospace; letter-spacing: .11em; text-transform: uppercase; }
.admin-metric strong { display: block; margin-top: 18px; font: 400 clamp(22px,3vw,36px)/1 Michroma,sans-serif; }
.admin-funnel { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 1px; background: #292929; border: 1px solid #292929; }
.admin-funnel div { min-height: 100px; padding: 18px; background: #070708; }
.admin-funnel strong { display: block; margin-top: 14px; font: 400 24px/1 Michroma,sans-serif; }
.admin-cost { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1px; max-width: 820px; background: #292929; border: 1px solid #292929; }
.admin-cost div { padding: 20px; background: #070708; }
.admin-cost strong { display: block; margin-top: 14px; font: 400 clamp(18px,2vw,28px)/1.1 Michroma,sans-serif; }
.admin-note { max-width: 760px; margin: 18px 0 0; letter-spacing: .08em; text-transform: none; }
.admin-table-wrap { overflow-x: auto; }
table { width: 100%; border-collapse: collapse; min-width: 780px; }
th,td { padding: 14px 12px; border-bottom: 1px solid #262626; text-align: left; }
th { color: #777; font: 12px/1.4 'Courier New',monospace; letter-spacing: .11em; text-transform: uppercase; }
td { color: #c6c6c2; font-size: 12px; }
td:first-child,td:last-child { font-family: 'Courier New',monospace; text-transform: uppercase; }
.admin-generated { margin: 24px 0 0; }
@media (max-width: 760px) {
  .admin-header { grid-template-columns: 1fr auto; min-height: 62px; }
  .admin-header span { display: none; }
  .admin-main { width: min(100% - 28px,1240px); padding-top: 42px; }
  .admin-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .admin-funnel { grid-template-columns: 1fr 1fr; }
  .admin-cost { grid-template-columns: 1fr; }
}
