.admin-body { min-height: 100vh; overflow-x: hidden; background: #f4f1ed; }
.admin-app { display: grid; grid-template-columns: 264px minmax(0,1fr); min-height: 100vh; }
.admin-sidebar { position: sticky; top: 0; display: flex; flex-direction: column; height: 100vh; padding: 28px 20px 22px; color: #f9f5f1; background: radial-gradient(circle at 18% 8%, rgba(240,108,94,.23), transparent 28%), linear-gradient(165deg,#28232c 0%,#1c1920 100%); box-shadow: 12px 0 40px rgba(35,28,37,.1); z-index: 4; }
.admin-brand { display: flex; align-items: center; gap: 11px; color: white; text-decoration: none; font-size: 14px; font-weight: 850; letter-spacing: .08em; }
.admin-brand .brand-mark { color: white; background: linear-gradient(145deg,#f17d6e,#d95352); box-shadow: 0 10px 24px rgba(218,83,81,.28); }
.admin-brand small { display: block; margin-top: 3px; color: rgba(255,255,255,.38); font: 8px ui-monospace,monospace; letter-spacing: .2em; }
.admin-nav { display: grid; gap: 8px; margin-top: 50px; }
.admin-nav-item { position: relative; display: grid; grid-template-columns: 28px 1fr; gap: 1px 10px; width: 100%; padding: 13px 13px; border: 1px solid transparent; border-radius: 14px; color: rgba(255,255,255,.52); background: transparent; text-align: left; transition: .2s ease; }
.admin-nav-item > span { grid-row: 1 / span 2; align-self: center; color: rgba(255,255,255,.24); font: 9px ui-monospace,monospace; letter-spacing: .08em; }
.admin-nav-item b { color: inherit; font-size: 13px; letter-spacing: .02em; }
.admin-nav-item small { overflow: hidden; color: rgba(255,255,255,.3); font-size: 9px; white-space: nowrap; text-overflow: ellipsis; }
.admin-nav-item:hover { color: rgba(255,255,255,.82); background: rgba(255,255,255,.045); }
.admin-nav-item.active { color: white; border-color: rgba(255,255,255,.08); background: linear-gradient(100deg,rgba(239,105,91,.2),rgba(255,255,255,.06)); box-shadow: inset 3px 0 #ef7566; }
.admin-nav-item.active > span { color: #ef8a7e; }.admin-nav-item.active small { color: rgba(255,255,255,.5); }
.admin-sidebar-footer { display: grid; gap: 15px; margin-top: auto; padding: 16px 11px 0; border-top: 1px solid rgba(255,255,255,.08); }
.live-indicator { display: flex; align-items: center; gap: 8px; color: rgba(255,255,255,.55); font-size: 10px; }.live-indicator i { width: 7px; height: 7px; border-radius: 50%; background: #54c396; box-shadow: 0 0 0 5px rgba(84,195,150,.1); }
.admin-sidebar-footer div { display: flex; gap: 13px; }.admin-sidebar-footer a { color: rgba(255,255,255,.38); font-size: 10px; text-decoration: none; }.admin-sidebar-footer a:hover { color: white; }

.admin-main { min-width: 0; }
.admin-topbar { position: sticky; top: 0; display: flex; align-items: center; justify-content: space-between; min-height: 90px; padding: 18px clamp(24px,4vw,58px); border-bottom: 1px solid rgba(65,52,59,.08); background: rgba(244,241,237,.88); backdrop-filter: blur(18px); z-index: 3; }
.admin-kicker { color: #968c91; font: 9px ui-monospace,monospace; letter-spacing: .18em; }.admin-topbar h1 { margin: 4px 0 0; font: 500 25px Georgia,serif; letter-spacing: -.03em; }
.admin-top-actions { display: flex; align-items: center; gap: 14px; }.admin-top-actions > span { color: #968c91; font-size: 10px; }
.admin-refresh { padding: 10px 14px; border: 1px solid rgba(65,52,59,.12); border-radius: 11px; color: #433a42; background: rgba(255,255,255,.72); font-size: 11px; font-weight: 750; box-shadow: 0 7px 18px rgba(51,40,47,.06); }
.admin-content { width: min(100% - 48px,1320px); margin: 0 auto; padding: 36px 0 64px; }
.admin-panel { animation: panel-in .26s ease both; }@keyframes panel-in { from { opacity: 0; transform: translateY(8px); } }

.admin-hero-card { position: relative; display: grid; grid-template-columns: minmax(0,1fr) 180px; min-height: 250px; overflow: hidden; padding: 42px 46px; border: 1px solid rgba(68,52,62,.08); border-radius: 28px; color: white; background: radial-gradient(circle at 80% 15%,rgba(239,116,100,.2),transparent 26%), linear-gradient(135deg,#342d37,#211e24); box-shadow: 0 22px 55px rgba(48,37,44,.16); }
.hero-label { color: #f2a198; font: 9px ui-monospace,monospace; letter-spacing: .2em; }.admin-hero-card h2 { max-width: 620px; margin: 24px 0 14px; font: 500 clamp(35px,5vw,59px)/1 Georgia,serif; letter-spacing: -.045em; }.admin-hero-card p { max-width: 570px; margin: 0; color: rgba(255,255,255,.52); font-size: 13px; line-height: 1.75; }
.pulse-orbit { position: relative; display: grid; place-items: center; }.pulse-orbit::before,.pulse-orbit::after { content:""; position:absolute; border:1px solid rgba(255,255,255,.1); border-radius:50%; }.pulse-orbit::before { width: 155px; height: 155px; }.pulse-orbit::after { width: 108px; height: 108px; }.pulse-orbit span { width: 58px; height: 58px; border-radius: 50%; background: radial-gradient(circle at 34% 30%,#ffaea2,#ef6c60 55%,#ae4145); box-shadow: 0 0 0 14px rgba(239,108,96,.08),0 0 52px rgba(239,108,96,.42); animation: pulse 2.8s ease-in-out infinite; }@keyframes pulse { 50% { transform: scale(.92); box-shadow:0 0 0 22px rgba(239,108,96,.04),0 0 65px rgba(239,108,96,.5); } }

.admin-metric-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; margin-top: 18px; }
.admin-metric-card { position: relative; overflow: hidden; min-height: 140px; padding: 21px 22px; border: 1px solid rgba(68,52,62,.08); border-radius: 20px; background: rgba(255,255,255,.72); box-shadow: 0 12px 28px rgba(54,42,49,.06); }.admin-metric-card::after { content:""; position:absolute; right:-20px; bottom:-32px; width:90px; height:90px; border-radius:50%; opacity:.14; background:currentColor; }
.admin-metric-card > span { color: #8c8188; font-size: 11px; }.admin-metric-card strong { display: block; margin: 13px 0 5px; color: #342d34; font: 500 38px Georgia,serif; letter-spacing: -.04em; }.admin-metric-card small { color: #a49ba0; font-size: 9px; }.admin-metric-card.coral { color:#e86d60 }.admin-metric-card.violet { color:#8c73bc }.admin-metric-card.mint { color:#4fae89 }.admin-metric-card.amber { color:#d59a4c }
.admin-overview-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 16px; }.admin-info-card { padding: 25px; border: 1px solid rgba(68,52,62,.08); border-radius: 22px; background: rgba(255,255,255,.73); box-shadow: 0 12px 28px rgba(54,42,49,.05); }.info-card-head { display:flex; align-items:center; justify-content:space-between; margin-bottom:17px; }.info-card-head > span { font: 500 20px Georgia,serif; }.info-card-head small { color:#9a9096;font-size:10px }.health-pill { padding:6px 9px;border-radius:999px;color:#3e8e70;background:rgba(79,174,137,.11);font-size:9px; }
.health-list { display:grid; gap:5px }.health-list div { display:grid;grid-template-columns:12px 1fr auto;align-items:center;gap:9px;padding:11px 0;border-bottom:1px solid rgba(68,52,62,.06);font-size:11px }.health-list div:last-child {border:0}.health-list i {width:7px;height:7px;border-radius:50%;background:#bbb}.health-list i.ok {background:#4fae89;box-shadow:0 0 0 4px rgba(79,174,137,.1)}.health-list span {color:#746b70}.health-list strong {font-size:10px}
.quick-card button { display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 0;border:0;border-bottom:1px solid rgba(68,52,62,.06);background:none;text-align:left }.quick-card button:last-child {border:0}.quick-card button span {color:#746b70;font-size:11px}.quick-card button b {color:#d55f55;font-size:10px}.quick-card button:hover b {transform:translateX(3px)}

.admin-panel-head { display:flex;align-items:end;justify-content:space-between;gap:20px;margin:8px 0 25px }.admin-panel-head span {color:#d35f56;font:9px ui-monospace,monospace;letter-spacing:.16em}.admin-panel-head h2 {margin:8px 0 5px;font:500 clamp(34px,4vw,48px) Georgia,serif;letter-spacing:-.04em}.admin-panel-head p {margin:0;color:#8c8188;font-size:12px}.admin-inline-link {padding:9px 12px;border-radius:10px;color:#d35f56;background:rgba(239,108,96,.08);font-size:10px;text-decoration:none}
.admin-table-card { overflow:hidden;margin-bottom:17px;border:1px solid rgba(68,52,62,.08);border-radius:22px;background:rgba(255,255,255,.76);box-shadow:0 14px 34px rgba(54,42,49,.055) }.table-title {display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid rgba(68,52,62,.07)}.table-title strong {font:500 19px Georgia,serif}.table-title small {color:#9b9297;font-size:9px}.admin-table-card .table-wrap {padding:0 8px 8px}.admin-table-card table {min-width:820px}.admin-table-card th {padding:12px;color:#9b9297;background:rgba(246,243,240,.55);font-size:9px;letter-spacing:.08em}.admin-table-card td {padding:14px 12px;color:#5e555b;font-size:11px;line-height:1.55}.admin-table-card tbody tr {transition:.16s}.admin-table-card tbody tr:hover {background:rgba(239,108,96,.035)}.admin-table-card .status {font-size:10px}.admin-table-card .mono {font-size:9px}.compact-table table {min-width:680px}

@media (max-width: 980px) {
  .admin-app { grid-template-columns: 86px minmax(0,1fr); }.admin-sidebar {padding:23px 12px}.admin-brand {justify-content:center}.admin-brand > span:last-child,.admin-sidebar-footer {display:none}.admin-nav-item {display:grid;grid-template-columns:1fr;padding:12px 6px;text-align:center}.admin-nav-item > span {display:none}.admin-nav-item small {display:none}.admin-nav-item b {font-size:10px}.admin-hero-card {grid-template-columns:1fr 130px}.admin-metric-grid {grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 640px) {
  .admin-app {display:block}.admin-sidebar {position:sticky;top:0;width:100%;height:auto;padding:10px 12px;z-index:6}.admin-brand {display:none}.admin-nav {grid-template-columns:repeat(4,minmax(74px,1fr));gap:5px;margin:0;overflow:auto}.admin-nav-item {min-width:74px;padding:9px 5px;border-radius:10px}.admin-nav-item.active {box-shadow:inset 0 -2px #ef7566}.admin-topbar {top:55px;min-height:70px;padding:12px 16px}.admin-kicker,.admin-top-actions > span {display:none}.admin-topbar h1 {font-size:20px}.admin-refresh {padding:8px 10px}.admin-content {width:min(100% - 24px,1320px);padding:19px 0 44px}.admin-hero-card {display:block;min-height:220px;padding:29px 24px}.admin-hero-card h2 {font-size:37px}.pulse-orbit {display:none}.admin-metric-grid {grid-template-columns:repeat(2,1fr);gap:8px;margin-top:10px}.admin-metric-card {min-height:112px;padding:16px;border-radius:16px}.admin-metric-card strong {font-size:30px}.admin-overview-grid {grid-template-columns:1fr;gap:10px}.admin-info-card {padding:20px;border-radius:18px}.admin-panel-head {align-items:start;flex-direction:column;margin-bottom:17px}.admin-panel-head h2 {font-size:36px}.admin-table-card {border-radius:17px}.table-title {align-items:start;flex-direction:column;gap:4px;padding:16px}.admin-table-card td {padding:12px 10px}.notice {right:12px;bottom:12px;max-width:calc(100vw - 24px)}
}