:root { --admin-ink:#173b36; --admin-green:#2f7d68; --admin-mint:#dff2e9; --admin-sand:#f5f0e7; }
.admin-page{max-width:1180px;margin:0 auto;padding:56px 24px 80px;color:var(--admin-ink)}
.admin-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:30px}
.admin-heading h1{font-size:clamp(34px,5vw,58px);line-height:1.05;margin:6px 0 12px;letter-spacing:-.035em}
.admin-heading p{margin:0;max-width:650px;color:var(--muted)}
.admin-heading-actions{display:flex;align-items:center;gap:14px;flex-shrink:0}.admin-updated{font-size:13px;color:var(--muted)}
.admin-status{padding:18px 20px;border-radius:14px;background:var(--admin-sand);font-weight:700}
.admin-status.is-error{color:var(--danger);border:1px solid currentColor}.admin-status:empty{display:none}
.admin-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px}
.admin-kpi,.admin-panel{background:#fff;border:1px solid var(--border);border-radius:20px;box-shadow:0 10px 34px rgba(23,59,54,.06)}
.admin-kpi{padding:24px;display:flex;flex-direction:column;min-height:154px}.admin-kpi span{font-size:14px;font-weight:750;color:var(--muted)}
.admin-kpi strong{font-size:44px;line-height:1;margin:20px 0 9px;letter-spacing:-.04em}.admin-kpi small{color:var(--muted)}
.admin-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:18px}.admin-panel{padding:28px}.admin-panel-wide{min-width:0}
.admin-panel h2{font-size:24px;margin:4px 0 8px}.admin-panel-title{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.admin-panel-title strong{color:var(--admin-green)}
.admin-help{font-size:14px;color:var(--muted);margin:0 0 24px}.admin-bars{display:grid;gap:13px}.admin-bar-row{display:grid;grid-template-columns:130px 1fr 42px;gap:12px;align-items:center;font-size:14px}
.admin-bar-track{height:12px;border-radius:20px;background:#edf1ee;overflow:hidden}.admin-bar-fill{height:100%;min-width:2px;border-radius:inherit;background:linear-gradient(90deg,var(--admin-green),#62aa91)}
.admin-bar-value{text-align:right;font-weight:800}.admin-metrics{margin:20px 0 0}.admin-metrics div{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid var(--border)}
.admin-metrics div:last-child{border-bottom:0}.admin-metrics dt{color:var(--muted)}.admin-metrics dd{margin:0;font-size:19px;font-weight:800}
.admin-legend{display:flex;gap:18px;margin:14px 0 24px;font-size:13px;color:var(--muted)}.admin-legend span{display:flex;align-items:center;gap:7px}.admin-legend i{width:10px;height:10px;border-radius:3px}.is-registration{background:var(--admin-green)}.is-active{background:#d4a853}
.admin-trend{height:240px;display:flex;gap:10px;align-items:stretch;border-bottom:1px solid var(--border)}.admin-trend-week{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px}.admin-trend-bars{height:190px;width:100%;display:flex;align-items:flex-end;justify-content:center;gap:3px}.admin-trend-bar{width:min(18px,38%);min-height:2px;border-radius:5px 5px 0 0}.admin-trend-label{font-size:11px;color:var(--muted);white-space:nowrap}
.admin-privacy{margin:22px 0 12px;padding:16px 18px;border-radius:14px;background:var(--admin-mint);font-size:14px}.admin-moderation-link{font-weight:800;color:var(--admin-green)}
@media(max-width:850px){.admin-heading{align-items:flex-start;flex-direction:column}.admin-kpis{grid-template-columns:repeat(2,1fr)}.admin-grid{grid-template-columns:1fr}.admin-trend{overflow-x:auto}.admin-trend-week{min-width:44px}}
@media(max-width:520px){.admin-page{padding:36px 16px 60px}.admin-kpis{grid-template-columns:1fr}.admin-bar-row{grid-template-columns:105px 1fr 34px}.admin-panel{padding:22px}.admin-heading-actions{width:100%;justify-content:space-between}}
.admin-embedded { margin-top:48px; padding-top:38px; border-top:1px solid var(--border); }
.admin-embedded .admin-heading h2 { font-size:clamp(32px,4vw,46px); }
.admin-role-form label { display:block; margin-bottom:8px; font-weight:700; }
.admin-role-form > div { display:flex; gap:10px; }
.admin-role-form input { flex:1; min-width:0; padding:12px 14px; border:1px solid var(--border); border-radius:10px; font:inherit; }
.admin-role-list { display:grid; gap:10px; margin-top:18px; }
.admin-role-row { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:12px 14px; border:1px solid var(--border); border-radius:12px; }
.admin-role-row span { overflow-wrap:anywhere; }
@media (max-width:600px) { .admin-role-form > div, .admin-role-row { align-items:stretch; flex-direction:column; } }