.admin-shell { min-height: 100vh; background: radial-gradient(circle at 78% -14%, rgba(71,153,136,.09), transparent 35%), var(--bg); }
.admin-header { display: flex; height: 82px; align-items: center; justify-content: space-between; padding: 0 clamp(22px, 5vw, 78px); border-bottom: 1px solid var(--line); background: rgba(5,7,8,.72); backdrop-filter: blur(18px); }
.admin-header-meta { display: flex; align-items: center; gap: 25px; }.admin-back { color: var(--muted); font: 9px/1 var(--mono); letter-spacing: .11em; }.admin-back:hover { color: var(--mint); }
.admin-main { max-width: 1450px; margin: 0 auto; padding: clamp(38px, 6vw, 80px) clamp(22px, 5vw, 78px) 90px; }.admin-heading { display: flex; align-items: end; justify-content: space-between; gap: 25px; margin-bottom: 48px; }.admin-heading h1 { margin-bottom: 15px; }.admin-locked { max-width: 600px; padding: 30px; }.admin-locked h2 { margin: 18px 0 10px; font-size: 22px; font-weight: 300; }.admin-locked p { max-width: 490px; margin-bottom: 25px; color: var(--muted); font: 11px/1.7 var(--mono); }
.admin-metrics { display: grid; grid-template-columns: repeat(6, 1fr); gap: 8px; margin-bottom: 8px; }.admin-metric { min-height: 127px; padding: 18px; border: 1px solid var(--line); background: var(--panel); }.admin-metric span { display: block; color: var(--muted); font: 8px/1.3 var(--mono); letter-spacing: .1em; }.admin-metric strong { display: block; margin-top: 27px; color: var(--mint); font: 300 28px/1 var(--mono); letter-spacing: -.07em; }
.admin-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }.admin-table-panel { min-width: 0; padding: 22px; }.admin-panel-title { display: flex; align-items: start; justify-content: space-between; margin-bottom: 22px; }.admin-panel-title h2 { margin: 6px 0 0; font-size: 16px; font-weight: 400; }.admin-table-wrap { overflow-x: auto; }table { width: 100%; border-collapse: collapse; min-width: 560px; }th { padding: 0 8px 10px; border-bottom: 1px solid var(--line-strong); color: var(--muted); font: 8px/1 var(--mono); letter-spacing: .08em; text-align: left; }td { padding: 12px 8px; border-bottom: 1px solid rgba(157,255,230,.07); color: var(--muted-light); font: 9px/1.25 var(--mono); white-space: nowrap; }td:first-child { color: var(--text); }.table-status { color: var(--mint); }.table-status--pending { color: var(--acid); }.table-status--disabled { color: var(--pink); }.admin-action { padding: 5px 7px; border: 1px solid var(--line); background: transparent; color: var(--muted); font: 8px/1 var(--mono); cursor: pointer; }.admin-action:hover { border-color: var(--mint); color: var(--mint); }.plan-editor { display: grid; grid-template-columns: 1.1fr 1.1fr .65fr .8fr 1.6fr auto; gap: 6px; margin-bottom: 20px; }.plan-editor input { min-width: 0; height: 33px; padding: 0 8px; border: 1px solid var(--line); outline: 0; background: rgba(0,0,0,.22); color: var(--text); font: 8px/1 var(--mono); }.plan-editor input:focus { border-color: var(--mint); }.plan-editor .button { min-height: 33px; padding-inline: 10px; font-size: 8px; }
.admin-error { margin-top: 20px; padding: 14px 17px; border: 1px solid rgba(255,120,156,.3); color: var(--pink); font: 10px/1.5 var(--mono); }.admin-error.is-hidden { display: none; }
@media (max-width: 1080px) { .admin-metrics { grid-template-columns: repeat(3, 1fr); }.plan-editor { grid-template-columns: repeat(3, 1fr); }.plan-editor .button { grid-column: span 3; } }
@media (max-width: 720px) { .admin-header { height: 68px; padding-inline: 18px; }.admin-header-meta .live-status { display: none; }.admin-main { padding: 35px 18px 60px; }.admin-heading { display: block; margin-bottom: 34px; }.admin-heading .data-badge { display: inline-flex; margin-top: 20px; }.admin-metrics, .admin-grid { grid-template-columns: 1fr; gap: 6px; }.admin-metric { min-height: 105px; }.admin-metric strong { margin-top: 20px; }.plan-editor { grid-template-columns: 1fr 1fr; }.plan-editor .button { grid-column: span 2; } }