@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Manrope:wght@500;600;700;800&family=IBM+Plex+Mono:wght@400;500&display=swap";*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.fixed{position:fixed}.absolute{position:absolute}.inset-0{top:0;right:0;bottom:0;left:0}.left-1\/2{left:50%}.right-4{right:1rem}.top-1\/2{top:50%}.top-4{top:1rem}.z-50{z-index:50}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-4{height:1rem}.h-8{height:2rem}.w-10{width:2.5rem}.w-4{width:1rem}.w-\[95vw\]{width:95vw}.w-full{width:100%}.max-w-lg{max-width:32rem}.grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.whitespace-nowrap{white-space:nowrap}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-slate-200{--tw-border-opacity: 1;border-color:rgb(226 232 240 / var(--tw-border-opacity, 1))}.border-slate-300{--tw-border-opacity: 1;border-color:rgb(203 213 225 / var(--tw-border-opacity, 1))}.border-transparent{border-color:transparent}.bg-amber-100{--tw-bg-opacity: 1;background-color:rgb(254 243 199 / var(--tw-bg-opacity, 1))}.bg-emerald-100{--tw-bg-opacity: 1;background-color:rgb(209 250 229 / var(--tw-bg-opacity, 1))}.bg-rose-600{--tw-bg-opacity: 1;background-color:rgb(225 29 72 / var(--tw-bg-opacity, 1))}.bg-sky-100{--tw-bg-opacity: 1;background-color:rgb(224 242 254 / var(--tw-bg-opacity, 1))}.bg-sky-600{--tw-bg-opacity: 1;background-color:rgb(2 132 199 / var(--tw-bg-opacity, 1))}.bg-slate-50{--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1))}.bg-slate-900\/35{background-color:#0f172a59}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.p-1{padding:.25rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.pt-0{padding-top:0}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-semibold{font-weight:600}.capitalize{text-transform:capitalize}.text-amber-700{--tw-text-opacity: 1;color:rgb(180 83 9 / var(--tw-text-opacity, 1))}.text-emerald-700{--tw-text-opacity: 1;color:rgb(4 120 87 / var(--tw-text-opacity, 1))}.text-sky-700{--tw-text-opacity: 1;color:rgb(3 105 161 / var(--tw-text-opacity, 1))}.text-slate-500{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.text-slate-600{--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity, 1))}.text-slate-700{--tw-text-opacity: 1;color:rgb(51 65 85 / var(--tw-text-opacity, 1))}.text-slate-900{--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}:root{--ink: #0F172A;--ink-soft: #1e293b;--ink-muted: #64748B;--accent: #3B82F6;--accent-hi: #8B5CF6;--accent-lo: #2563eb;--accent-purple: #8B5CF6;--accent-pink: #F472B6;--accent-green: #22C55E;--accent-orange: #F59E0B;--primary-gradient: linear-gradient(120deg, #FF7A7A 0%, #C084FC 48%, #60A5FA 100%);--accent-soft: #eff6ff;--accent-soft-border: #bfdbfe;--mint: #10b981;--mint-soft: #ecfdf5;--mint-border: #a7f3d0;--cream: #F8FAFC;--cream-2: #f1f5f9;--cream-3: #e2e8f0;--white: #ffffff;--gold: #3b82f6;--gold-lo: #1d4ed8;--font-display: "Manrope", "Inter", system-ui, sans-serif;--font-ui: "Inter", system-ui, sans-serif;--font-code: "IBM Plex Mono", monospace;--shadow-card: 0 8px 28px rgba(15, 23, 42, .06), 0 1px 3px rgba(15, 23, 42, .06);--shadow-soft: 0 16px 44px rgba(14, 116, 144, .1);--shadow-accent: 0 12px 28px rgba(59, 130, 246, .2);--auth-gradient: linear-gradient(150deg, #eff6ff 0%, #dbeafe 52%, #d1fae5 100%)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-ui);color:var(--ink);min-height:100vh;overflow-x:hidden;background:radial-gradient(900px 520px at 10% 8%,rgba(96,165,250,.1),transparent 72%),radial-gradient(760px 500px at 86% 5%,rgba(139,92,246,.08),transparent 74%),linear-gradient(180deg,#f8fafc,#f4f7fc)}.section-bg{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:max(12px,env(safe-area-inset-top,0px)) 16px 16px;background:transparent;width:100%;max-width:100%;overflow-x:hidden}.fade-up{animation:fadeUp .28s ease}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.web-app{width:100%;max-width:none;background:linear-gradient(180deg,#ffffffd6,#f4f9ffd1);border-radius:20px;overflow:hidden;border:1px solid rgba(15,23,42,.05);box-shadow:0 22px 56px #3b82f61f,0 2px 8px #0f172a0f,inset 0 1px #ffffffd1;backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2)}.app-shell{display:flex;min-height:calc(100vh - 32px)}.sidebar{width:252px;flex-shrink:0;background:linear-gradient(180deg,#fff,#f8fbff);border-right:1px solid var(--cream-3);display:flex;flex-direction:column}.sidebar-logo{padding:20px 18px 16px;border-bottom:1px solid var(--cream-3)}.logo-mark{font-family:var(--font-display);font-weight:800;font-size:24px;letter-spacing:-.02em;color:#0b1b34}.logo-sub{font-size:10px;color:#6b7b94;font-family:var(--font-code);margin-top:4px;letter-spacing:.08em}.nav-group{padding:12px 0 0}.nav-group-label{font-family:var(--font-code);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#94a3b8;padding:0 18px 8px}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 18px;color:#4a5d78;font-size:13px;font-weight:700;border-left:2px solid transparent;border-radius:0 12px 12px 0;margin-right:12px;transition:all .2s ease}.nav-item:hover{background:#f5f9ff;color:#122a4a}.nav-item.active{color:#1d4ed8;background:linear-gradient(90deg,#eaf2ff,#f5f9ff);border-left-color:#60a5fa}.nav-icon{width:18px;text-align:center}.nav-link{text-decoration:none;color:inherit;display:block}.sidebar-footer{margin-top:auto;padding:16px;border-top:1px solid var(--cream-3)}.plan-card{background:linear-gradient(180deg,#f8fbff,#eef5ff);border:1px solid #dceafd;border-radius:12px;padding:12px}.plan-name{font-size:10px;font-weight:700;color:#1e3a5f;letter-spacing:.08em}.plan-progress{height:4px;background:#dbeafe;border-radius:999px;margin:8px 0}.plan-progress-fill{height:100%;width:60%;background:var(--accent);border-radius:999px}.plan-sub{font-size:11px;color:#5e7191}.plan-upgrade{margin-top:8px;text-align:center;background:linear-gradient(135deg,#3b82f6,#60a5fa);color:#fff;font-size:11px;font-weight:700;padding:7px;border-radius:7px}.main{flex:1;overflow-y:auto;background:linear-gradient(180deg,#fcfeff,#f4f8fe);padding-bottom:0}.topbar{background:linear-gradient(180deg,#fffc,#f1f7ffbf);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);border-bottom:1px solid rgba(191,219,254,.74);padding:0 28px;min-height:68px;position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between}.topbar-greeting{font-size:11px;color:#6b7f9d;font-weight:600}.topbar-title{font-family:var(--font-display);font-weight:800;font-size:26px;letter-spacing:-.02em;color:#0b1b34}.topbar-right{display:flex;align-items:center;gap:8px}.tb-btn{padding:8px 14px;border-radius:10px;font-size:12px;font-weight:700;border:1px solid transparent;cursor:pointer;transition:all .2s ease}.tb-btn:hover{transform:translateY(-1px)}.tb-btn-ghost{background:#f8fbff;color:#324b70;border-color:#dbe7f8}.tb-btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-hi));color:#fff;box-shadow:var(--shadow-accent)}.tb-notif{width:36px;height:36px;border-radius:10px;background:#f8fbff;border:1px solid #dbe7f8;display:flex;align-items:center;justify-content:center}.notif-wrap{position:relative}.notif-button{cursor:pointer;position:relative}.notif-badge{position:absolute;top:-4px;right:-4px;background:#ef4444;color:#fff;font-size:9px;font-weight:700;border-radius:999px;min-width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;padding:0 3px}.notif-popover{position:absolute;top:calc(100% + 8px);right:0;width:330px;background:#fff;border-radius:12px;box-shadow:var(--shadow-soft);border:1px solid var(--cream-3);z-index:500;overflow:hidden}.notif-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--cream-3)}.notif-title{font-weight:700;font-size:13px}.notif-readall{font-size:11px;color:#5e7191;background:none;border:none;cursor:pointer}.notif-list{max-height:340px;overflow-y:auto}.notif-empty{padding:24px 16px;text-align:center;color:#94a3b8;font-size:13px}.notif-item{padding:12px 16px;border-bottom:1px solid var(--cream-3)}.notif-item.unread{background:#f5faff}.notif-item-title{font-size:13px;margin-bottom:2px}.notif-item-body{font-size:12px;color:#64748b}.notif-item-date{font-size:10px;color:#94a3b8;margin-top:4px}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:24px 28px 0}.stat-card{background:linear-gradient(180deg,#ffffffdb,#f3f8ffd4);border-radius:14px;padding:20px;box-shadow:0 14px 30px #1e40af1f,inset 0 1px #fffc;border:1px solid rgba(191,219,254,.72);-webkit-backdrop-filter:blur(10px) saturate(1.2);backdrop-filter:blur(10px) saturate(1.2)}.stat-lbl{font-size:11px;font-weight:700;color:#6b7f9d;text-transform:uppercase;letter-spacing:.08em}.stat-val{font-family:var(--font-display);font-weight:800;font-size:30px;color:#101f3b;margin:8px 0 10px}.stat-chip{display:inline-flex;padding:3px 8px;border-radius:100px;font-size:11px;font-weight:700}.chip-up{background:var(--mint-soft);color:#047857;border:1px solid var(--mint-border)}.chip-gold{background:var(--accent-soft);color:var(--accent-lo);border:1px solid var(--accent-soft-border)}.chip-blue{background:#eef4ff;color:#2563eb;border:1px solid #dbeafe}.charts-row{display:grid;grid-template-columns:1fr 340px;gap:16px;padding:16px 28px 0}.chart-card{background:linear-gradient(180deg,#ffffffdb,#f3f8ffd4);border-radius:14px;padding:22px;box-shadow:0 14px 30px #1e40af1f,inset 0 1px #fffc;border:1px solid rgba(191,219,254,.72);-webkit-backdrop-filter:blur(10px) saturate(1.2);backdrop-filter:blur(10px) saturate(1.2)}.chart-title{font-family:var(--font-display);font-weight:700;font-size:16px;color:#101f3b}.chart-sub{font-size:12px;color:#6b7f9d;margin-top:3px}.table-card{margin:16px 28px 24px;background:linear-gradient(180deg,#ffffffdb,#f3f8ffd4);border-radius:14px;box-shadow:0 16px 36px #1e40af24,inset 0 1px #ffffffd1;border:1px solid rgba(191,219,254,.72);-webkit-backdrop-filter:blur(12px) saturate(1.25);backdrop-filter:blur(12px) saturate(1.25);overflow:hidden}.dashboard-intro{margin:16px 28px 0;border-radius:14px;border:1px solid rgba(191,219,254,.74);background:linear-gradient(180deg,#ffffffe0,#f2f8ffd6);backdrop-filter:blur(12px) saturate(1.2);-webkit-backdrop-filter:blur(12px) saturate(1.2);box-shadow:0 14px 28px #1e40af24,inset 0 1px #ffffffd9;padding:14px 16px}.dashboard-intro h3{font-family:var(--font-display);font-size:20px;color:#0b1b34}.dashboard-intro p{margin-top:6px;font-size:13px;color:#35557f}.dashboard-intro-chips{margin-top:10px;display:flex;flex-wrap:wrap;gap:6px}.dashboard-intro-chips span{display:inline-flex;font-size:11px;font-weight:700;color:#1d4ed8;background:#dbeafee6;border:1px solid rgba(147,197,253,.95);border-radius:999px;padding:4px 8px}.feed-hero{margin:16px 28px 0;position:relative;overflow:hidden;border-radius:22px;border:1px solid rgba(191,219,254,.7);background:var(--primary-gradient);background-size:200% 200%;box-shadow:0 22px 46px #2563eb47,inset 0 1px #ffffff38;color:#f8fbff;padding:22px 20px;display:flex;justify-content:space-between;gap:18px;animation:heroGradientShift 14s ease-in-out infinite}.feed-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.14;background-image:radial-gradient(rgba(255,255,255,.8) .5px,transparent .5px);background-size:3px 3px}.feed-hero-copy{position:relative;z-index:2}.feed-hero-kicker{display:inline-flex;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#ffffffd9}.feed-hero h2{margin-top:8px;font-family:var(--font-display);font-size:clamp(28px,4vw,42px);line-height:1.04;letter-spacing:-.02em}.feed-hero p{margin-top:9px;font-size:14px;color:#f5f9ffe0}.feed-hero-cta{margin-top:14px;width:auto;min-width:180px;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 16px 28px #c084fc59,0 0 26px #60a5fa4d}.feed-hero-right{position:relative;z-index:2;display:flex;align-items:flex-start;gap:8px}.feed-hero-icon{background:#ffffff29;color:#fff;border-color:#ffffff4d}.feed-hero-blobs:before,.feed-hero-blobs:after{content:"";position:absolute;border-radius:999px}.feed-hero-blobs:before{width:220px;height:220px;right:-50px;top:-50px;background:radial-gradient(circle,#ffffff59,#ffffff08 72%)}.feed-hero-blobs:after{width:180px;height:180px;right:120px;bottom:-90px;background:radial-gradient(circle,#a7f3d04d,#a7f3d005 72%)}@keyframes heroGradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.feed-section{margin:16px 28px 0;border-radius:18px;border:1px solid rgba(191,219,254,.72);background:linear-gradient(180deg,#ffffffdb,#f3f8ffd4);backdrop-filter:blur(12px) saturate(1.2);-webkit-backdrop-filter:blur(12px) saturate(1.2);box-shadow:0 16px 36px #1e40af24,inset 0 1px #ffffffd9;padding:16px}.feed-reveal{opacity:0;transform:translateY(18px);transition:opacity .42s ease,transform .42s cubic-bezier(.22,.61,.36,1)}.feed-reveal.is-visible{opacity:1;transform:translateY(0)}.feed-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.feed-section-head h3{font-family:var(--font-display);font-size:20px;color:#0b1b34}.feed-section-head span{font-size:12px;color:#5e7191;font-weight:600}.feed-scroll-row{margin-top:12px;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(250px,1fr);gap:10px;overflow-x:auto;padding-bottom:2px;scroll-snap-type:x mandatory}.feed-scroll-row>*{scroll-snap-align:start}.feed-icon-wrap{width:30px;height:30px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;color:#1d4ed8}.feed-action-card,.feed-product-card,.feed-creator-card{border:1px solid rgba(191,219,254,.78);border-radius:14px;background:linear-gradient(180deg,#ffffffeb,#f0f7ffe6);box-shadow:0 12px 26px #1e40af1f,inset 0 1px #ffffffe0;transition:transform .22s cubic-bezier(.22,.61,.36,1),box-shadow .22s ease,border-color .22s ease}.feed-action-card:hover,.feed-product-card:hover,.feed-creator-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 20px 40px #1e40af33,inset 0 1px #ffffffeb;border-color:#93c5fdf2}.feed-action-card:active,.feed-product-card:active,.feed-creator-card:active{transform:scale(.97)}.feed-action-card{cursor:pointer;text-align:left;padding:12px}.feed-action-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-size:18px}.feed-badge{font-style:normal;font-size:10px;font-weight:800;letter-spacing:.06em;border-radius:999px;padding:3px 8px;animation:feedPulse 1.8s ease-in-out infinite}.feed-badge.new{color:#1d4ed8;background:#dbeafe;border:1px solid #93c5fd}.feed-badge.important{color:#b45309;background:#fef3c7;border:1px solid #f59e0b}@keyframes feedPulse{0%,to{box-shadow:0 0 #3b82f62e}50%{box-shadow:0 0 0 5px #3b82f608}}.feed-action-card strong,.feed-product-card strong,.feed-creator-card strong{display:block;font-size:15px;color:#10213f}.feed-action-card p,.feed-product-card p,.feed-creator-card p{margin-top:5px;font-size:12px;line-height:1.5;color:#5f7494}.feed-action-link{margin-top:9px;display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;color:#1d4ed8}.feed-action-card:hover .feed-action-link svg{transform:translate(3px)}.feed-action-link svg{transition:transform .2s ease}.feed-insight-grid,.feed-opportunity-grid,.feed-earn-grid{margin-top:12px;display:grid;gap:10px}.feed-insight-grid,.feed-opportunity-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.feed-opportunity-row{margin-top:12px;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,1fr);gap:10px;overflow-x:auto;padding-bottom:2px;scroll-snap-type:x mandatory}.feed-opportunity-row>*{scroll-snap-align:start}.feed-earn-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.feed-insight-card,.feed-opportunity-card,.feed-earn-card{border:1px solid rgba(191,219,254,.78);border-radius:14px;padding:12px;background:linear-gradient(180deg,#ffffffe6,#eff6ffd1);box-shadow:0 10px 24px #1e40af1f,inset 0 1px #ffffffe6;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.feed-insight-card:hover,.feed-opportunity-card:hover,.feed-earn-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 18px 34px #1e40af30;border-color:#93c5fdf2}.feed-insight-card span{font-size:20px}.feed-insight-card strong,.feed-opportunity-card strong,.feed-earn-card strong{margin-top:6px;display:block;font-size:15px;color:#10213f;line-height:1.35}.feed-insight-card p,.feed-opportunity-card p{margin-top:6px;font-size:12px;line-height:1.5;color:#5f7494}.feed-insight-card small{margin-top:6px;display:block;font-size:11px;color:#64748b}.feed-insight-grid-compact{margin-top:10px}.feed-product-card{padding:10px}.feed-product-grid{margin-top:12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.feed-opportunity-card-rich{min-width:280px}.feed-analytics-open{margin-top:8px;width:100%}.feed-product-image{border-radius:12px;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;aspect-ratio:4 / 3;min-height:150px;max-height:220px;display:flex;align-items:center;justify-content:center;font-size:36px;margin-bottom:8px;overflow:hidden;position:relative}.feed-product-image img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .35s ease}.feed-thumb-fallback{width:100%;height:100%;min-height:0;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;color:#1f3a5d;background:linear-gradient(135deg,#eff6ff,#dbeafe)}.feed-product-card:hover .feed-product-image img{transform:scale(1.06)}.feed-product-tag{display:inline-flex;font-size:10px;font-weight:700;color:#5b21b6;background:#f3e8ff;border:1px solid #d8b4fe;border-radius:999px;padding:2px 7px;margin-bottom:6px}.feed-product-card em{margin-top:8px;display:inline-flex;font-style:normal;font-size:11px;font-weight:700;color:#047857;border:1px solid #a7f3d0;background:#ecfdf5;border-radius:999px;padding:3px 8px}.feed-commission-chip{margin-top:8px;display:inline-flex;font-style:normal;font-size:11px;font-weight:700;color:#7c2d12;border:1px solid #fdba74;background:#ffedd5;border-radius:999px;padding:3px 8px}.feed-brand-badge{position:absolute;top:8px;left:8px;display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border-radius:999px;border:1px solid rgba(191,219,254,.9);background:#ffffffe0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.feed-brand-badge img{width:14px;height:14px;border-radius:999px;-o-object-fit:cover;object-fit:cover}.feed-brand-badge span{font-size:10px;font-weight:700;color:#1f3a5d}.feed-link-anchor{display:block;margin-top:6px;font-size:11px;font-weight:700;color:#1d4ed8;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed-link-anchor:hover{text-decoration:underline}.feed-chart-card{margin-top:12px;border:1px solid rgba(191,219,254,.8);border-radius:16px;padding:12px;background:linear-gradient(180deg,#ffffffeb,#eff6ffdb);box-shadow:0 14px 28px #1e40af24,inset 0 1px #ffffffe6}.feed-chart-title{font-size:12px;font-weight:700;color:#35557f;margin-bottom:6px}.cs-analytics-modal{max-width:920px}.feed-modal-metrics{margin-top:10px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.feed-modal-metrics>div{border:1px solid rgba(191,219,254,.85);border-radius:12px;background:#ffffffc7;padding:10px}.feed-modal-metrics strong{font-family:var(--font-display);font-size:24px;color:#0b1b34}.feed-modal-metrics span{display:block;margin-top:3px;font-size:11px;color:#64748b}.feed-source-grid{margin-top:10px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.feed-source-card{border:1px solid rgba(191,219,254,.85);border-radius:12px;background:#ffffffc7;padding:10px}.feed-source-card strong{font-size:13px;color:#1e3a5f}.feed-source-card span{margin-top:3px;display:block;font-size:18px;font-family:var(--font-display);color:#1d4ed8}.feed-opportunity-card span{display:inline-flex;border-radius:999px;padding:3px 7px;font-size:10px;font-weight:700;color:#1d4ed8;background:#dbeafe;border:1px solid #93c5fd}.feed-status-tag.tag-hot{color:#b91c1c;background:#fee2e2;border:1px solid #fca5a5}.feed-status-tag.tag-new{color:#1d4ed8;background:#dbeafe;border:1px solid #93c5fd}.feed-status-tag.tag-high{color:#166534;background:#dcfce7;border:1px solid #86efac}.feed-status-tag.tag-trending{color:#6d28d9;background:#f3e8ff;border:1px solid #d8b4fe}.feed-focus-card{margin-top:12px;border-radius:16px;border:1px solid rgba(147,197,253,.92);background:linear-gradient(135deg,#dbeafed1,#bfdbfe94 48%,#a7f3d07a);box-shadow:0 18px 36px #1e40af29,inset 0 1px #ffffffe0;padding:14px;display:flex;align-items:center;justify-content:space-between;gap:14px}.feed-focus-compact{padding:10px 12px}.feed-focus-copy h4{font-family:var(--font-display);font-size:20px;color:#0b1b34}.feed-focus-copy h4 svg{vertical-align:-2px;margin-right:4px}.feed-focus-copy p{margin-top:5px;font-size:13px;color:#35557f}.feed-focus-btn{width:auto;min-width:180px;display:inline-flex;align-items:center;justify-content:center;gap:7px}.feed-creator-card{padding:12px}.feed-creator-avatar{width:44px;height:44px;border-radius:999px;background:linear-gradient(135deg,#e0ecff,#d1fae5);border:1px solid #bfdbfe;display:flex;align-items:center;justify-content:center;font-size:18px}.feed-creator-card em{margin-top:6px;font-style:normal;display:inline-flex;font-size:11px;font-weight:700;color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:999px;padding:3px 8px}.feed-creator-card .btn-soft{margin-top:10px;width:100%}.feed-earn-card span{font-size:12px;color:#64748b}.feed-earn-card strong{margin-top:8px;font-family:var(--font-display);font-size:28px}.feed-earn-card em{margin-top:6px;font-style:normal;font-size:11px;font-weight:700;color:#047857}.feed-events{margin-top:12px;display:grid;gap:8px}.feed-empty-card{border:1px dashed rgba(147,197,253,.9);border-radius:14px;background:#ffffffbf;padding:16px}.feed-empty-card strong{color:#1e3a5f;font-size:14px}.feed-empty-card p{margin-top:6px;color:#5f7494;font-size:12px}.earnings-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px}.earnings-page-head p{margin-top:6px;color:#64748b;font-size:13px}.earnings-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-width:360px}.earnings-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.earnings-kpi-card{border:1px solid rgba(15,23,42,.05);border-radius:14px;background:#ffffffbd;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 26px #3b82f61a;padding:12px}.earnings-kpi-icon{width:30px;height:30px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent}.earnings-kpi-earn{color:#16a34a;background:#dcfce7;border-color:#86efac}.earnings-kpi-click{color:#2563eb;background:#dbeafe;border-color:#93c5fd}.earnings-kpi-cvr{color:#7c3aed;background:#ede9fe;border-color:#c4b5fd}.earnings-kpi-label{margin-top:8px;font-size:12px;color:#64748b}.earnings-kpi-value{margin-top:4px;font-family:var(--font-display);font-size:30px;color:#0f172a;letter-spacing:-.02em}.earnings-kpi-change{margin-top:4px;display:inline-flex;font-size:11px;font-weight:700;padding:3px 7px;border-radius:999px}.earnings-kpi-change.up{color:#166534;background:#dcfce7;border:1px solid #86efac}.earnings-kpi-change.down{color:#b91c1c;background:#fee2e2;border:1px solid #fca5a5}.earnings-kpi-change.muted{color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0}.earnings-toolbar{margin-top:12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.earnings-product-grid{margin-top:12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.earnings-product-card{border:1px solid rgba(15,23,42,.05);border-radius:14px;background:#ffffffbd;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 12px 28px #3b82f61a;padding:10px;cursor:pointer;transition:transform .22s cubic-bezier(.22,.61,.36,1),box-shadow .22s ease,border-color .22s ease}.earnings-product-card:hover{transform:translateY(-6px);box-shadow:0 18px 34px #3b82f62e;border-color:#60a5fa99}.earnings-product-card:active{transform:scale(.98)}.earnings-stats{margin-top:8px;display:grid;grid-template-columns:1fr 1fr;gap:4px 8px}.earnings-stats span{font-size:12px;color:#35557f}.earnings-sparkline{margin-top:8px;border:1px solid rgba(59,130,246,.18);border-radius:10px;background:linear-gradient(180deg,#eff6ffb8,#ffffffd1);padding:4px 6px 2px}.feed-link-anchor svg{vertical-align:-2px;margin-right:4px}.shop-shell{display:grid;gap:14px}.shop-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.shop-head h3{font-family:var(--font-display);font-size:28px;color:#0b1b34}.shop-head p{margin-top:6px;color:#5f7494;font-size:13px}.shop-filter-btn{width:40px;height:40px;border-radius:12px;border:1px solid rgba(191,219,254,.9);background:linear-gradient(180deg,#fffffff2,#dbeafecc);color:#1d4ed8;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 10px 20px #1e40af26}.shop-search-row{display:grid;grid-template-columns:1.5fr 1fr;gap:12px}.shop-search-box{display:flex;align-items:center;gap:8px;border-radius:14px;border:1px solid rgba(191,219,254,.9);background:#ffffffe0;box-shadow:inset 0 1px #ffffffe6;padding:0 12px;min-height:44px}.shop-search-box input{border:0;outline:none;width:100%;background:transparent;font-size:14px;color:#1f3a5d}.shop-sort-wrap{display:grid;grid-template-columns:1fr 1fr;gap:10px}.shop-categories{display:flex;gap:10px;overflow-x:auto;padding-bottom:2px}.shop-pill{white-space:nowrap;border-radius:999px;border:1px solid rgba(191,219,254,.9);background:#ffffffd9;color:#35557f;font-size:12px;font-weight:700;padding:9px 14px;cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease}.shop-pill:hover{transform:translateY(-1px);border-color:#93c5fd;box-shadow:0 8px 18px #2563eb1f}.shop-pill.active{background:linear-gradient(180deg,#3b82f629,#93c5fd38);color:#1d4ed8;border-color:#60a5fa;box-shadow:0 10px 22px #2563eb29}.shop-featured-row{margin-top:12px;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(320px,1fr);gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:2px}.shop-featured-card{scroll-snap-align:start;border:1px solid rgba(191,219,254,.86);border-radius:16px;padding:14px;background:linear-gradient(150deg,#ffffffeb,#e9f4ffdb 54%,#f3e8ffc7);box-shadow:0 14px 30px #1e40af24,inset 0 1px #ffffffe6;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.shop-featured-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 22px 44px #1e40af38;border-color:#93c5fd}.shop-featured-badge{display:inline-flex;border-radius:999px;border:1px solid rgba(96,165,250,.82);background:#dbeafeeb;color:#1d4ed8;padding:4px 9px;font-size:10px;font-weight:800}.shop-featured-meta{margin-top:10px;display:flex;align-items:center;justify-content:space-between;gap:10px}.shop-featured-meta span{color:#35557f;font-size:12px;font-weight:700}.shop-product-grid{margin-top:14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.shop-product-card{border:1px solid rgba(191,219,254,.86);border-radius:16px;padding:10px;background:linear-gradient(180deg,#ffffffeb,#eff6ffd6);box-shadow:0 12px 28px #1e40af21,inset 0 1px #ffffffe6;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.shop-product-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 22px 44px #1e40af38;border-color:#93c5fd}.shop-product-card:active{transform:scale(.97)}.shop-product-image{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:1 / 1;border:1px solid rgba(191,219,254,.75);background:linear-gradient(135deg,#eff6ff,#dbeafe);margin-bottom:10px}.shop-product-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .32s ease}.shop-product-card:hover .shop-product-image img{transform:scale(1.05)}.shop-brand-badge{position:absolute;top:8px;left:8px;display:inline-flex;align-items:center;gap:5px;border-radius:999px;border:1px solid rgba(191,219,254,.9);background:#ffffffdb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:4px 8px}.shop-brand-badge img{width:14px;height:14px;border-radius:999px}.shop-brand-badge em{font-style:normal;font-size:10px;font-weight:700;color:#1f3a5d}.shop-trend-tag{position:absolute;right:8px;bottom:8px;display:inline-flex;align-items:center;gap:4px;border-radius:999px;border:1px solid rgba(249,115,22,.35);background:#ffedd5e6;color:#c2410c;padding:3px 8px;font-size:10px;font-weight:800}.shop-product-card strong{display:block;font-size:15px;color:#10213f;line-height:1.4}.shop-product-card p{margin-top:4px;color:#64748b;font-size:12px}.shop-product-meta{margin-top:8px;display:flex;align-items:center;justify-content:space-between;gap:8px}.shop-commission,.shop-earn-tag{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:800}.shop-commission{color:#166534;border:1px solid rgba(134,239,172,.8);background:#ecfdf5eb}.shop-earn-tag{color:#1d4ed8;border:1px solid rgba(147,197,253,.85);background:#dbeafee6}.shop-link-btn{margin-top:10px;display:inline-flex;justify-content:center;width:100%;border-radius:10px;border:1px solid rgba(96,165,250,.75);color:#1d4ed8;font-size:12px;font-weight:700;padding:9px 10px;text-decoration:none;background:#ffffffdb;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.shop-link-btn:hover{transform:translateY(-1px);box-shadow:0 10px 20px #2563eb2e;background:#eff6fff2}.shop-applications-row{margin-top:12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.shop-application-card{border:1px solid rgba(191,219,254,.76);border-radius:12px;background:#ffffffd6;padding:12px}.shop-application-card strong{display:block;color:#1f3a5d;font-size:14px}.shop-application-card p{margin-top:5px;font-size:12px;color:#5f7494}.shop-application-card em{margin-top:6px;display:inline-flex;font-style:normal;font-size:11px;font-weight:700;color:#1d4ed8}.feed-event-row{border:1px solid rgba(191,219,254,.8);border-radius:12px;background:#ffffffdb;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;transition:transform .2s ease,box-shadow .2s ease}.feed-event-row:hover{transform:translateY(-2px);box-shadow:0 12px 24px #1e40af24}.feed-event-row p{margin-top:2px;font-size:12px;color:#64748b}.feed-event-row span{border-radius:999px;border:1px solid #93c5fd;background:#dbeafe;color:#1d4ed8;padding:4px 8px;font-size:10px;font-weight:700}.table-hd{padding:16px 20px;border-bottom:1px solid #e6edf7;display:flex;align-items:center;justify-content:space-between;gap:12px}.table-title{font-family:var(--font-display);font-weight:700;font-size:16px;color:#101f3b}.table-action{font-size:12px;font-weight:700;color:var(--accent-lo)}table{width:100%;border-collapse:collapse}thead th{padding:10px 20px;text-align:left;font-size:10px;font-weight:700;color:#6b7f9d;text-transform:uppercase;letter-spacing:.08em}tbody tr{border-bottom:1px solid #edf2f8}td{padding:13px 20px;font-size:13px;color:var(--ink)}.td-product{font-weight:700}.td-code{font-family:var(--font-code);font-size:10px;color:#94a3b8;margin-top:2px}.mkt-badge{font-size:9px;font-weight:700;padding:2px 7px;border-radius:4px;letter-spacing:.06em;display:inline-block;color:#fff}.mkt-amzn{background:#2563eb}.mkt-flip{background:#0ea5e9}.mkt-mynt{background:#6366f1}.mkt-nyk{background:#8b5cf6}.mkt-mee{background:#10b981}.td-earn{font-family:var(--font-display);font-weight:700;color:#047857}.status-dot{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;padding:3px 8px;border-radius:100px}.s-active{background:var(--mint-soft);color:#047857;border:1px solid var(--mint-border)}.s-review{background:#fef9c3;color:#a16207;border:1px solid #fde68a}.msg{margin-top:10px;padding:8px 10px;border-radius:8px;font-size:12px}.msg.err{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.msg.ok{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}.toast-viewport{position:fixed;top:max(12px,env(safe-area-inset-top,0px));right:12px;display:grid;gap:8px;z-index:6000;width:min(360px,calc(100vw - 24px));pointer-events:none}.toast-item{border-radius:12px;border:1px solid rgba(191,219,254,.82);background:#ffffffeb;backdrop-filter:blur(10px) saturate(1.15);-webkit-backdrop-filter:blur(10px) saturate(1.15);padding:10px 12px;font-size:13px;font-weight:700;color:#1f3a5d;box-shadow:0 10px 24px #0f172a24;animation:toastIn .24s ease}.toast-item.success{border-color:#22c55e73;background:#ecfdf5f0;color:#166534}.toast-item.error{border-color:#f8717173;background:#fef2f2f2;color:#b91c1c}.toast-item.info{border-color:#3b82f673;background:#eff6fff2;color:#1d4ed8}@keyframes toastIn{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.form-field{margin-bottom:14px}.form-lbl{font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;display:block}.auth-form-subtitle{font-size:13px;color:#0c0c1473;margin:4px 0 20px}.form-input,textarea.form-input,select.form-input{width:100%;padding:12px 14px;border-radius:10px;border:1.5px solid #d0d7ff;background:#ffffffe6;font-size:14px;color:var(--ink);outline:none;box-shadow:0 4px 10px #0000000d;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.form-input:focus,textarea.form-input:focus,select.form-input:focus{border-color:#7b8cff;box-shadow:0 0 0 3px #7b8cff33,0 10px 22px #1e40af29;background:#fff}.btn-primary{width:100%;padding:14px;border-radius:10px;border:none;cursor:pointer;font-family:var(--font-display);font-weight:700;font-size:15px;background:linear-gradient(120deg,#ff7a7a,#c084fc 48%,#60a5fa);background-size:140% 140%;background-position:0% 50%;color:#fff;box-shadow:0 8px 20px #7b8cff66;transition:transform .2s ease,box-shadow .24s ease,background-position .24s ease,filter .24s ease}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-primary:hover:not(:disabled){transform:translateY(-2px) scale(1.01);background-position:100% 50%;box-shadow:0 18px 34px #c084fc57,0 0 24px #7b8cff66;filter:saturate(1.06)}.btn-primary:active:not(:disabled){transform:scale(.97)}.cs-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b1b346b;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:csModalFadeIn .22s ease}.cs-modal-panel{background:linear-gradient(180deg,#fffffff2,#f3f8ffe6);border:1px solid rgba(191,219,254,.8);backdrop-filter:blur(12px) saturate(1.22);-webkit-backdrop-filter:blur(12px) saturate(1.22);border-radius:16px;padding:28px 32px;width:100%;max-width:460px;box-shadow:0 24px 64px #00000038;transform:scale(.95);animation:csModalScaleIn .24s cubic-bezier(.22,.61,.36,1) forwards}@keyframes csModalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes csModalScaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.auth-responsive{width:100%;max-width:1100px;display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.auth-panel{border-radius:16px;border:1px solid #d9e4f3;background:var(--auth-gradient);color:#0f172a;padding:34px;box-shadow:var(--shadow-card);min-height:560px}.auth-panel h1{font-family:var(--font-display);font-size:44px;line-height:1.05;letter-spacing:-.03em;margin-bottom:12px}.auth-panel p{color:#415a77;font-size:15px;max-width:420px;line-height:1.6}.auth-web-card{border-radius:16px;border:1px solid rgba(147,197,253,.45);background:linear-gradient(180deg,#ffffffeb,#f8fcffeb);padding:24px;box-shadow:0 18px 48px #2563eb24,0 2px 8px #0f172a0f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.auth-social-divider{margin:14px 0 12px;display:flex;align-items:center;gap:8px;color:#6b7f9d;font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.auth-social-rule{height:1px;flex:1;background:#d9e4f3}.auth-social-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.btn-soft{border-radius:10px;border:1px solid #cfe1fa;background:linear-gradient(180deg,#fffffff2,#f0f7fff2);color:#1f3a5d;font-size:12px;font-weight:700;padding:10px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:7px;box-shadow:0 4px 10px #0000000a}.btn-soft:hover{transform:translateY(-1px);box-shadow:0 10px 22px #1e40af26}.btn-youtube:hover{border-color:#fca5a5;background:#fff5f5;color:#b91c1c}.btn-instagram:hover{border-color:#f5d0fe;background:#fdf4ff;color:#86198f}.btn-facebook:hover{border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8}.btn-soft-icon{width:20px;height:20px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;line-height:1}.btn-soft-icon-youtube{background:#fee2e2;color:#b91c1c;border:1px solid #fecaca}.btn-soft-icon-instagram{background:#fce7f3;color:#9d174d;border:1px solid #fbcfe8}.btn-soft-icon-facebook{background:#dbeafe;color:#1d4ed8;border:1px solid #bfdbfe}.social-summary{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.social-pill{background:#f8fbff;border:1px solid #d9e4f3;border-radius:999px;padding:6px 10px;font-size:12px;color:#1f3a5d}.social-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.social-card{border:1px solid rgba(191,219,254,.78);border-radius:10px;background:linear-gradient(180deg,#ffffffeb,#f4f9ffe0);overflow:hidden;text-decoration:none;color:inherit;transition:transform .2s ease,box-shadow .2s ease}.social-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-card)}.social-card-thumb{aspect-ratio:16 / 9;background:#eef4fc;display:flex;align-items:center;justify-content:center;color:#5a6f8d}.social-card-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.social-card-body{padding:10px}.social-card-title{font-size:12px;color:#0f172a;font-weight:700;line-height:1.4;min-height:34px}.social-card-meta{margin-top:5px;font-size:11px;color:#64748b}.provider-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.provider-tab{border:1px solid rgba(191,219,254,.78);border-radius:10px;background:linear-gradient(180deg,#ffffffe6,#f3f8ffdb);color:#1f3a5d;padding:10px 8px;display:flex;flex-direction:column;align-items:flex-start;gap:2px;cursor:pointer;transition:all .2s ease}.provider-tab small{font-size:10px;color:#64748b}.provider-tab.active{background:#eff6ff;border-color:#93c5fd;color:#1d4ed8}.mobile-tabbar,.auth-mobile-only{display:none}.phone{width:100%;max-width:420px;background:#fff;border-radius:24px;border:1px solid #d9e4f3;box-shadow:var(--shadow-card);overflow:hidden}.mobile-layout-wrapper{width:100%;max-width:420px;border-radius:24px;border:1px solid rgba(191,219,254,.92);background:linear-gradient(180deg,#ffffffd6,#f3f8ffc7);box-shadow:0 18px 40px #1e40af29,inset 0 1px #ffffffe6;backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);overflow:hidden;padding-top:env(safe-area-inset-top,0px)}.mob-auth-hero{background:linear-gradient(135deg,#ff7a7a,#7b8cff);padding:20px 20px 16px;position:relative}.mob-auth-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 10%,rgba(255,255,255,.28),transparent 60%);pointer-events:none}.mob-auth-hero-compact{padding-top:14px;padding-bottom:12px}.auth-logo{font-family:var(--font-display);font-weight:800;font-size:32px;color:#0f172a}.auth-logo span{color:#2563eb}.auth-tag{font-size:13px;color:#ffffffeb;margin-top:6px;line-height:1.45;max-width:280px}.auth-form-area{padding:20px 18px calc(18px + env(safe-area-inset-bottom,0px));background:#ffffffd1;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.auth-form-title{font-family:var(--font-display);font-weight:800;font-size:24px;color:#0f172a}.auth-switch{text-align:center;font-size:13px;color:#64748b;margin-top:14px}.auth-switch a{color:#1d4ed8;text-decoration:none;font-weight:700}.auth-switch-login>div+div{margin-top:12px!important}.auth-login-screen{background:radial-gradient(circle at top center,rgba(123,140,255,.15),transparent 60%),linear-gradient(to bottom,#f8f9ff,#eef1ff)}.auth-login-shell{position:relative}.auth-login-content{transition:opacity .5s ease,transform .5s ease}.auth-login-content.intro-hidden{opacity:0;transform:translateY(30px);pointer-events:none}.auth-login-content.intro-visible{opacity:1;transform:translateY(0)}.auth-intro-loader{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ff7a7ab3,#7b8cffb3);background-size:140% 140%;animation:introBgShift 8s ease-in-out infinite;z-index:4000;overflow:hidden;opacity:1;transition:opacity .5s ease;backdrop-filter:blur(10px) saturate(.9);-webkit-backdrop-filter:blur(10px) saturate(.9)}.auth-intro-loader.fade-out{opacity:0;pointer-events:none}.auth-intro-word{position:relative;width:min(80vw,700px);height:clamp(130px,24vh,220px);letter-spacing:.12em;transition:letter-spacing .6s cubic-bezier(.22,1,.36,1)}.auth-intro-letter{position:absolute;left:50%;top:50%;font-family:var(--font-display);font-size:clamp(44px,8vw,86px);font-weight:700;line-height:1;letter-spacing:.01em;color:#f8fbfff2;transform:translate(calc(-50% + var(--scatter-x)),calc(-50% + var(--scatter-y))) scale(1);opacity:1;text-shadow:0 0 0 rgba(123,140,255,0);animation:introLetterFloat 2.2s ease-in-out calc(var(--letter-delay) + .65s) infinite alternate;transition:text-shadow .45s ease;will-change:transform,opacity}.auth-intro-letter.accent{color:transparent}.auth-intro-letter-glyph{display:block;opacity:0;transform:scale(.9);filter:blur(7px);animation:introGlyphAppear .7s cubic-bezier(.22,1,.36,1) var(--letter-delay) forwards}.auth-intro-letter:not(.accent) .auth-intro-letter-glyph{color:#0f172a;font-weight:700}.auth-intro-letter.accent .auth-intro-letter-glyph{font-weight:800;background:linear-gradient(90deg,#4da6ff,#7b8cff,#9f7bff);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}.auth-intro-word.is-aligned .auth-intro-letter{animation:introLetterConverge 1.32s cubic-bezier(.22,1,.36,1) var(--align-delay) forwards}.auth-intro-word.is-glow .auth-intro-letter{text-shadow:0 0 8px rgba(123,140,255,.4),0 0 16px rgba(123,140,255,.2)}.auth-intro-word.is-glow{animation:introWordPulse .42s ease-in-out 1;letter-spacing:.015em}.auth-intro-word.is-glow:after{content:"";position:absolute;top:-4px;right:-10px;bottom:-4px;left:-10px;background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,.38) 45%,transparent 100%);transform:translate(-130%);animation:introWordSweep .8s cubic-bezier(.22,1,.36,1) 1;pointer-events:none}.auth-intro-orb{position:absolute;border-radius:999px;filter:blur(22px);opacity:.32}.auth-intro-orb-a{width:320px;height:320px;background:#ffffff59;top:18%;left:18%;animation:introFloatA 2.2s ease-in-out infinite}.auth-intro-orb-b{width:280px;height:280px;background:#add8ff5c;right:17%;bottom:19%;animation:introFloatB 2.5s ease-in-out infinite}@keyframes introBrandIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes introBrandSpacing{0%{letter-spacing:.01em}to{letter-spacing:.02em}}@keyframes introShimmer{0%{transform:translate(-120%)}to{transform:translate(120%)}}@keyframes introFloatA{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.04)}}@keyframes introFloatB{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(10px) scale(1.03)}}@keyframes introBgShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes introLetterAppear{0%{opacity:0;transform:translate(calc(-50% + var(--scatter-x)),calc(-50% + var(--scatter-y))) scale(.8)}to{opacity:1;transform:translate(calc(-50% + var(--scatter-x)),calc(-50% + var(--scatter-y))) scale(1)}}@keyframes introGlyphAppear{0%{opacity:0;transform:scale(.9);filter:blur(7px)}to{opacity:1;transform:scale(1);filter:blur(0)}}@keyframes introLetterFloat{0%{transform:translate(calc(-50% + var(--scatter-x)),calc(-50% + var(--scatter-y))) scale(1)}50%{transform:translate(calc(-50% + var(--scatter-x) + (var(--float-x) * .55)),calc(-50% + var(--scatter-y) + (var(--float-y) * .85))) scale(1.008)}to{transform:translate(calc(-50% + var(--scatter-x) + var(--float-x)),calc(-50% + var(--scatter-y) + var(--float-y))) scale(1)}}@keyframes introLetterConverge{0%{transform:translate(calc(-50% + var(--scatter-x) + var(--float-x)),calc(-50% + var(--scatter-y) + var(--float-y))) scale(1)}56%{transform:translate(calc(-50% + var(--final-x-em) + var(--curve-x)),calc(-50% + var(--curve-y))) scale(1.012)}84%{transform:translate(calc(-50% + var(--final-x-em) + var(--overshoot-x)),calc(-50% + var(--overshoot-y))) scale(1.02)}to{transform:translate(calc(-50% + var(--final-x-em)),-50%) scale(1)}}@keyframes introWordPulse{0%{transform:scale(1)}50%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes introWordSweep{0%{transform:translate(-130%)}to{transform:translate(130%)}}.mobile-login-layout{background:#ffffffe6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 10px 30px #00000014;animation:mobileLoginCardIn .34s ease both}.mobile-login-layout .mob-auth-hero{padding:16px 20px 12px;min-height:96px;background:var(--auth-gradient)}.mobile-login-layout .auth-logo{font-size:30px;font-weight:800;letter-spacing:-.02em;line-height:1.05;color:#0f172a;text-shadow:none}.mobile-login-layout .auth-logo span{color:#2563eb;font-weight:800}.mobile-login-layout .auth-tag{margin-top:4px;color:#415a77}.btn-youtube{background:#ff00000d}.btn-instagram{background:#ff00960d}.btn-facebook{background:#0064ff0d}.mobile-login-layout .auth-social-grid{margin-bottom:14px}@keyframes mobileLoginCardIn{0%{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.onboard-steps{display:flex;gap:6px;padding:14px 20px 0}.onboard-step{flex:1;height:4px;border-radius:100px;background:#d9e4f3}.onboard-step.done{background:var(--mint)}.onboard-step.active{background:var(--accent)}.onboard-body{padding:24px 20px}.onboard-icon{font-size:32px;margin-bottom:10px}.onboard-ttl{font-family:var(--font-display);font-weight:800;font-size:22px;margin-bottom:6px;color:#10213f}.onboard-sub{font-size:13px;color:#5a6f8d;line-height:1.55;margin-bottom:22px}.niche-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.niche-pill{padding:12px;border-radius:10px;border:1.5px solid #d9e4f3;background:#fff;text-align:center;cursor:pointer;transition:all .18s ease}.niche-pill:hover{border-color:#93c5fd}.niche-pill.sel{border-color:var(--accent);background:#eff6ff}.niche-emoji{font-size:22px;display:block;margin-bottom:5px}.niche-name{font-size:12px;font-weight:600;color:#1f3a5d}.sf-hero{background:linear-gradient(135deg,#3b82f6,#60a5fa 55%,#5eead4);padding:40px 34px 36px;display:flex;align-items:center;gap:24px}.sf-pill{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border-radius:999px;background:#fff3;border:1px solid rgba(255,255,255,.4);font-size:11px;color:#fff}.prod-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:24px 28px;background:var(--cream)}.prod-card{background:var(--white);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-card);border:1px solid var(--cream-3)}.prod-img{width:100%;aspect-ratio:1;background:#eef4fc;display:flex;align-items:center;justify-content:center;font-size:36px;position:relative}.prod-badge{position:absolute;top:7px;left:7px;font-size:8px;font-weight:700;padding:2px 6px;border-radius:3px;letter-spacing:.05em}.prod-info{padding:10px}.prod-name{font-weight:600;font-size:11px;color:#1e2f4a;line-height:1.35}.prod-price{font-family:var(--font-display);font-weight:700;font-size:15px;color:var(--ink);margin-top:6px}.prod-cta{margin-top:8px;background:linear-gradient(135deg,var(--accent),var(--accent-hi));color:#fff;font-weight:700;font-size:10px;padding:7px;border-radius:6px;text-align:center;display:block;text-decoration:none}.landing-bg{width:100%;padding:28px 20px 42px;justify-content:flex-start}.landing-hero{width:100%;max-width:1140px;margin:0 auto;border:1px solid rgba(191,219,254,.78);border-radius:24px;background:linear-gradient(145deg,#edf6ffe6,#d7ebffd1 48%,#d6faebbd);backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);box-shadow:0 26px 52px #1e40af2e,inset 0 1px #ffffffe0;padding:34px 36px}.landing-badge{display:inline-flex;padding:6px 12px;border-radius:999px;font-size:11px;font-weight:700;color:#35557f;background:#ffffffb8;border:1px solid rgba(191,219,254,.78)}.landing-hero h1{margin-top:14px;font-family:var(--font-display);font-size:clamp(32px,5vw,52px);line-height:1.03;letter-spacing:-.03em;color:#0b1b34}.landing-hero p{margin-top:14px;max-width:760px;font-size:16px;line-height:1.6;color:#35557f}.landing-actions{margin-top:22px;display:flex;flex-wrap:wrap;gap:10px}.landing-btn{width:auto;min-width:240px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.landing-btn-soft{min-width:140px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.landing-grid{width:100%;max-width:1140px;margin:16px auto 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.landing-panel{border:1px solid rgba(191,219,254,.74);border-radius:18px;background:linear-gradient(180deg,#ffffffdb,#f3f8ffd1);backdrop-filter:blur(14px) saturate(1.22);-webkit-backdrop-filter:blur(14px) saturate(1.22);box-shadow:0 16px 34px #1e40af24,inset 0 1px #ffffffdb;padding:18px 18px 16px}.landing-panel h2{font-family:var(--font-display);font-size:20px;font-weight:800;color:#0b1b34}.landing-panel ul{margin-top:10px;list-style:none;display:grid;gap:8px}.landing-panel li{font-size:14px;color:#35557f;line-height:1.5;padding-left:14px;position:relative}.landing-panel li:before{content:"";position:absolute;left:0;top:9px;width:6px;height:6px;border-radius:999px;background:linear-gradient(135deg,#3b82f6,#60a5fa)}.reveal-on-scroll{opacity:0;transform:translateY(26px);transition:opacity .58s ease,transform .58s cubic-bezier(.22,.61,.36,1)}.reveal-on-scroll.is-visible{opacity:1;transform:translateY(0)}.interactive-card{transition:transform .24s cubic-bezier(.22,.61,.36,1),box-shadow .24s ease,border-color .24s ease}.interactive-card:hover{transform:translateY(-5px) scale(1.01);border-color:#93c5fdf2;box-shadow:0 20px 42px #1e40af38,0 0 0 1px #bfdbfee6,inset 0 1px #ffffffe6}.landing-btn,.landing-btn-soft,.btn-primary,.btn-soft{transition:transform .2s ease,box-shadow .24s ease,filter .24s ease,border-color .24s ease}.landing-btn:hover,.btn-primary:hover{transform:translateY(-2px) scale(1.01);box-shadow:0 16px 30px #2563eb4d;filter:saturate(1.06)}.landing-btn-soft:hover,.btn-soft:hover{transform:translateY(-2px) scale(1.01);box-shadow:0 14px 26px #1e40af2e;border-color:#93c5fdf2}.landing-kpi{width:100%;max-width:1140px;margin:16px auto 0;border-radius:22px;border:1px solid rgba(191,219,254,.74);background:linear-gradient(180deg,#ffffffe0,#f2f8ffd6);backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);box-shadow:0 18px 42px #1e40af29,inset 0 1px #ffffffdb;padding:20px 20px 18px}.landing-kpi-head h2{font-family:var(--font-display);font-size:28px;color:#0b1b34}.landing-kpi-head p{margin-top:6px;font-size:14px;color:#35557f}.landing-kpi-grid{margin-top:14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.landing-kpi-card{border:1px solid rgba(191,219,254,.78);border-radius:14px;padding:12px;background:linear-gradient(180deg,#ffffffe6,#eff6ffcc);box-shadow:0 10px 20px #1e40af24,inset 0 1px #ffffffeb;transition:transform .24s cubic-bezier(.22,.61,.36,1),box-shadow .24s ease,border-color .24s ease}.landing-kpi-card:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 18px 32px #1e40af38,0 0 0 1px #bfdbfee6;border-color:#93c5fdf2}.landing-kpi-card span{display:block;font-size:12px;color:#64748b}.landing-kpi-card strong{margin-top:6px;display:block;font-family:var(--font-display);font-size:26px;color:#0b1b34}.landing-kpi-card em{margin-top:4px;display:inline-flex;font-style:normal;font-size:11px;font-weight:700;color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:999px;padding:3px 7px}.landing-chart-wrap{margin-top:12px;border-radius:16px;border:1px solid rgba(191,219,254,.78);background:linear-gradient(180deg,#ffffffe6,#eef6ffd1);position:relative;overflow:hidden;transition:box-shadow .24s ease,transform .24s ease}.landing-chart-wrap:hover{transform:translateY(-2px);box-shadow:0 18px 30px #1e40af2e}.landing-chart-header{padding:12px 14px 2px;display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#0b1b34;font-weight:700}.landing-chart-header small{font-size:11px;color:#64748b;font-weight:600}.landing-chart-svg{width:100%;height:170px;display:block;padding:0 8px 8px}.landing-bar{fill:#3b82f633;stroke:#3b82f673;transition:fill .18s ease,transform .18s ease;transform-origin:center bottom}.landing-bar:hover{fill:#3b82f66b;transform:scaleY(1.05)}.landing-point{fill:#fff;stroke:#2563eb;stroke-width:2;transition:transform .18s ease,filter .18s ease}.landing-point:hover{transform:scale(1.15);filter:drop-shadow(0 0 8px rgba(37,99,235,.42))}.landing-tooltip{position:absolute;pointer-events:none;min-width:124px;border-radius:10px;padding:8px 10px;background:#0b1b34e6;color:#eff6ff;box-shadow:0 12px 28px #0f172a4d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5;font-size:11px}.landing-tooltip strong{display:block;margin-top:3px;font-size:12px}.landing-flow{width:100%;max-width:1140px;margin:16px auto 0;border-radius:22px;border:1px solid rgba(191,219,254,.74);background:linear-gradient(180deg,#ffffffe0,#f2f8ffd6);backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);box-shadow:0 18px 42px #1e40af29,inset 0 1px #ffffffdb;padding:20px 20px 18px}.landing-flow-grid{margin-top:14px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.landing-flow-step{border:1px solid rgba(191,219,254,.78);border-radius:14px;padding:12px;background:linear-gradient(180deg,#ffffffe6,#eff6ffcc);box-shadow:0 10px 20px #1e40af24,inset 0 1px #ffffffeb;transition:transform .24s cubic-bezier(.22,.61,.36,1),box-shadow .24s ease,border-color .24s ease}.landing-flow-step:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 18px 32px #1e40af38,0 0 0 1px #bfdbfee6;border-color:#93c5fdf2}.landing-step-index{display:inline-flex;font-family:var(--font-code);font-size:10px;letter-spacing:.08em;color:#1d4ed8;background:#dbeafeeb;border:1px solid rgba(147,197,253,.95);border-radius:999px;padding:3px 8px}.landing-flow-step h3{margin-top:8px;font-family:var(--font-display);font-size:18px;color:#0b1b34}.landing-flow-step p{margin-top:6px;font-size:13px;line-height:1.5;color:#35557f}.stat-card,.chart-card,.table-card,.plan-card,.prod-card,.auth-web-card,.phone,.provider-tab,.social-card,.dashboard-intro{transition:transform .24s cubic-bezier(.22,.61,.36,1),box-shadow .24s ease,border-color .24s ease,background .24s ease}.stat-card:hover,.chart-card:hover,.table-card:hover,.plan-card:hover,.prod-card:hover,.auth-web-card:hover,.phone:hover,.provider-tab:hover,.social-card:hover,.dashboard-intro:hover{transform:translateY(-3px) scale(1.003);box-shadow:0 20px 40px #1e40af33,inset 0 1px #ffffffe6;border-color:#93c5fdf2}.form-input:hover,textarea.form-input:hover,select.form-input:hover{border-color:#93c5fd;box-shadow:0 0 0 2px #93c5fd33}input,textarea,select,button{font-family:inherit}@media (max-width: 1280px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 1024px){.app-shell{min-height:auto}.sidebar{display:none}.charts-row{grid-template-columns:1fr}.prod-grid,.social-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.create-post-layout{grid-template-columns:1fr!important}.provider-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.feed-insight-grid,.feed-opportunity-grid,.feed-earn-grid{grid-template-columns:1fr}}@media (max-width: 980px){.section-bg{padding:12px}.auth-responsive{grid-template-columns:1fr;max-width:440px}.auth-desktop-only{display:none}.auth-mobile-only{display:block}.web-app{border-radius:14px}.topbar{padding:10px 14px;min-height:62px;flex-wrap:wrap;gap:10px;align-items:flex-start}.topbar-right{width:100%;justify-content:flex-end;flex-wrap:wrap}.topbar-title{font-size:20px}.stat-grid{grid-template-columns:1fr;padding:12px;gap:12px}.charts-row{padding:12px;gap:12px}.table-card,.feed-section{margin:12px}.table-card{overflow-x:auto}table{min-width:640px}.auth-social-grid{grid-template-columns:1fr}.auth-social-grid .btn-soft{justify-content:flex-start;padding:12px 14px;font-size:13px;border-color:#bfdbfee6;background:#ffffffb8;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.auth-social-grid .btn-soft-icon{width:24px;height:24px;font-size:13px;box-shadow:0 2px 7px #0f172a1a}.mobile-login-layout .form-field{margin-bottom:16px}.mobile-login-layout .auth-form-area{padding:20px 18px calc(22px + env(safe-area-inset-bottom,0px))}.mobile-login-layout .auth-form-title{font-size:34px;line-height:1.04}.mobile-login-layout .auth-form-subtitle{font-size:15px;margin:6px 0 20px;color:#1e3a5fc7}.mobile-login-layout .btn-primary{box-shadow:0 8px 20px #7b8cff66}.auth-intro-letter{font-size:clamp(40px,13vw,64px)}.social-grid{grid-template-columns:1fr}.tb-btn{padding:8px 10px;font-size:11px}.main{padding-bottom:94px}.main.is-scrolled .topbar{background:#ffffffb3;-webkit-backdrop-filter:blur(16px) saturate(1.2);backdrop-filter:blur(16px) saturate(1.2);border-bottom-color:#bfdbfecc}.mobile-tabbar{position:fixed;left:12px;right:12px;width:auto;bottom:calc(10px + env(safe-area-inset-bottom,0px));display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;background:linear-gradient(180deg,#ffffffc2,#f0f7ffb8);border:1px solid rgba(191,219,254,.9);border-radius:26px;padding:10px;backdrop-filter:blur(24px) saturate(1.3);-webkit-backdrop-filter:blur(24px) saturate(1.3);box-shadow:0 24px 44px #1e40af38,0 8px 20px #0f172a24,inset 0 1px #ffffffd9;z-index:3000;transition:box-shadow .24s ease,backdrop-filter .24s ease,background .24s ease,transform .24s ease}.mobile-tabbar.is-scrolled{background:linear-gradient(180deg,#ffffffad,#e9f4ff9e);backdrop-filter:blur(28px) saturate(1.5);-webkit-backdrop-filter:blur(28px) saturate(1.5);box-shadow:0 28px 52px #1e40af47,0 10px 24px #0f172a2e,inset 0 1px #ffffffeb}.mobile-tab{text-decoration:none;color:#475569;border-radius:16px;padding:10px 4px 9px;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10px;font-weight:700;transition:transform .18s ease,background .22s ease,color .22s ease,box-shadow .22s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.mobile-tab:hover{transform:translateY(-1px)}.mobile-tab.active{background:linear-gradient(180deg,#eff6ffe6,#dbeafee0);color:#1d4ed8;box-shadow:inset 0 1px #fffffff0,0 8px 16px #2563eb2e}.mobile-tab.active span:first-child{transform:scale(1.16);filter:drop-shadow(0 0 8px rgba(59,130,246,.45))}.auth-web-card,.phone,.mobile-layout-wrapper,.plan-card,.notif-popover,.prod-card{background:linear-gradient(180deg,#ffffffe6,#f3f8ffdb);border-color:#bfdbfec2;backdrop-filter:blur(12px) saturate(1.25);-webkit-backdrop-filter:blur(12px) saturate(1.25);box-shadow:0 14px 34px #1e40af29,inset 0 1px #ffffffd6}.provider-tabs{grid-template-columns:1fr}.landing-bg{padding:14px 10px 24px}.landing-hero{padding:22px 18px;border-radius:18px}.landing-hero p{font-size:14px}.landing-kpi-grid,.landing-flow-grid{grid-template-columns:1fr}.landing-grid{grid-template-columns:1fr;gap:10px;margin-top:10px}.landing-btn,.landing-btn-soft{min-width:100%}.feed-hero{margin:12px;border-radius:18px;padding:18px 14px;flex-direction:column;align-items:flex-start}.feed-hero-right{align-self:flex-end}.feed-scroll-row,.feed-opportunity-row{grid-auto-columns:minmax(230px,86%)}.feed-product-grid,.feed-modal-metrics,.feed-source-grid{grid-template-columns:1fr}.earnings-page-head{flex-direction:column;align-items:flex-start}.shop-search-row,.shop-sort-wrap{grid-template-columns:1fr}.shop-featured-row{grid-auto-columns:minmax(240px,84%)}.shop-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.shop-applications-row{grid-template-columns:1fr}.earnings-filters,.earnings-toolbar{min-width:0;width:100%;grid-template-columns:1fr}.earnings-kpis,.earnings-product-grid{grid-template-columns:1fr}.feed-section-head h3{font-size:18px}.feed-focus-card{flex-direction:column;align-items:flex-start}.feed-focus-btn{width:100%}.cs-modal-overlay{align-items:flex-end;padding:0}.cs-modal-panel{max-width:none;border-radius:20px 20px 0 0;min-height:84vh;max-height:92vh;overflow-y:auto;padding:20px 16px calc(24px + env(safe-area-inset-bottom,0px));animation:csSheetUp .28s cubic-bezier(.22,.61,.36,1) forwards;touch-action:pan-y}@keyframes csSheetUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}}@media (prefers-reduced-motion: reduce){.feed-reveal,.feed-action-card,.feed-product-card,.feed-creator-card,.feed-insight-card,.feed-opportunity-card,.feed-earn-card,.feed-event-row,.feed-badge{animation:none!important;transition:none!important;transform:none!important}}.placeholder\:text-slate-400::-moz-placeholder{--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.placeholder\:text-slate-400::placeholder{--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.hover\:bg-rose-700:hover{--tw-bg-opacity: 1;background-color:rgb(190 18 60 / var(--tw-bg-opacity, 1))}.hover\:bg-sky-700:hover{--tw-bg-opacity: 1;background-color:rgb(3 105 161 / var(--tw-bg-opacity, 1))}.hover\:bg-slate-100:hover{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1))}.hover\:bg-slate-50:hover{--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1))}.focus-visible\:border-sky-400:focus-visible{--tw-border-opacity: 1;border-color:rgb(56 189 248 / var(--tw-border-opacity, 1))}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-sky-300:focus-visible{--tw-ring-opacity: 1;--tw-ring-color: rgb(125 211 252 / var(--tw-ring-opacity, 1))}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}