:root{--oc-dark:#111827;--oc-soft:#f5f7fb;--oc-yellow:#ffd000;--oc-border:#e7ecf3}.oc-admin{background:var(--oc-soft);min-height:100vh}.oc-sidebar{position:fixed;left:0;top:0;bottom:0;width:286px;background:linear-gradient(180deg,#111827,#0b1220);color:#fff;padding:20px;overflow:auto;z-index:30}.oc-brand{display:flex;align-items:center;gap:12px;margin-bottom:18px}.oc-brand-icon{display:grid;place-items:center;width:44px;height:44px;background:var(--oc-yellow);border-radius:16px}.oc-brand strong{display:block;font-size:1.25rem}.oc-brand small{display:block;color:#9ca3af}.oc-profile{background:#1f2937;color:#fff;border:1px solid #334155}.oc-profile small{color:#a7b0c0}.oc-menu .menu-label{color:#94a3b8}.oc-menu a{display:flex;align-items:center;gap:10px;border-radius:14px;color:#dbe4ef}.oc-menu a:hover,.oc-menu a.is-active{background:var(--oc-yellow);color:#111827;font-weight:800}.oc-main{margin-left:286px;min-height:100vh;padding:24px}.oc-top-hero{border-radius:26px;background:linear-gradient(135deg,#fff,#fef3c7);border:1px solid var(--oc-border);box-shadow:0 18px 40px #0f172a0d}.oc-card,.oc-kpi{border:1px solid var(--oc-border);border-radius:24px;box-shadow:0 16px 40px #0f172a0d}.oc-kpi .heading{color:#64748b}.oc-chart{height:220px;display:flex;align-items:flex-end;gap:12px;background:#f8fafc;border-radius:20px;padding:20px}.oc-chart i{display:block;flex:1;border-radius:14px;background:linear-gradient(180deg,#ffd000,#f59e0b)}.oc-status{background:linear-gradient(135deg,#ecfeff,#fff)}.oc-results .result{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--oc-border);border-radius:16px;padding:12px;margin-top:10px}.oc-results img{width:58px;height:58px;object-fit:contain}.oc-results div{flex:1}.mobile-menu{display:none;position:fixed;right:18px;bottom:18px;width:56px;height:56px;border-radius:999px;z-index:50;box-shadow:0 16px 35px #0003}.oc-overlay{display:none}.oc-footer{background:transparent;padding:1.5rem}.oc-login-page{min-height:100vh;background:radial-gradient(circle at top,#fff3b0,#f5f7fb 48%,#e5e7eb)}.min-vh{min-height:100vh}.oc-login-card{border-radius:30px;border:1px solid var(--oc-border);box-shadow:0 30px 80px #0f172a26}.oc-login-logo{font-size:3rem}@media(max-width:1023px){.oc-sidebar{transform:translateX(-105%);transition:.25s ease;width:88vw;max-width:340px}.menu-open .oc-sidebar{transform:translateX(0)}.menu-open .oc-overlay{display:block;position:fixed;inset:0;background:#0008;z-index:20}.oc-main{margin-left:0;padding:14px;padding-bottom:88px}.mobile-menu{display:block}.oc-top-hero{border-radius:20px}.title.is-3{font-size:1.55rem}.oc-chart{height:160px}}@media(max-width:640px){.oc-main{padding:10px}.box{padding:1rem}.table{font-size:.85rem}.button.is-fullwidth{white-space:normal;height:auto}.hero-body{padding:1.5rem 1rem}}


/* V3.8 ULTRA */
.oc-kpi-ultra{position:relative;overflow:hidden;transition:.22s ease}.oc-kpi-ultra:hover{transform:translateY(-4px);box-shadow:0 22px 55px #0f172a18}.oc-kpi-icon{width:48px;height:48px;border-radius:18px;display:grid;place-items:center;background:#fff7cc;font-size:1.45rem;box-shadow:inset 0 0 0 1px #ffe58a}.oc-mini-row{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--oc-border)}.oc-mini-row:last-child{border-bottom:0}.oc-menu a{transition:.18s ease}.oc-menu a:hover{transform:translateX(4px)}.oc-menu a.is-active{box-shadow:0 8px 22px #ffd00045}.oc-admin .button{border-radius:14px}.oc-main canvas{max-width:100%}
html.oc-dark{--oc-soft:#0f172a;--oc-border:#243044}html.oc-dark .oc-admin{background:#0f172a;color:#e5e7eb}html.oc-dark .oc-top-hero{background:linear-gradient(135deg,#1f2937,#111827);border-color:#334155}html.oc-dark .oc-card,html.oc-dark .oc-kpi,html.oc-dark .box{background:#111827;color:#e5e7eb;border-color:#334155}html.oc-dark .title,html.oc-dark strong,html.oc-dark .subtitle{color:#f8fafc}html.oc-dark .table{background:#111827;color:#e5e7eb}html.oc-dark .table thead th{color:#f8fafc}html.oc-dark .table.is-striped tbody tr:not(.is-selected):nth-child(even){background:#182235}html.oc-dark .button.is-light{background:#1f2937;color:#f8fafc;border-color:#334155}html.oc-dark .oc-kpi-icon{background:#273448}
@media(max-width:768px){.oc-kpi-icon{width:42px;height:42px}.oc-mini-row{font-size:.9rem}.oc-top-hero .buttons{width:100%}.oc-top-hero .buttons .button{flex:1}.columns{margin-left:0;margin-right:0}.column{padding-left:.35rem;padding-right:.35rem}}

/* V3.9 ENTERPRISE */
.oc-enterprise-hero{background:linear-gradient(135deg,#fff7cc,#ffffff 50%,#ecfeff)}
.oc-plan-card{height:100%;border:1px solid var(--oc-border);transition:.22s ease}
.oc-plan-card:hover{transform:translateY(-5px);box-shadow:0 24px 70px #0f172a18}
.oc-check-list{list-style:none;margin:0;padding:0}.oc-check-list li{padding:9px 0;border-bottom:1px solid var(--oc-border)}
.oc-phone-preview{max-width:360px;margin:auto;background:#0b1220;border-radius:42px;padding:14px;box-shadow:0 35px 90px #0f172a55;border:8px solid #111827}
.oc-phone-top{width:90px;height:6px;background:#334155;border-radius:999px;margin:0 auto 12px}
.oc-phone-screen{background:#f8fafc;border-radius:30px;padding:18px;min-height:610px;color:#0f172a}
.oc-app-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.oc-app-header strong{font-size:.8rem;background:#dcfce7;color:#166534;padding:5px 9px;border-radius:999px}
.oc-app-card{border-radius:24px;padding:18px;margin-bottom:14px;background:#fff;border:1px solid #e7ecf3}.oc-app-card.is-yellow{background:linear-gradient(135deg,#ffd000,#ffb000)}.oc-app-card h3{font-size:2rem;font-weight:900;margin:4px 0;color:#111827}
.oc-app-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.oc-app-grid div{background:#fff;border-radius:18px;padding:14px;text-align:center;border:1px solid #e7ecf3}.oc-app-grid strong{display:block;font-size:1.4rem}.oc-app-grid small{display:block;color:#64748b}
.oc-app-list{margin-top:16px}.oc-app-list p{background:#fff;border-radius:14px;padding:12px;margin:9px 0;border:1px solid #e7ecf3}
html.oc-dark .oc-phone-screen{background:#0f172a;color:#e5e7eb}html.oc-dark .oc-app-grid div,html.oc-dark .oc-app-list p{background:#111827;border-color:#334155}html.oc-dark .oc-enterprise-hero{background:linear-gradient(135deg,#1f2937,#111827)}
@media(max-width:768px){.oc-phone-preview{max-width:320px;border-width:6px}.oc-phone-screen{min-height:auto}.oc-plan-card{text-align:center}}

/* V4.0 API Afiliados */
.oc-card-pro{border:1px solid rgba(0,0,0,.06);border-radius:20px;box-shadow:0 16px 40px rgba(15,23,42,.08)}
.api-provider-card{border-radius:18px;min-height:360px}
.price-history-row{padding:.75rem 0;border-bottom:1px solid rgba(0,0,0,.08)}
.price-history-row:last-child{border-bottom:0}
.oc-dark .oc-card-pro{background:#111827;color:#e5e7eb;border-color:rgba(255,255,255,.08)}
.oc-dark .price-history-row{border-color:rgba(255,255,255,.1)}
.oc-dark .table{background:#111827;color:#e5e7eb}
.oc-dark .table thead th{color:#f9fafb}
@media(max-width:768px){.api-provider-card{min-height:auto}.oc-card-pro{border-radius:16px}.table-container{font-size:.88rem}}

.ml-product-card{border:1px solid rgba(15,23,42,.08);border-radius:18px;box-shadow:0 10px 30px rgba(15,23,42,.06)}
.ml-product-card img{object-fit:contain;background:#f8fafc;border-radius:12px}.gap-3{gap:.75rem}
/* V4.2 OAuth + Tokens + Produtos + Analytics + Mobile */
.mini-kpi{border-radius:18px;background:linear-gradient(180deg,#fff,#f7f8fb);box-shadow:0 10px 28px rgba(15,23,42,.07)}
.mini-kpi small{display:block;color:#64748b;font-weight:700}.mini-kpi strong{display:block;font-size:1.55rem;color:#0f172a;margin-top:4px}
.oc-kpi{border-radius:22px;background:linear-gradient(135deg,#fff7d6,#fff);box-shadow:0 16px 40px rgba(15,23,42,.08)}
.oc-kpi small{display:block;color:#64748b}.oc-kpi strong{display:block;font-size:2rem;color:#0f172a;margin:.25rem 0}
.ml-product-card{border-radius:18px;border:1px solid rgba(148,163,184,.2);box-shadow:0 12px 30px rgba(15,23,42,.06)}
.oc-mobile-tabs{display:flex;justify-content:space-between;gap:8px;background:#0f172a;color:#fff;border-radius:20px;padding:10px 14px;margin-bottom:12px}.oc-mobile-tabs span{background:rgba(255,255,255,.12);width:38px;height:38px;display:grid;place-items:center;border-radius:14px}
.oc-dark .mini-kpi,.oc-dark .oc-kpi,.oc-dark .ml-product-card{background:#111827;color:#e5e7eb;border-color:#334155}.oc-dark .mini-kpi strong,.oc-dark .oc-kpi strong{color:#fff}.oc-dark .mini-kpi small,.oc-dark .oc-kpi small{color:#cbd5e1}
@media(max-width:768px){.is-flex.gap-2{flex-direction:column}.is-flex.gap-2 .input{max-width:100%!important}.mini-kpi strong{font-size:1.25rem}.oc-kpi strong{font-size:1.45rem}}
/* V4.3 ULTRA AI */
.ai-card{background:linear-gradient(135deg,#fff,#fff7d6);border:1px solid rgba(255,193,7,.25)}
.thumb-ai{width:42px;height:42px;border-radius:12px;object-fit:cover;background:#f3f4f6}
.loja-card{border:1px solid rgba(15,23,42,.08);box-shadow:0 10px 30px rgba(15,23,42,.06)}
.oc-dark .ai-card,.oc-dark .loja-card{background:#111827;border-color:#263244;color:#e5e7eb}
.gap-2{gap:.5rem}.gap-3{gap:.75rem}
@media(max-width:768px){.thumb-ai{width:34px;height:34px}.table-container{overflow:auto}.oc-card .title{font-size:1.15rem}}


/* =========================================================
   V4.4 PREMIUM CSS - Admin SaaS Profissional
   ========================================================= */
:root{
  --oc-dark:#09111f;
  --oc-dark-2:#111827;
  --oc-soft:#f3f6fb;
  --oc-yellow:#ffd000;
  --oc-yellow-2:#ffb703;
  --oc-blue:#2563eb;
  --oc-purple:#7c3aed;
  --oc-green:#10b981;
  --oc-red:#ef4444;
  --oc-border:#e5edf7;
  --oc-text:#122033;
  --oc-muted:#64748b;
  --oc-shadow:0 22px 65px rgba(15,23,42,.12);
  --oc-shadow-soft:0 12px 34px rgba(15,23,42,.08);
}
html{scroll-behavior:smooth}
.oc-admin{background:
  radial-gradient(circle at 82% 0%,rgba(255,208,0,.22),transparent 26%),
  radial-gradient(circle at 12% 18%,rgba(37,99,235,.10),transparent 28%),
  linear-gradient(180deg,#f8fbff 0%,#eef3fa 100%);
  color:var(--oc-text);
}
.oc-sidebar{
  width:296px;
  background:
    radial-gradient(circle at 18% 0%,rgba(255,208,0,.18),transparent 25%),
    linear-gradient(180deg,#101827 0%,#080f1d 55%,#050a13 100%);
  border-right:1px solid rgba(255,255,255,.08);
  box-shadow:18px 0 55px rgba(2,6,23,.18);
  padding:22px 18px;
}
.oc-main{margin-left:296px;padding:28px;}
.oc-brand{padding:8px 6px 18px;border-bottom:1px solid rgba(255,255,255,.08)}
.oc-brand-icon{width:50px;height:50px;border-radius:18px;background:linear-gradient(135deg,#ffdd2d,#ffad00);box-shadow:0 12px 28px rgba(255,208,0,.26)}
.oc-brand strong{letter-spacing:-.03em;font-size:1.35rem;color:#fff}.oc-brand small{color:#b6c2d4}
.oc-profile{background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:22px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06);backdrop-filter:blur(8px)}
.oc-profile strong{color:#fff}.oc-profile small{color:#c5cfdd}
.oc-menu .menu-label{color:#93a4ba;font-size:.72rem;letter-spacing:.14em;margin:20px 4px 10px}
.oc-menu ul{display:grid;gap:8px}
.oc-menu a{min-height:42px;border-radius:17px!important;padding:10px 14px!important;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.075);color:#e8eef7!important;font-weight:750;box-shadow:inset 0 1px 0 rgba(255,255,255,.04);transition:transform .18s ease,background .18s ease,box-shadow .18s ease,color .18s ease}
.oc-menu a:hover{transform:translateX(6px);background:rgba(255,208,0,.18);box-shadow:0 12px 25px rgba(0,0,0,.16);color:#fff!important}
.oc-menu a.is-active{background:linear-gradient(135deg,#ffdf3b,#ffb300)!important;color:#101827!important;border-color:rgba(255,208,0,.8);box-shadow:0 12px 32px rgba(255,208,0,.33);font-weight:900}
.oc-top-hero,.oc-enterprise-hero{
  border-radius:30px!important;
  background:linear-gradient(135deg,#ffffff 0%,#fff7d6 58%,#eaf5ff 100%)!important;
  border:1px solid rgba(255,255,255,.9)!important;
  box-shadow:var(--oc-shadow)!important;
  position:relative;overflow:hidden;
}
.oc-top-hero:before,.oc-enterprise-hero:before{content:"";position:absolute;right:-80px;top:-100px;width:260px;height:260px;background:radial-gradient(circle,rgba(255,208,0,.34),transparent 70%);pointer-events:none}
.oc-top-hero .title,.oc-enterprise-hero .title{letter-spacing:-.045em;color:#0f172a}.subtitle{color:#56657a}
.oc-card,.oc-card-pro,.box,.oc-kpi,.mini-kpi,.oc-plan-card,.oc-plan-public,.ml-product-card,.loja-card,.ai-card{
  border-radius:26px!important;
  border:1px solid rgba(226,232,240,.95)!important;
  box-shadow:var(--oc-shadow-soft)!important;
  background:rgba(255,255,255,.88)!important;
  backdrop-filter:blur(10px);
}
.oc-card:hover,.oc-card-pro:hover,.oc-kpi:hover,.mini-kpi:hover,.ml-product-card:hover,.loja-card:hover,.ai-card:hover{transform:translateY(-3px);box-shadow:0 28px 75px rgba(15,23,42,.15)!important;transition:.2s ease}
.oc-kpi,.mini-kpi{background:linear-gradient(180deg,#fff,#fbfdff)!important;position:relative;overflow:hidden}.oc-kpi:after,.mini-kpi:after{content:"";position:absolute;right:-20px;top:-25px;width:88px;height:88px;border-radius:50%;background:rgba(255,208,0,.18)}
.oc-kpi strong,.mini-kpi strong{letter-spacing:-.05em;color:#0f172a}.oc-kpi small,.mini-kpi small,.heading{color:#64748b!important;font-weight:800!important}
.button{border-radius:16px!important;font-weight:850!important;box-shadow:0 10px 22px rgba(15,23,42,.08);transition:.18s ease}.button:hover{transform:translateY(-2px)}
.button.is-warning,.button.is-primary{background:linear-gradient(135deg,#ffd000,#ffad00)!important;color:#111827!important;border:0!important}.button.is-dark{background:linear-gradient(135deg,#1e293b,#0f172a)!important;border:0!important;color:#fff!important}.button.is-light{background:#fff!important;border:1px solid #e2e8f0!important;color:#0f172a!important}
.input,.textarea,.select select{border-radius:14px!important;border:1px solid #d7e0ec!important;box-shadow:0 3px 10px rgba(15,23,42,.035)!important;min-height:46px}.input:focus,.textarea:focus,.select select:focus{border-color:#ffcd00!important;box-shadow:0 0 0 4px rgba(255,208,0,.20)!important}
.table{border-radius:18px;overflow:hidden;background:#fff}.table thead th{background:#f8fafc;color:#334155;font-size:.83rem;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #e2e8f0}.table td,.table th{vertical-align:middle}
.tag{border-radius:999px!important;font-weight:800}.notification{border-radius:20px!important;border:1px solid rgba(255,255,255,.5)}
.oc-chart{background:linear-gradient(180deg,#fbfdff,#eef5ff);box-shadow:inset 0 1px 0 #fff;border:1px solid #e7eef8}
.oc-chart i{background:linear-gradient(180deg,#ffe36a,#ffaf00);box-shadow:0 12px 22px rgba(255,176,0,.22)}
.oc-results .result{border-radius:18px;box-shadow:0 12px 28px rgba(15,23,42,.06)}.oc-results img{border-radius:16px;background:#f8fafc;border:1px solid #e2e8f0}
.api-provider-card{box-shadow:var(--oc-shadow-soft)!important}.ai-card{background:linear-gradient(135deg,#fff,#fff7d6)!important}.loja-card{background:linear-gradient(135deg,#fff,#f8fbff)!important}
.oc-phone-preview{box-shadow:0 38px 100px rgba(2,6,23,.45);border-color:#020617}.oc-phone-screen{background:linear-gradient(180deg,#f8fafc,#eef4ff)}
.oc-mobile-tabs{box-shadow:0 18px 48px rgba(15,23,42,.18)}
.mobile-menu{background:linear-gradient(135deg,#ffd000,#ffad00)!important;color:#111827!important;border:0!important}
.oc-footer{color:#64748b}
/* scrollbar premium */
.oc-sidebar::-webkit-scrollbar{width:8px}.oc-sidebar::-webkit-scrollbar-thumb{background:rgba(255,255,255,.18);border-radius:20px}.oc-sidebar::-webkit-scrollbar-track{background:transparent}
/* dark mode premium */
html.oc-dark .oc-admin{background:radial-gradient(circle at 80% 0%,rgba(255,208,0,.08),transparent 28%),linear-gradient(180deg,#0b1220,#070d18);color:#e5e7eb}
html.oc-dark .oc-top-hero,html.oc-dark .oc-enterprise-hero{background:linear-gradient(135deg,#172033,#0f172a)!important;border-color:#263244!important}
html.oc-dark .oc-card,html.oc-dark .oc-card-pro,html.oc-dark .box,html.oc-dark .oc-kpi,html.oc-dark .mini-kpi,html.oc-dark .oc-plan-card,html.oc-dark .ml-product-card,html.oc-dark .loja-card,html.oc-dark .ai-card{background:rgba(17,24,39,.92)!important;border-color:#273449!important;color:#e5e7eb!important}
html.oc-dark .input,html.oc-dark .textarea,html.oc-dark .select select{background:#0f172a!important;border-color:#334155!important;color:#e5e7eb!important}html.oc-dark .table thead th{background:#172033;color:#e5e7eb}html.oc-dark .button.is-light{background:#172033!important;color:#e5e7eb!important;border-color:#334155!important}
@media(max-width:1023px){.oc-sidebar{width:90vw;max-width:360px}.oc-main{margin-left:0;padding:16px 12px 92px}.oc-top-hero,.oc-enterprise-hero{border-radius:22px!important}.columns{margin-left:0;margin-right:0}.column{padding:.5rem}.oc-menu a{min-height:46px}.title.is-2{font-size:1.75rem}.title.is-3{font-size:1.45rem}}
@media(max-width:640px){.oc-main{padding:10px 8px 86px}.box,.oc-card,.oc-card-pro{padding:1rem!important;border-radius:20px!important}.buttons{gap:.5rem}.buttons .button{flex:1;min-width:120px}.table-container{border-radius:16px}.input,.textarea,.select select{font-size:.95rem}.oc-brand strong{font-size:1.1rem}}

/* OfertaClick V5.0 SaaS Enterprise */
.v50-hero{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;border:1px solid rgba(255,193,7,.22);background:linear-gradient(135deg,rgba(255,193,7,.16),rgba(255,255,255,.04));border-radius:24px}
.oc-kpi.v50{border-radius:22px;background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(255,193,7,.09));border:1px solid rgba(255,193,7,.22)}
.oc-kpi.v50 span{font-size:1.7rem}.oc-kpi.v50 small{display:block;color:#777}.oc-kpi.v50 strong{font-size:1.55rem;display:block}
.v50-plan{height:100%;padding:1.2rem;border-radius:22px;background:#111827;color:#fff;box-shadow:0 14px 35px rgba(0,0,0,.12);position:relative;overflow:hidden}.v50-plan:before{content:"";position:absolute;right:-32px;top:-32px;width:110px;height:110px;border-radius:999px;background:rgba(255,193,7,.22)}.v50-plan small{text-transform:uppercase;color:#facc15;font-weight:800}.v50-plan h4{font-size:1.35rem;font-weight:900;margin:.25rem 0}.v50-plan strong{font-size:1.5rem;color:#fff}.v50-plan p{margin:.2rem 0;color:#e5e7eb}.v50-plan.vip{background:linear-gradient(135deg,#111827,#4c1d95)}.v50-plan.pro{background:linear-gradient(135deg,#111827,#0f766e)}.v50-plan.free{background:linear-gradient(135deg,#374151,#111827)}
.v50-limit-card{padding:1rem;border-radius:20px;border:1px solid rgba(0,0,0,.08);background:rgba(255,255,255,.82)}.v50-limit-card strong,.v50-limit-card small,.v50-limit-card span{display:block}.v50-limit-card small{color:#777;margin-bottom:.6rem}.oc-dark .v50-limit-card,.oc-dark .oc-kpi.v50{background:rgba(17,24,39,.8);border-color:rgba(255,255,255,.08)}
@media(max-width:768px){.v50-hero{display:block}.v50-hero .buttons{margin-top:1rem}.v50-plan{min-height:210px}}