*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f4f6fb;color:#111827}
.wrap{max-width:1260px;margin:0 auto;padding:24px}.top{display:flex;justify-content:space-between;gap:20px;align-items:center;background:#111827;color:#fff;padding:26px;border-radius:18px;margin-bottom:18px}.topActions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.tag{color:#93c5fd;text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:700}h1{font-size:36px;margin:6px 0}h2{margin:0 0 14px}p{margin:0;color:#d1d5db}button,.adminLink{background:#2563eb;color:white;border:0;border-radius:10px;padding:12px 16px;font-weight:700;cursor:pointer;text-decoration:none;font-size:14px}.secondary{background:#374151}.danger{background:#991b1b}.stats,.cards,.revenueGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.cards{grid-template-columns:repeat(4,1fr)}.card,.cards div,.panel{background:white;border-radius:16px;padding:20px;box-shadow:0 8px 24px rgba(15,23,42,.08)}.card span,.cards span,.setupGrid span,.miniMetric span{display:block;color:#6b7280;margin-bottom:8px}.card strong,.cards strong{font-size:34px}.panel{margin-bottom:18px}.panelHeader,.panelHead{display:flex;justify-content:space-between;gap:20px;align-items:center}small{color:#6b7280}.setupGrid,.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.setupGrid{grid-template-columns:repeat(4,1fr)}.setupGrid div,.miniMetric{border:1px solid #e5e7eb;border-radius:12px;padding:14px;background:#f9fafb}.tableBox{overflow-x:auto;margin-top:14px}table{width:100%;border-collapse:collapse}th,td{text-align:left;border-bottom:1px solid #e5e7eb;padding:11px;vertical-align:top}th{color:#374151;background:#f9fafb}input,textarea,select{width:100%;border:1px solid #d1d5db;border-radius:10px;padding:12px;margin-bottom:12px;font-size:15px}.mutedText{color:#6b7280;margin-bottom:14px}.notice{background:#eff6ff;border:1px solid #bfdbfe;color:#1e3a8a;border-radius:14px;padding:14px 18px;margin-bottom:18px}.successBox{background:#ecfdf5;border:1px solid #86efac;color:#064e3b;border-radius:14px;padding:14px 18px;margin-top:12px;white-space:pre-wrap}.money{color:#047857}.hot{color:#b91c1c}.warm{color:#b45309}.badge{display:inline-block;border-radius:999px;background:#e0f2fe;color:#075985;padding:4px 9px;font-size:12px;font-weight:700;text-transform:capitalize}.badge.active{background:#dcfce7;color:#166534}.badge.trial{background:#fef3c7;color:#92400e}.badge.past_due{background:#fee2e2;color:#991b1b}.badge.checkout_created{background:#dbeafe;color:#1d4ed8}.linkBox{word-break:break-all}
@media(max-width:900px){.stats,.revenueGrid,.cards{grid-template-columns:repeat(2,1fr)}.setupGrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.top,.panelHeader,.panelHead{display:block}.topActions{margin-top:16px}.stats,.cards,.grid,.setupGrid,.revenueGrid{grid-template-columns:1fr}}
.usageGood{color:#047857}.usageWarn{color:#b45309}.usageBad{color:#991b1b}

.formNote{display:block;margin:6px 0 14px;color:#6b7280}.settingsSaved{color:#047857;font-weight:700}.settingsError{color:#991b1b;font-weight:700}

.brandHeader{display:flex;align-items:center;gap:16px}
.brandLogo{width:58px;height:58px;border-radius:14px;object-fit:cover;background:#fff;display:none}
.colorPreview{height:42px;border-radius:10px;border:1px solid #d1d5db;margin-bottom:12px}

.agentGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}
.agentCard{border:1px solid #e5e7eb;border-radius:14px;padding:16px;background:#f9fafb}
.agentCard strong{display:block;font-size:18px;margin-bottom:8px}
.agentCard small{display:block;line-height:1.35}
@media(max-width:900px){.agentGrid{grid-template-columns:1fr}}

.ceoGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}
.ceoCard{background:linear-gradient(135deg,#111827,#1f2937);color:#fff;border-radius:16px;padding:20px;box-shadow:0 8px 24px rgba(15,23,42,.16)}
.ceoCard span{display:block;color:#bfdbfe;margin-bottom:8px}
.ceoCard strong{font-size:32px}
.ceoCard small{display:block;color:#d1d5db;margin-top:6px}
@media(max-width:900px){.ceoGrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.ceoGrid{grid-template-columns:1fr}}

/* === JODISIUS APPROVED INFINITY MIRROR AGENT THEME LOCK === */
:root{--ronnie-blue:#22d3ee;--ronnie-purple:#a855f7;--ronnie-bg:#020617;--ronnie-panel:rgba(2,6,23,.82);--ronnie-border:rgba(56,189,248,.32)}
body{background:#020617 url('/assets/brand/jodisius-ronnie-infinity-mirror-agent-homepage-LOCKED.png') center top/cover fixed no-repeat!important;color:#f8fafc!important;position:relative}
body:before{content:"";position:fixed;inset:0;background:linear-gradient(90deg,rgba(2,6,23,.94),rgba(2,6,23,.82)),radial-gradient(circle at 80% 0%,rgba(168,85,247,.26),transparent 42%);pointer-events:none;z-index:-1}.wrap{position:relative;z-index:1}.top{background:linear-gradient(135deg,rgba(2,6,23,.92),rgba(15,23,42,.86))!important;border:1px solid var(--ronnie-border)!important;box-shadow:0 0 44px rgba(34,211,238,.16)!important;color:#fff!important}.top:after{content:"";display:block;min-height:140px;border-radius:16px;margin-top:18px;background:url('/assets/brand/jodisius-ronnie-infinity-mirror-agent-homepage-LOCKED.png') center 30%/cover no-repeat;border:1px solid rgba(34,211,238,.35);box-shadow:inset 0 0 0 999px rgba(2,6,23,.32),0 0 35px rgba(168,85,247,.22)}
.tag{color:#67e8f9!important}.panel,.card,.cards div,.setupGrid div,.miniMetric,.agentCard{background:rgba(2,6,23,.82)!important;color:#f8fafc!important;border:1px solid var(--ronnie-border)!important;box-shadow:0 0 30px rgba(14,165,233,.11)!important}h1,h2,h3,strong{color:#fff!important}p,small,.mutedText,.card span,.cards span,.setupGrid span,.miniMetric span,.agentCard small{color:#cbd5e1!important}button,.adminLink{background:linear-gradient(135deg,#2563eb,#7c3aed)!important;color:white!important;box-shadow:0 0 22px rgba(37,99,235,.25)!important}.secondary{background:rgba(30,41,59,.95)!important}.danger{background:linear-gradient(135deg,#991b1b,#7f1d1d)!important}.notice{background:rgba(14,165,233,.12)!important;border:1px solid rgba(103,232,249,.35)!important;color:#dbeafe!important}th{background:rgba(15,23,42,.95)!important;color:#93c5fd!important}td{border-bottom:1px solid rgba(148,163,184,.2)!important;color:#e2e8f0!important}input,textarea,select{background:rgba(15,23,42,.92)!important;color:#fff!important;border:1px solid rgba(103,232,249,.28)!important}input::placeholder,textarea::placeholder{color:#94a3b8!important}.successBox{background:rgba(6,78,59,.72)!important;color:#bbf7d0!important;border:1px solid #34d399!important}.ceoCard{background:linear-gradient(135deg,rgba(2,6,23,.95),rgba(30,41,59,.85))!important;border:1px solid rgba(168,85,247,.38)!important}

.transcriptBox{margin-top:8px;max-width:360px;white-space:pre-wrap;background:#0b1220;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:10px;color:#dbeafe;font-size:12px;line-height:1.4} details summary{cursor:pointer;color:#93c5fd;font-weight:700}