*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f6f8fc;color:#172033;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.wrap{width:min(1400px,92%);margin:auto;padding:70px 0}.panel-shell{min-height:100vh;display:flex}.sidebar{width:260px;position:fixed;left:0;top:0;bottom:0;background:linear-gradient(180deg,#151a35,#20204a 55%,#102a43);color:#b8c2d8;padding:20px 14px;z-index:100;overflow:auto;box-shadow:10px 0 35px #17255412}.sidebrand{color:#fff;font-weight:900;font-size:17px;padding:10px 12px 20px}.sidebrand small{display:block;color:#7dd3fc;font-size:9px;letter-spacing:1.5px;margin-top:5px}.sidebar a{display:block;padding:12px 13px;border-radius:11px;margin:4px 0;font-size:13px}.sidebar a:hover,.sidebar a.active{background:linear-gradient(135deg,#5b21b6,#2563eb);color:#fff}.sidebar .adminlink{background:linear-gradient(135deg,#f97316,#db2777);color:#fff}.panel-main{margin-left:260px;width:calc(100% - 260px);min-height:100vh;background:#f7f9fd}.menuBtn{display:none;position:fixed;right:16px;top:14px;z-index:120;border:0;border-radius:10px;background:#182044;color:#fff;padding:10px 13px}.sitefooter{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap;padding:32px 6%;border-top:1px solid #e6ebf2;color:#778399;font-size:12px;background:#fff}.sitefooter a{display:block;margin-top:8px}.card{background:#fff;border:1px solid #e5eaf1;border-radius:18px;padding:22px;box-shadow:0 10px 35px #1e3a5f0b}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:17px}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:11px;padding:11px 16px;background:linear-gradient(135deg,#6d28d9,#2563eb);color:#fff;font-weight:800;cursor:pointer;margin-top:8px;box-shadow:0 8px 18px #2563eb25}.btn.secondary{background:#edf2ff;color:#384a8f;box-shadow:none}.badge{font-size:11px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:#667eea}.muted{color:#738096}.stat{font-size:30px;font-weight:900}.price{font-size:23px;font-weight:900}.tablewrap{overflow:auto}.tablewrap table{width:100%;border-collapse:collapse}.tablewrap td,.tablewrap th{padding:12px;border-bottom:1px solid #edf0f5;text-align:left;white-space:nowrap}.tablewrap th{font-size:11px;color:#738096;text-transform:uppercase}.ok,.err{padding:12px;border-radius:10px;margin:12px 0}.ok{background:#e8f8ef;color:#146c43}.err{background:#fff0f1;color:#a01c2c}form{display:grid;gap:12px}label{font-size:13px;font-weight:700;color:#445168}input,select,textarea{width:100%;padding:12px 13px;border:1px solid #dfe5ee;border-radius:11px;background:#fff;color:#182235;outline:none}input:focus,select:focus,textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea16}textarea{min-height:100px;resize:vertical}.formBox{padding:16px;border:1px solid #e7ebf2;border-radius:14px;background:#fafbfe}
/* Public portal */
.publicPage{background:#f8faff}.publicnav{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:#fff;border-bottom:1px solid #edf0f6;position:sticky;top:0;z-index:90}.brandMark{display:flex;align-items:center;gap:10px;font-weight:900;color:#1b2450}.brandMark small{display:block;font-size:8px;letter-spacing:1.4px;color:#7c879c;margin-top:2px}.brandIcon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#7c3aed,#2563eb,#06b6d4);color:#fff;font-size:13px;box-shadow:0 8px 20px #4f46e525}.publicnav .links{display:flex;gap:22px;align-items:center;color:#4a556d;font-size:14px;font-weight:700}.publicnav .links a:hover{color:#5b21b6}.navBtn{padding:10px 16px!important;color:#fff!important}.mobileNavBtn{display:none;border:0;background:#182044;color:#fff;border-radius:10px;padding:10px 13px}.heroSlider{position:relative;overflow:hidden}.sliderTrack{min-height:570px}.heroSlide{display:none;position:relative;min-height:570px;padding:90px 8%;overflow:hidden;color:#fff}.heroSlide.active{display:flex;align-items:center}.tone-violet{background:linear-gradient(115deg,#24104f,#5b21b6 48%,#2563eb)}.tone-cyan{background:linear-gradient(115deg,#062d46,#0369a1 48%,#06b6d4)}.tone-orange{background:linear-gradient(115deg,#431407,#c2410c 45%,#e11d48)}.heroCopy{position:relative;z-index:3;max-width:760px}.heroTag{display:inline-block;padding:8px 12px;border-radius:999px;background:#ffffff1f;border:1px solid #ffffff35;font-size:11px;font-weight:900;letter-spacing:1.5px}.heroSlide h1{font-size:clamp(42px,6vw,78px);line-height:.98;max-width:900px;margin:20px 0}.heroSlide p{font-size:18px;line-height:1.75;max-width:720px;color:#eef7ff}.heroActions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.lightBtn{background:#fff;color:#34206b;box-shadow:none}.outlineBtn{display:inline-flex;align-items:center;border:1px solid #ffffff75;color:#fff;border-radius:11px;padding:11px 16px;font-weight:800;margin-top:8px}.heroVisual{position:absolute;right:7%;width:360px;height:360px}.heroGlow{position:absolute;width:520px;height:520px;border-radius:50%;right:-120px;top:-80px;background:#ffffff12;filter:blur(2px)}.floatingPanel{position:absolute;right:40px;top:65px;width:220px;padding:26px;border-radius:24px;background:#ffffff16;border:1px solid #ffffff2e;backdrop-filter:blur(12px);box-shadow:0 25px 70px #0003}.floatingPanel span,.floatingPanel small{display:block;color:#dbeafe;font-size:11px}.floatingPanel strong{display:block;font-size:65px;line-height:1;margin:10px 0}.floatIcon{position:absolute;width:68px;height:68px;border-radius:20px;display:grid;place-items:center;font-size:30px;background:#fff;color:#172033;box-shadow:0 20px 45px #0003}.fi1{left:0;top:30px}.fi2{right:0;bottom:35px}.fi3{left:30px;bottom:0}.sliderDots{position:absolute;left:8%;bottom:28px;z-index:5;display:flex;gap:7px}.dot{width:28px;height:5px;border:0;border-radius:10px;background:#ffffff55;cursor:pointer}.dot.active{background:#fff;width:50px}.trustStrip{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-bottom:1px solid #e8edf5}.trustStrip div{padding:22px 25px;border-right:1px solid #edf0f5}.trustStrip b,.trustStrip span{display:block}.trustStrip b{font-size:14px;color:#252e48}.trustStrip span{font-size:12px;color:#8490a4;margin-top:5px}.servicesSection{padding-top:75px}.sectionHead{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:38px}.sectionEyebrow{color:#6d28d9;font-size:11px;font-weight:900;letter-spacing:1.7px}.sectionHead h2{font-size:38px;margin:8px 0}.sectionHead p{color:#778399;margin:0}.serviceCount{padding:18px 22px;border-radius:18px;background:linear-gradient(135deg,#ede9fe,#dbeafe);color:#4338ca}.serviceCount strong{font-size:30px;display:block}.serviceCount span{font-size:11px}.categoryHead{display:flex;align-items:center;gap:12px;margin:35px 0 16px}.categoryIcon{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,#ede9fe,#dbeafe);font-size:23px}.categoryHead h3{margin:0;font-size:20px}.categoryHead span:not(.categoryIcon){font-size:11px;color:#8a94a7}.serviceGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.portalServiceCard{background:#fff;border:1px solid #e5eaf2;border-radius:22px;padding:22px;position:relative;overflow:hidden;box-shadow:0 15px 45px #27345f0c;transition:.25s}.portalServiceCard:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,#7c3aed,#2563eb,#06b6d4)}.portalServiceCard:hover{transform:translateY(-7px);box-shadow:0 25px 55px #27345f18}.cardTop{display:flex;justify-content:space-between;align-items:center}.serviceIcon{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,#f3e8ff,#dbeafe);font-size:22px}.statusPill{font-size:9px;font-weight:900;color:#047857;background:#d1fae5;padding:6px 8px;border-radius:999px}.serviceCategory{font-size:11px;color:#7c879c;margin-top:16px}.portalServiceCard h3{font-size:19px;margin:7px 0}.portalServiceCard p{font-size:13px;line-height:1.65;color:#7a8599;min-height:44px}.cardBottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px}.cardBottom strong{font-size:20px;color:#202943}.smallBtn{padding:9px 13px;font-size:12px;margin:0}.smallBtn span{margin-left:5px}.featureBand{background:linear-gradient(135deg,#17113a,#25205b 50%,#083b55);color:#fff}.lightHead h2{color:#fff}.featureGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.featureCard{padding:25px;border-radius:22px;background:#ffffff10;border:1px solid #ffffff18;min-height:190px}.featureCard>span{font-size:28px}.featureCard h3{margin:17px 0 8px}.featureCard p{color:#c8d1e1;line-height:1.65;font-size:13px}.fcPurple{background:linear-gradient(145deg,#6d28d91f,#ffffff09)}.fcBlue{background:linear-gradient(145deg,#0284c71f,#ffffff09)}.fcOrange{background:linear-gradient(145deg,#ea580c22,#ffffff09)}.fcGreen{background:linear-gradient(145deg,#05966922,#ffffff09)}.aboutBand{background:#fff}.aboutGrid{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:center}.aboutGrid h2{font-size:42px;margin:10px 0}.aboutGrid p{color:#748096;line-height:1.8}.steps{display:grid;gap:10px}.steps div{display:flex;align-items:center;gap:15px;padding:15px;border-radius:15px;background:#f7f8fd}.steps b{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#7c3aed,#2563eb);color:#fff}.steps span{font-weight:800}.footerBrand{margin-bottom:10px}.sitefooter .copyright{width:100%;padding-top:18px;border-top:1px solid #edf0f5;margin-top:10px}.kycGate{max-width:680px;margin:80px auto;text-align:center;padding:45px}.gateIcon{font-size:50px;margin-bottom:10px}.kycGate .btn{margin:8px}
.loginPage{min-height:100vh;display:grid;grid-template-columns:1fr 460px}.loginBrand{background:linear-gradient(135deg,#24104f,#5b21b6,#0891b2);color:#fff;padding:8%;display:flex;align-items:center}.loginBrand h1{font-size:clamp(42px,6vw,76px);line-height:.98}.loginCard{display:flex;align-items:center;padding:40px}.loginCard .card{width:100%}
@media(max-width:1050px){.serviceGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.featureGrid{grid-template-columns:repeat(2,1fr)}.heroVisual{right:-50px;opacity:.55}.trustStrip{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.sidebar{transform:translateX(-100%);transition:.2s}.side-open .sidebar{transform:translateX(0)}.panel-main{margin-left:0;width:100%}.menuBtn{display:block}.publicnav .links{position:absolute;left:0;right:0;top:78px;background:#fff;display:none;padding:15px 5%;box-shadow:0 15px 25px #17255412}.nav-open .publicnav .links{display:grid}.mobileNavBtn{display:block}.publicnav .links a:not(.btn){display:block;padding:10px 0}.heroSlide{padding:75px 6%;min-height:620px}.heroVisual{right:-130px;opacity:.3}.sliderDots{left:6%}.aboutGrid{grid-template-columns:1fr;gap:30px}.sitefooter{margin-top:20px}.loginPage{grid-template-columns:1fr}.loginBrand{min-height:260px}.loginCard{padding:25px}}
@media(max-width:620px){.wrap{width:92%;padding:50px 0}.heroSlide h1{font-size:43px}.heroSlide p{font-size:15px}.serviceGrid{grid-template-columns:1fr}.featureGrid{grid-template-columns:1fr}.trustStrip{grid-template-columns:1fr}.trustStrip div{border-right:0;border-bottom:1px solid #edf0f5}.sectionHead{align-items:start;flex-direction:column}.sectionHead h2{font-size:31px}.cardBottom{align-items:flex-end}.portalServiceCard p{min-height:auto}.sitefooter{display:grid;grid-template-columns:1fr 1fr}.sitefooter .copyright{grid-column:1/-1}.heroActions{display:grid}.heroActions .btn,.outlineBtn{width:max-content}.kycGate{margin:40px auto;padding:30px 20px}}
/* V9.2 visual polish: mixed colors, motion, reliable panel navigation */
body.publicPage{background:linear-gradient(135deg,#f8fbff 0%,#f7f1ff 42%,#eefaff 100%);background-attachment:fixed}
.publicPage:before{content:"";position:fixed;inset:auto auto 10% -100px;width:280px;height:280px;border-radius:50%;background:#8b5cf633;filter:blur(55px);animation:orbA 9s ease-in-out infinite alternate;pointer-events:none;z-index:0}
.publicPage:after{content:"";position:fixed;right:-120px;top:20%;width:330px;height:330px;border-radius:50%;background:#06b6d433;filter:blur(60px);animation:orbB 11s ease-in-out infinite alternate;pointer-events:none;z-index:0}
.publicnav,.heroSlider,.trustStrip,.servicesSection,.featureBand,.aboutBand,.sitefooter{position:relative;z-index:1}
@keyframes orbA{to{transform:translate(120px,-80px) scale(1.25)}}
@keyframes orbB{to{transform:translate(-100px,80px) scale(.8)}}
.heroSlide{animation:heroIn .7s ease both}.heroSlide.active .heroVisual{animation:floatVisual 5s ease-in-out infinite}
@keyframes heroIn{from{opacity:0;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}
@keyframes floatVisual{50%{transform:translateY(-13px) rotate(1deg)}}
.floatingPanel{animation:panelPulse 4s ease-in-out infinite}.floatIcon{animation:iconFloat 4s ease-in-out infinite}.fi2{animation-delay:1s}.fi3{animation-delay:2s}
@keyframes panelPulse{50%{transform:translateY(-8px);box-shadow:0 35px 90px #0004}}@keyframes iconFloat{50%{transform:translateY(-12px) rotate(5deg)}}
.portalServiceCard:nth-child(3n+1):before{background:linear-gradient(90deg,#7c3aed,#ec4899)}
.portalServiceCard:nth-child(3n+2):before{background:linear-gradient(90deg,#0284c7,#06b6d4)}
.portalServiceCard:nth-child(3n):before{background:linear-gradient(90deg,#f97316,#eab308)}
.portalServiceCard:nth-child(4n) .serviceIcon{background:linear-gradient(135deg,#dcfce7,#dbeafe)}
.portalServiceCard:nth-child(4n+1) .serviceIcon{background:linear-gradient(135deg,#f3e8ff,#fce7f3)}
.portalServiceCard:nth-child(4n+2) .serviceIcon{background:linear-gradient(135deg,#cffafe,#dbeafe)}
.portalServiceCard:nth-child(4n+3) .serviceIcon{background:linear-gradient(135deg,#ffedd5,#fef3c7)}
.panel-shell{background:linear-gradient(135deg,#f7f9ff,#eef7ff 55%,#fff7ed)}
.sidebar{background:linear-gradient(180deg,#20104f 0%,#293c91 48%,#075985 100%);color:#dbeafe}
.sidebrand{display:flex;align-items:center;gap:10px}.sidebrand small{font-size:9px}.brandMini{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#f97316,#ec4899,#7c3aed);color:#fff;font-weight:1000;box-shadow:0 8px 25px #0003}.sideNav{margin-top:10px}.sidebar a{color:#dbeafe;display:flex;align-items:center;gap:10px}.sidebar a span{flex:1}.sidebar a:hover,.sidebar a.active{background:linear-gradient(135deg,#8b5cf6,#2563eb,#0891b2);box-shadow:0 8px 25px #0002}.sideBottom{margin-top:18px;padding-top:15px;border-top:1px solid #ffffff1c}.panel-main{background:linear-gradient(135deg,#f9fbff,#f3f8ff 55%,#fffaf5);position:relative}.panel-main:before{content:"";position:absolute;right:3%;top:3%;width:220px;height:220px;border-radius:50%;background:#8b5cf622;filter:blur(45px);pointer-events:none}.panel-main>.wrap{position:relative;z-index:1}.panelTop{height:72px;display:flex;align-items:center;gap:14px;padding:0 28px;background:#ffffffdd;backdrop-filter:blur(12px);border-bottom:1px solid #e8edf5;position:sticky;top:0;z-index:80}.panelTop>div:nth-child(2){display:grid;gap:2px}.panelTop small{font-size:11px;color:#8490a4}.panelUser{margin-left:auto;padding:8px 12px;border-radius:999px;background:linear-gradient(135deg,#ede9fe,#dbeafe);font-size:12px;font-weight:800;color:#4338ca}.menuBtn{position:static;display:none;background:linear-gradient(135deg,#7c3aed,#2563eb)}.sideOverlay{display:none}.panel-main .card{background:#ffffffee}.panel-main .card:nth-child(3n+1){border-top:3px solid #8b5cf6}.panel-main .card:nth-child(3n+2){border-top:3px solid #06b6d4}.panel-main .card:nth-child(3n){border-top:3px solid #f97316}
.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.topbar h1{margin-bottom:8px}.serviceCard{transition:.25s}.serviceCard:hover{transform:translateY(-5px)}
@media(max-width:900px){.menuBtn{display:block}.sideOverlay{display:none}.side-open .sideOverlay{display:block;position:fixed;inset:0;background:#0f172a66;z-index:95}.panelTop{padding:0 16px}.panel-main{min-height:100vh}.sidebar{box-shadow:20px 0 50px #0f172a55}}
@media(max-width:620px){.panelTop{height:64px}.panelUser{display:none}.publicnav{height:70px}.publicnav .links{top:70px}.heroSlide{min-height:600px}.sitefooter{background:#fff}}

.imagePreviewGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;margin-top:10px}.imagePreviewGrid img{width:100%;height:100px;object-fit:cover;border-radius:12px;border:1px solid #e5eaf2}.logoPreview{max-width:180px;max-height:70px;object-fit:contain;border-radius:12px;background:#f8fafc;padding:8px}.adminSectionGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}@media(max-width:700px){.adminSectionGrid{grid-template-columns:1fr}}.requestCard{border:1px solid #e5eaf2;border-radius:18px;padding:18px;background:#fff;box-shadow:0 10px 30px #27345f0a}.requestMeta{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.statusBadge{padding:6px 10px;border-radius:999px;font-size:11px;font-weight:800}.status-pending{background:#fff7ed;color:#c2410c}.status-processing{background:#eff6ff;color:#1d4ed8}.status-approved{background:#ecfdf5;color:#047857}.status-rejected{background:#fef2f2;color:#b91c1c}

.brandLogo{width:42px;height:42px;object-fit:contain;border-radius:10px;background:#fff}.sidebrand .brandLogo{width:34px;height:34px}
.starPicker{display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:3px;font-size:30px;line-height:1}.starPicker input{display:none}.starPicker label{cursor:pointer;color:#cbd5e1;transition:.15s}.starPicker label:hover,.starPicker label:hover~label,.starPicker input:checked~label{color:#f59e0b}.salePrice s{color:#94a3b8}.salePrice b{color:#16a34a;margin-left:8px}
.productGallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.productGallery img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:16px;background:#f8fafc;border:1px solid #e5eaf2}@media(max-width:650px){.productGallery{grid-template-columns:1fr}}
/* v9.7.1 price editor improvements */
.priceTable .priceInput{min-width:150px;width:170px;padding:13px 15px;font-size:15px;font-weight:700}
.priceTable td:last-child{min-width:185px}
.saveBar{position:sticky;bottom:16px;z-index:20;margin-top:18px;padding:16px 18px;border:1px solid #dfe6f2;border-radius:16px;background:#ffffffee;backdrop-filter:blur(10px);box-shadow:0 14px 40px #17255418;display:flex;align-items:center;justify-content:space-between;gap:16px}
.saveAllBtn{min-width:190px;margin-top:0}
.productPriceLine{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-top:10px}
.productPriceLine .currentPrice{font-size:27px;font-weight:900;color:#202943}
.productPriceLine .oldPrice{text-decoration:line-through;text-decoration-thickness:2px;color:#94a3b8;font-size:16px;font-weight:700}
.productPriceLine .discountBadge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;background:#ecfdf5;color:#15803d;font-size:11px;font-weight:900}
.reviewPrompt{padding:14px 16px;border:1px dashed #cfd8e8;border-radius:14px;background:#f8fafc;color:#667085}
@media(max-width:700px){.saveBar{position:static;align-items:stretch;flex-direction:column}.saveAllBtn{width:100%}.priceTable .priceInput{min-width:145px;width:160px}}

/* v1.0.7 fixes: fixed India WhatsApp prefix + reference-style status bar */
.waInput{display:flex;align-items:stretch;width:100%;border:1px solid #d9e2f0;border-radius:12px;overflow:hidden;background:#fff}
.waInput span{display:flex;align-items:center;padding:0 12px;background:#eef3ff;color:#233b9b;font-weight:900;border-right:1px solid #d9e2f0}
.waInput input{border:0!important;border-radius:0!important;outline:0;width:100%}
.demoLogin{margin:14px 0;padding:12px 14px;border-radius:12px;background:#eef5ff;color:#203b82;font-size:12px}
.checkBar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:12px 18px;background:linear-gradient(90deg,#03216c,#06184d);color:#fff;border-top:1px solid #183c9b;border-bottom:1px solid #183c9b}
.checkItem{display:flex;align-items:center;gap:7px;font-size:11px;white-space:nowrap}
.checkItem span{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#18c94e;color:#fff;font-weight:1000}
.versionBadge{margin-left:auto;background:#06133c;border:1px solid #23438f;padding:7px 13px;border-radius:20px;font-size:11px;font-weight:900}
@media(max-width:700px){.checkBar{gap:9px}.checkItem{font-size:9px}.versionBadge{margin-left:0}}

/* ===== UM-WEB FINANCIAL REFERENCE DASHBOARD ===== */
.ref-body{margin:0;background:#edf3fb;color:#12214a;font-family:Arial,Helvetica,sans-serif}
.ref-shell{min-height:100vh;display:flex;background:#edf3fb}
.ref-sidebar{width:118px;min-width:118px;background:linear-gradient(180deg,#03123e 0%,#061d57 58%,#063a77 100%);color:#fff;min-height:100vh;padding:10px 7px;position:fixed;left:0;top:0;bottom:0;z-index:100;box-shadow:4px 0 15px #00143b33}
.ref-brand{padding:4px 5px 12px;border-bottom:1px solid #ffffff18;margin-bottom:6px}
.ref-brand-logo{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#0a73dc,#ff6b00);font-size:11px;font-weight:900;margin-bottom:5px}
.ref-brand b{display:block;font-size:8px;line-height:1.05}.ref-brand small{font-size:5px;color:#ff7610;letter-spacing:1px}
.ref-profile{font-size:7px;padding:5px 4px 9px;color:#fff;display:flex;gap:5px;align-items:center}
.ref-avatar{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#16a9e8,#6d2bdd);display:grid;place-items:center;font-size:8px;font-weight:800;flex:none}
.ref-side-nav a{display:flex;align-items:center;gap:6px;color:#d7e2f7;padding:8px 6px;border-radius:5px;font-size:7px;font-weight:700;margin:2px 0}
.ref-side-nav a .ico{width:11px;text-align:center;font-size:8px}
.ref-side-nav a:hover,.ref-side-nav a.active{background:#0b4fe0;color:#fff}
.ref-side-nav a.active{box-shadow:inset 0 0 0 1px #27c7ff55}
.ref-side-nav a.logout{color:#ff244f}
.ref-main{margin-left:118px;width:calc(100% - 118px);min-height:100vh}
.ref-top{height:43px;background:#0750c7;display:flex;align-items:center;padding:0 12px;color:#fff;box-shadow:0 2px 8px #00184b33}
.ref-search{margin-left:auto;width:92px;height:22px;border-radius:14px;background:#0a43a8;border:1px solid #5e9dff55;color:#fff;font-size:7px;padding:0 10px}
.ref-user{display:flex;align-items:center;gap:5px;font-size:7px;margin-left:10px}
.ref-user .ref-avatar{width:22px;height:22px}
.ref-content{padding:11px 10px 25px;max-width:980px;margin:auto}
.ref-title{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}
.ref-title h1{font-size:16px;margin:0 0 3px;color:#10234e}
.ref-title p{font-size:7px;color:#70809c;margin:0}
.ref-pill{background:#e8e9ff;color:#5960a0;padding:7px 12px;border-radius:20px;font-size:7px;font-weight:800}
.ref-hero{background:linear-gradient(110deg,#071d62,#0c2d91 55%,#123fb4);color:#fff;border-radius:15px;padding:18px 20px;min-height:112px;position:relative;overflow:hidden;box-shadow:0 8px 25px #0b2a7225}
.ref-hero:after{content:"";position:absolute;right:-70px;top:-70px;width:220px;height:220px;border-radius:50%;background:linear-gradient(135deg,#6d2bdd44,#08c9e844);filter:blur(1px)}
.ref-hero .eyebrow{font-size:7px;color:#35d5e8;font-weight:900;letter-spacing:1px}
.ref-hero h2{font-size:25px;margin:8px 0 4px;position:relative;z-index:2;font-weight:500}
.ref-hero p{font-size:9px;color:#cddafa;margin:0;position:relative;z-index:2}
.ref-wallet{position:absolute;right:20px;top:16px;background:#fff;color:#19306a;border-radius:12px;padding:13px 18px;min-width:88px;text-align:center;z-index:3;box-shadow:0 8px 20px #0002}
.ref-wallet span{display:block;color:#7180a0;font-size:6px;font-weight:800;letter-spacing:1px}.ref-wallet strong{font-size:14px}
.ref-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:7px}
.ref-stat{background:#fff;border-radius:8px;padding:10px;border:1px solid #dce6f3;box-shadow:0 4px 14px #153b7710;position:relative;overflow:hidden}
.ref-stat:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#ff7600,#0ecb8a,#7431dd,#0a5ce0)}
.ref-stat .label{font-size:6px;color:#71809a;font-weight:800;text-transform:uppercase;letter-spacing:.7px}
.ref-stat .num{font-size:18px;font-weight:900;margin-top:5px;color:#12234f}
.ref-stat .sub{font-size:6px;color:#6f819e;margin-top:2px}
.ref-panel{background:#fff;border:1px solid #dce5f1;border-radius:8px;padding:11px;box-shadow:0 4px 16px #163a7310}
.ref-panel h3{font-size:9px;margin:0 0 8px;color:#172653}
.ref-two{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:7px}
.ref-table{width:100%;border-collapse:collapse;font-size:7px}
.ref-table th,.ref-table td{padding:6px 5px;border-bottom:1px solid #edf1f6;text-align:left;white-space:nowrap}
.ref-table th{font-size:6px;color:#71809b;text-transform:uppercase}
.ref-status{display:inline-block;border-radius:4px;padding:4px 6px;font-size:6px;font-weight:800}
.ref-status.ok{background:#dff7e8;color:#0b8c4d;padding:4px 6px;margin:0}.ref-status.pending{background:#fff0d8;color:#e07800;padding:4px 6px;margin:0}.ref-status.bad{background:#ffe3e7;color:#df2042;padding:4px 6px;margin:0}
.ref-chart{height:140px;display:flex;align-items:end;gap:7px;padding:4px 9px 0;border-bottom:1px solid #dfe6ef}
.ref-chart .bar{flex:1;background:linear-gradient(180deg,#0d5ce8,#6a20dd);border-radius:4px 4px 0 0;position:relative;min-width:8px}.ref-chart .bar:nth-child(1){height:34%;background:linear-gradient(#ff8a00,#ff3c4c)}.ref-chart .bar:nth-child(2){height:51%;background:linear-gradient(#ec31bc,#6c1fd7)}.ref-chart .bar:nth-child(3){height:70%;background:linear-gradient(#8b2ce5,#223bdb)}.ref-chart .bar:nth-child(4){height:57%;background:linear-gradient(#f23cb2,#2455db)}.ref-chart .bar:nth-child(5){height:66%;background:linear-gradient(#7c35e8,#0878db)}.ref-chart .bar:nth-child(6){height:78%;background:linear-gradient(#4c42e6,#087edb)}.ref-chart .bar:nth-child(7){height:88%;background:linear-gradient(#285be8,#08a5dc)}.ref-chart .bar:nth-child(8){height:98%;background:linear-gradient(#1c6ee5,#00b5dc)}
.ref-chart-labels{display:grid;grid-template-columns:repeat(8,1fr);font-size:6px;color:#7788a2;text-align:center;margin-top:3px}
.ref-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}
.ref-quick a{background:linear-gradient(135deg,#063fe0,#6b1fe1);color:#fff;border-radius:7px;padding:12px 7px;text-align:center;font-size:7px;font-weight:800;box-shadow:0 7px 14px #2046cf2a}
.ref-quick a span{display:block;font-size:14px;margin-bottom:4px}
.ref-product-section{background:#fff;border-radius:9px;border:1px solid #dce6f1;padding:11px;margin-top:7px}
.ref-product-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.ref-product-head h2{margin:0;color:#0a3ed1;font-size:14px}.ref-product-head p{margin:3px 0 0;font-size:6px;color:#71809b}
.ref-product-tabs{display:flex;gap:6px;flex-wrap:wrap}.ref-product-tabs span{font-size:6px;background:#edf2f9;padding:5px 8px;border-radius:12px}.ref-product-tabs .on{background:#1244d4;color:#fff}
.ref-products{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}
.ref-product{border:1px solid #dce4ef;border-radius:7px;overflow:hidden;background:#fff}
.ref-product .cover{height:88px;display:grid;place-items:center;color:#fff;font-size:24px;font-weight:900;background:linear-gradient(135deg,#f22caf,#ff5b76)}
.ref-product:nth-child(2) .cover{background:linear-gradient(135deg,#083dd0,#08bfe2)}.ref-product:nth-child(3) .cover{background:linear-gradient(135deg,#0aa675,#0872df)}.ref-product:nth-child(4) .cover{background:linear-gradient(135deg,#7625df,#ef3a80)}
.ref-product .body{padding:7px}.ref-product h4{font-size:7px;margin:0 0 4px}.ref-product p{font-size:6px;color:#7a879d;margin:0 0 5px}.ref-product .price{font-size:8px;color:#078e4b;font-weight:900}.ref-product .actions{display:flex;justify-content:space-between;margin-top:6px}.ref-product .actions a{font-size:6px;border:1px solid #cbd7e8;border-radius:4px;padding:4px 5px;color:#1c4ac7}.ref-product .actions a.buy{background:#0b43d5;color:#fff;border-color:#0b43d5}
.ref-footer{padding:14px;text-align:center;color:#7b8aa1;font-size:6px}
@media(max-width:900px){.ref-sidebar{width:118px;min-width:118px}.ref-main{margin-left:118px;width:calc(100% - 118px)}.ref-stats{grid-template-columns:repeat(2,1fr)}.ref-products{grid-template-columns:repeat(2,1fr)}.ref-quick{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.ref-sidebar{width:82px;min-width:82px;padding:8px 5px}.ref-main{margin-left:82px;width:calc(100% - 82px)}.ref-brand b,.ref-brand small,.ref-profile div:last-child,.ref-side-nav a span:last-child{display:none}.ref-side-nav a{justify-content:center;padding:10px 4px}.ref-side-nav a .ico{font-size:11px}.ref-content{padding:8px 6px}.ref-hero h2{font-size:20px}.ref-wallet{position:relative;right:auto;top:auto;margin-top:10px;display:inline-block}.ref-two{grid-template-columns:1fr}.ref-products{grid-template-columns:1fr 1fr}.ref-title h1{font-size:14px}}

.wa-fixed{display:flex;align-items:stretch;width:100%;border:1px solid #dfe5ee;border-radius:11px;overflow:hidden;background:#fff}
.wa-fixed .wa-prefix{display:flex;align-items:center;padding:0 12px;background:#f0f4fb;color:#153e9b;font-weight:900;font-size:12px;border-right:1px solid #d8e0ed;user-select:none;pointer-events:none}
.wa-fixed input{border:0!important;box-shadow:none!important;border-radius:0!important;min-width:0}