.organic-pro .op-dashboard-page { padding: 22px 0 46px !important; }
.organic-pro .op-dashboard-container { max-width: 1480px; }
.organic-pro .op-dashboard-hero { align-items:center; background:linear-gradient(125deg,#07111f,#0a2b37 62%,#0b5258); border:1px solid rgba(103,232,249,.18); border-radius:24px; box-shadow:0 22px 55px rgba(3,12,24,.18); color:#fff; display:flex; justify-content:space-between; gap:26px; padding:32px 36px; }
.organic-pro .op-dashboard-hero h1 { color:#fff!important; font-size:clamp(27px,3vw,42px); font-weight:800; letter-spacing:-.04em; margin:0 0 9px; }
.organic-pro .op-dashboard-hero p { color:#b9c9d9!important; margin:0; }
.organic-pro .op-dashboard-hero-actions { display:flex; flex-wrap:wrap; gap:10px; }
.organic-pro .op-dashboard-kpis { display:grid; gap:14px; grid-template-columns:repeat(3,1fr); margin:16px 0; }
.organic-pro .op-kpi { align-items:center; background:#fff; border:1px solid #dbe5ee; border-radius:16px; box-shadow:0 7px 22px rgba(15,23,42,.055); display:flex; gap:13px; padding:17px; }
.organic-pro .op-kpi-icon,.organic-pro .op-panel-icon { align-items:center; background:linear-gradient(135deg,#cffafe,#ccfbf1); border-radius:11px; color:#087f96; display:inline-flex; flex:0 0 auto; height:44px; justify-content:center; width:44px; }
.organic-pro .op-kpi small,.organic-pro .op-dashboard-panel header small { color:#748397; display:block; font-size:10px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.organic-pro .op-kpi strong { color:#10243a; display:block; font-size:20px; margin-top:2px; }
.organic-pro .op-dashboard-grid { align-items:start; display:grid; gap:16px; grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr); }
.organic-pro .op-dashboard-side { display:grid; gap:16px; }
.organic-pro .op-dashboard-panel { background:#fff; border:1px solid #dbe5ee; border-radius:18px; box-shadow:0 10px 28px rgba(15,23,42,.065); overflow:hidden; }
.organic-pro .op-dashboard-panel>header { align-items:center; background:#f8fbfc; border-bottom:1px solid #e3edf1; display:flex; justify-content:space-between; padding:17px 19px; }
.organic-pro .op-dashboard-panel>header>div { align-items:center; display:flex; gap:12px; }
.organic-pro .op-dashboard-panel h2 { color:#10243a!important; font-size:16px; font-weight:800; margin:2px 0 0; }
.organic-pro .op-live-pill,.organic-pro .op-balance-chip { background:#dff9f5; border:1px solid #b6eee6; border-radius:999px; color:#0f766e; font-size:11px; font-weight:800; padding:6px 10px; }
.organic-pro .op-iframe-wrap { min-height:360px; padding:16px; position:relative; }
.organic-pro .op-iframe-wrap iframe { border:0!important; border-radius:12px; box-shadow:none!important; min-height:360px; width:100%; }
.organic-pro .op-checkin-loader { left:50%; position:absolute; top:50%; transform:translate(-50%,-50%); }
.organic-pro .op-spend-panel,.organic-pro .op-transfer-panel { padding-bottom:20px; }
.organic-pro .op-spend-total { color:#0f766e; font-size:36px; font-weight:850; letter-spacing:-.04em; padding:20px 20px 3px; }
.organic-pro .op-dashboard-panel>p,.organic-pro .op-text-link,.organic-pro .op-transfer-panel form { margin-left:20px; margin-right:20px; }
.organic-pro .op-dashboard-panel>p { color:#64748b!important; line-height:1.6; }
.organic-pro .op-text-link { color:#0891b2!important; display:inline-flex; font-size:13px; font-weight:800; gap:7px; }
.organic-pro .op-transfer-panel form { margin-top:16px; }
.organic-pro .op-transfer-panel label { color:#334155; font-size:11px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
@media(max-width:991px){.organic-pro .op-dashboard-hero{align-items:flex-start;flex-direction:column}.organic-pro .op-dashboard-grid{grid-template-columns:1fr}.organic-pro .op-dashboard-kpis{grid-template-columns:1fr}}
@media(max-width:575px){.organic-pro .op-dashboard-page{padding-top:12px!important}.organic-pro .op-dashboard-container{padding-left:12px;padding-right:12px}.organic-pro .op-dashboard-hero{border-radius:18px;padding:23px 20px}.organic-pro .op-dashboard-hero-actions{width:100%}.organic-pro .op-dashboard-hero-actions .op-action{flex:1;justify-content:center}}
