.mabc-container { --mabc-bg:#fbf8f7; --mabc-card:#ffffff; --mabc-text:#000035; --mabc-muted:#444477; --mabc-line:#e5e2e0; --mabc-accent1:#ff6a6a; --mabc-accent2:#11bab5; }
.mabc-container { font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; color: var(--mabc-text); background: var(--mabc-bg); }
.mabc * { box-sizing: border-box; }
.mabc { background: var(--mabc-bg); padding: 32px; border-radius: 16px; border:1px solid var(--mabc-line); }
.mabc p.lead { color: var(--mabc-muted); margin: 0 0 20px 0; }
.mabc .row { display: grid; grid-template-columns: 1fr; gap: 24px; margin-bottom: 20px; }
@media (min-width: 900px){ .mabc .row-2 { grid-template-columns: 1fr 1fr; } .mabc .row-3 { grid-template-columns: 1fr 1fr 1fr; } .mabc .row-4 { grid-template-columns: repeat(4,1fr); } }
.mabc .card { background: var(--mabc-card); border:1px solid var(--mabc-line); border-radius: 14px; padding: 20px; margin-bottom: 20px; }
.mabc label { display:block; font-size: 12px; color: var(--mabc-muted); margin-bottom: 8px; }
.mabc input, .mabc select { width: 100%; background: #fff; color: var(--mabc-text); border:1px solid var(--mabc-line); border-radius: 10px; padding: 12px 14px; font-size: 14px; margin-bottom: 12px; }
.mabc input:focus, .mabc select:focus { outline: 2px solid var(--mabc-accent2); }
.mabc .controls { display:flex; gap:20px; align-items:center; flex-wrap:wrap; margin-bottom: 20px; }
.mabc .switch { display:flex; align-items:center; gap:8px; cursor:pointer; }
.mabc .stat { background:#f2efed; border:1px solid var(--mabc-line); border-radius:12px; padding:16px; margin-top: 10px; }
.mabc .stat .k { font-size: 11px; color: var(--mabc-muted); text-transform: uppercase; letter-spacing: .08em; }
.mabc .stat .v { font-size: 22px; font-weight: 700; margin-top: 6px; color: var(--mabc-text); }
.mabc .tabs { display:flex; gap:12px; margin-bottom:20px; }
.mabc .tab { padding:12px 16px; border-radius:10px; border:1px solid var(--mabc-line); background:#fff; cursor:pointer; color:var(--mabc-text); }
.mabc .tab.active { background: var(--mabc-accent1); border-color:var(--mabc-accent1); color:#fff; }
.mabc small.hint { color: var(--mabc-muted); font-size: 11px; margin-left: 4px; }
.mabc footer { color: var(--mabc-muted); font-size: 12px; margin-top: 24px; }