/* ReviewFlow New Version UI - inspired by Stitch Confidence & Clarity */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');
:root{
  --rf-bg:#f8f9ff;--rf-surface:#ffffff;--rf-surface-2:#eff4ff;--rf-surface-3:#e6eeff;
  --rf-text:#0d1c2f;--rf-muted:#45464d;--rf-border:#d5e3fd;--rf-border-2:#c6c6cd;
  --rf-primary:#131b2e;--rf-primary-soft:#dae2fd;--rf-blue:#2563eb;--rf-green:#006c49;--rf-green-soft:#d9ffec;
  --rf-amber:#b87500;--rf-amber-soft:#ffedd5;--rf-red:#ba1a1a;--rf-red-soft:#ffdad6;
  --rf-radius:18px;--rf-radius-xl:28px;--rf-shadow:0 12px 32px rgba(35,49,68,.08);--rf-shadow-sm:0 4px 14px rgba(35,49,68,.06);
}
*{scrollbar-width:thin;scrollbar-color:#bec6e0 transparent}
::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#bec6e0;border-radius:999px}::-webkit-scrollbar-track{background:transparent}
html{scroll-behavior:smooth}body{font-family:'Plus Jakarta Sans','Inter','Outfit',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;background:var(--rf-bg)!important;color:var(--rf-text)!important;letter-spacing:-.01em;}
body:before{content:"";position:fixed;inset:-20% -10% auto auto;width:520px;height:520px;background:radial-gradient(circle,rgba(190,198,224,.55),rgba(218,226,253,.1) 55%,transparent 70%);filter:blur(8px);pointer-events:none;z-index:-1}body:after{content:"";position:fixed;left:-12%;bottom:-20%;width:540px;height:540px;background:radial-gradient(circle,rgba(111,251,190,.22),rgba(218,226,253,.05) 60%,transparent 75%);pointer-events:none;z-index:-1}
a{transition:all .18s ease}button,a,input,select,textarea{font-family:inherit!important}button{transition:transform .14s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease}button:active,a:active{transform:scale(.985)}
/* App shell */
.mobile-topbar,header.bg-white\/80,header.bg-white, .topbar{background:rgba(255,255,255,.84)!important;backdrop-filter:blur(20px)!important;border-color:rgba(213,227,253,.9)!important;box-shadow:var(--rf-shadow-sm)!important}.mobile-topbar h1,.mobile-topbar h1 span:not(.plan-pill),aside h1{color:var(--rf-primary)!important;letter-spacing:-.04em!important}.mobile-topbar .fa-chart-pie, aside h1 i{color:var(--rf-green)!important}.hamb-fixed{border-color:var(--rf-border)!important;background:#fff!important;border-radius:16px!important;box-shadow:var(--rf-shadow-sm)!important;color:var(--rf-primary)!important}
aside, #mobile-menu{background:rgba(255,255,255,.92)!important;backdrop-filter:blur(18px)!important;border-color:var(--rf-border)!important;box-shadow:12px 0 40px rgba(35,49,68,.08)!important}.store-block{background:linear-gradient(180deg,#fff,var(--rf-surface-2))!important;border-color:var(--rf-border)!important}#store-selector,select,input,textarea{border:1px solid var(--rf-border)!important;background:rgba(255,255,255,.9)!important;color:var(--rf-text)!important;border-radius:14px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)!important;outline:none!important}#store-selector:focus,select:focus,input:focus,textarea:focus{border-color:#7c839b!important;box-shadow:0 0 0 4px rgba(218,226,253,.9)!important}.tab-btn,aside nav a{color:#3f465c!important;border-radius:14px!important;font-weight:800!important}.tab-btn:hover,aside nav a:hover{background:var(--rf-surface-2)!important;color:var(--rf-primary)!important}.tab-btn.active{background:var(--rf-primary)!important;color:#fff!important;border-right:0!important;box-shadow:0 10px 22px rgba(19,27,46,.16)!important}.tab-btn.active i{color:#6ffbbe!important}.profile-block{border-color:var(--rf-border)!important;background:linear-gradient(180deg,#fff,#f8f9ff)!important}.profile-block .rounded-full.bg-indigo-600{background:var(--rf-primary)!important}
/* Content */
#dashboard-main,main.dash-content,main.flex-1,body>main{background:transparent!important}.dash-content>div:first-child{animation:rfFadeUp .35s ease both}@keyframes rfFadeUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
h1,h2,h3{letter-spacing:-.035em!important;color:var(--rf-text)}h1{font-weight:800!important}p,label,small{color:inherit}.text-slate-400,.text-slate-500,.text-slate-600{color:var(--rf-muted)!important}.text-indigo-600,.text-indigo-700{color:var(--rf-primary)!important}.bg-indigo-600,.bg-slate-900{background:var(--rf-primary)!important}.hover\:bg-indigo-700:hover,.hover\:bg-black:hover{background:#233144!important}.border-slate-200,.border-slate-300{border-color:var(--rf-border)!important}
/* Cards and surfaces */
.bg-white,.glass-panel,.glass-elevated{background:rgba(255,255,255,.92)!important;border-color:rgba(213,227,253,.9)!important;box-shadow:var(--rf-shadow)!important}.rounded-3xl,.rounded-\[2\.5rem\]{border-radius:var(--rf-radius-xl)!important}.rounded-2xl{border-radius:var(--rf-radius)!important}.shadow-sm,.shadow-xl,.shadow-lg{box-shadow:var(--rf-shadow)!important}.border{border-color:var(--rf-border)!important}
#analytics-panel>div,.searchable-card,#reports-cards>div,.grid>div.bg-white,section>div.bg-white,form.bg-white,.admin-table-wrap,.scroll-card,.device-mockup{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,249,255,.9))!important;border:1px solid var(--rf-border)!important;border-radius:var(--rf-radius-xl)!important;box-shadow:var(--rf-shadow)!important}#analytics-panel>div:before,.searchable-card:before,#reports-cards>div:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--rf-primary),#4edea3,#bec6e0);opacity:.8}
/* Stats */
#analytics-panel p[id^='stat-'],#badge-pending,#stat-reviews,#stat-avg-rating,#stat-total-ratings,.text-4xl.font-black,.text-5xl.font-black{font-weight:800!important;letter-spacing:-.05em!important}.text-emerald-600,.text-green-600{color:var(--rf-green)!important}.text-orange-500{color:var(--rf-amber)!important}.bg-green-100{background:var(--rf-green-soft)!important;color:var(--rf-green)!important}.bg-red-100,.bg-red-50{background:var(--rf-red-soft)!important;color:var(--rf-red)!important}.bg-yellow-100,.bg-orange-100{background:var(--rf-amber-soft)!important;color:var(--rf-amber)!important}.bg-slate-50,.bg-indigo-50,.bg-cyan-50{background:var(--rf-surface-2)!important}.plan-pill{background:var(--rf-primary-soft)!important;color:var(--rf-primary)!important;border:1px solid rgba(19,27,46,.08)!important}.upgrade-mini{background:var(--rf-green)!important;color:#fff!important;box-shadow:0 10px 22px rgba(0,108,73,.16)!important}
/* Buttons */
button[class*='bg-indigo'],a[class*='bg-indigo'],button[class*='bg-slate-900'],a[class*='bg-slate-900'],button[class*='bg-green'],a[class*='bg-green']{border-radius:14px!important;font-weight:800!important;box-shadow:0 10px 22px rgba(19,27,46,.12)!important}button[class*='bg-indigo'],a[class*='bg-indigo'],button[class*='bg-slate-900'],a[class*='bg-slate-900']{background:var(--rf-primary)!important;color:#fff!important}button[class*='bg-green'],a[class*='bg-green']{background:var(--rf-green)!important;color:#fff!important}button[class*='bg-red'],a[class*='bg-red']{background:var(--rf-red-soft)!important;color:var(--rf-red)!important}button[class*='bg-white'],a[class*='bg-white']{border:1px solid var(--rf-border)!important;background:#fff!important;color:var(--rf-primary)!important}
/* Tables */
table{border-collapse:separate!important;border-spacing:0!important}thead{background:var(--rf-surface-2)!important}th{color:#3f465c!important;font-size:12px!important;letter-spacing:.05em!important;text-transform:uppercase!important}td,th{border-bottom:1px solid var(--rf-border)!important}tbody tr{transition:background .16s ease,transform .16s ease}tbody tr:hover{background:#f8fbff!important}.admin-table-wrap,.scroll-card{overflow:auto!important;-webkit-overflow-scrolling:touch!important}.rf-table,.admin-table-wrap table{min-width:780px!important}
/* Modals */
.fixed.inset-0,.modal-overlay{backdrop-filter:blur(8px)!important}.modal-card,.fixed .bg-white.rounded-3xl,.fixed .bg-white.rounded-2xl{background:rgba(255,255,255,.96)!important;border:1px solid var(--rf-border)!important;box-shadow:0 24px 70px rgba(35,49,68,.18)!important;border-radius:28px!important}.modal-close-x{background:var(--rf-surface-2)!important;color:var(--rf-primary)!important;border:1px solid var(--rf-border)!important}
/* Slug page */
#review-card,.review-card{background:rgba(255,255,255,.95)!important;border:1px solid var(--rf-border)!important;box-shadow:var(--rf-shadow)!important;border-radius:28px!important}.story-banner,.store-banner{border-radius:28px!important;box-shadow:var(--rf-shadow)!important;overflow:hidden!important}.star-btn,.rating-star{transition:transform .14s ease,filter .16s ease}.star-btn:hover,.rating-star:hover{transform:translateY(-2px) scale(1.03);filter:drop-shadow(0 10px 12px rgba(184,117,0,.16))}
/* Pricing/homepage */
.text-gradient{background:linear-gradient(90deg,#131b2e,#006c49,#3f465c)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important}.glass-panel,.glass-elevated{backdrop-filter:blur(18px)!important}.selection\:bg-sky-200::selection{background:#dae2fd!important}.bg-sky-500,.bg-sky-600{background:var(--rf-primary)!important}.text-sky-500,.text-sky-600{color:var(--rf-primary)!important}.border-sky-100,.border-sky-200,.border-sky-300{border-color:var(--rf-border)!important}.bg-sky-50,.bg-sky-100{background:var(--rf-surface-2)!important}.text-violet-500{color:#3f465c!important}.bg-violet-50{background:#eff4ff!important}.border-violet-100{border-color:#d5e3fd!important}
/* Loaders and motion */
.rf-loader{background:rgba(255,255,255,.92)!important;border:1px solid var(--rf-border)!important;box-shadow:var(--rf-shadow)!important}.rf-spin{border-color:var(--rf-primary-soft)!important;border-top-color:var(--rf-primary)!important}@keyframes rfShimmer{0%{background-position:-220% 0}100%{background-position:220% 0}}.loading-shimmer{background:linear-gradient(90deg,#eff4ff,#fff,#eff4ff);background-size:220% 100%;animation:rfShimmer 1.2s infinite}
/* Mobile */
@media(max-width:767px){.mobile-shell{width:54px!important;border-right:1px solid var(--rf-border)!important}.mobile-shell.open{width:min(86vw,300px)!important}.dash-content{margin-left:54px!important;width:calc(100% - 54px)!important}.mobile-topbar{background:rgba(255,255,255,.94)!important}.mobile-topbar h1 span:not(.plan-pill){max-width:96px!important}.scroll-card,.admin-table-wrap{border-radius:20px!important}.rf-table,.admin-table-wrap table{min-width:760px!important}h1.text-5xl{font-size:2.5rem!important}h1.text-4xl,h2.text-4xl{font-size:1.85rem!important}.p-8{padding:1.25rem!important}.p-6{padding:1rem!important}.gap-8{gap:1rem!important}}

.rf-reveal-card{animation:rfFadeUp .42s cubic-bezier(.2,.8,.2,1) both}