.admin-body { min-height: 100dvh; height: auto; overflow: auto; background: var(--bg); display: grid; grid-template-columns: 230px minmax(0,1fr); }
.admin-sidebar { position: sticky; top: 0; height: 100dvh; background: #171a1e; color: #e9edf0; padding: 18px 13px; display: flex; flex-direction: column; z-index: 20; }
.admin-sidebar .brand { padding: 0 8px 24px; gap: 9px; }.admin-sidebar .brand img { width: 30px;height:30px }.admin-sidebar .brand span { margin-left:auto; color:#6ec498; font-size:9px; font-weight:800 }
.admin-sidebar nav { display:flex;flex-direction:column;gap:3px }.admin-sidebar nav button { border:0;background:transparent;color:#9ca3aa;border-radius:6px;text-align:left;padding:10px 11px;font-size:13px }.admin-sidebar nav button:hover,.admin-sidebar nav button.active { background:#292d32;color:#fff }
.back-chat { margin-top:auto;border-top:1px solid #30343a;padding:15px 8px 2px;color:#aeb4ba;font-size:12px }
.admin-main { min-width:0 }.admin-main>header { height:76px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 28px;gap:14px;position:sticky;top:0;z-index:10 }.admin-main h1 { margin:3px 0 0;font-size:19px }.live-status { margin-left:auto;font-size:11px;color:var(--muted);display:flex;align-items:center;gap:7px }.live-status i { width:7px;height:7px;background:var(--green);border-radius:50%;box-shadow:0 0 0 4px rgba(47,156,104,.12) }
.admin-content { padding:24px;max-width:1440px;margin:auto }.admin-view { display:none }.admin-view.active { display:block }
.metric-grid { display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:18px }.metric { background:var(--surface);border:1px solid var(--border);border-radius:7px;padding:16px }.metric small { display:block;color:var(--muted);font-size:11px }.metric strong { display:block;font-size:27px;margin-top:10px }.metric em { font-style:normal;font-size:10px;color:var(--green) }
.data-panel { background:var(--surface);border:1px solid var(--border);border-radius:7px;margin-bottom:18px;padding:18px }.panel-head { display:flex;align-items:center;justify-content:space-between;margin-bottom:16px }.panel-head h2 { font-size:14px;margin:0 }.panel-head p { color:var(--muted);font-size:11px;margin:4px 0 0 }
.chart { height:220px;display:flex;align-items:flex-end;gap:7px;border-bottom:1px solid var(--border);padding-top:20px }.chart-column { flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;min-width:0 }.chart-bar-wrap { flex:1;width:min(28px,70%);display:flex;align-items:flex-end }.chart-bar { width:100%;min-height:2px;background:#3b83e6;border-radius:4px 4px 0 0;position:relative }.chart-bar.error::after { content:'';position:absolute;left:0;right:0;bottom:0;height:var(--error-height);background:#cc555c }.chart-column small { font-size:9px;color:var(--muted);white-space:nowrap }
.source-stats { display:flex;gap:10px;flex-wrap:wrap }.source-stat { flex:1;min-width:140px;background:var(--bg);border-radius:6px;padding:13px;display:flex;justify-content:space-between }.source-stat span { color:var(--muted);font-size:12px }
.toolbar { display:flex;gap:8px;margin-bottom:14px }.toolbar input { width:min(320px,100%);border:1px solid var(--border);background:var(--surface);color:var(--text);padding:9px 11px;border-radius:6px }
.table-panel { padding:0;overflow-x:auto }table { width:100%;border-collapse:collapse;min-width:760px }th,td { text-align:left;padding:12px 15px;border-bottom:1px solid var(--border);font-size:12px }th { color:var(--muted);font-size:10px;text-transform:uppercase;background:var(--bg) }tr:last-child td { border-bottom:0 }.subtext { color:var(--muted);display:block;margin-top:3px;font-size:10px }.status { display:inline-flex;padding:3px 7px;border-radius:4px;background:#e7f4ec;color:#247649;font-size:10px }.status.off { background:#f7e8e9;color:#9a3138 }.row-button { border:1px solid var(--border);background:var(--surface);border-radius:5px;padding:5px 8px;color:var(--text);font-size:11px }.risk { color:var(--danger);font-weight:700 }.notice-line { background:#fff6e8;border:1px solid #efd5ab;border-radius:7px;padding:12px 14px;margin-bottom:14px;display:flex;gap:10px;font-size:12px;color:#754711 }.notice-line span { color:#94642b }
.row-actions { display:flex;gap:5px;flex-wrap:wrap;min-width:210px }
.split-layout { display:grid;grid-template-columns:1fr 1fr;gap:18px }.admin-form { display:flex;flex-direction:column;gap:12px }.admin-form label { font-size:11px;color:var(--muted) }.admin-form input,.admin-form select,.code-output { display:block;width:100%;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:6px;padding:10px;margin-top:5px }.form-grid { display:grid;grid-template-columns:1fr 1fr;gap:10px }.code-output { height:115px;resize:vertical;margin-top:13px;font:11px/1.6 ui-monospace,monospace }.refund-total { font-size:24px;font-weight:700;margin:26px 0 10px }.refund-total small { display:block;color:var(--muted);font-size:11px;font-weight:400;margin-top:5px }
.conversation-dialog { width:min(760px,calc(100% - 24px));max-height:calc(100dvh - 30px);border-radius:8px;background:var(--surface);color:var(--text);box-shadow:var(--shadow) }.conversation-detail { padding:0 24px 24px;overflow-y:auto }.audit-message { border-top:1px solid var(--border);padding:14px 0 }.audit-message strong { font-size:11px;text-transform:uppercase;color:var(--muted) }.audit-message div { margin-top:7px;font-size:13px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere }.admin-menu { display:none }
@media(max-width:1050px){.metric-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.admin-body{display:block}.admin-sidebar{position:fixed;width:240px;transform:translateX(-102%);transition:.2s;box-shadow:var(--shadow)}.admin-sidebar.open{transform:none}.admin-menu{display:grid}.admin-main>header{padding:0 12px}.admin-content{padding:14px}.metric-grid{grid-template-columns:1fr 1fr}.metric strong{font-size:22px}.split-layout{grid-template-columns:1fr}.live-status{font-size:0}.chart{height:180px}}
@media(prefers-color-scheme:dark){.notice-line{background:#342a1c;border-color:#594626;color:#f1c47f}.notice-line span{color:#c79a5c}.status{background:#173425;color:#81caa2}.status.off{background:#3d2023;color:#e79ba0}}