:root{--brand:#ee4d2d;--brand-2:#ff7a33;--brand-soft:#fff3ee;--ink:#192234;--muted:#667085;--line:#e9edf3;--surface:#fff;--bg:#f7f8fb;--dark:#0c1425;--dark-2:#131f35;--success:#14a66f;--warning:#f59e0b;--danger:#e5484d;--blue:#2878ff;--purple:#7c4dff;--shadow:0 22px 60px rgba(22,34,54,.1);--radius:20px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%}.container{width:min(1180px,calc(100% - 32px));margin:auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;padding:11px 18px;font-weight:800;transition:.22s ease;white-space:nowrap}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;box-shadow:0 12px 28px rgba(238,77,45,.24)}.btn-ghost{background:#fff;color:#344054;border:1px solid var(--line)}.btn-dark{background:#172033;color:#fff}.btn-admin{background:#111a2d;color:#fff}.btn-small{padding:9px 15px;font-size:14px}.btn-large{padding:14px 22px}.btn-xl{padding:15px 24px}.logo{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:900;letter-spacing:-.03em}.logo-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;color:#fff;background:linear-gradient(145deg,var(--brand),#ff943f);box-shadow:0 10px 25px rgba(238,77,45,.3)}.logo-light{color:#fff}.announcement{background:linear-gradient(90deg,#d93d22,#f2602e);color:#fff;font-size:13px}.announcement .container{min-height:38px;display:flex;align-items:center;justify-content:center;gap:9px}.announcement p{margin:0;font-weight:650}.announcement button{margin-left:auto;border:0;background:transparent;color:#fff;font-size:20px}.announcement-dot{width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 0 5px rgba(255,255,255,.15);animation:pulseDot 1.8s infinite}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(224,229,237,.8);transition:.25s}.site-header.scrolled{box-shadow:0 10px 35px rgba(17,29,49,.08)}.header-inner{height:72px;display:flex;align-items:center;gap:28px}.desktop-nav{display:flex;align-items:center;gap:28px;margin:auto}.desktop-nav a{font-size:14px;font-weight:750;color:#4c566a;position:relative}.desktop-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-9px;height:2px;background:var(--brand);transition:.25s}.desktop-nav a:hover{color:var(--brand)}.desktop-nav a:hover:after{right:0}.header-actions{display:flex;align-items:center;gap:9px}.theme-toggle,.avatar-link{width:40px;height:40px;border-radius:13px;border:1px solid var(--line);background:#fff;display:grid;place-items:center;font-weight:900}.avatar-link span{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#ff6334,#ff963e)}.flash-stack{position:fixed;right:20px;top:90px;z-index:120;display:grid;gap:10px;width:min(420px,calc(100% - 40px))}.flash{padding:14px 16px;border-radius:14px;background:#fff;box-shadow:var(--shadow);border-left:4px solid var(--blue);display:flex;gap:10px;align-items:center}.flash-success{border-color:var(--success)}.flash-danger{border-color:var(--danger)}.flash-warning{border-color:var(--warning)}.flash button{margin-left:auto;border:0;background:none}.hero{position:relative;overflow:hidden;padding:82px 0 32px;background:radial-gradient(circle at 11% 16%,rgba(255,180,126,.22),transparent 30%),radial-gradient(circle at 92% 24%,rgba(255,104,59,.16),transparent 28%),linear-gradient(180deg,#fff 0,#fffaf7 73%,#f7f8fb 100%)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:72px;align-items:center;position:relative;z-index:2}.hero-copy h1{font-size:clamp(40px,5vw,66px);line-height:1.03;letter-spacing:-.055em;margin:20px 0;color:#141c2c}.hero-copy>p{font-size:18px;line-height:1.75;color:#667085;max-width:650px}.hero-badge{display:inline-flex;align-items:center;gap:9px;background:#fff;border:1px solid #ffe0d4;border-radius:999px;padding:9px 14px;color:#d94426;font-size:13px;font-weight:850;box-shadow:0 10px 30px rgba(126,56,31,.08)}.hero-badge i,.live-pill i{width:8px;height:8px;border-radius:50%;background:#19b77c;box-shadow:0 0 0 5px rgba(25,183,124,.13)}.hero-proof{display:flex;gap:28px;margin:34px 0 22px}.hero-proof div{padding-right:28px;border-right:1px solid #e7e9ef}.hero-proof div:last-child{border:0}.hero-proof b{display:block;font-size:23px;letter-spacing:-.04em}.hero-proof span{font-size:12px;color:#8a93a5}.hero-trust{display:flex;flex-wrap:wrap;gap:10px 18px;color:#5f6879;font-size:12px;font-weight:650}.hero-trust span{display:flex;align-items:center;gap:5px}.quote-card{background:rgba(255,255,255,.94);border:1px solid rgba(238,77,45,.14);border-radius:28px;padding:26px;box-shadow:0 34px 80px rgba(80,37,21,.14);position:relative}.quote-card:before{content:"";position:absolute;inset:-1px;border-radius:28px;padding:1px;background:linear-gradient(145deg,rgba(238,77,45,.45),transparent 45%,rgba(255,150,62,.35));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.quote-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.quote-card-top>div{display:flex;gap:12px;align-items:center}.quote-card-top b{display:block;font-size:16px}.quote-card-top small{display:block;color:#8992a3;margin-top:4px}.quote-icon{width:48px;height:48px;border-radius:16px;background:linear-gradient(145deg,#ff5c32,#ff8a38);color:#fff;display:grid;place-items:center;font-weight:900;font-size:20px;box-shadow:0 13px 25px #ee4d2d42}.live-pill{display:inline-flex;align-items:center;gap:8px;background:#effbf7;color:#12845b;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:800}.quote-form label{display:block;font-size:12px;font-weight:800;color:#4f596d;margin-bottom:8px}.input-shell{height:58px;display:flex;align-items:center;gap:10px;border:1.5px solid #dfe4ed;border-radius:15px;padding:0 13px;background:#fbfcfe;transition:.2s}.input-shell:focus-within{border-color:var(--brand);background:#fff;box-shadow:0 0 0 4px rgba(238,77,45,.09)}.input-shell input{border:0;outline:0;background:transparent;flex:1;min-width:0;color:#20293a}.input-shell button{border:0;background:#eef1f5;color:#778195;width:28px;height:28px;border-radius:9px}.quote-submit{width:100%;height:56px;border:0;border-radius:15px;margin-top:14px;background:linear-gradient(135deg,var(--brand),#ff7834);color:#fff;font-weight:900;box-shadow:0 16px 30px rgba(238,77,45,.26);transition:.22s}.quote-submit:hover{transform:translateY(-2px);box-shadow:0 20px 36px rgba(238,77,45,.32)}.quote-submit:disabled{opacity:.72;cursor:wait}.submit-loading{display:none}.quote-form.loading .submit-normal{display:none}.quote-form.loading .submit-loading{display:inline-flex;align-items:center;gap:9px}.submit-loading i{width:17px;height:17px;border:2px solid #fff8;border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.form-error{margin-top:10px;padding:10px 12px;border-radius:11px;background:#fff0f0;color:#c4383c;font-size:12px}.quote-hints{display:flex;justify-content:space-between;margin-top:16px;color:#8b94a6;font-size:11px}.hero-orb{position:absolute;border-radius:50%;filter:blur(4px);opacity:.6}.orb-one{width:310px;height:310px;right:-110px;top:100px;background:rgba(255,139,82,.15)}.orb-two{width:180px;height:180px;left:-70px;bottom:20px;background:rgba(255,190,120,.2)}.floating-coin{position:absolute;display:grid;place-items:center;border-radius:50%;font-weight:900;color:#fff;background:linear-gradient(145deg,#ff7d36,#f2b126);box-shadow:0 18px 35px rgba(238,103,35,.25);z-index:1}.coin-one{width:52px;height:52px;right:46%;top:65px;animation:floatY 4.5s ease-in-out infinite}.coin-two{width:36px;height:36px;right:5%;bottom:100px;animation:floatY 5s ease-in-out infinite reverse}.trust-strip{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;margin-top:72px;background:#fff;border:1px solid #eef0f4;border-radius:18px;padding:18px 22px;box-shadow:0 14px 40px rgba(30,42,64,.06)}.trust-strip>div{display:flex;align-items:center;gap:12px;justify-content:center}.trust-strip span{width:34px;height:34px;border-radius:11px;background:#fff2ed;color:var(--brand);display:grid;place-items:center;font-size:12px;font-weight:900}.trust-strip p{margin:0}.trust-strip b,.trust-strip small{display:block}.trust-strip b{font-size:13px}.trust-strip small{font-size:11px;color:#8b94a5;margin-top:3px}.trust-strip>i{width:1px;height:36px;background:#eceff4}.section{padding:92px 0}.section-head{margin-bottom:42px}.section-head.centered{text-align:center}.section-head h2,.how-copy h2,.showcase-copy h2,.faq-layout h2{font-size:clamp(30px,4vw,45px);line-height:1.13;letter-spacing:-.045em;margin:10px 0}.section-head p{color:#7a8496;max-width:640px;margin:0 auto;line-height:1.7}.eyebrow{display:inline-flex;color:var(--brand);font-size:12px;font-weight:900;letter-spacing:.11em}.eyebrow.light{color:#ffb299}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.feature-card{background:#fff;border:1px solid #e9edf3;border-radius:20px;padding:26px;transition:.28s;position:relative;overflow:hidden}.feature-card:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:3px;background:linear-gradient(90deg,var(--brand),#ffae54);transform:scaleX(0);transform-origin:left;transition:.3s}.feature-card:hover{transform:translateY(-7px);box-shadow:var(--shadow);border-color:#ffd7c8}.feature-card:hover:after{transform:scaleX(1)}.feature-icon{width:50px;height:50px;border-radius:16px;display:grid;place-items:center;font-weight:900;font-size:21px}.feature-icon.orange{background:#fff1eb;color:var(--brand)}.feature-icon.purple{background:#f2eeff;color:var(--purple)}.feature-icon.green{background:#eafaf4;color:var(--success)}.feature-icon.blue{background:#eaf2ff;color:var(--blue)}.feature-card h3{font-size:17px;margin:20px 0 9px}.feature-card p{color:#758094;line-height:1.7;font-size:14px;min-height:72px}.feature-card small{font-size:12px;font-weight:800;color:#455067}.how-section{background:#fff}.how-grid{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:90px}.phone-preview{display:grid;place-items:center;position:relative}.phone-preview:before{content:"";position:absolute;width:430px;height:430px;border-radius:50%;background:radial-gradient(circle,#ffe0d0,transparent 68%)}.phone-shell{width:310px;background:#101725;border:8px solid #111827;border-radius:42px;box-shadow:0 35px 80px rgba(20,28,45,.25);overflow:hidden;position:relative;z-index:2}.phone-top{height:30px;background:#fff;display:flex;justify-content:space-between;padding:8px 18px;font-size:10px;font-weight:900}.phone-appbar{height:58px;background:linear-gradient(90deg,#ff7b21,#ff5d21);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 18px}.phone-content{background:#fff7f3;padding:28px 18px 24px;text-align:center;min-height:355px}.mini-label{font-size:10px;font-weight:900;letter-spacing:.1em;color:#e14b2c}.phone-content>strong{display:block;color:#ee4d2d;font-size:42px;letter-spacing:-.05em;margin:10px 0}.phone-content>p{font-size:12px;color:#7d8798}.phone-content>button{border:0;background:linear-gradient(135deg,#ee4d2d,#ff7731);color:#fff;border-radius:13px;width:100%;padding:14px;font-weight:900;margin:18px 0}.phone-status{background:#fff;border:1px solid #f0e5df;border-radius:15px;padding:13px;text-align:left;display:flex;gap:10px;align-items:center}.phone-status>span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#eaf9f3;color:#169b6a}.phone-status p{margin:0}.phone-status b,.phone-status small{display:block}.phone-status b{font-size:11px}.phone-status small{font-size:9px;color:#8992a3;margin-top:3px}.phone-nav{height:64px;background:#fff;display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #eceff4}.phone-nav span{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:16px;color:#8a94a6}.phone-nav small{font-size:8px;margin-top:3px}.phone-nav .active{color:var(--brand);transform:translateY(-6px)}.step-list{list-style:none;padding:0;margin:28px 0 32px;display:grid;gap:22px}.step-list li{display:flex;gap:16px}.step-list>li>b{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:#fff0ea;color:var(--brand);flex:0 0 auto}.step-list h3{margin:0 0 7px;font-size:17px}.step-list p{margin:0;color:#727d90;line-height:1.65;font-size:14px}.safety-section{background:linear-gradient(145deg,#121a2c,#1a2741);color:#fff}.safety-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.safety-grid>div{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.09);border-radius:18px;padding:24px;transition:.25s}.safety-grid>div:hover{transform:translateY(-5px);background:rgba(255,255,255,.1)}.safety-grid b{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:rgba(238,77,45,.22);color:#ffb099}.safety-grid h3{font-size:16px;margin:18px 0 8px}.safety-grid p{font-size:13px;color:#aeb9cc;line-height:1.65}.dashboard-showcase{background:#f6f7fb}.dashboard-showcase-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.showcase-copy p{color:#737e91;line-height:1.75}.showcase-copy ul{list-style:none;padding:0;margin:25px 0;display:grid;gap:12px}.showcase-copy li{display:flex;gap:10px;color:#4f596b;font-weight:650}.showcase-copy li span{color:var(--success)}.wallet-mock{background:#111a2d;color:#fff;border-radius:28px;padding:27px;box-shadow:0 30px 70px rgba(15,25,45,.24)}.mock-top{display:flex;justify-content:space-between;color:#aab7cd}.balance-big{margin:26px 0}.balance-big small,.balance-big strong,.balance-big span{display:block}.balance-big small{color:#9dabbe}.balance-big strong{font-size:36px;margin:8px 0}.balance-big span{color:#57d9a6;font-size:12px}.mock-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mock-cards>div{background:#1a2840;border:1px solid #243651;border-radius:15px;padding:15px}.mock-cards small,.mock-cards b{display:block}.mock-cards small{color:#8f9db2}.mock-cards b{margin-top:6px}.mock-list{margin-top:18px;display:grid}.mock-list>div{display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:center;padding:14px 0;border-top:1px solid #24334c}.mock-list p{margin:0}.mock-list b,.mock-list small{display:block}.mock-list b{font-size:12px}.mock-list small{font-size:10px;color:#8291a8;margin-top:4px}.mock-list strong{font-size:12px}.round-icon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center}.round-icon.green{background:#173d36;color:#54dfaa}.round-icon.orange{background:#422b23;color:#ff956b}.round-icon.blue{background:#1a3153;color:#6aa4ff}.faq-section{background:#fff}.faq-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px}.faq-layout>div>p{color:#727d90;line-height:1.7}.text-link{display:inline-block;margin-top:15px;color:var(--brand);font-weight:800;font-size:13px}.faq-list{display:grid;gap:12px}.faq-list details{border:1px solid #e7ebf1;border-radius:15px;background:#fff;padding:0 18px}.faq-list summary{padding:18px 4px;font-weight:800;cursor:pointer;list-style:none;display:flex;justify-content:space-between}.faq-list summary:after{content:"+";color:var(--brand);font-size:20px}.faq-list details[open] summary:after{content:"−"}.faq-list p{margin:0;padding:0 4px 18px;color:#747f91;line-height:1.7;font-size:14px}.site-footer{background:#0b1324;color:#a4aec0;padding:64px 0 92px}.footer-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr 1fr;gap:45px}.footer-grid>div>p{line-height:1.7;font-size:13px}.footer-grid strong{display:block;color:#fff;margin-bottom:16px}.footer-grid a{display:block;margin:10px 0;font-size:13px}.footer-grid a:hover{color:#fff}.trust-mini{display:flex;flex-wrap:wrap;gap:8px}.trust-mini span{font-size:10px;border:1px solid #26334a;border-radius:999px;padding:6px 8px}.footer-bottom{border-top:1px solid #1e2a40;margin-top:45px;padding-top:22px;display:flex;justify-content:space-between;font-size:12px}.footer-bottom div{display:flex;gap:18px}.mobile-bottom-nav{display:none}.result-modal{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:20px;pointer-events:none;opacity:0;transition:.25s}.result-modal[aria-hidden="false"]{pointer-events:auto;opacity:1}.modal-backdrop{position:absolute;inset:0;background:rgba(6,12,24,.62);backdrop-filter:blur(7px)}.result-dialog{position:relative;width:min(530px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:26px;padding:30px;box-shadow:0 35px 100px rgba(0,0,0,.3);transform:translateY(22px) scale(.97);transition:.28s}.result-modal[aria-hidden="false"] .result-dialog{transform:none}.modal-close{position:absolute;right:16px;top:16px;width:34px;height:34px;border-radius:11px;border:0;background:#f0f2f6;color:#586277;font-size:21px}.success-check{width:48px;height:48px;border-radius:16px;background:#eaf9f3;color:#15a66f;display:grid;place-items:center;font-size:24px;font-weight:900}.result-kicker{display:block;font-size:10px;letter-spacing:.12em;color:#20a16f;font-weight:900;margin:16px 0}.result-product{display:grid;grid-template-columns:82px 1fr;gap:15px;align-items:center}.result-image{height:82px;border-radius:16px;background:#fff4ef;display:grid;place-items:center;overflow:hidden}.result-image img{width:100%;height:100%;object-fit:cover}.result-image div{font-size:28px;font-weight:900;color:var(--brand)}.result-product small{color:var(--brand);font-weight:900}.result-product h2{font-size:18px;line-height:1.35;margin:6px 0}.result-meta{display:flex;gap:8px;flex-wrap:wrap}.result-meta span{font-size:10px;background:#f2f4f7;border-radius:8px;padding:5px 7px;color:#6f798c}.cashback-only{margin:22px 0;background:linear-gradient(135deg,#fff1eb,#fff9f3);border:1px solid #ffd6c7;border-radius:20px;padding:22px;text-align:center}.cashback-only small{font-weight:800;color:#6d7688}.cashback-only strong{display:block;font-size:42px;letter-spacing:-.05em;color:var(--brand);margin:8px 0}.cashback-only p{font-size:11px;color:#929aab;margin:0}.result-tips{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.result-tips span{text-align:center;font-size:10px;background:#f6f8fa;border-radius:10px;padding:10px 5px;color:#5d6779}.modal-actions{display:grid;grid-template-columns:.7fr 1.3fr;gap:10px;margin-top:20px}.toast{position:fixed;left:50%;bottom:90px;transform:translate(-50%,20px);opacity:0;background:#172033;color:#fff;border-radius:12px;padding:11px 16px;z-index:300;font-size:13px;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}.animations-off .reveal{opacity:1;transform:none}.animations-off .floating-coin,.animations-off .announcement-dot{animation:none}@keyframes floatY{50%{transform:translateY(-15px) rotate(7deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulseDot{50%{opacity:.45}}/* Auth */.auth-body{min-height:100vh;background:linear-gradient(145deg,#fff7f3,#f6f8fc);display:grid;place-items:center;padding:24px}.auth-shell{width:min(940px,100%);display:grid;grid-template-columns:.9fr 1.1fr;background:#fff;border-radius:28px;overflow:hidden;box-shadow:var(--shadow)}.auth-side{background:linear-gradient(145deg,#ef4c2b,#ff8436);color:#fff;padding:48px}.auth-card{padding:44px}.auth-card h1{font-size:30px}.auth-card label,.form-grid label,.admin-panel label{display:block;font-size:12px;font-weight:800;margin:13px 0 7px}.auth-card input,.auth-card select,.form-grid input,.form-grid select,.form-grid textarea,.admin-panel input,.admin-panel select,.admin-panel textarea{width:100%;border:1px solid #dfe4ec;border-radius:11px;padding:12px 13px;outline:0;background:#fff}.auth-card input:focus,.admin-panel input:focus,.admin-panel textarea:focus,.admin-panel select:focus{border-color:var(--brand);box-shadow:0 0 0 4px rgba(238,77,45,.08)}.password-field{display:flex;border:1px solid #dfe4ec;border-radius:11px;overflow:hidden}.password-field input{border:0}.password-field button{border:0;background:#f2f4f7;padding:0 13px}.auth-card .btn{width:100%;margin-top:20px}.auth-links{text-align:center;margin-top:18px;font-size:13px}.auth-links a{color:var(--brand);font-weight:800}/* User app */.app-body{background:#f5f7fb;min-height:100vh}.app-sidebar{position:fixed;left:0;top:0;bottom:0;width:250px;background:#0d1628;color:#9eabc0;padding:24px 16px;display:flex;flex-direction:column;z-index:80}.sidebar-logo{padding:0 10px;margin-bottom:30px}.app-sidebar nav{display:grid;gap:6px}.app-sidebar nav a{display:flex;align-items:center;gap:12px;padding:12px 13px;border-radius:12px;font-weight:700;font-size:14px}.app-sidebar nav a:hover,.app-sidebar nav a.active{background:#1b2941;color:#fff}.app-sidebar nav a.active{box-shadow:inset 3px 0 0 var(--brand)}.sidebar-bottom{margin-top:auto;display:grid;gap:8px;border-top:1px solid #253149;padding-top:18px}.sidebar-bottom a,.sidebar-bottom button{color:#aeb9cb;background:none;border:0;text-align:left;padding:9px;font-size:13px}.app-main{margin-left:250px;min-height:100vh}.app-topbar{height:72px;background:#fff;border-bottom:1px solid #e8ecf2;display:flex;align-items:center;padding:0 28px;position:sticky;top:0;z-index:40}.app-topbar>div:first-of-type strong,.app-topbar>div:first-of-type small{display:block}.app-topbar small{color:#8a94a6;font-size:10px;margin-top:3px}.menu-toggle{display:none;border:0;background:#f1f3f7;border-radius:10px;width:38px;height:38px}.user-chip{display:flex;align-items:center;gap:9px;margin-left:auto}.user-chip>span{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--brand),#ff8b3b);color:#fff;display:grid;place-items:center;font-weight:900}.user-chip strong,.user-chip small{display:block}.app-content{padding:28px;max-width:1500px;margin:auto}.page-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px}.page-head h1{font-size:32px;margin:7px 0}.page-head p{color:#7a8496;margin:0}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.metric-grid article,.panel{background:#fff;border:1px solid #e8ecf2;border-radius:18px;padding:22px}.metric-grid small,.metric-grid strong,.metric-grid p{display:block;margin:0}.metric-grid strong{font-size:28px;margin:9px 0}.metric-grid p{font-size:11px;color:#8a94a6}.metric-icon{width:42px;height:42px;float:right;border-radius:13px;display:grid;place-items:center}.metric-icon.purple{background:#f0ebff;color:#7547ed}.metric-icon.orange{background:#fff0e8;color:var(--brand)}.metric-icon.green{background:#eaf9f3;color:#13a16d}.metric-icon.blue{background:#eaf2ff;color:#2475f4}.content-grid{display:grid;gap:16px;margin-top:16px}.content-grid.two-thirds{grid-template-columns:1.45fr .85fr}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.panel-head h2{font-size:17px;margin:0}.panel-head p{font-size:11px;color:#8993a5;margin:4px 0 0}.panel-head a{font-size:12px;color:var(--brand);font-weight:800}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th{text-align:left;color:#8a94a6;font-size:10px;letter-spacing:.04em;padding:12px;border-bottom:1px solid #e7ebf1}td{padding:13px 12px;border-bottom:1px solid #edf0f4;font-size:13px}td small,td strong,td b{display:block}td small{color:#8c96a7;font-size:10px;margin-top:4px}.status{display:inline-flex!important;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:850}.status-success{background:#eaf9f3;color:#12855c}.status-warning{background:#fff6df;color:#b47700}.status-danger{background:#fff0f0;color:#cb3e43}.status-neutral{background:#eff2f6;color:#657083}.empty-state{text-align:center;padding:40px;color:#8791a3}.empty-state span{font-size:30px}.quote-list>div,.admin-mini-list>div{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:12px 0;border-top:1px solid #edf0f4}.quote-list p,.admin-mini-list p{margin:0;min-width:0}.quote-list strong,.quote-list small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quote-list small{font-size:10px;color:#8d96a7}.quote-list button{border:0;background:#fff0ea;color:var(--brand);border-radius:8px;padding:6px;font-size:10px}.notice-panel{display:flex;gap:14px;align-items:center;margin-top:16px}.notice-panel .notice-icon{width:38px;height:38px;border-radius:12px;background:#fff1eb;color:var(--brand);display:grid;place-items:center;font-weight:900}.notice-panel h3,.notice-panel p{margin:0}.notice-panel p{font-size:12px;color:#7b8597;margin-top:4px}.notice-panel a{margin-left:auto;color:var(--brand);font-size:12px;font-weight:800}/* Admin */.admin-login-body{min-height:100vh;background:radial-gradient(circle at 15% 20%,#243451 0,transparent 30%),#081122;color:#fff;display:grid;place-items:center;padding:24px}.admin-login-shell{width:min(980px,100%);display:grid;grid-template-columns:1.05fr .95fr;background:#101c32;border:1px solid #263752;border-radius:28px;overflow:hidden;box-shadow:0 40px 100px rgba(0,0,0,.38)}.admin-login-brand{padding:55px;background:linear-gradient(145deg,#101c32,#182b49);display:flex;flex-direction:column;justify-content:center}.admin-login-badge{font-size:10px;letter-spacing:.15em;color:#61dcaf;font-weight:900}.admin-login-brand h1{font-size:42px;letter-spacing:-.05em;margin:16px 0}.admin-login-brand p{color:#9eabc0;line-height:1.75}.admin-login-points{display:grid;gap:10px;margin:25px 0;color:#c3cddd;font-size:13px}.admin-login-brand>a{color:#ff8b61;font-weight:800;font-size:13px}.admin-login-card{background:#fff;color:#1b2434;padding:48px}.admin-login-logo{display:flex;gap:10px;align-items:center}.admin-login-logo>span{width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,var(--brand),#ff873b);color:#fff;display:grid;place-items:center;font-weight:900}.admin-login-logo b,.admin-login-logo small{display:block}.admin-login-logo small{font-size:9px;color:#919aaa}.admin-login-card h2{font-size:28px;margin:35px 0 5px}.admin-login-card>p{color:#8992a3;font-size:13px}.admin-login-card label{display:block;font-size:11px;font-weight:850;margin:16px 0 7px}.admin-login-card input{width:100%;height:48px;border:1px solid #dfe4ec;border-radius:12px;padding:0 13px;outline:0}.admin-login-submit{width:100%;height:50px;border:0;border-radius:12px;background:linear-gradient(135deg,#172339,#263d61);color:#fff;font-weight:900;margin-top:20px}.login-alert{background:#fff0f0;color:#c43e43;border-radius:10px;padding:10px;margin-top:14px;font-size:12px}.admin-body{background:#071023;color:#dfe7f3;min-height:100vh}.admin-sidebar{position:fixed;left:0;top:0;bottom:0;width:255px;background:#030a19;border-right:1px solid #172239;padding:18px 14px;display:flex;flex-direction:column;z-index:90;overflow:auto}.admin-brand{display:flex;align-items:center;gap:10px;color:#fff;padding:8px 9px;margin-bottom:18px}.admin-brand>span{width:40px;height:40px;border-radius:12px;background:linear-gradient(145deg,var(--brand),#ff873a);display:grid;place-items:center;font-weight:900}.admin-brand strong,.admin-brand small{display:block}.admin-brand small{font-size:8px;color:#8290a8}.admin-sidebar nav{display:grid;gap:4px}.admin-sidebar nav a{display:flex;align-items:center;gap:12px;color:#aab6c9;padding:11px 12px;border-radius:10px;font-size:13px;font-weight:700}.admin-sidebar nav a span{width:21px;text-align:center}.admin-sidebar nav a:hover,.admin-sidebar nav a.active{background:#16243c;color:#fff}.admin-sidebar nav a.active{background:linear-gradient(90deg,#ee4d2d,#f46532);box-shadow:0 10px 28px #ee4d2d30}.nav-caption{font-size:9px;color:#58677f;letter-spacing:.13em;font-weight:900;margin:18px 10px 6px}.admin-main{margin-left:255px;min-height:100vh;background:#081225}.admin-statusbar{height:34px;background:linear-gradient(90deg,#113f35,#0d332d);color:#6de0b6;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:850;letter-spacing:.04em}.admin-topbar{height:68px;background:#111d33;border-bottom:1px solid #22324c;display:flex;align-items:center;padding:0 22px;position:sticky;top:0;z-index:60}.admin-search{display:flex;align-items:center;gap:9px;background:#081327;border:1px solid #233451;border-radius:10px;padding:0 12px;width:380px;height:40px;color:#6f7f98}.admin-search input{flex:1;background:transparent;border:0;outline:0;color:#dce5f2}.admin-user{margin-left:auto;display:flex;gap:10px;align-items:center}.admin-user>span{width:38px;height:38px;border-radius:11px;background:linear-gradient(145deg,var(--brand),#ff8e43);display:grid;place-items:center;color:#fff;font-weight:900}.admin-user strong,.admin-user small{display:block}.admin-user small{font-size:9px;color:#8392aa}.admin-content{padding:24px;max-width:1600px;margin:auto}.admin-page-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.admin-page-head h1{font-size:26px;margin:0;color:#f3f7ff}.admin-page-head p{margin:5px 0 0;color:#8797af;font-size:12px}.admin-btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:9px;background:#ee4d2d;color:#fff;padding:10px 14px;font-weight:850;font-size:12px}.admin-btn.secondary{background:#1a2942;border:1px solid #2b3d59}.admin-btn.large{padding:13px 20px}.system-pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.system-pills span{border:1px solid #263a59;background:#111d33;border-radius:9px;padding:8px 10px;color:#8ea0ba;font-size:9px;font-weight:850}.system-pills .green{color:#48d7a0;border-color:#1d604d}.admin-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.admin-metrics article,.admin-panel{background:#142138;border:1px solid #22324b;border-radius:15px;padding:20px;box-shadow:0 10px 25px rgba(0,0,0,.13)}.admin-metrics small{color:#8ba0be;font-size:9px;font-weight:850;letter-spacing:.04em}.admin-metrics strong{display:block;font-size:25px;margin:11px 0;color:#fff}.admin-metrics p{font-size:9px;color:#71839e}.metric-symbol{float:right;width:40px;height:40px;border-radius:11px;display:grid;place-items:center}.metric-symbol.purple{background:#2b2350;color:#a78bfa}.metric-symbol.blue{background:#17345f;color:#6da2ff}.metric-symbol.orange{background:#4a2b20;color:#ff8c5a}.metric-symbol.yellow{background:#473d1c;color:#ffd45f}.metric-symbol.green{background:#173b35;color:#58d8a8}.metric-symbol.cyan{background:#173b48;color:#54cce4}.metric-symbol.pink{background:#47223b;color:#ff72bb}.admin-grid{display:grid;gap:14px;margin-top:14px}.admin-grid.two-thirds{grid-template-columns:1.45fr .75fr}.admin-panel{color:#dce5f2}.admin-panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.admin-panel h2{font-size:15px;margin:0}.admin-panel p{color:#8090a8;font-size:10px;margin:4px 0}.admin-panel a{font-size:10px;color:#ff8056;font-weight:850}.admin-panel table th{color:#73859e;border-color:#253650}.admin-panel table td{border-color:#22314a;color:#c8d2e2}.admin-panel input,.admin-panel select,.admin-panel textarea{background:#0d182b;border-color:#2a3c59;color:#e3eaf4}.admin-filter{display:flex;gap:9px;margin-bottom:15px}.admin-filter input,.admin-filter select{height:40px;background:#0c172a;border:1px solid #283b58;color:#dce5f2;border-radius:9px;padding:0 11px}.admin-filter input{flex:1}.row-actions{display:flex;gap:6px;flex-wrap:wrap}.tiny-btn{border:1px solid #31445f;background:#17263e;color:#c1ccdb;border-radius:7px;padding:6px 8px;font-size:9px;font-weight:800}.tiny-btn.danger{border-color:#67343b;color:#ff8c91}.tiny-btn.success{border-color:#26604e;color:#5bd7a9}.inline-modal-row td{background:#0d182b}.inline-admin-form{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;align-items:end}.inline-admin-form .wide{grid-column:span 2}.settings-layout{display:grid;grid-template-columns:210px 1fr;gap:16px}.settings-nav{position:sticky;top:90px;align-self:start;background:#101d32;border:1px solid #21314b;border-radius:14px;padding:10px}.settings-nav a{display:block;padding:10px;border-radius:9px;color:#8fa0b8;font-size:11px;font-weight:750}.settings-nav a:hover{background:#17263e;color:#fff}.settings-content{display:grid;gap:14px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid.three{grid-template-columns:repeat(3,1fr)}.formula-preview{background:#0d192d;border:1px dashed #344967;border-radius:12px;padding:14px;margin-bottom:12px}.formula-preview code,.formula-preview span{display:block}.formula-preview code{color:#64dfb2;font-weight:850}.formula-preview span{color:#7f90a8;font-size:10px;margin-top:5px}.admin-note{background:#0d192d;border-left:3px solid #f2a23a;padding:12px;border-radius:8px;font-size:11px;color:#9eabc0}.danger-switch{background:#351d25;border:1px solid #65323f;padding:14px;border-radius:11px}.sticky-save{position:sticky;bottom:18px;margin-left:auto;box-shadow:0 15px 35px rgba(238,77,45,.28)}.admin-empty{text-align:center;color:#6f809a;padding:30px}.admin-flashes{top:76px}.pagination{display:flex;gap:6px;justify-content:flex-end;margin-top:16px}.pagination a,.pagination span{padding:7px 10px;border-radius:8px;background:#17253b;color:#93a2b9;font-size:10px}.pagination .active{background:#ee4d2d;color:#fff}.admin-modal{position:fixed;inset:0;background:rgba(3,8,18,.75);z-index:200;display:grid;place-items:center;padding:20px}.admin-modal[hidden]{display:none}.admin-modal-card{width:min(720px,100%);max-height:90vh;overflow:auto;background:#111e34;border:1px solid #293b59;border-radius:18px;padding:22px}.admin-modal-card h3{margin-top:0}.modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.check-row{display:flex;align-items:center;gap:8px}.check-row input{width:auto}.bulk-bar{display:flex;align-items:center;gap:8px;padding:10px;background:#0d192c;border:1px solid #253854;border-radius:11px;margin-bottom:12px}.bulk-bar select,.bulk-bar input{height:36px;background:#111f35;color:#dce5f2;border:1px solid #2a3d59;border-radius:8px;padding:0 9px}.bulk-bar input{flex:1}.sensitive-note{font-size:10px;color:#f2b66d}.commission-preview{display:grid;grid-template-columns:1fr 1fr;gap:12px}.preview-card{background:#0c172a;border:1px solid #263a58;border-radius:13px;padding:15px}.preview-card strong{display:block;color:#fff;font-size:20px;margin:8px 0}.preview-card code{word-break:break-all;color:#61dcb0;font-size:10px}/* Responsive */@media(max-width:1050px){.hero-grid{gap:38px}.feature-grid{grid-template-columns:repeat(2,1fr)}.admin-metrics{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1.2fr 1fr 1fr}.footer-grid>div:last-child{grid-column:span 3}.how-grid{gap:50px}}@media(max-width:820px){.announcement{display:none}.desktop-nav{display:none}.header-inner{height:62px}.header-actions .btn-ghost,.header-actions .btn-small{display:none}.hero{padding:54px 0 28px}.hero-grid{grid-template-columns:1fr;gap:35px}.hero-copy{text-align:center}.hero-copy>p{font-size:16px}.hero-proof,.hero-trust{justify-content:center}.quote-card{text-align:left}.trust-strip{grid-template-columns:1fr;gap:12px}.trust-strip>i{width:100%;height:1px}.how-grid,.dashboard-showcase-grid,.faq-layout{grid-template-columns:1fr}.how-copy{order:-1}.safety-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:last-child{grid-column:span 2}.mobile-bottom-nav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);left:0;right:0;bottom:0;height:70px;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-top:1px solid #e9edf2;z-index:100;padding-bottom:env(safe-area-inset-bottom)}.mobile-bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#8993a5;font-size:17px}.mobile-bottom-nav small{font-size:9px;margin-top:4px;font-weight:750}.mobile-bottom-nav a.active{color:var(--brand)}.mobile-bottom-nav .nav-main-action span{width:48px;height:48px;border-radius:17px;background:linear-gradient(145deg,var(--brand),#ff8738);display:grid;place-items:center;color:#fff;font-size:28px;box-shadow:0 12px 28px rgba(238,77,45,.3);margin-top:-23px;border:4px solid #fff}.site-footer{padding-bottom:110px}.app-sidebar{transform:translateX(-105%);transition:.25s}.app-sidebar.open{transform:none}.app-main{margin-left:0}.menu-toggle{display:grid;place-items:center;margin-right:12px}.app-content{padding:18px 14px 90px}.metric-grid{grid-template-columns:1fr 1fr}.content-grid.two-thirds{grid-template-columns:1fr}.admin-sidebar{transform:translateX(-105%);transition:.25s}.admin-sidebar.open{transform:none}.admin-main{margin-left:0}.admin-content{padding:16px}.admin-search{width:min(50vw,320px)}.admin-grid.two-thirds{grid-template-columns:1fr}.settings-layout{grid-template-columns:1fr}.settings-nav{position:static;display:flex;overflow:auto}.inline-admin-form{grid-template-columns:1fr 1fr}.admin-login-shell{grid-template-columns:1fr}.admin-login-brand{display:none}}@media(max-width:560px){.container{width:min(100% - 24px,1180px)}.hero-copy h1{font-size:37px}.hero-proof{gap:12px}.hero-proof div{padding-right:12px}.hero-proof b{font-size:18px}.quote-card{padding:18px;border-radius:22px}.quote-card-top{align-items:flex-start}.live-pill{display:none}.quote-hints{flex-direction:column;gap:6px}.feature-grid,.safety-grid,.footer-grid{grid-template-columns:1fr}.footer-grid>div:last-child{grid-column:auto}.section{padding:65px 0}.phone-shell{width:285px}.modal-actions{grid-template-columns:1fr}.result-dialog{padding:22px}.result-tips{grid-template-columns:1fr}.result-product{grid-template-columns:66px 1fr}.result-image{height:66px}.cashback-only strong{font-size:36px}.footer-bottom{flex-direction:column;gap:12px}.page-head{align-items:flex-start;flex-direction:column;gap:14px}.metric-grid{grid-template-columns:1fr}.admin-metrics{grid-template-columns:1fr}.admin-topbar{padding:0 12px}.admin-search{display:none}.form-grid,.form-grid.three,.modal-grid,.commission-preview{grid-template-columns:1fr}.inline-admin-form{grid-template-columns:1fr}.inline-admin-form .wide{grid-column:auto}.bulk-bar{flex-direction:column;align-items:stretch}.admin-page-head{align-items:flex-start;gap:10px;flex-direction:column}.auth-shell{grid-template-columns:1fr}.auth-side{display:none}.auth-card{padding:28px}.hero-proof div:nth-child(3){display:none}}
/* Commercial operations refinements */
body.modal-open{overflow:hidden}.admin-workspace{margin:8px 14px 18px;padding:10px 11px;border:1px solid #263956;background:#111e33;border-radius:11px;display:flex;align-items:center;gap:8px;color:#95a5bd;font-size:10px;font-weight:800}.admin-workspace i{width:8px;height:8px;border-radius:50%;background:#28d799;box-shadow:0 0 0 5px rgba(40,215,153,.1)}.admin-workspace b{margin-left:auto;color:#4de0ab;font-size:8px}.admin-nav a{position:relative}.admin-nav a em{font-style:normal}.nav-badge{margin-left:auto;background:#ee4d2d;color:#fff;border-radius:999px;padding:2px 6px;font-size:8px}.admin-alertbar{display:flex;align-items:center;justify-content:space-between;padding:8px 22px}.admin-alertbar span{display:flex;align-items:center;gap:7px}.admin-alertbar i{width:7px;height:7px;border-radius:50%;background:#29d59a;box-shadow:0 0 0 4px rgba(41,213,154,.12)}.admin-alertbar small{color:#7f91aa}.admin-view-site{font-size:10px;font-weight:800;color:#a9b7ca;border:1px solid #2a3c58;padding:8px 10px;border-radius:9px}.admin-search kbd{font-size:8px;color:#6e809b;border:1px solid #2b3d59;border-radius:5px;padding:3px 5px}.admin-eyebrow{display:block;color:#ff8159;font-size:9px;font-weight:900;letter-spacing:.12em;margin-bottom:7px}.head-actions{display:flex;gap:8px;flex-wrap:wrap}.panel-chip{border:1px solid #314762;background:#0e1a2e;color:#9fb0c8;padding:5px 8px;border-radius:999px;font-size:8px;font-weight:900}.panel-chip.success{color:#4fe0ad;border-color:#25634f}.panel-chip.warning{color:#ffc668;border-color:#6a5227}.quick-command-grid{grid-template-columns:repeat(4,1fr)}.quick-command-grid>a{display:flex;align-items:center;gap:12px;background:linear-gradient(145deg,#14223a,#101b30);border:1px solid #253752;border-radius:14px;padding:15px;color:#dce5f2;transition:.2s}.quick-command-grid>a:hover{transform:translateY(-3px);border-color:#405574}.quick-command-grid>a>span{width:38px;height:38px;border-radius:11px;background:#243551;display:grid;place-items:center;color:#ff865d;font-weight:900}.quick-command-grid b,.quick-command-grid small{display:block}.quick-command-grid b{font-size:11px}.quick-command-grid small{font-size:8px;color:#7f91ab;margin-top:4px}.dashboard-metrics article{position:relative;overflow:hidden}.dashboard-metrics article:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;right:-45px;bottom:-55px;background:rgba(255,255,255,.025)}.dashboard-metrics .metric-symbol{position:absolute;right:16px;top:17px}.member-cell{display:flex;align-items:center;gap:10px}.member-cell>span{width:34px;height:34px;border-radius:10px;background:linear-gradient(145deg,#ee4d2d,#ff9344);display:grid;place-items:center;color:#fff;font-weight:900}.member-cell p{margin:0}.member-cell b,.member-cell small{display:block}.admin-btn.danger{background:#a5323d}.admin-modal{background:transparent}.admin-modal-backdrop{position:absolute;inset:0;background:rgba(2,7,16,.82);backdrop-filter:blur(5px)}.admin-modal-card{position:relative;z-index:2}.wide-modal{width:min(860px,100%)}.modal-x{position:absolute;right:15px;top:13px;width:32px;height:32px;border:1px solid #31455f;border-radius:9px;background:#17263d;color:#c6d1e1}.modal-title{display:flex;align-items:center;gap:12px;margin-bottom:18px}.modal-title .metric-symbol{float:none;flex:none}.modal-title h3,.modal-title p{margin:0}.modal-title p{color:#7f91aa;font-size:10px;margin-top:4px}.account-tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:15px}.tool-card{display:grid;gap:9px;background:#0d192c;border:1px solid #253952;border-radius:13px;padding:15px}.tool-card b{font-size:13px}.tool-card p{margin:0;color:#8192aa;font-size:10px}.split-input{display:grid;grid-template-columns:1fr 1fr;gap:8px}.token-row{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 12px}.token-row code{font-size:9px;border:1px solid #31445f;background:#0b1729;color:#64dcaf;border-radius:6px;padding:4px 6px}.formula-visual{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;background:#0c1729;border:1px dashed #354b68;border-radius:13px;padding:16px;margin-top:14px}.formula-visual span,.formula-visual strong{padding:8px 10px;border-radius:8px;background:#15243c;font-size:10px}.formula-visual strong{color:#54dda9}.formula-visual b{color:#71849f}.admin-warning{background:#2d2416;border:1px solid #5e4824;color:#d6bd91;padding:13px;border-radius:10px;font-size:10px;margin-top:13px}.admin-warning a{color:#ff9a6f}.commission-admin-grid{grid-template-columns:1.2fr .8fr}.color-input{display:grid;grid-template-columns:56px 1fr;gap:8px}.color-input input[type=color]{height:42px;padding:3px}.settings-switch-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.settings-switch-grid>label,.danger-switch{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#0d192c;border:1px solid #263953;border-radius:12px;padding:13px}.settings-switch-grid b,.settings-switch-grid small,.danger-switch b,.danger-switch small{display:block}.settings-switch-grid b,.danger-switch b{font-size:11px;color:#dce5f2}.settings-switch-grid small,.danger-switch small{font-size:9px;color:#7f91aa;margin-top:4px}.settings-switch-grid input[type=checkbox],.danger-switch input[type=checkbox]{width:38px;height:20px;accent-color:#ee4d2d}.settings-switch-grid select{width:120px}.commission-admin-grid{margin-top:0}.admin-tabs{display:flex;gap:5px;overflow:auto;margin-bottom:12px;padding:5px;background:#101c30;border:1px solid #21324d;border-radius:11px}.admin-tabs a{padding:8px 11px;border-radius:8px;color:#8698b2;font-size:10px;font-weight:800;white-space:nowrap}.admin-tabs a.active{background:#ee4d2d;color:#fff}.admin-grid.half{grid-template-columns:1fr 1fr}.upload-panel{text-align:center}.upload-icon{width:58px;height:58px;border-radius:17px;margin:0 auto 12px;background:#233653;color:#ff895f;display:grid;place-items:center;font-size:24px}.file-drop{display:grid;place-items:center;border:1.5px dashed #3a506f;border-radius:13px;padding:24px;margin:15px 0;background:#0d192c}.file-drop input{max-width:100%}.file-drop span,.file-drop small{display:block}.file-drop span{font-weight:800;margin-top:8px}.file-drop small{color:#7c8fa9}.required-fields{display:grid;gap:8px;margin:13px 0}.required-fields span{display:flex;justify-content:space-between;background:#0d192c;border:1px solid #243650;border-radius:9px;padding:10px;font-size:10px}.required-fields b{color:#ff8e66}.mapping-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.health-list{display:grid;gap:8px;margin-top:12px}.health-list>div{display:flex;justify-content:space-between;border-bottom:1px solid #24344d;padding:9px 0;font-size:10px}.health-message{display:flex;gap:12px;padding:14px;background:#102a27;border:1px solid #245447;border-radius:12px}.health-message>span{color:#50dfac;font-size:20px}.command-code{display:block;margin-top:12px;padding:12px;background:#0b1628;border-radius:9px;color:#6ee0b6;word-break:break-all}.json-cell{display:block;max-width:360px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-table td code{max-width:220px;display:block;overflow:hidden;text-overflow:ellipsis}.admin-table input[type=checkbox]{accent-color:#ee4d2d}.admin-filter input[name=q]{min-width:180px}
@media(max-width:1150px){.quick-command-grid{grid-template-columns:repeat(2,1fr)}.commission-admin-grid{grid-template-columns:1fr}.mapping-grid{grid-template-columns:1fr 1fr}}
@media(max-width:820px){.admin-alertbar small,.admin-view-site{display:none}.admin-alertbar{justify-content:center}.quick-command-grid,.settings-switch-grid,.admin-grid.half{grid-template-columns:1fr 1fr}.commission-admin-grid{grid-template-columns:1fr}.account-tool-grid{grid-template-columns:1fr}.admin-content{padding-bottom:40px}}
@media(max-width:560px){.quick-command-grid,.settings-switch-grid,.admin-grid.half,.mapping-grid{grid-template-columns:1fr}.admin-content{padding:13px}.admin-panel{padding:15px}.admin-page-head h1{font-size:22px}.admin-btn{width:auto}.head-actions{width:100%}.head-actions .admin-btn{flex:1}.admin-metrics.dashboard-metrics{grid-template-columns:1fr 1fr}.dashboard-metrics article{padding:14px}.dashboard-metrics strong{font-size:18px}.dashboard-metrics .metric-symbol{width:32px;height:32px;right:11px;top:11px}.bulk-bar b{display:none}.admin-modal{padding:10px}.admin-modal-card{padding:18px}.admin-table{margin-left:-15px;margin-right:-15px}.admin-topbar{height:58px}.admin-user div{display:none}.admin-alertbar{font-size:9px}.split-input{grid-template-columns:1fr}.formula-visual{justify-content:flex-start}.formula-visual b{display:none}}

/* =========================================================
   HOÀN XU ULTRA v3 — commercial-grade visual system
   ========================================================= */
:root{--brand-rgb:238,77,45;--brand-deep:#d94125;--brand-amber:#ff9b35;--ink-strong:#101828;--surface-soft:#f8fafc;--success-soft:#eafaf4;--warning-soft:#fff7e8;--danger-soft:#fff0f1;--focus:0 0 0 4px rgba(var(--brand-rgb),.17);--shadow-xl:0 32px 90px rgba(15,23,42,.15);--transition:cubic-bezier(.2,.8,.2,1)}
html.dark{color-scheme:dark;--ink:#e7edf7;--ink-strong:#f8fafc;--muted:#9aa9bd;--line:#27344a;--surface:#111b2e;--surface-soft:#0c1526;--bg:#09111f;--brand-soft:#311812}
body{font-size:15px;line-height:1.55}.icon{display:inline-block;flex:0 0 auto;vertical-align:-.15em}.skip-link{position:fixed;left:16px;top:-80px;z-index:10000;padding:12px 18px;border-radius:10px;background:#111827;color:#fff;font-weight:800;transition:.2s}.skip-link:focus{top:16px}.desktop-only{display:inline-flex}.logo>span:last-child{display:flex;flex-direction:column;line-height:1.05}.logo small{font-size:9px;letter-spacing:.12em;color:var(--muted);margin-top:4px}.logo-light small{color:#94a3b8}.logo-mark{font-family:Inter,system-ui;font-size:17px}.site-header{z-index:100}.header-actions{gap:8px}.theme-toggle,.mobile-menu-button,.icon-button{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--ink);transition:.2s var(--transition)}.theme-toggle:hover,.mobile-menu-button:hover,.icon-button:hover{transform:translateY(-2px);border-color:rgba(var(--brand-rgb),.4);color:var(--brand)}.mobile-menu-button{display:none}.public-mobile-menu{border-top:1px solid var(--line);background:color-mix(in srgb,var(--surface) 96%,transparent)}.public-mobile-menu .container{display:grid;padding:10px 0}.public-mobile-menu a{display:flex;align-items:center;gap:10px;padding:12px;border-radius:10px;font-weight:750}.public-mobile-menu a:hover{background:var(--brand-soft);color:var(--brand)}.announcement button{display:grid;place-items:center;width:32px;height:32px}.announcement p{flex:1;text-align:center}

.btn{min-height:44px}.btn svg{transition:transform .2s}.btn:hover svg{transform:translateX(2px)}.btn-glass{background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.84);box-shadow:0 12px 35px rgba(15,23,42,.08);backdrop-filter:blur(14px)}.dark .btn-glass{background:rgba(15,23,42,.55);border-color:#334155;color:#fff}.hero-ultra{min-height:720px;padding-top:94px;background:radial-gradient(circle at 8% 18%,rgba(255,106,48,.20),transparent 32%),radial-gradient(circle at 88% 14%,rgba(255,190,96,.20),transparent 28%),linear-gradient(180deg,#fff9f5 0%,#fff 68%,#f7f8fb 100%);position:relative;overflow:hidden}.dark .hero-ultra{background:radial-gradient(circle at 8% 18%,rgba(255,91,46,.15),transparent 32%),radial-gradient(circle at 88% 14%,rgba(47,124,255,.13),transparent 28%),linear-gradient(180deg,#0c1425 0%,#0a1220 68%,#09111f 100%)}.hero-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(148,163,184,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.09) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,#000,transparent 75%)}.hero-beam{position:absolute;width:380px;height:380px;border-radius:50%;filter:blur(80px);opacity:.28;pointer-events:none}.beam-one{background:#ff6b35;top:8%;right:6%;animation:floatBeam 8s ease-in-out infinite}.beam-two{background:#fbbf24;left:-10%;bottom:8%;animation:floatBeam 10s ease-in-out infinite reverse}@keyframes floatBeam{50%{transform:translate3d(25px,-18px,0) scale(1.08)}}.hero-grid{position:relative;z-index:1;align-items:center;gap:64px}.hero-copy h1{font-size:clamp(44px,6vw,76px);max-width:760px;letter-spacing:-.055em;line-height:1.02}.hero-copy>p{font-size:18px;max-width:660px;line-height:1.75}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0}.hero-trust span{display:inline-flex;align-items:center;gap:7px}.quote-card-ultra{border:1px solid rgba(255,255,255,.9);box-shadow:0 32px 100px rgba(38,27,21,.16);background:rgba(255,255,255,.88);backdrop-filter:blur(24px);position:relative;isolation:isolate;overflow:hidden}.dark .quote-card-ultra{background:rgba(16,27,46,.88);border-color:#2b3a54}.quote-card-glow{position:absolute;inset:-40% auto auto -20%;width:260px;height:260px;border-radius:50%;background:rgba(var(--brand-rgb),.14);filter:blur(45px);z-index:-1}.quote-card-top{position:relative}.quote-icon{box-shadow:inset 0 0 0 1px rgba(255,255,255,.4),0 8px 20px rgba(var(--brand-rgb),.28)}.input-shell{min-height:58px}.input-shell>svg{color:#98a2b3;margin-left:15px}.input-shell input{font-size:15px}.field-help{display:block;color:var(--muted);font-size:12px;margin:8px 2px 0}.quote-submit{min-height:56px}.quote-submit:disabled{cursor:not-allowed;opacity:.6;transform:none}.quote-safe-note{display:flex;align-items:flex-start;gap:10px;padding:13px 14px;border-radius:13px;background:#fff8ee;border:1px solid #ffe0b2;color:#8a4b10;margin-top:14px}.quote-safe-note svg{margin-top:2px}.quote-safe-note p{margin:0}.quote-safe-note b,.quote-safe-note span{display:block}.quote-safe-note span{font-size:12px;margin-top:2px;color:#9a6428}.dark .quote-safe-note{background:#2b2114;border-color:#5a4020;color:#ffd18b}.dark .quote-safe-note span{color:#d3aa6c}.quote-hints span{display:inline-flex;align-items:center;gap:5px}.trust-strip{position:relative;z-index:2}.trust-strip>div span{font-variant-numeric:tabular-nums}

.value-section{background:var(--surface)}.feature-grid.ultra .feature-card{min-height:270px;position:relative;overflow:hidden}.feature-grid.ultra .feature-card:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;right:-55px;bottom:-55px;background:var(--brand-soft);transition:.35s var(--transition)}.feature-grid.ultra .feature-card:hover:after{transform:scale(1.35)}.feature-grid.ultra .feature-card small{display:block;margin-top:auto;color:var(--muted);font-weight:700;line-height:1.5}.app-preview{padding:32px}.preview-window{max-width:520px;margin:auto;border-radius:28px;padding:18px;background:linear-gradient(160deg,#101a2c,#182a46);color:white;box-shadow:0 35px 80px rgba(15,23,42,.28);transform:perspective(1200px) rotateY(5deg) rotateX(2deg)}.preview-titlebar{display:flex;justify-content:space-between;align-items:center;color:#a9b8cf;font-size:12px}.preview-titlebar>span{display:flex;gap:6px}.preview-titlebar i{width:8px;height:8px;border-radius:50%;background:#ff6b45}.preview-titlebar i:nth-child(2){background:#fbbf24}.preview-titlebar i:nth-child(3){background:#22c55e}.preview-balance{padding:30px 8px 20px}.preview-balance span,.preview-balance small{display:block;color:#a9b8cf}.preview-balance strong{display:block;font-size:36px;margin:4px 0}.preview-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.preview-stats div{background:#ffffff0d;border:1px solid #ffffff13;padding:14px;border-radius:14px}.preview-stats span,.preview-stats b{display:block}.preview-stats span{font-size:11px;color:#9bacbf}.preview-stats b{margin-top:4px}.preview-orders{margin-top:14px;background:#fff;color:#162033;border-radius:17px;padding:8px}.preview-orders article{display:flex;align-items:center;gap:10px;padding:12px;border-bottom:1px solid #eef1f6}.preview-orders article:last-child{border:0}.preview-orders p{margin:0;flex:1}.preview-orders b,.preview-orders small{display:block}.preview-orders small{color:#8390a3;font-size:11px}.preview-orders strong{font-size:13px}.preview-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center}.preview-icon.success{background:#e8faf3;color:#0e9f6e}.preview-icon.warning{background:#fff5dd;color:#e18a00}.preview-icon.blue{background:#eaf2ff;color:#2563eb}.process-timeline{display:grid;gap:2px;margin:28px 0}.process-timeline article{display:flex;gap:16px;padding:16px;border-radius:15px;transition:.2s}.process-timeline article:hover{background:var(--brand-soft)}.process-timeline article>b{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--brand);color:#fff}.process-timeline h3,.process-timeline p{margin:0}.process-timeline h3{font-size:16px}.process-timeline p{color:var(--muted);margin-top:4px}.status-journey{background:linear-gradient(180deg,var(--surface),var(--surface-soft))}.journey-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.journey-grid article{padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:0 10px 30px rgba(15,23,42,.05)}.journey-grid article>span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--brand);font-weight:900}.journey-grid b{display:flex;align-items:center;gap:8px;margin:10px 0;font-size:16px}.journey-grid p{color:var(--muted);margin:0;font-size:13px}.text-link{display:inline-flex;align-items:center;gap:5px}

.result-dialog{max-width:650px;border-radius:26px;box-shadow:var(--shadow-xl)}.result-dialog:focus{outline:none}.result-product{border:1px solid var(--line);background:var(--surface-soft);border-radius:16px;padding:13px}.cashback-only{background:linear-gradient(135deg,#fff4ef,#fffaf5);border:1px solid #ffd8c8;border-radius:19px}.dark .cashback-only{background:linear-gradient(135deg,#341b15,#241a18);border-color:#693025}.cashback-only strong{font-size:clamp(38px,8vw,58px)}.result-tips span{display:inline-flex;align-items:center;gap:5px}.result-link-preview{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft);font-size:12px}.result-link-preview span{display:flex;align-items:center;gap:6px;color:var(--muted)}.result-link-preview code{max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-disclaimer{text-align:center;font-size:11px;color:var(--muted);margin:14px 0 0}.modal-actions{margin-top:16px}

/* User workspace */
.sidebar-overlay{position:fixed;inset:0;background:rgba(2,6,23,.55);backdrop-filter:blur(3px);z-index:490}.app-sidebar,.admin-sidebar{z-index:500}.member-mini{display:flex;align-items:center;gap:10px;margin:8px 14px 22px;padding:12px;border-radius:14px;background:#ffffff0d;border:1px solid #ffffff12}.member-mini>span{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,var(--brand),var(--brand-amber));font-weight:900}.member-mini strong,.member-mini small{display:block}.member-mini small{font-size:10px;color:#94a3b8}.app-sidebar nav a,.admin-nav a{min-height:46px}.app-sidebar nav a svg,.admin-nav a svg{color:inherit}.app-sidebar nav a span{flex:1}.app-topbar{min-height:74px}.topbar-title{display:flex;flex-direction:column}.topbar-title small{color:var(--muted);font-size:11px;margin-top:3px}.topbar-actions{display:flex;align-items:center;gap:8px}.icon-button{position:relative}.icon-button i{position:absolute;right:7px;top:7px;width:7px;height:7px;border-radius:50%;background:#ef4444;border:2px solid var(--surface)}.page-head h1{letter-spacing:-.035em}.metric-grid article{border:1px solid var(--line);box-shadow:0 12px 32px rgba(15,23,42,.05)}.stack-form{display:grid;gap:12px}.stack-form label,.inline-secure-form label{font-weight:800;font-size:13px}.stack-form input,.stack-form textarea,.inline-secure-form input{width:100%;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:11px;padding:12px}.timeline-list{display:grid}.timeline-list article{display:flex;gap:14px;position:relative;padding:0 0 24px}.timeline-list article:not(:last-child):before{content:"";position:absolute;left:6px;top:15px;bottom:0;width:1px;background:var(--line)}.timeline-dot{width:13px;height:13px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 5px var(--brand-soft);margin-top:6px;z-index:1}.timeline-list article>div{flex:1}.timeline-row{display:flex;justify-content:space-between;gap:10px}.timeline-list p{margin:6px 0;color:var(--muted)}.timeline-list small{color:var(--muted)}.notification-list{display:grid}.notification-item{display:flex;gap:14px;padding:18px 4px;border-bottom:1px solid var(--line)}.notification-item:last-child{border:0}.notification-item.unread{background:linear-gradient(90deg,var(--brand-soft),transparent)}.notification-icon{width:40px;height:40px;border-radius:12px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center}.notification-item>div{flex:1}.notification-item>div>div{display:flex;justify-content:space-between;gap:10px}.notification-item p{margin:5px 0 0;color:var(--muted)}.notification-item small{color:var(--muted)}

/* Authentication */
.auth-body{background:#080e1a}.auth-shell{max-width:1180px;min-height:680px}.auth-visual{background:radial-gradient(circle at 15% 20%,#ffffff28,transparent 30%),linear-gradient(145deg,#ff4f2a,#f79a25);position:relative;overflow:hidden}.auth-visual:after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;right:-160px;bottom:-160px;background:#fff1}.auth-hero-copy{position:relative;z-index:1}.auth-hero-copy h1{font-size:clamp(38px,5vw,60px);line-height:1.04;letter-spacing:-.05em}.auth-points span{display:flex;align-items:center;gap:8px}.auth-panel{position:relative}.auth-top-actions{position:absolute;top:22px;left:28px;right:28px;display:flex;align-items:center;justify-content:space-between}.auth-top-actions>a{display:flex;gap:7px;align-items:center;font-size:13px;font-weight:800;color:var(--muted)}.auth-top-actions>a svg{transform:rotate(180deg)}.auth-card-head{display:flex;gap:15px;align-items:flex-start;margin-bottom:24px}.auth-card-head h2,.auth-card-head p{margin:0}.auth-card-head h2{font-size:29px;letter-spacing:-.035em;margin:4px 0}.auth-card-head p{color:var(--muted)}.auth-icon{width:50px;height:50px;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand);border-radius:15px}.auth-form{display:grid;gap:10px}.auth-form label{font-size:13px;font-weight:800;margin-top:5px}.auth-form input{width:100%;min-height:50px;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:12px;padding:0 14px}.auth-form input:focus{outline:none;border-color:var(--brand);box-shadow:var(--focus)}.auth-form .btn{margin-top:10px}.auth-secondary-link{display:block;text-align:center;margin-top:18px;color:var(--brand);font-weight:800}.otp-input{text-align:center!important;letter-spacing:.35em!important;font-size:22px!important;font-weight:900!important}.caps-lock{border-color:#f59e0b!important}.caps-lock:after{content:"Caps Lock đang bật"}.password-field{position:relative}.password-field button{position:absolute;right:7px;top:50%;transform:translateY(-50%);border:0;background:var(--surface-soft);border-radius:8px;padding:7px 10px;color:var(--muted);font-weight:700}

/* Admin operations center */
.admin-body{font-size:14px}.admin-sidebar{width:268px}.admin-main{margin-left:268px}.admin-brand .shield{font-size:16px}.admin-brand small{letter-spacing:.13em}.admin-nav a{gap:12px}.admin-nav a em{font-size:13px}.admin-top-actions{display:flex;align-items:center;gap:9px}.admin-security-link{width:42px;height:42px;display:grid;place-items:center;border:1px solid #2b3c58;border-radius:11px;color:#9fb0c9}.admin-security-link:hover{color:#fff;border-color:#526886}.admin-content{max-width:1680px;margin:0 auto;width:100%}.admin-page-head h1{font-size:30px}.admin-panel{border:1px solid #21314b}.admin-panel h2{font-size:17px}.security-score{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border-radius:999px;font-weight:850}.security-score.good{background:#123b30;color:#5ce0b3}.security-score.warning{background:#463318;color:#ffc766}.panel-chip.success{background:#123b30;color:#5ce0b3}.totp-setup{display:grid;grid-template-columns:210px 1fr;gap:28px;align-items:start}.qr-box{aspect-ratio:1;border-radius:18px;background:white;color:#0f172a;padding:18px;display:grid;place-items:center;text-align:center}.qr-fallback{width:130px;height:130px;background:repeating-conic-gradient(#111 0 25%,#fff 0 50%) 50%/18px 18px;border:10px solid white;box-shadow:inset 0 0 0 3px #111}.qr-box small{font-size:10px}.numbered-steps{padding-left:20px;color:#a9b8cf;line-height:1.8}.copy-field{display:flex}.copy-field input{border-radius:10px 0 0 10px}.copy-field button{border:0;background:#243652;color:#fff;padding:0 14px;border-radius:0 10px 10px 0}.inline-secure-form{display:grid;grid-template-columns:150px 1fr auto;gap:10px;align-items:end;margin-top:18px}.inline-secure-form label{grid-column:1/-1}.security-success{display:flex;align-items:center;gap:16px;padding:20px;border-radius:16px;background:#0e3329;color:#8ff0cb}.security-success h3,.security-success p{margin:0}.security-success p{margin-top:4px;color:#78c9ad}.danger-zone{margin-top:22px;padding-top:20px;border-top:1px solid #2a3850;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end}.danger-zone label{grid-column:1/-1}.danger-zone input{min-height:44px;background:#0c1525;border:1px solid #30405d;color:white;border-radius:10px;padding:0 12px}.admin-btn.danger{background:#dc3545}.admin-btn.secondary{background:#22334f}.session-list.compact>div{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #25344c}.session-list.compact>div>div{flex:1}.session-list b,.session-list small{display:block}.session-list small{color:#7f8ca1}.session-list em{font-style:normal;font-size:11px;color:#7ee2bd}.security-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.security-feature-grid>div{padding:18px;border:1px solid #263650;border-radius:14px;background:#0d1728}.security-feature-grid svg{color:#5ce0b3}.security-feature-grid b,.security-feature-grid p{display:block}.security-feature-grid b{margin-top:10px}.security-feature-grid p{color:#8291a8;font-size:12px;margin:6px 0 0}.admin-login-shell.single{grid-template-columns:minmax(320px,480px);justify-content:center;background:transparent;box-shadow:none;border:0}.admin-login-shell.single .admin-login-card{border-radius:22px;border:1px solid #263753}.admin-login-logo>svg{width:42px;height:42px;padding:10px;border-radius:12px;background:#ff5b2e;color:white}.auth-back-link{display:block;text-align:center;margin-top:16px;color:#8fa0b9}

/* Toast and accessibility */
.toast-region{position:fixed;right:20px;bottom:20px;z-index:10000;display:grid;gap:10px}.toast{max-width:360px;padding:13px 16px;border-radius:12px;background:#101828;color:#fff;box-shadow:0 16px 45px rgba(0,0,0,.24);transform:translateY(12px);opacity:0;transition:.2s}.toast.show{transform:none;opacity:1}.toast-error{background:#b42318}.is-loading{opacity:.7;cursor:wait}.modal-open,.sidebar-open{overflow:hidden}.form-error:focus{outline:none}

@media(max-width:1180px){.hero-grid{gap:34px}.hero-copy h1{font-size:52px}.journey-grid{grid-template-columns:repeat(2,1fr)}.security-feature-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1023px){.admin-sidebar,.app-sidebar{transform:translateX(-110%);box-shadow:0 0 70px #0009}.admin-sidebar.open,.app-sidebar.open{transform:translateX(0)}.admin-main,.app-main{margin-left:0}.desktop-nav{display:none}.mobile-menu-button{display:grid}.admin-view-site{display:none}.admin-search{max-width:360px}.topbar-title small{display:none}}
@media(max-width:820px){.desktop-only{display:none}.hero-ultra{padding-top:64px;min-height:auto}.hero-grid{grid-template-columns:1fr}.hero-copy{text-align:center}.hero-copy h1{font-size:clamp(38px,11vw,56px)}.hero-copy>p{margin-left:auto;margin-right:auto}.hero-actions,.hero-trust{justify-content:center}.hero-proof{max-width:560px;margin-left:auto;margin-right:auto}.quote-card-ultra{max-width:620px;margin:auto}.trust-strip{margin-top:28px}.how-grid{grid-template-columns:1fr}.app-preview{order:2}.how-copy{order:1}.journey-grid{grid-template-columns:1fr 1fr}.totp-setup{grid-template-columns:1fr}.qr-box{max-width:220px}.inline-secure-form{grid-template-columns:1fr}.security-feature-grid{grid-template-columns:1fr 1fr}.admin-top-actions .admin-user div{display:none}}
@media(max-width:640px){body{font-size:14px}.container{width:min(100% - 24px,1180px)}.announcement p{text-align:left;font-size:11px}.site-header .logo small{display:none}.header-actions .btn-primary{display:none}.hero-ultra{padding-top:42px}.hero-copy h1{font-size:40px}.hero-copy>p{font-size:15px}.hero-actions .btn{width:100%}.hero-proof{grid-template-columns:repeat(3,1fr);gap:4px}.hero-proof b{font-size:17px}.hero-proof span{font-size:9px}.hero-trust{display:grid;gap:8px;text-align:left}.quote-card{padding:18px;border-radius:19px}.quote-card-top>div>div small{font-size:10px}.live-pill{display:none}.trust-strip{display:grid;gap:10px}.trust-strip>i{display:none}.trust-strip>div{padding:10px}.feature-grid.ultra{grid-template-columns:1fr}.feature-grid.ultra .feature-card{min-height:auto}.preview-window{transform:none}.preview-balance strong{font-size:30px}.journey-grid{grid-template-columns:1fr}.result-dialog{width:calc(100% - 16px);max-height:92vh;overflow:auto;padding:21px 16px;border-radius:22px}.result-product{align-items:flex-start}.result-meta{flex-wrap:wrap}.result-tips{display:grid}.result-link-preview{display:none}.modal-actions{display:grid}.modal-actions .btn{width:100%}.site-footer{padding-bottom:104px}.app-content,.admin-content{padding-left:12px;padding-right:12px}.page-head{align-items:flex-start}.page-head .btn{width:100%}.topbar-actions .user-chip div{display:none}.topbar-actions{gap:5px}.app-topbar{padding:0 12px}.topbar-title strong{font-size:14px}.content-grid.half,.content-grid.two-thirds,.admin-grid.half{grid-template-columns:1fr}.timeline-row{display:grid}.notification-item>div>div{display:grid}.auth-body{padding:0}.auth-shell{display:block;min-height:100vh;border-radius:0}.auth-visual{display:none}.auth-panel{min-height:100vh;padding:90px 22px 40px}.auth-top-actions{top:20px;left:22px;right:22px}.auth-card-head h2{font-size:25px}.admin-alertbar{padding:7px 12px}.admin-alertbar small{display:none}.admin-topbar{padding:0 12px}.admin-search{display:none}.admin-page-head{display:grid;gap:12px}.admin-page-head .admin-btn{width:100%}.totp-setup{gap:16px}.qr-box{max-width:180px}.security-feature-grid{grid-template-columns:1fr}.danger-zone{grid-template-columns:1fr}.toast-region{left:12px;right:12px;bottom:84px}.toast{max-width:none}.mobile-bottom-nav{display:grid}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1!important;transform:none!important}}

/* ========================================================================
   Hoàn Xu Ultra v3 — commercial operations refinements
   ======================================================================== */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.admin-callout{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:18px 20px;border:1px solid #dce7f6;border-radius:18px;background:#fff;margin-bottom:18px;box-shadow:0 10px 35px rgba(17,31,55,.06)}
.admin-callout>div:first-child{display:flex;gap:12px;align-items:flex-start}.admin-callout p{margin:0}.admin-callout p b,.admin-callout p span{display:block}.admin-callout p span{font-size:13px;color:#64748b;margin-top:4px}.admin-callout.success{border-color:#bbf7d0;background:linear-gradient(135deg,#f0fdf4,#fff)}.admin-callout.success>div:first-child>svg{color:#16a34a}.reset-link-box{display:flex;gap:8px;min-width:min(520px,50%)}.reset-link-box input{min-width:0;flex:1}
.search-input{position:relative;display:flex;align-items:center;flex:1;min-width:260px}.search-input>svg{position:absolute;left:13px;color:#8290a6;pointer-events:none}.search-input input{width:100%;padding-left:40px!important}
.table-primary{display:block;max-width:260px;overflow:hidden;text-overflow:ellipsis}.danger-text{color:#dc2626!important}.table-message{margin:0;max-width:390px;line-height:1.55;color:#42526a}.admin-empty{min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#7b899f;gap:6px}.admin-empty b{font-size:15px;color:#334155}.admin-empty span{font-size:13px}.admin-empty.compact{min-height:80px}
.tiny-btn{display:inline-flex!important;align-items:center;justify-content:center;gap:5px;min-height:34px}.row-actions form{display:inline-flex}.modal-x{display:grid!important;place-items:center}.confirm-note,.privacy-note,.strong-note{display:flex;align-items:flex-start;gap:9px;padding:12px 14px;border-radius:12px;background:#f7faff;color:#516179;font-size:13px}.confirm-note svg,.privacy-note svg,.strong-note svg{flex:0 0 auto;color:#2563eb}.privacy-note{background:#f0fdf4}.privacy-note svg{color:#16a34a}.account-tool-grid .tool-card>span{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#edf4ff;color:#2563eb;margin-bottom:10px}
.extra-wide-modal{width:min(1120px,calc(100vw - 36px))!important}.order-review-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.75fr);gap:24px;align-items:start}.order-event-panel{border-left:1px solid #e8eef6;padding-left:22px;min-height:100%}.order-event-panel h4{display:flex;align-items:center;gap:8px;margin:0 0 16px}.order-event-list{display:grid;gap:0}.order-event-list article{display:grid;grid-template-columns:14px 1fr;gap:10px;position:relative;padding-bottom:17px}.order-event-list article:not(:last-child):before{content:"";position:absolute;left:5px;top:13px;bottom:0;width:1px;background:#dce5f1}.order-event-list i{width:11px;height:11px;border-radius:50%;background:#ff6846;box-shadow:0 0 0 4px #fff1ec;margin-top:4px;z-index:1}.order-event-list b,.order-event-list p,.order-event-list small,.order-event-list span{display:block}.order-event-list p{margin:3px 0;color:#526177;font-size:13px}.order-event-list small{color:#8b98aa;font-size:11px}.order-event-list span{font-size:12px;color:#607086;margin-top:5px}.review-snapshot{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:12px;border-radius:14px;background:#f8fafc;border:1px solid #e8edf5}.review-snapshot span{display:flex;flex-direction:column;gap:3px}.review-snapshot small{font-size:10px;color:#8290a6;font-weight:700;letter-spacing:.04em}.review-snapshot b{font-size:15px;color:#19263b}
.payout-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.payout-summary span{padding:13px;border-radius:13px;background:#f8fafc;border:1px solid #e5ebf4}.payout-summary small,.payout-summary b,.payout-summary strong{display:block}.payout-summary small{font-size:11px;color:#718096}.payout-summary strong{color:#0f9f6e;font-size:18px}.masked-bank-card{display:flex;gap:12px;align-items:center;padding:15px;border-radius:15px;background:linear-gradient(135deg,#0f1e36,#1a3154);color:#fff}.masked-bank-card>svg{width:40px;height:40px;padding:9px;border-radius:12px;background:rgba(255,255,255,.1)}.masked-bank-card b,.masked-bank-card span,.masked-bank-card small{display:block}.masked-bank-card span{font:600 15px ui-monospace,monospace;margin:3px 0}.masked-bank-card small{color:#b8c5d8}.payout-actions{display:grid;grid-template-columns:1.15fr .85fr;gap:16px;margin-top:18px}.payout-form,.reject-form{padding:15px;border:1px solid #e4eaf3;border-radius:15px;background:#fff}.reject-form{background:#fff8f7;border-color:#fee2e2}
.import-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 0 18px}.import-steps>span{position:relative;display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;column-gap:10px;padding:14px;border-radius:15px;background:#fff;border:1px solid #e5eaf2}.import-steps i{grid-row:1/3;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;font-style:normal;font-weight:800;background:#edf2f8;color:#6d7d92}.import-steps b{font-size:13px}.import-steps small{font-size:11px;color:#8491a4}.import-steps .active{border-color:#ffb8a8;background:#fff8f5}.import-steps .active i{background:#ff6846;color:#fff}.file-drop span{display:flex!important;align-items:center;justify-content:center;gap:8px}.required-fields{display:grid;gap:9px}.required-fields span{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:10px;background:#f8fafc;font-size:13px}.required-fields b{font-size:10px;color:#ff6846}.progress-cell>span{display:block;height:7px;border-radius:99px;background:#edf1f6;overflow:hidden;min-width:120px}.progress-cell>span i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff6846,#ff9a54)}.progress-cell small{display:block;margin-top:6px}
.rule-layout{align-items:start}.rule-principles{display:grid;gap:12px}.rule-principles article{display:flex;gap:12px;padding:14px;border-radius:14px;background:#f8fafc;border:1px solid #e7edf5}.rule-principles svg{color:#ff6846;flex:0 0 auto}.rule-principles b,.rule-principles p{display:block}.rule-principles p{margin:4px 0 0;color:#718096;font-size:13px}.preview-card.highlight{background:linear-gradient(135deg,#fff3ee,#fff);border-color:#ffc6b8}.preview-card.highlight strong{color:#ff5a35}.status-muted{background:#edf1f5!important;color:#64748b!important}
.health-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.health-overview article{display:flex;gap:13px;align-items:center;padding:17px;border-radius:17px;background:#fff;border:1px solid #e4eaf2;box-shadow:0 8px 28px rgba(20,35,60,.05)}.health-overview article>span{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:#eef3f8}.health-overview small,.health-overview strong,.health-overview p{display:block}.health-overview small{font-size:10px;font-weight:800;color:#7b8799}.health-overview strong{font-size:15px;margin:2px 0}.health-overview p{font-size:11px;color:#8995a6;margin:0}.health-overview .healthy>span{background:#e9fbf4;color:#0f9f6e}.health-overview .warning>span{background:#fff7df;color:#d28b00}.health-overview .danger>span{background:#fff0ee;color:#dc2626}.compact-grid{grid-template-columns:1fr 1fr!important}
.inline-switch{display:flex!important;justify-content:space-between;align-items:center;gap:12px;padding:13px;border:1px solid #e4eaf2;border-radius:13px}.inline-switch span{display:flex;flex-direction:column}.inline-switch small{color:#7b8799}.inline-switch input{width:20px;height:20px}.settings-content section{scroll-margin-top:22px}
.claim-detail{padding:14px;border-radius:13px;background:#f8fafc;border:1px solid #e6ecf4;margin:14px 0}.claim-detail small{display:block;color:#718096;margin-bottom:5px}.claim-detail p{margin:0;line-height:1.6}
.admin-note{display:flex;align-items:flex-start;gap:9px}.admin-note svg{flex:0 0 auto}.strong-note{margin-bottom:14px}

@media(max-width:1100px){.health-overview{grid-template-columns:1fr 1fr}.order-review-layout{grid-template-columns:1fr}.order-event-panel{border-left:0;border-top:1px solid #e8eef6;padding:20px 0 0}.reset-link-box{min-width:45%}}
@media(max-width:760px){.admin-callout{flex-direction:column}.reset-link-box{min-width:0;width:100%;flex-direction:column}.import-steps{grid-template-columns:1fr 1fr}.health-overview{grid-template-columns:1fr}.payout-summary,.review-snapshot{grid-template-columns:1fr}.payout-actions{grid-template-columns:1fr}.extra-wide-modal{width:calc(100vw - 20px)!important}.order-review-layout{gap:16px}.admin-filter .search-input{min-width:100%}}
@media(max-width:480px){.import-steps{grid-template-columns:1fr}.commission-preview{grid-template-columns:1fr!important}.health-overview article{padding:14px}}
.security-warning{display:flex;align-items:flex-start;gap:9px;padding:12px 14px;border-radius:12px;background:#fff8e6;border:1px solid #fde7a3;color:#8a5a00;font-size:13px;margin-bottom:14px}.security-warning svg{flex:0 0 auto}.withdraw-estimate{grid-template-columns:repeat(3,1fr)!important}
@media(max-width:600px){.withdraw-estimate{grid-template-columns:1fr!important}}

/* Local QR and production refinements */
.result-qr-row{display:grid;grid-template-columns:190px 1fr;gap:20px;align-items:center;margin:18px 0;padding:16px;border:1px solid var(--border,#e8edf4);border-radius:18px;background:linear-gradient(135deg,#fff,#fff8f5)}
.dark .result-qr-row{background:linear-gradient(135deg,#111c31,#16233a);border-color:#263652}.result-qr{display:grid;place-items:center;min-height:190px;padding:8px;background:#fff;border-radius:14px;box-shadow:0 12px 30px rgba(16,32,59,.1)}.result-qr-row b{display:block;font-size:15px;margin-bottom:6px}.result-qr-row p{margin:0 0 10px;color:var(--muted,#6f7c91);font-size:13px;line-height:1.55}.qr-download{border:0;background:transparent;padding:0;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.totp-setup .qr-box svg{border-radius:12px;background:#fff;padding:6px}
@media(max-width:620px){.result-qr-row{grid-template-columns:1fr;text-align:center}.result-qr{width:190px;margin:auto}.result-dialog{max-height:94vh;overflow:auto}}

/* Member 360 admin profile */
.member-profile-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:18px;margin-bottom:18px}.member-hero{display:flex;align-items:center;gap:16px;padding-bottom:18px;border-bottom:1px solid var(--line)}.member-hero>span{width:64px;height:64px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(135deg,#ee4d2d,#ff927a);color:#fff;font-size:25px;font-weight:900;box-shadow:0 14px 30px rgba(238,77,45,.24)}.member-hero h2{font-size:22px;margin:0 0 4px}.member-hero p{margin:0 0 8px;color:var(--muted)}.profile-kv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;margin:16px 0 0}.profile-kv div{padding:11px 0;border-bottom:1px dashed var(--line)}.profile-kv dt{font-size:11px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.07em}.profile-kv dd{margin:5px 0 0;font-size:14px;font-weight:700}.profile-kv small{display:inline-flex;margin-left:6px;color:var(--muted);font-weight:600}.profile-kv small.verified{color:#059669}.risk-signal-list{display:grid;gap:10px}.risk-signal-list article{display:flex;gap:11px;padding:13px;border:1px solid var(--line);border-radius:14px;background:var(--soft)}.risk-signal-list article>span{width:34px;height:34px;border-radius:11px;display:grid;place-items:center}.risk-signal-list article p{margin:3px 0 0;color:var(--muted);font-size:12px;line-height:1.5}.risk-signal-list .success>span{background:#dcfce7;color:#047857}.risk-signal-list .warning>span{background:#fff7ed;color:#c2410c}.risk-signal-list .danger>span{background:#fee2e2;color:#b91c1c}.member-metrics{margin-bottom:18px}.member-tools-grid{margin-bottom:18px}.member-action-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px}.action-box{padding:15px;border:1px solid var(--line);border-radius:16px;background:var(--soft)}.action-box h3{display:flex;align-items:center;gap:7px;margin:0 0 12px;font-size:15px}.action-box.credit{box-shadow:inset 3px 0 #10b981}.action-box.debit{box-shadow:inset 3px 0 #ef4444}.bordered-top{margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}.compact-stat-list{display:grid;gap:10px}.compact-stat-list>div{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid var(--line);border-radius:14px}.compact-stat-list>div>span{width:38px;height:38px;border-radius:12px;background:var(--soft);display:grid;place-items:center;color:var(--primary)}.compact-stat-list p{display:grid;margin:0}.compact-stat-list small{color:var(--muted);margin-top:3px}.activity-timeline{display:grid;gap:0}.activity-timeline article{display:flex;gap:12px;position:relative;padding:0 0 16px}.activity-timeline article:not(:last-child):before{content:"";position:absolute;left:4px;top:14px;bottom:0;width:1px;background:var(--line)}.activity-timeline article>i{width:9px;height:9px;border-radius:50%;background:var(--primary);margin-top:5px;z-index:1}.activity-timeline article div{display:grid}.activity-timeline p,.activity-timeline small{margin:2px 0 0;color:var(--muted);font-size:12px}@media(max-width:900px){.member-profile-grid{grid-template-columns:1fr}.member-action-columns{grid-template-columns:1fr}}@media(max-width:600px){.profile-kv{grid-template-columns:1fr}.member-hero>span{width:54px;height:54px;border-radius:18px}.member-hero h2{font-size:19px}}

/* ========================================================================
   Hoàn Xu Ultra — production typography, motion and complete themes
   ======================================================================== */
:root{
  --font-ui:"Segoe UI Variable Text","Segoe UI",Inter,-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",Arial,sans-serif;
  --font-display:"Segoe UI Variable Display","Segoe UI Variable Text","Segoe UI",Inter,sans-serif;
  --focus-ring:0 0 0 4px color-mix(in srgb,var(--brand) 20%,transparent);
  --surface-raised:#fff;
  --soft:#f7f9fc;
  --border:#e6ebf2;
  --shadow-soft:0 18px 55px rgba(20,33,56,.09);
}
html{font-family:var(--font-ui);text-rendering:optimizeLegibility}
body,button,input,select,textarea{font-family:var(--font-ui)}
h1,h2,h3,h4,.logo,.admin-page-head h1{font-family:var(--font-display);font-variation-settings:"wght" 720;letter-spacing:-.028em}
button,input,select,textarea{font-size:14px}
:focus-visible{outline:0;box-shadow:var(--focus-ring)}
.btn,.quote-submit,.theme-toggle,.mobile-menu-button{min-height:44px}


/* Motion is decorative only; layout remains stable. */
.animations-on .hero-beam{animation:ultraDrift 11s ease-in-out infinite alternate}
.animations-on .beam-two{animation-delay:-4.5s;animation-duration:14s}
.animations-on .quote-card-ultra{animation:ultraFloat 6s cubic-bezier(.45,0,.55,1) infinite}
.animations-on .quote-card-ultra:after{content:"";position:absolute;inset:-80% -35%;pointer-events:none;background:linear-gradient(110deg,transparent 42%,rgba(255,255,255,.25) 49%,transparent 56%);transform:translateX(-55%) rotate(8deg);animation:ultraSheen 8s ease-in-out infinite}
.animations-on .quote-submit:not(:disabled):before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.26) 48%,transparent 78%);transform:translateX(-110%);animation:buttonSheen 3.8s ease-in-out infinite}
.animations-on .live-pill i{animation:pulseDot 1.8s ease-out infinite}
@keyframes ultraDrift{0%{transform:translate3d(-2%,0,0) rotate(-3deg);opacity:.55}100%{transform:translate3d(6%,5%,0) rotate(6deg);opacity:.9}}
@keyframes ultraFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes ultraSheen{0%,62%{transform:translateX(-70%) rotate(8deg)}82%,100%{transform:translateX(70%) rotate(8deg)}}
@keyframes buttonSheen{0%,55%{transform:translateX(-115%)}78%,100%{transform:translateX(115%)}}
.quote-submit{position:relative;overflow:hidden;isolation:isolate}.quote-submit>span{position:relative;z-index:1}

/* Complete public/member dark palette. Admin owns a separate theme. */
html.dark{
  --ink:#eef4ff;
  --muted:#a9b6c9;
  --line:#26354d;
  --border:#293951;
  --surface:#111c2f;
  --surface-raised:#16233a;
  --soft:#17243a;
  --bg:#09111f;
  --brand-soft:#35201f;
  --shadow:0 24px 65px rgba(0,0,0,.34);
  --shadow-soft:0 20px 55px rgba(0,0,0,.3);
}
html.dark body.public-body,html.dark body.auth-body,html.dark body.app-body{color:var(--ink);background:radial-gradient(circle at 12% -5%,rgba(80,104,224,.13),transparent 28%),radial-gradient(circle at 92% 7%,rgba(238,77,45,.1),transparent 30%),var(--bg)}
html.dark body.public-body :where(h1,h2,h3,h4,h5,h6,strong,b,label,summary),html.dark body.auth-body :where(h1,h2,h3,h4,h5,h6,strong,b,label),html.dark body.app-body :where(h1,h2,h3,h4,h5,h6,strong,b,label){color:var(--ink)}
html.dark body.public-body :where(p,small,.field-help),html.dark body.auth-body :where(p,small,.field-help),html.dark body.app-body :where(p,small,.field-help){color:var(--muted)}
html.dark .site-header{background:rgba(9,17,31,.88);border-color:rgba(43,59,83,.85);box-shadow:0 12px 34px rgba(0,0,0,.18)}
html.dark .desktop-nav a,html.dark .avatar-link,html.dark .theme-toggle,html.dark .mobile-menu-button{color:#dbe7f8}
html.dark .desktop-nav a:hover{color:#fff}
html.dark .theme-toggle,html.dark .mobile-menu-button,html.dark .avatar-link{background:#142137;border-color:#2a3b55}
html.dark .theme-toggle svg,html.dark .mobile-menu-button svg{stroke:currentColor;fill:none}
html.dark .btn-ghost,html.dark .btn-glass{background:#142137;color:#e8f0fb;border-color:#2b3b54}
html.dark .btn-ghost:hover,html.dark .btn-glass:hover{background:#1b2c47;border-color:#3a4e6d}
html.dark .public-mobile-menu{background:#101c30;border-color:#2a3950;box-shadow:0 22px 45px rgba(0,0,0,.4)}
html.dark .public-mobile-menu a{color:#dce8f8;border-color:#26374e}
html.dark .hero-ultra{background:linear-gradient(160deg,#0a1323 0%,#101b30 48%,#0c1628 100%)}
html.dark .hero-grid-bg{opacity:.16}
html.dark .hero-copy h1{color:#f8fbff;text-shadow:0 2px 28px rgba(93,128,255,.13)}
html.dark .hero-copy>p,html.dark .hero-proof span,html.dark .hero-trust span{color:#aebbd0}
html.dark .hero-badge{background:rgba(255,255,255,.06);border-color:#31425c;color:#ffd5cb}
html.dark .hero-proof>div{border-color:#293a53;background:rgba(18,31,52,.62)}
html.dark .hero-proof b{color:#fff}
html.dark .quote-card,html.dark .quote-card-ultra{background:linear-gradient(145deg,#15233a,#101b2e);border-color:#2d3e59;box-shadow:0 32px 85px rgba(0,0,0,.34)}
html.dark .quote-card-top,html.dark .quote-form label{color:#f1f6ff}
html.dark .quote-card-top small,html.dark .quote-hints span,html.dark .quote-safe-note span{color:#a8b6ca}
html.dark .live-pill{background:#123327;color:#78e6b6;border-color:#245442}
html.dark .input-shell{background:#0d182a;border-color:#31445f;box-shadow:inset 0 1px rgba(255,255,255,.02)}
html.dark .input-shell:focus-within{border-color:#ff8469;box-shadow:0 0 0 4px rgba(238,77,45,.14)}
html.dark .input-shell input{color:#f2f7ff;background:transparent}
html.dark .input-shell input::placeholder{color:#74849c}
html.dark .input-shell>svg{color:#8ea0ba}
html.dark .input-shell button{color:#a8b6ca}
html.dark .quote-safe-note{background:#221f23;border-color:#45322f;color:#ffd7cc}
html.dark .quote-hints{border-color:#293a53}
html.dark :where(.trust-strip,.section-card,.benefit-card,.step-card,.journey-card,.faq-list details,.public-card,.dashboard-card,.wallet-card,.order-card,.profile-card,.form-card,.support-card,.auth-card,.auth-panel,.auth-form-panel){background:var(--surface);border-color:var(--line);color:var(--ink);box-shadow:var(--shadow-soft)}
html.dark :where(.benefit-card,.step-card,.journey-card,.dashboard-card,.wallet-card,.order-card,.profile-card,.form-card,.support-card) p{color:var(--muted)}
html.dark .faq-list details[open],html.dark .faq-list details:hover{background:#15243b;border-color:#344861}
html.dark .faq-list summary{color:#edf4ff}
html.dark .site-footer{background:#050b15;color:#aab7ca;border-color:#1e2a3d}
html.dark .site-footer a{color:#b6c2d4}html.dark .site-footer a:hover{color:#fff}
html.dark .mobile-bottom-nav{background:rgba(10,18,32,.94);border-color:#26354b;box-shadow:0 -14px 35px rgba(0,0,0,.32)}
html.dark .mobile-bottom-nav a{color:#9eacc1}html.dark .mobile-bottom-nav a.active{color:#ff8064}
html.dark .result-dialog,html.dark .admin-modal .modal-card{background:#111d31;color:var(--ink);border:1px solid #2c3d57;box-shadow:0 35px 95px rgba(0,0,0,.55)}
html.dark .modal-close{background:#1b2a43;color:#dbe7f7;border-color:#30435f}
html.dark .result-product,html.dark .cashback-only,html.dark .result-link-preview,html.dark .result-tips{background:#15243a;border-color:#2c3d56;color:var(--ink)}
html.dark .result-meta span,html.dark .result-disclaimer{color:#a9b6c9}
html.dark .cashback-only strong{color:#ff8a70}
html.dark .result-qr-row{background:linear-gradient(135deg,#111c31,#16233a);border-color:#2b3d57}
html.dark .result-qr-row p{color:#a9b6c9}
html.dark :where(input,select,textarea){color:#eff5ff;background:#0e192b;border-color:#30415c}
html.dark :where(input,select,textarea)::placeholder{color:#75869f}
html.dark :where(input,select,textarea):focus{border-color:#ff8066;box-shadow:0 0 0 4px rgba(238,77,45,.13)}
html.dark .auth-shell,html.dark .app-main{background:transparent}
html.dark .auth-form-panel,html.dark .auth-side-panel{background:#111d31;border-color:#293a53;color:var(--ink)}
html.dark .auth-side-panel{background:linear-gradient(145deg,#101c31,#172744)}
html.dark .app-sidebar,html.dark .app-topbar{background:#101b2e;border-color:#293a52;color:var(--ink)}
html.dark .app-sidebar a{color:#adbbce}html.dark .app-sidebar a.active,html.dark .app-sidebar a:hover{color:#fff;background:#1b2b45}
html.dark :where(.table-wrap,table,.data-table){background:var(--surface);color:var(--ink);border-color:var(--line)}
html.dark :where(th){color:#b7c4d6;background:#17243a;border-color:#2a3a53}
html.dark :where(td){color:#dce6f4;border-color:#26364e}
html.dark tr:hover td{background:#152238}
html.dark .badge,html.dark .status-badge{border-color:transparent}
html.dark .payout-summary span,html.dark .claim-detail,html.dark .rule-principles article,html.dark .required-fields span{background:#16243a;border-color:#293a52;color:var(--ink)}
html.dark .masked-bank-card{background:linear-gradient(135deg,#182b48,#213b62)}

/* Dark-mode fallback for legacy hard-coded components. Scoped to user-facing areas. */
html.dark body.public-body :where(.bg-white,[class*="white-card"]),html.dark body.auth-body :where(.bg-white,[class*="white-card"]),html.dark body.app-body :where(.bg-white,[class*="white-card"]){background:var(--surface)!important;color:var(--ink)!important}
html.dark body.public-body :where(.text-dark,.text-black),html.dark body.auth-body :where(.text-dark,.text-black),html.dark body.app-body :where(.text-dark,.text-black){color:var(--ink)!important}

@media(max-width:760px){
  h1{letter-spacing:-.035em}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}.animations-on *,.animations-on *:before,.animations-on *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
}
@media(max-width:760px){
}

/* Member dashboard cards and polished order rows */
.order-card-list{display:grid;gap:10px}
.order-card-list article{display:grid;grid-template-columns:38px minmax(0,1fr) auto auto;align-items:center;gap:11px;padding:12px 13px;border:1px solid var(--line);border-radius:14px;background:var(--soft);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.order-card-list article:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--brand) 25%,var(--line));box-shadow:0 10px 24px rgba(15,23,42,.06)}
.order-platform,.round-icon{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,var(--brand),var(--brand-2));color:#fff;font-weight:900;box-shadow:0 8px 18px rgba(238,77,45,.18)}
.order-card-list article>div{min-width:0}.order-card-list article>div strong,.order-card-list article>div small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-card-list article>div small{color:var(--muted);font-size:11px;margin-top:3px}.order-card-list article>b{font-size:13px;color:var(--brand)}
.panel-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px;padding-top:14px;border-top:1px solid var(--line)}.panel-actions a{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:750;color:var(--muted)}.panel-actions a:hover{color:var(--brand)}

html.dark .app-topbar{background:rgba(15,27,46,.94);border-color:#293a52;color:var(--ink);box-shadow:0 8px 25px rgba(0,0,0,.16)}
html.dark .app-topbar small,html.dark .page-head p{color:var(--muted)}
html.dark .icon-button,html.dark .menu-toggle{background:#172640;border-color:#2d405a;color:#dce7f7}
html.dark .user-chip strong{color:#f2f7ff}
html.dark .metric-grid article,html.dark .panel,html.dark .notice-panel,html.dark .flash{background:#121f34;border-color:#2a3a53;color:var(--ink);box-shadow:0 16px 42px rgba(0,0,0,.2)}
html.dark .metric-grid article :where(small,p),html.dark .panel-head p,html.dark .notice-panel p{color:#a9b6c9}
html.dark .metric-grid article strong,html.dark .panel-head h2{color:#eff5ff}
html.dark .metric-icon.purple{background:#2c2549;color:#c8b9ff}
html.dark .metric-icon.orange{background:#3a2522;color:#ff9a82}
html.dark .metric-icon.green{background:#17352d;color:#72dfb1}
html.dark .metric-icon.blue{background:#192f50;color:#81b4ff}
html.dark .order-card-list article,html.dark .quote-list>div{background:#16253c;border-color:#2b3d56;color:var(--ink)}
html.dark .order-card-list article:hover{border-color:#4b5367;box-shadow:0 12px 28px rgba(0,0,0,.25)}
html.dark .order-card-list article>div small,html.dark .quote-list small{color:#9fadc2}
html.dark .empty-state{color:#9cabc0}
html.dark .quote-list>div{border-top-color:#2b3b53}
html.dark .quote-list button{background:#35231f;color:#ff947c}
html.dark .panel-actions{border-color:#2b3b53}html.dark .panel-actions a{color:#aab7ca}html.dark .panel-actions a:hover{color:#ff8b72}
html.dark .notice-panel .notice-icon{background:#36231f;color:#ff8f75}
html.dark .flash-success{border-left-color:#2ed29a}.dark .flash-danger{border-left-color:#ff6b70}.dark .flash-warning{border-left-color:#f7b83b}
html.dark .status-success{background:#163b31;color:#78e4b8}.dark .status-warning{background:#3a2e16;color:#ffd071}.dark .status-danger{background:#402224;color:#ff999d}.dark .status-purple{background:#2d254c;color:#cbbdff}
@media(max-width:640px){.order-card-list article{grid-template-columns:34px minmax(0,1fr) auto}.order-card-list article>.status{grid-column:2/4;justify-self:start}.order-card-list article>b{font-size:12px}}

/* Complete authentication layout */
.auth-shell{width:min(1120px,100%);min-height:680px;grid-template-columns:minmax(0,1.02fr) minmax(430px,.98fr);background:var(--surface);border:1px solid rgba(255,255,255,.08)}
.auth-visual{padding:48px;display:flex;flex-direction:column;justify-content:space-between;gap:32px}
.auth-visual .logo{align-self:flex-start}.auth-visual .logo small{display:block;font-size:9px;letter-spacing:.15em;margin-top:2px;opacity:.8}
.auth-hero-copy{margin:auto 0}.auth-hero-copy h1{margin:16px 0 20px;max-width:570px}.auth-hero-copy p{font-size:15px;line-height:1.7;color:rgba(255,255,255,.82);max-width:560px}
.auth-points{display:grid;gap:10px;font-size:13px;font-weight:650;color:rgba(255,255,255,.9)}
.auth-panel{padding:84px 48px 48px;display:flex;align-items:center;background:var(--surface)}
.auth-form-wrap{width:100%;max-width:470px;margin:auto}.auth-form-wrap>.back-link{display:none}
.auth-heading{margin-bottom:22px}.auth-heading h2{font-size:30px;line-height:1.2;margin:7px 0 9px}.auth-heading p{margin:0;color:var(--muted);line-height:1.6}
.auth-divider{display:flex;align-items:center;gap:12px;margin:18px 0;color:var(--muted);font-size:11px}.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:var(--line)}
.label-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:4px}.label-row label{margin:0}.label-row a{color:var(--brand);font-size:12px;font-weight:800}
.password-field{border:1px solid var(--line);background:var(--surface);border-radius:12px}.password-field:focus-within{border-color:var(--brand);box-shadow:0 0 0 4px rgba(238,77,45,.11)}.password-field input{border:0!important;box-shadow:none!important;background:transparent!important}.password-field button{min-width:40px;background:transparent!important}
.auth-switch{text-align:center;margin:18px 0 0;color:var(--muted);font-size:13px}.auth-switch a{color:var(--brand);font-weight:850}
html.dark .auth-shell{background:#101c30;border-color:#283a53;box-shadow:0 35px 95px rgba(0,0,0,.45)}
html.dark .auth-panel{background:#101c30}.dark .auth-heading h2{color:#f3f7ff}.dark .auth-heading p{color:#aab7ca}
html.dark .password-field{background:#0e192b;border-color:#30415c}
@media(max-width:900px){.auth-body{padding:0}.auth-shell{width:100%;min-height:100vh;border-radius:0;grid-template-columns:1fr}.auth-visual{display:none}.auth-panel{min-height:100vh;padding:86px 24px 40px}.auth-top-actions{top:22px;left:24px;right:24px}.auth-form-wrap{max-width:520px}}
@media(max-width:520px){.auth-panel{padding-inline:18px}.auth-heading h2{font-size:27px}.auth-top-actions{left:18px;right:18px}}
@media(max-width:640px){
  .user-order-filter{display:grid!important;grid-template-columns:1fr;width:100%;gap:10px}
  .user-order-filter>*{width:100%!important;min-width:0!important;margin:0!important}
}
@media(max-width:640px){.user-order-filter>.sr-only{width:1px!important;height:1px!important;min-width:1px!important;margin:-1px!important;padding:0!important}}

/* ===== Liquid-glass interface polish ===== */
:root{
  --radius-xl:28px;
  --radius-2xl:34px;
  --glass-bg:rgba(255,255,255,.58);
  --glass-stroke:rgba(255,255,255,.38);
  --glass-shadow:0 18px 60px rgba(12,20,37,.12);
}
html.dark{
  --glass-bg:rgba(14,22,38,.68);
  --glass-stroke:rgba(255,255,255,.08);
  --glass-shadow:0 28px 70px rgba(0,0,0,.35);
}
html.admin-theme{
  --glass-bg:rgba(13,24,42,.88);
  --glass-stroke:rgba(132,158,196,.16);
  --glass-shadow:0 24px 64px rgba(0,0,0,.28);
}
body{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  background:
    radial-gradient(circle at 8% 12%, rgba(255,167,95,.14), transparent 24%),
    radial-gradient(circle at 92% 8%, rgba(103,87,255,.12), transparent 22%),
    radial-gradient(circle at 80% 80%, rgba(55,125,255,.10), transparent 24%),
    var(--bg);
}
.site-header,.quote-card,.trust-strip,.feature-card,.preview-window,.safety-grid>div,.journey-grid article,
.faq-list details,.result-dialog,.panel,.metric-grid article,.admin-panel,.admin-login-card,.admin-login-brand,
.table-wrap,.admin-modal-card,.modal-card,.notice-panel,.order-card-list article{
  background:var(--glass-bg)!important;
  -webkit-backdrop-filter:blur(20px) saturate(140%);
  backdrop-filter:blur(20px) saturate(140%);
  border:1px solid var(--glass-stroke)!important;
  box-shadow:var(--glass-shadow)!important;
}
.site-header{background:color-mix(in srgb,var(--glass-bg) 92%, transparent)!important;border-radius:0 0 24px 24px}
.hero{
  padding-top:92px;
  background:
    radial-gradient(circle at 11% 16%,rgba(255,183,110,.23),transparent 30%),
    radial-gradient(circle at 92% 24%,rgba(120,102,255,.12),transparent 24%),
    linear-gradient(180deg, color-mix(in srgb,var(--bg) 88%, white 12%) 0%, color-mix(in srgb,var(--bg) 96%, transparent) 74%, var(--bg) 100%);
}
.hero-copy h1{font-size:clamp(42px,5.4vw,74px);line-height:.98;letter-spacing:-.065em;text-wrap:balance}
.hero-copy>p{font-size:19px;max-width:720px}
.hero-badge,.live-pill,.theme-toggle,.avatar-link,.quote-safe-note,.quote-hints span,
.hero-trust span,.result-link-preview,.result-qr,.result-tips span,.status-badge,.badge,.quote-list button,
.preview-stats div,.preview-orders article,.admin-login-badge{
  border-radius:999px;
}
.hero-badge,.live-pill,.quote-safe-note,.quote-hints span,.hero-trust span,.result-link-preview,
.result-tips span,.preview-stats div,.preview-orders article{
  border:1px solid rgba(255,255,255,.14);
  background:color-mix(in srgb,var(--glass-bg) 85%, transparent)!important;
  -webkit-backdrop-filter:blur(18px) saturate(140%);
  backdrop-filter:blur(18px) saturate(140%);
}
.btn,.quote-submit,.admin-login-submit{border-radius:18px}
.btn-primary,.quote-submit,.admin-login-submit{
  background:linear-gradient(135deg,#ff6a3d 0%, #ff8849 42%, #ff5b2e 100%)!important;
  box-shadow:0 16px 38px rgba(238,77,45,.28)!important;
}
.btn-glass,.btn-ghost,.theme-toggle,.avatar-link{
  background:var(--glass-bg)!important;
  border:1px solid var(--glass-stroke)!important;
  box-shadow:0 10px 28px rgba(15,23,42,.08);
}
.quote-card,.feature-card,.preview-window,.result-dialog,.admin-panel,.panel,.admin-login-card,.admin-login-brand{border-radius:var(--radius-xl)!important}
.trust-strip,.safety-grid>div,.journey-grid article,.faq-list details,.metric-grid article,.table-wrap{border-radius:24px!important}
.quote-card{padding:28px 28px 24px;overflow:hidden}
.quote-card:before{display:none}
.quote-card-glow{position:absolute;inset:auto -15% -50% auto;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(255,114,58,.28),transparent 66%);filter:blur(24px);pointer-events:none}
.feature-card h3,.journey-grid b,.faq-list summary,.section-head h2,.how-copy h2{color:var(--ink)}
.feature-card p,.feature-card small,.journey-grid p,.section-head p,.faq-list p,.preview-balance small,.preview-stats span{color:var(--muted)}
.value-section,.how-section,.safety-section,.status-journey,.faq-section{position:relative}
.value-section:before,.how-section:before,.status-journey:before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.00));
}
.feature-grid.ultra{gap:22px}
.feature-card{padding:28px 24px;min-height:242px}
.feature-card:hover,.journey-grid article:hover,.safety-grid>div:hover,.faq-list details:hover,.metric-grid article:hover,.panel:hover,.admin-panel:hover{
  transform:translateY(-6px);
  box-shadow:0 22px 60px rgba(15,23,42,.14)!important;
}
.preview-window{padding:18px;overflow:hidden}
.preview-orders article{padding:14px 16px;border:1px solid rgba(255,255,255,.12)}
.safety-grid,.journey-grid{gap:20px}
.safety-grid>div,.journey-grid article{padding:26px 24px}
.faq-list details{padding:18px 20px 18px}
.result-dialog{max-width:760px}
.result-dialog .cashback-only{background:color-mix(in srgb,var(--glass-bg) 88%, transparent);border:1px solid var(--glass-stroke);border-radius:24px;padding:20px 18px}
.result-dialog #resultCashback{font-size:clamp(34px,4.3vw,54px);letter-spacing:-.05em}
.quote-submit,.admin-login-submit{position:relative;overflow:hidden}
.quote-submit:before,.admin-login-submit:before,.btn-primary:before{
  content:"";position:absolute;inset:0;transform:translateX(-120%);
  background:linear-gradient(115deg,transparent 0%, rgba(255,255,255,.06) 35%, rgba(255,255,255,.38) 50%, rgba(255,255,255,.06) 65%, transparent 100%);
  transition:transform .7s ease;
}
.quote-submit:hover:before,.admin-login-submit:hover:before,.btn-primary:hover:before{transform:translateX(120%)}
.login-alert{border-radius:16px}
.liquid-admin-card{position:relative;overflow:hidden}
.liquid-admin-card:before{content:"";position:absolute;right:-40px;top:-40px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(255,114,58,.22),transparent 68%);filter:blur(10px);pointer-events:none}
.admin-login-brand{overflow:hidden;position:relative}
.admin-login-brand:after{content:"";position:absolute;left:-10%;bottom:-10%;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.18),transparent 68%)}
.auth-shell,.admin-login-shell{gap:24px}
.auth-visual,.admin-login-brand{border-radius:var(--radius-xl)!important}
.auth-panel,.admin-login-card{border-radius:var(--radius-xl)!important}
html.dark .site-header,html.dark .quote-card,html.dark .trust-strip,html.dark .feature-card,html.dark .preview-window,
html.dark .safety-grid>div,html.dark .journey-grid article,html.dark .faq-list details,html.dark .result-dialog,
html.dark .panel,html.dark .metric-grid article,html.dark .admin-panel,html.dark .admin-login-card,html.dark .admin-login-brand,
html.dark .table-wrap,html.dark html.dark html.dark .order-card-list article{
  color:#edf3ff!important;
}
html.dark .feature-card h3,html.dark .journey-grid b,html.dark .faq-list summary,html.dark .section-head h2,html.dark .how-copy h2,
html.dark .hero-copy h1,html.dark .admin-login-brand h1,html.dark .admin-login-card h2{color:#f6f9ff}
html.dark .feature-card p,html.dark .feature-card small,html.dark .journey-grid p,html.dark .section-head p,html.dark .faq-list p,
html.dark .preview-balance small,html.dark .preview-stats span,html.dark .hero-copy>p,html.dark .admin-login-brand p,
html.dark .input-shell,html.dark .password-field{background:rgba(8,15,28,.62)!important;border-color:rgba(255,255,255,.10)!important}
html.dark .input-shell input,html.dark .password-field input,html.dark .quote-form label,html.dark .field-help{color:#eef4ff!important}
html.dark .input-shell button{background:rgba(255,255,255,.08)!important;color:#dbe7f7!important}
html.dark .quote-hints,html.dark .hero-trust,html.dark .trust-strip small{color:#b9c5d8!important}
html.dark .trust-strip b{color:#f3f7ff}
html.dark .btn-glass,html.dark .btn-ghost,html.dark .theme-toggle,html.dark .avatar-link{color:#edf4ff!important}
html.dark .auth-divider,html.dark .auth-switch,html.dark .login-alert{color:#dfe8f8}
html.dark .auth-divider:before,html.dark .auth-divider:after{background:rgba(255,255,255,.12)}
@media(max-width:980px){
  .hero-grid{gap:36px}
}
@media(max-width:760px){
  .site-header{border-radius:0 0 20px 20px}
  .header-inner{height:68px}
  .hero{padding-top:74px}
  .hero-copy h1{font-size:clamp(36px,11vw,56px)}
  .hero-copy>p{font-size:16px;line-height:1.68}
  .quote-card,.feature-card,.preview-window,.result-dialog,.admin-panel,.panel,.admin-login-card,.admin-login-brand{border-radius:24px!important}
  .trust-strip,.safety-grid>div,.journey-grid article,.faq-list details,.metric-grid article,.table-wrap{border-radius:20px!important}
}

/* ===== Operations center ===== */
.automation-head h1{max-width:780px}.loop-summary-strip{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 22px}.loop-summary-strip span{display:flex;align-items:center;gap:8px;padding:9px 13px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);color:#c8d4e6;font-size:12px;font-weight:750}.loop-summary-strip i{width:9px;height:9px;border-radius:50%}.loop-summary-strip .purple{background:#8b5cf6}.loop-summary-strip .green{background:#22c55e}.loop-summary-strip .blue{background:#3b82f6}.loop-summary-strip .orange{background:#f97316}.automation-loop-grid{display:grid;gap:20px}.automation-loop{position:relative;overflow:hidden;padding:24px;border-radius:28px;background:linear-gradient(145deg,rgba(18,31,52,.92),rgba(10,19,34,.92));border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 70px rgba(0,0,0,.22)}.automation-loop:before{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-90px;top:-110px;filter:blur(12px);opacity:.34}.loop-turn:before{background:#8b5cf6}.loop-goal:before{background:#20c77a}.loop-time:before{background:#3b82f6}.loop-proactive:before{background:#ff7a2f}.automation-loop header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:start;position:relative}.loop-number{width:50px;height:50px;border-radius:17px;display:grid;place-items:center;color:#fff;font-weight:900;font-size:14px;background:linear-gradient(145deg,#6453f2,#9d6cff);box-shadow:0 13px 30px rgba(98,80,235,.25)}.loop-goal .loop-number{background:linear-gradient(145deg,#16a66c,#39d98a)}.loop-time .loop-number{background:linear-gradient(145deg,#2476f3,#50a5ff)}.loop-proactive .loop-number{background:linear-gradient(145deg,#f45e24,#ff963e)}.automation-loop header small{display:block;color:#93a4bc;font-weight:900;letter-spacing:.1em;font-size:10px}.automation-loop h2{margin:4px 0 5px;color:#f6f9ff;font-size:25px}.automation-loop header p{margin:0;color:#a9b6c8;line-height:1.55;max-width:820px;font-size:13px}.loop-state{padding:8px 11px;border-radius:999px;font-size:10px;font-weight:900;font-style:normal;white-space:nowrap}.loop-state.healthy{background:#163a30;color:#75e0b4}.loop-state.attention{background:#442d19;color:#ffc47a}.loop-flow{display:grid;grid-template-columns:repeat(7,auto);align-items:center;gap:10px;margin:22px 0;padding:17px;border-radius:20px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06)}.loop-flow.compact{grid-template-columns:1fr auto 1fr auto 1fr}.loop-flow>div{min-width:0;padding:12px 14px;border-radius:15px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.06)}.loop-flow b,.loop-flow small{display:block}.loop-flow b{color:#ecf2ff;font-size:12px}.loop-flow small{color:#92a2b7;font-size:10px;margin-top:4px}.loop-flow>i{display:grid;place-items:center;color:#71839d}.loop-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.loop-metrics>div{padding:13px 14px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06)}.loop-metrics small,.loop-metrics strong{display:block}.loop-metrics small{color:#8394aa;font-size:9px;font-weight:850;letter-spacing:.08em}.loop-metrics strong{margin-top:6px;color:#f2f6ff;font-size:17px}.loop-action{margin-top:16px;width:100%;justify-content:center}.automation-principles{margin-top:22px}.principle-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.principle-grid article{display:flex;gap:11px;padding:15px;border-radius:17px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06)}.principle-grid svg{color:#ff845e;flex:none}.principle-grid b{display:block;color:#f0f5ff;font-size:12px}.principle-grid p{margin:5px 0 0;color:#94a4b8;font-size:11px;line-height:1.45}@media(max-width:900px){.automation-loop header{grid-template-columns:auto 1fr}.loop-state{grid-column:2;justify-self:start}.loop-flow,.loop-flow.compact{grid-template-columns:1fr}.loop-flow>i{transform:rotate(90deg)}.principle-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.automation-loop{padding:18px;border-radius:22px}.loop-number{width:42px;height:42px;border-radius:14px}.loop-metrics{grid-template-columns:1fr}.principle-grid{grid-template-columns:1fr}.loop-summary-strip{display:grid;grid-template-columns:1fr 1fr}.loop-summary-strip span{justify-content:center;text-align:center}}

/* Admin RBAC */
.admin-subpanel{background:#0d192c;border:1px solid #253854;border-radius:13px;padding:16px;min-width:0}.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0 14px}.permission-grid .check-row,.admin-subpanel>.check-row{align-items:flex-start;padding:10px;border:1px solid #283b58;border-radius:10px;background:#101d31}.permission-grid .check-row span,.admin-subpanel>.check-row span{display:grid;gap:3px;min-width:0}.permission-grid .check-row b,.admin-subpanel>.check-row b{font-size:11px;color:#e7edf7}.permission-grid .check-row small,.admin-subpanel>.check-row small{font-size:9px;color:#7f90aa;word-break:break-word}.info-box{padding:12px;border-radius:10px;background:#17263e;border:1px solid #2a3f60;color:#9eacc0;font-size:11px;line-height:1.55}.panel-chip.success{color:#58d8a8;border-color:#26604e;background:#173b35}@media(max-width:680px){.permission-grid{grid-template-columns:1fr}}


/* ===== High-contrast two-theme design system ===== */
:root{
  --bg:#f6f8fc;--surface:#ffffff;--surface-2:#f0f4f9;--ink:#111827;--muted:#4b5563;
  --line:#dfe5ee;--brand-soft:#fff1eb;--shadow:0 14px 38px rgba(15,23,42,.08);
  --shadow-soft:0 8px 24px rgba(15,23,42,.06);--glass-bg:#ffffff;--glass-stroke:#dfe5ee;
  --glass-shadow:var(--shadow);color-scheme:light;
}
html.dark{
  --bg:#08111f;--surface:#111c2e;--surface-2:#17243a;--ink:#f8fafc;--muted:#b9c5d6;
  --line:#2a3a51;--brand-soft:#35231f;--shadow:0 18px 46px rgba(0,0,0,.32);
  --shadow-soft:0 10px 28px rgba(0,0,0,.24);--glass-bg:#111c2e;--glass-stroke:#2a3a51;
  --glass-shadow:var(--shadow);color-scheme:dark;
}
body{color:var(--ink);background:var(--bg);background-image:none!important}
.site-header,.quote-card,.trust-strip,.feature-card,.preview-window,.safety-grid>article,.journey-grid article,
.faq-list details,.result-dialog,.panel,.metric-grid article,.admin-panel,.admin-login-card,.admin-login-brand,
.table-wrap,.admin-modal-card,.modal-card,.notice-panel,.order-card-list article{
  background:var(--surface)!important;border:1px solid var(--line)!important;box-shadow:var(--shadow-soft)!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;color:var(--ink)!important;
}
.site-header{background:color-mix(in srgb,var(--surface) 96%,transparent)!important;border-radius:0!important}
.hero{background:linear-gradient(180deg,var(--surface) 0%,var(--bg) 100%)!important}
.hero-grid-bg,.hero-beam,.quote-card-glow{opacity:.32}
.hero-copy h1,.section-head h2,.how-copy h2,.feature-card h3,.journey-grid b,.faq-list summary,
.quote-card-top b,.preview-balance strong,.preview-orders b,.preview-orders strong{color:var(--ink)!important}
.hero-copy>p,.section-head p,.feature-card p,.feature-card small,.journey-grid p,.faq-list p,
.quote-card-top small,.field-help,.preview-balance small,.preview-stats span,.preview-orders small{color:var(--muted)!important}
.eyebrow,.eyebrow.light{color:var(--brand)!important}
.btn-glass,.btn-ghost,.theme-toggle,.avatar-link{background:var(--surface)!important;border-color:var(--line)!important;color:var(--ink)!important}
.desktop-nav a{color:var(--muted)}
.input-shell,.password-field{background:var(--surface-2)!important;border-color:var(--line)!important}
.input-shell input,.password-field input,.quote-form label{color:var(--ink)!important}
.input-shell input::placeholder,.password-field input::placeholder{color:color-mix(in srgb,var(--muted) 78%,transparent)!important}
.input-shell button{background:var(--surface)!important;color:var(--muted)!important;border:1px solid var(--line)}
.public-stats-wrap{margin:30px 0 22px;display:grid;gap:10px}
.public-stats-disclosure{display:inline-flex;justify-self:start;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:#fff7ed;color:#9a3412;border:1px solid #fed7aa;font-size:11px;font-weight:800}
html.dark .public-stats-disclosure{background:#3a2617;color:#ffd2a8;border-color:#6e4525}
.hero-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0}
.hero-proof div{min-width:0;padding:17px 18px;border:1px solid var(--line)!important;border-radius:16px;background:var(--surface)!important;box-shadow:var(--shadow-soft);border-right:1px solid var(--line)}
.hero-proof div:last-child{border:1px solid var(--line)!important}
.hero-proof b{font-size:clamp(21px,2.3vw,31px);line-height:1.05;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hero-proof span{display:block;margin-top:7px;color:var(--muted)!important;font-size:12px;font-weight:650}
.safety-section{background:var(--bg)!important;color:var(--ink)!important}
.safety-section .section-head{max-width:760px;margin-inline:auto;margin-bottom:36px}
.safety-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.safety-grid>article{padding:26px 24px;min-height:246px;border-radius:20px!important;transition:transform .2s ease,box-shadow .2s ease}
.safety-grid>article:hover{transform:translateY(-4px);box-shadow:var(--shadow)!important}
.safety-grid>article>b{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--brand-soft);color:var(--brand);font-size:13px;margin-bottom:22px}
.safety-grid h3{margin:0 0 12px;color:var(--ink)!important;font-size:17px;line-height:1.45}
.safety-grid p{margin:0;color:var(--muted)!important;font-size:14px;line-height:1.72}
.theme-toggle svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.admin-theme-toggle{flex:0 0 auto}
html:not(.dark).admin-theme{--bg:#edf2f8;--surface:#ffffff;--surface-2:#f3f6fa;--ink:#172033;--muted:#5f6b7c;--line:#d7e0ea}
html:not(.dark).admin-theme .admin-body,html:not(.dark).admin-theme .admin-main{background:var(--bg);color:var(--ink)}
html:not(.dark).admin-theme .admin-sidebar{background:#ffffff;border-color:var(--line);color:var(--ink)}
html:not(.dark).admin-theme .admin-brand strong,html:not(.dark).admin-theme .admin-page-head h1,html:not(.dark).admin-theme .admin-panel h2{color:var(--ink)}
html:not(.dark).admin-theme .admin-brand small,html:not(.dark).admin-theme .nav-caption,html:not(.dark).admin-theme .admin-nav a,html:not(.dark).admin-theme .admin-panel p{color:var(--muted)}
html:not(.dark).admin-theme .admin-nav a.active,html:not(.dark).admin-theme .admin-nav a:hover{background:#eef3f9;color:#111827}
html:not(.dark).admin-theme .admin-topbar,html:not(.dark).admin-theme .admin-alertbar{background:#ffffff;border-color:var(--line);color:var(--ink)}
html:not(.dark).admin-theme .admin-search,html:not(.dark).admin-theme .settings-nav,html:not(.dark).admin-theme .admin-subpanel,
html:not(.dark).admin-theme .info-box,html:not(.dark).admin-theme .formula-preview{background:var(--surface-2);border-color:var(--line);color:var(--ink)}
html:not(.dark).admin-theme .settings-nav a{color:var(--muted)}
html:not(.dark).admin-theme .settings-nav a:hover{background:#e5ecf5;color:var(--ink)}
html:not(.dark).admin-theme input,html:not(.dark).admin-theme select,html:not(.dark).admin-theme textarea{background:#fff;color:#172033;border-color:#cfd9e6}
html:not(.dark).admin-theme th{background:#f0f4f9;color:#4b5563;border-color:var(--line)}
html:not(.dark).admin-theme td{background:#fff;color:#253044;border-color:var(--line)}
html:not(.dark).admin-theme .admin-warning,html:not(.dark).admin-theme .admin-note{background:#fff8e8;color:#725018;border-color:#efc96c}
@media(max-width:900px){.hero-proof{grid-template-columns:1fr}.safety-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.public-stats-wrap{margin-top:24px}.hero-proof div:nth-child(3){display:block}.safety-grid{grid-template-columns:1fr}.safety-grid>article{min-height:auto}.public-stats-disclosure{justify-self:stretch;justify-content:center;text-align:center}}
@media(prefers-reduced-motion:reduce){.safety-grid>article,.feature-card,.journey-grid article,.btn{transition:none!important}.quote-submit:before,.btn-primary:before{display:none!important}}

.auth-body,.admin-login-body{background:var(--bg)!important;color:var(--ink)!important}
.auth-panel,.admin-login-card{background:var(--surface)!important;color:var(--ink)!important;border-color:var(--line)!important}
.auth-panel h1,.auth-panel h2,.admin-login-card h1,.admin-login-card h2,.admin-login-card label{color:var(--ink)!important}
.auth-panel p,.admin-login-card p,.admin-login-card small{color:var(--muted)!important}
.admin-login-brand{background:linear-gradient(145deg,#e9502f,#ff843d)!important;color:#fff!important;border-color:transparent!important}
.admin-login-brand h1,.admin-login-brand p,.admin-login-brand a,.admin-login-brand span{color:#fff!important}
.admin-login-card input{background:var(--surface-2)!important;color:var(--ink)!important;border-color:var(--line)!important}
.admin-login-theme-toggle{position:absolute;right:20px;top:20px;z-index:3}
.admin-login-card{position:relative}
html.dark .auth-panel,html.dark .admin-login-card{background:var(--surface)!important;color:var(--ink)!important}

/* Contrast finishing pass */
.quote-submit:disabled{
  opacity:1!important;
  background:linear-gradient(135deg,#d85a3d,#e9734e)!important;
  color:#fff!important;
  box-shadow:none!important;
}
html.dark .quote-submit:disabled{
  background:linear-gradient(135deg,#a84631,#bb5a3e)!important;
  color:#fff!important;
}
html.dark .input-shell>svg,
html.dark .quote-safe-note>svg,
html.dark .quote-hints svg,
html.dark .hero-trust svg{color:#e8eef8!important;stroke:currentColor!important}
html.dark .quote-safe-note b{color:#fff3e8!important}
html.dark .quote-safe-note span{color:#d9c3a8!important}
html.dark .input-shell>svg,
html.dark .quote-safe-note>svg,
html.dark .quote-hints svg,
html.dark .hero-trust svg{
  color:#e8eef8!important;
  stroke:#e8eef8!important;
}

/* ===== Hero flow, modal layering and local-server polish ===== */
.hero-below-grid{position:relative;z-index:2;margin-top:30px;display:grid;gap:18px}
.hero-below-grid .public-stats-wrap{width:min(930px,100%);margin:0 auto;display:grid;gap:10px}
.hero-below-grid .hero-proof{width:100%;max-width:none;margin:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.hero-below-grid .hero-proof>div{min-height:96px;padding:18px 20px;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:0 14px 38px rgba(15,23,42,.07);display:grid;place-content:center;text-align:center}
.hero-below-grid .hero-proof>div:last-child{border:1px solid var(--line)}
.hero-below-grid .hero-proof b{font-size:24px;color:var(--ink)}
.hero-below-grid .hero-proof span{font-size:12px;color:var(--muted);font-weight:700}
.hero-below-grid .hero-trust{justify-content:center;margin:0;color:var(--muted)}
html.dark .hero-below-grid .hero-proof>div{background:#131c2e;border-color:rgba(255,255,255,.09);box-shadow:0 16px 38px rgba(0,0,0,.25)}
html.dark .hero-below-grid .hero-proof b{color:#fff}
html.dark .hero-below-grid .hero-proof span,html.dark .hero-below-grid .hero-trust{color:rgba(255,255,255,.74)}
.admin-modal{z-index:1200!important;padding:24px!important}
.admin-modal-backdrop{z-index:0}
.admin-modal-card{z-index:1!important;width:min(860px,calc(100vw - 48px));max-height:calc(100vh - 48px);overscroll-behavior:contain}
.admin-modal-card.extra-wide-modal{width:min(1120px,calc(100vw - 48px))!important}
body.modal-open .admin-sidebar,body.modal-open .sidebar-overlay{pointer-events:none}
@media(max-width:760px){
  .hero-below-grid{margin-top:22px;gap:14px}
  .hero-below-grid .hero-proof{grid-template-columns:1fr;gap:12px}
  .hero-below-grid .hero-proof>div{min-height:82px;padding:15px 18px}
  .hero-below-grid .hero-proof b{font-size:22px}
  .hero-below-grid .hero-trust{display:grid;gap:8px;justify-content:stretch;text-align:left}
  .admin-modal{padding:10px!important;align-items:start;overflow-y:auto}
  .admin-modal-card,.admin-modal-card.extra-wide-modal{width:100%!important;max-height:none;margin:10px 0}
}


/* Unified marketplace polish */
.quote-icon{font-size:14px;letter-spacing:-.06em}.order-platform{font-weight:900}

/* ===== v4.1.0 — production storefront and deterministic two-theme palette ===== */
body.public-body{
  --public-bg:#f6f7fb;
  --public-surface:#ffffff;
  --public-surface-soft:#f8fafc;
  --public-ink:#162033;
  --public-muted:#5f6b7c;
  --public-line:#e2e7ef;
  --public-brand:#d83b1f;
  --public-brand-2:#ef5a32;
  --public-action:#d83b1f;
  --public-action-2:#c9341a;
  --public-brand-soft:#fff2ed;
  --public-success:#15966b;
  color:var(--public-ink)!important;
  background:var(--public-bg)!important;
}
html.dark body.public-body{
  --public-bg:#0a1220;
  --public-surface:#111c2d;
  --public-surface-soft:#162236;
  --public-ink:#f5f8fd;
  --public-muted:#aeb9ca;
  --public-line:#29374c;
  --public-brand:#ff8063;
  --public-brand-2:#ff9b7e;
  --public-action:#d83b1f;
  --public-action-2:#c9341a;
  --public-brand-soft:#38231f;
  --public-success:#64d8aa;
  color:var(--public-ink)!important;
  background:var(--public-bg)!important;
}
body.public-body main{overflow:hidden;background:var(--public-bg)}
body.public-body .section{padding:88px 0}
body.public-body .section-head{max-width:760px;margin:0 auto 42px}
body.public-body .section-head h2,
body.public-body .wallet-story-copy h2,
body.public-body .faq-layout h2{
  color:var(--public-ink)!important;
  font-size:clamp(31px,4vw,48px);
  line-height:1.13;
  letter-spacing:-.045em;
  text-wrap:balance;
}
body.public-body .section-head p,
body.public-body .wallet-story-copy>p,
body.public-body .faq-layout>div>p{
  color:var(--public-muted)!important;
  font-size:16px;
  line-height:1.72;
}
body.public-body .eyebrow{
  color:var(--public-brand)!important;
  font-size:12px;
  font-weight:900;
  letter-spacing:.12em;
}

/* Hero: one clear message and one clear action. */
body.public-body .landing-hero{
  position:relative;
  isolation:isolate;
  padding:92px 0 54px;
  background:
    radial-gradient(circle at 12% 8%,rgba(255,126,82,.13),transparent 28%),
    radial-gradient(circle at 88% 14%,rgba(255,190,130,.16),transparent 30%),
    linear-gradient(180deg,var(--public-surface) 0%,var(--public-bg) 100%);
}
html.dark body.public-body .landing-hero{
  background:
    radial-gradient(circle at 12% 8%,rgba(255,112,82,.12),transparent 29%),
    radial-gradient(circle at 88% 14%,rgba(65,104,185,.16),transparent 31%),
    linear-gradient(180deg,#0e1829 0%,var(--public-bg) 100%);
}
body.public-body .landing-hero-shape{position:absolute;z-index:-1;border-radius:999px;filter:blur(8px);pointer-events:none}
body.public-body .landing-hero-shape-one{width:260px;height:260px;left:-150px;top:210px;background:rgba(255,111,64,.12)}
body.public-body .landing-hero-shape-two{width:220px;height:220px;right:-120px;top:330px;background:rgba(255,180,102,.13)}
body.public-body .landing-hero-inner{display:grid;justify-items:center;text-align:center}
body.public-body .landing-copy{max-width:900px}
body.public-body .landing-copy .hero-badge{
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:9px 14px;
  border:1px solid color-mix(in srgb,var(--public-brand) 22%,var(--public-line));
  border-radius:999px;
  background:var(--public-surface)!important;
  color:var(--public-brand)!important;
  box-shadow:0 8px 25px rgba(15,23,42,.06)!important;
  backdrop-filter:none!important;
}
body.public-body .landing-copy h1{
  max-width:900px;
  margin:22px auto 18px;
  color:var(--public-ink)!important;
  font-size:clamp(42px,6vw,72px);
  line-height:1.02;
  letter-spacing:-.06em;
  text-wrap:balance;
}
body.public-body .landing-copy>p{
  max-width:760px;
  margin:0 auto;
  color:var(--public-muted)!important;
  font-size:18px;
  line-height:1.72;
}
body.public-body .platform-row{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:22px}
body.public-body .platform-chip{
  display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border:1px solid var(--public-line);border-radius:999px;
  background:var(--public-surface);color:var(--public-ink);font-size:13px;font-weight:800;box-shadow:0 8px 20px rgba(15,23,42,.05)
}
body.public-body .platform-chip b{display:grid;place-items:center;width:23px;height:23px;border-radius:8px;color:#fff;font-size:12px}
body.public-body .shopee-chip b{background:#ee4d2d}
body.public-body .tiktok-chip b{background:#111827}
html.dark body.public-body .tiktok-chip b{background:#f4f7fb;color:#111827}

body.public-body .unified-quote-card{
  width:min(880px,100%);
  margin-top:38px;
  padding:28px!important;
  text-align:left;
  border:1px solid var(--public-line)!important;
  border-radius:24px!important;
  background:var(--public-surface)!important;
  box-shadow:0 24px 65px rgba(24,34,52,.12)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  animation:none!important;
}
html.dark body.public-body .unified-quote-card{box-shadow:0 28px 80px rgba(0,0,0,.34)!important}
body.public-body .unified-quote-card:before,
body.public-body .unified-quote-card:after{display:none!important}
body.public-body .quote-card-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}
body.public-body .quote-card-head>div{display:flex;align-items:center;gap:13px;min-width:0}
body.public-body .quote-card-head b{display:block;color:var(--public-ink)!important;font-size:18px;line-height:1.35}
body.public-body .quote-card-head small{display:block;margin-top:4px;color:var(--public-muted)!important;font-size:13px;line-height:1.5}
body.public-body .quote-icon{flex:0 0 auto;width:45px;height:45px;border-radius:14px;background:linear-gradient(135deg,var(--public-action),var(--public-action-2));color:#fff;display:grid;place-items:center;font-size:21px;font-weight:900;box-shadow:0 12px 24px rgba(238,77,45,.22)}
body.public-body .live-pill{flex:0 0 auto;background:#ecfaf4!important;color:#107553!important;border:1px solid #c8edde!important;backdrop-filter:none!important}
html.dark body.public-body .live-pill{background:#173329!important;color:#7be0b9!important;border-color:#285443!important}
body.public-body .quote-form label{color:var(--public-ink)!important;font-size:13px;margin-bottom:8px}
body.public-body .input-shell{
  height:62px!important;
  border:1.5px solid var(--public-line)!important;
  border-radius:15px!important;
  background:var(--public-surface-soft)!important;
  box-shadow:none!important;
}
body.public-body .input-shell:focus-within{border-color:var(--public-brand)!important;background:var(--public-surface)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--public-brand) 13%,transparent)!important}
body.public-body .input-shell input{color:var(--public-ink)!important;font-size:15px}
body.public-body .input-shell input::placeholder{color:color-mix(in srgb,var(--public-muted) 74%,transparent)!important}
body.public-body .input-shell>svg{color:var(--public-muted)!important}
body.public-body .input-shell button{background:var(--public-surface)!important;color:var(--public-muted)!important;border:1px solid var(--public-line)!important}
body.public-body .field-help{display:block;margin-top:8px;color:var(--public-muted)!important;font-size:12px;line-height:1.5}
body.public-body .quote-submit{height:58px;margin-top:15px;border-radius:14px!important;background:linear-gradient(135deg,var(--public-action),var(--public-action-2))!important;color:#fff!important;box-shadow:0 14px 28px rgba(238,77,45,.22)!important}
body.public-body .quote-submit:disabled{background:#c9d0db!important;color:#fff!important;cursor:not-allowed;box-shadow:none!important}
html.dark body.public-body .quote-submit:disabled{background:#425069!important;color:#cbd5e4!important}
body.public-body .quote-assurance{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px;padding-top:18px;border-top:1px solid var(--public-line)}
body.public-body .quote-assurance span{display:flex;align-items:center;justify-content:center;gap:7px;color:var(--public-muted)!important;font-size:12px;font-weight:700;text-align:center}
body.public-body .quote-assurance svg{color:var(--public-success)}
body.public-body .quote-safe-note{display:flex;align-items:flex-start;gap:10px;margin-top:16px;padding:13px 14px;border:1px solid #fed9c9;border-radius:13px!important;background:#fff7f3!important;color:#8f3a24!important;backdrop-filter:none!important}
body.public-body .quote-safe-note p{margin:0}
body.public-body .quote-safe-note b{display:block;color:#7d321f!important;font-size:13px}
body.public-body .quote-safe-note span{display:block;margin-top:3px;color:#9a5c4a!important;font-size:12px;line-height:1.55}
html.dark body.public-body .quote-safe-note{background:#2a211f!important;border-color:#584039!important;color:#ffd0c3!important}
html.dark body.public-body .quote-safe-note b{color:#ffe4dc!important}
html.dark body.public-body .quote-safe-note span{color:#d9b4aa!important}

body.public-body .public-stats-wrap{width:min(880px,100%);margin:22px 0 0;display:grid;gap:10px}
body.public-body .hero-proof{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:0!important;
  overflow:hidden;
  margin:0!important;
  border:1px solid var(--public-line);
  border-radius:18px;
  background:var(--public-surface);
  box-shadow:0 12px 34px rgba(15,23,42,.06);
}
body.public-body .hero-proof>div{
  min-height:92px!important;
  padding:18px 16px!important;
  display:grid!important;
  place-content:center!important;
  text-align:center!important;
  border:0!important;
  border-right:1px solid var(--public-line)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.public-body .hero-proof>div:last-child{border-right:0!important}
body.public-body .hero-proof b{color:var(--public-ink)!important;font-size:25px!important;line-height:1.1}
body.public-body .hero-proof span{margin-top:6px;color:var(--public-muted)!important;font-size:12px!important;font-weight:700}

/* Simple three-step section, inspired by familiar commerce flows without cloning another brand. */
body.public-body .simple-process{background:var(--public-surface)!important}
body.public-body .simple-step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
body.public-body .simple-step-card{
  position:relative;display:flex;gap:16px;min-height:190px;padding:25px;border:1px solid var(--public-line);border-radius:20px;
  background:var(--public-surface-soft);box-shadow:0 10px 28px rgba(15,23,42,.05)
}
body.public-body .simple-step-card>span{flex:0 0 auto;display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:var(--public-action);color:#fff;font-weight:900;box-shadow:0 10px 20px rgba(238,77,45,.2)}
body.public-body .simple-step-card h3{margin:3px 0 9px;color:var(--public-ink)!important;font-size:18px;line-height:1.4}
body.public-body .simple-step-card p{margin:0;color:var(--public-muted)!important;font-size:14px;line-height:1.7}

/* Wallet story section: preview remains intentionally dark, surrounding copy follows theme. */
body.public-body .wallet-story{background:var(--public-bg)!important}
body.public-body .wallet-story-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:82px;align-items:center}
body.public-body .preview-window{
  max-width:500px!important;margin:auto!important;padding:20px!important;border:1px solid #2f405a!important;border-radius:27px!important;
  background:linear-gradient(150deg,#0e192b,#172842)!important;color:#f7f9fd!important;
  box-shadow:0 30px 70px rgba(13,23,40,.28)!important;backdrop-filter:none!important;transform:none!important
}
body.public-body .preview-window *{color:inherit}
body.public-body .preview-titlebar{color:#aebbd0!important}
body.public-body .preview-balance span,body.public-body .preview-balance small,body.public-body .preview-stats span,body.public-body .preview-orders small{color:#aebbd0!important}
body.public-body .preview-balance strong,body.public-body .preview-stats b,body.public-body .preview-orders b,body.public-body .preview-orders strong{color:#fff!important}
body.public-body .preview-stats div,body.public-body .preview-orders article{background:#1d2b41!important;border:1px solid #34465f!important;box-shadow:none!important;backdrop-filter:none!important}
body.public-body .preview-orders article{border-radius:15px!important}
body.public-body .wallet-story-copy h2{margin:12px 0 18px}
body.public-body .benefit-check-list{display:grid;gap:16px;margin:25px 0 28px;padding:0;list-style:none}
body.public-body .benefit-check-list li{display:flex;align-items:flex-start;gap:12px}
body.public-body .benefit-check-list>li>svg{flex:0 0 auto;margin-top:2px;color:var(--public-success)}
body.public-body .benefit-check-list b{display:block;color:var(--public-ink)!important;font-size:15px}
body.public-body .benefit-check-list small{display:block;margin-top:4px;color:var(--public-muted)!important;font-size:13px;line-height:1.55}

body.public-body .safety-section{background:var(--public-surface)!important;color:var(--public-ink)!important}
body.public-body .safety-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
body.public-body .safety-grid>article{
  min-height:230px!important;padding:24px!important;border:1px solid var(--public-line)!important;border-radius:19px!important;
  background:var(--public-surface-soft)!important;box-shadow:none!important;color:var(--public-ink)!important;backdrop-filter:none!important
}
body.public-body .safety-grid>article>b{display:grid;place-items:center;width:40px;height:40px;margin-bottom:20px;border-radius:12px;background:var(--public-brand-soft)!important;color:var(--public-brand)!important;font-size:13px}
body.public-body .safety-grid h3{margin:0 0 10px;color:var(--public-ink)!important;font-size:17px;line-height:1.45}
body.public-body .safety-grid p{margin:0;color:var(--public-muted)!important;font-size:14px;line-height:1.7}

body.public-body .value-section{background:var(--public-bg)!important}
body.public-body .feature-grid-three{grid-template-columns:repeat(3,1fr)!important;gap:18px}
body.public-body .feature-card{
  min-height:235px!important;padding:26px!important;border:1px solid var(--public-line)!important;border-radius:20px!important;
  background:var(--public-surface)!important;color:var(--public-ink)!important;box-shadow:0 10px 28px rgba(15,23,42,.05)!important;backdrop-filter:none!important
}
body.public-body .feature-card h3{color:var(--public-ink)!important}
body.public-body .feature-card p{color:var(--public-muted)!important;font-size:14px;line-height:1.7}
body.public-body .feature-card:after{display:none}

body.public-body .faq-section{background:var(--public-surface)!important}
body.public-body .faq-list details{
  padding:18px 20px!important;border:1px solid var(--public-line)!important;border-radius:16px!important;
  background:var(--public-surface-soft)!important;color:var(--public-ink)!important;box-shadow:none!important;backdrop-filter:none!important
}
body.public-body .faq-list summary{color:var(--public-ink)!important}
body.public-body .faq-list p{color:var(--public-muted)!important}
body.public-body .text-link{color:var(--public-brand)!important}

/* Header and footer follow the same two-theme palette. */
body.public-body .site-header{background:color-mix(in srgb,var(--public-surface) 94%,transparent)!important;border-color:var(--public-line)!important;border-radius:0!important;box-shadow:none!important}
body.public-body .desktop-nav a{color:var(--public-muted)!important}
body.public-body .desktop-nav a:hover{color:var(--public-brand)!important}
body.public-body .theme-toggle,body.public-body .avatar-link,body.public-body .btn-ghost,body.public-body .btn-glass{background:var(--public-surface)!important;color:var(--public-ink)!important;border-color:var(--public-line)!important}
body.public-body .site-footer{background:#101827;color:#b5c0d1}
body.public-body .site-footer strong,body.public-body .site-footer .logo{color:#fff}

/* Prevent old decorative rules from reintroducing low-contrast glass or endless motion. */
body.public-body.animations-on .unified-quote-card,
body.public-body.animations-on .feature-card,
body.public-body.animations-on .preview-window{animation:none!important}
body.public-body .landing-hero :where(h1,h2,h3,b,strong,label),
body.public-body .simple-process :where(h1,h2,h3,b,strong,label),
body.public-body .wallet-story :where(h1,h2,h3,b,strong,label),
body.public-body .safety-section :where(h1,h2,h3,b,strong,label),
body.public-body .value-section :where(h1,h2,h3,b,strong,label),
body.public-body .faq-section :where(h1,h2,h3,b,strong,label){color:var(--public-ink)}
body.public-body .preview-window :where(h1,h2,h3,b,strong,label){color:#fff!important}

@media(max-width:920px){
  body.public-body .wallet-story-grid{grid-template-columns:1fr;gap:44px}
  body.public-body .wallet-story-copy{order:-1;text-align:center}
  body.public-body .benefit-check-list{max-width:650px;margin-inline:auto;text-align:left}
  body.public-body .simple-step-grid{grid-template-columns:1fr}
  body.public-body .simple-step-card{min-height:auto}
  body.public-body .safety-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:680px){
  body.public-body .section{padding:68px 0}
  body.public-body .landing-hero{padding:64px 0 36px}
  body.public-body .landing-copy h1{font-size:clamp(37px,11vw,52px)}
  body.public-body .landing-copy>p{font-size:16px}
  body.public-body .unified-quote-card{margin-top:28px;padding:20px!important;border-radius:20px!important}
  body.public-body .quote-card-head{align-items:flex-start}
  body.public-body .quote-card-head .live-pill{display:none}
  body.public-body .quote-card-head b{font-size:16px}
  body.public-body .quote-card-head small{font-size:12px}
  body.public-body .quote-assurance{grid-template-columns:1fr;gap:9px}
  body.public-body .quote-assurance span{justify-content:flex-start;text-align:left}
  body.public-body .hero-proof{grid-template-columns:1fr!important}
  body.public-body .hero-proof>div{min-height:78px!important;border-right:0!important;border-bottom:1px solid var(--public-line)!important}
  body.public-body .hero-proof>div:last-child{border-bottom:0!important}
  body.public-body .safety-grid,.feature-grid-three{grid-template-columns:1fr!important}
  body.public-body .safety-grid>article,body.public-body .feature-card{min-height:auto!important}
  body.public-body .preview-window{padding:15px!important}
}

/* v4.1.0 production navigation and marketplace controls */
.terms-consent{display:flex!important;align-items:flex-start;gap:10px;margin:4px 0 14px!important;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--surface);font-size:12px;line-height:1.5;color:var(--muted)}
.terms-consent input{width:18px!important;height:18px!important;min-height:0!important;flex:0 0 auto;margin-top:1px;accent-color:var(--brand)}
.terms-consent a{color:var(--brand);font-weight:800;text-decoration:underline;text-underline-offset:2px}
.platform-tabs{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 16px}
.platform-tabs a{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:9px 15px;border:1px solid #2a3c59;border-radius:13px;background:#101d32;color:#9eacc0;font-size:11px;font-weight:850;transition:.2s ease}
.platform-tabs a:hover,.platform-tabs a.active{background:linear-gradient(135deg,#ee4d2d,#ff7a33);border-color:transparent;color:#fff;box-shadow:0 10px 24px rgba(238,77,45,.2);transform:translateY(-1px)}
.platform-tabs a b{display:grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:rgba(255,255,255,.14);font-size:10px}
.platform-badge{display:inline-flex;align-items:center;gap:6px;width:max-content;margin-bottom:7px;padding:5px 9px;border-radius:999px;font-size:9px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}
.platform-badge.shopee{background:#fff0eb;color:#d94526;border:1px solid #ffd5c7}
.platform-badge.tiktok{background:#eafcff;color:#075f69;border:1px solid #bceef3}
.platform-badge.all{background:#f2efff;color:#5a43a8;border:1px solid #d9d0ff}
html.dark .platform-badge.shopee{background:#342019;color:#ff987a;border-color:#5b3024}
html.dark .platform-badge.tiktok{background:#102d34;color:#79e4ed;border-color:#24505a}
html.dark .platform-badge.all{background:#292340;color:#c6b8ff;border-color:#4b416f}
.rate-platform-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.rate-platform-card{padding:18px;border:1px solid #263a58;border-radius:16px;background:#0c172a}
.rate-platform-card h3{margin:0 0 4px;font-size:16px}.rate-platform-card p{margin:0 0 14px;color:#8191a8;font-size:11px;line-height:1.55}
.rate-platform-card input{font-size:22px;font-weight:900}

@media(max-width:820px){
  .mobile-bottom-nav{height:84px;padding:7px 6px calc(7px + env(safe-area-inset-bottom));align-items:end}
  .mobile-bottom-nav a{gap:3px;justify-content:flex-end;min-width:0}
  .mobile-bottom-nav .mobile-nav-icon{width:43px;height:43px;border-radius:14px;display:grid;place-items:center;border:1px solid #e2e7ef;background:linear-gradient(145deg,#fff,#f4f6fa);box-shadow:0 7px 18px rgba(20,34,54,.08);transition:.2s ease}
  .mobile-bottom-nav a.active .mobile-nav-icon{color:var(--brand);border-color:color-mix(in srgb,var(--brand) 28%,#e2e7ef);background:var(--brand-soft);box-shadow:0 9px 22px rgba(238,77,45,.14)}
  .mobile-bottom-nav .nav-main-action .mobile-nav-icon{width:50px;height:50px;margin-top:-20px;border:4px solid #fff;border-radius:17px;background:linear-gradient(145deg,var(--brand),#ff8738);color:#fff;box-shadow:0 13px 28px rgba(238,77,45,.31)}
  .mobile-bottom-nav .nav-main-action span{margin-top:-20px}
  .mobile-bottom-nav small{font-size:9px;margin-top:1px;white-space:nowrap}
  html.dark .mobile-bottom-nav .mobile-nav-icon{background:linear-gradient(145deg,#18253a,#111b2e);border-color:#2b3b52;box-shadow:0 7px 18px rgba(0,0,0,.22)}
  html.dark .mobile-bottom-nav a.active .mobile-nav-icon{background:#302019;border-color:#6b382a;color:#ff8c6c}
  html.dark .mobile-bottom-nav .nav-main-action .mobile-nav-icon{border-color:#0a1220;background:linear-gradient(145deg,var(--brand),#ff8738);color:#fff}
}
@media(max-width:560px){.rate-platform-grid{grid-template-columns:1fr}.platform-tabs{display:grid;grid-template-columns:repeat(3,1fr)}.platform-tabs a{justify-content:center;padding-inline:8px}}

/* CSP-safe progress widths */
.progress-w-0{width:0%}.progress-w-1{width:1%}.progress-w-2{width:2%}.progress-w-3{width:3%}.progress-w-4{width:4%}.progress-w-5{width:5%}.progress-w-6{width:6%}.progress-w-7{width:7%}.progress-w-8{width:8%}.progress-w-9{width:9%}.progress-w-10{width:10%}.progress-w-11{width:11%}.progress-w-12{width:12%}.progress-w-13{width:13%}.progress-w-14{width:14%}.progress-w-15{width:15%}.progress-w-16{width:16%}.progress-w-17{width:17%}.progress-w-18{width:18%}.progress-w-19{width:19%}.progress-w-20{width:20%}.progress-w-21{width:21%}.progress-w-22{width:22%}.progress-w-23{width:23%}.progress-w-24{width:24%}.progress-w-25{width:25%}.progress-w-26{width:26%}.progress-w-27{width:27%}.progress-w-28{width:28%}.progress-w-29{width:29%}.progress-w-30{width:30%}.progress-w-31{width:31%}.progress-w-32{width:32%}.progress-w-33{width:33%}.progress-w-34{width:34%}.progress-w-35{width:35%}.progress-w-36{width:36%}.progress-w-37{width:37%}.progress-w-38{width:38%}.progress-w-39{width:39%}.progress-w-40{width:40%}.progress-w-41{width:41%}.progress-w-42{width:42%}.progress-w-43{width:43%}.progress-w-44{width:44%}.progress-w-45{width:45%}.progress-w-46{width:46%}.progress-w-47{width:47%}.progress-w-48{width:48%}.progress-w-49{width:49%}.progress-w-50{width:50%}.progress-w-51{width:51%}.progress-w-52{width:52%}.progress-w-53{width:53%}.progress-w-54{width:54%}.progress-w-55{width:55%}.progress-w-56{width:56%}.progress-w-57{width:57%}.progress-w-58{width:58%}.progress-w-59{width:59%}.progress-w-60{width:60%}.progress-w-61{width:61%}.progress-w-62{width:62%}.progress-w-63{width:63%}.progress-w-64{width:64%}.progress-w-65{width:65%}.progress-w-66{width:66%}.progress-w-67{width:67%}.progress-w-68{width:68%}.progress-w-69{width:69%}.progress-w-70{width:70%}.progress-w-71{width:71%}.progress-w-72{width:72%}.progress-w-73{width:73%}.progress-w-74{width:74%}.progress-w-75{width:75%}.progress-w-76{width:76%}.progress-w-77{width:77%}.progress-w-78{width:78%}.progress-w-79{width:79%}.progress-w-80{width:80%}.progress-w-81{width:81%}.progress-w-82{width:82%}.progress-w-83{width:83%}.progress-w-84{width:84%}.progress-w-85{width:85%}.progress-w-86{width:86%}.progress-w-87{width:87%}.progress-w-88{width:88%}.progress-w-89{width:89%}.progress-w-90{width:90%}.progress-w-91{width:91%}.progress-w-92{width:92%}.progress-w-93{width:93%}.progress-w-94{width:94%}.progress-w-95{width:95%}.progress-w-96{width:96%}.progress-w-97{width:97%}.progress-w-98{width:98%}.progress-w-99{width:99%}.progress-w-100{width:100%}

/* v4.2.0 TikTok Creator Affiliate Open API */
.admin-subpanel{margin-top:22px;padding:22px;border:1px solid #263a58;border-radius:19px;background:linear-gradient(145deg,#0b1729,#101e34);box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
html:not(.dark) .admin-subpanel{border-color:#dbe3ef;background:linear-gradient(145deg,#f8fbff,#fff);box-shadow:0 12px 34px rgba(30,50,80,.055)}
.admin-subpanel .admin-panel-head{margin-bottom:18px}.admin-subpanel h3{margin:0 0 5px;font-size:17px}.admin-subpanel .admin-panel-head p{margin:0;color:var(--muted);font-size:12px;line-height:1.6}
.integration-status-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:18px 0}
.integration-status-grid>div{min-height:76px;padding:13px;border:1px solid #263a58;border-radius:14px;background:rgba(5,13,25,.35)}
html:not(.dark) .integration-status-grid>div{border-color:#e0e7f0;background:#f7f9fc}
.integration-status-grid small{display:block;margin-bottom:7px;color:var(--muted);font-size:9px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.integration-status-grid b{display:block;font-size:13px;line-height:1.35;overflow-wrap:anywhere}
.integration-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:18px 0}.integration-actions form{margin:0}
.manual-token-box{margin:15px 0;padding:15px 17px;border:1px dashed #354b6a;border-radius:14px;background:rgba(4,12,23,.22)}
html:not(.dark) .manual-token-box{border-color:#cad5e4;background:#f8fafc}.manual-token-box summary{cursor:pointer;font-weight:850}.manual-token-box>p{color:var(--muted);font-size:12px;line-height:1.6}
.copy-field{display:flex;gap:8px}.copy-field input{flex:1;min-width:0}.copy-field button{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;padding:0 14px;border:1px solid #334a6b;border-radius:12px;background:#12223b;color:#dce7f6;font-weight:800;cursor:pointer}
html:not(.dark) .copy-field button{border-color:#d5dfeb;background:#eef3f8;color:#23344c}
.admin-tabs.compact{display:flex;gap:7px;flex-wrap:wrap}.admin-tabs.compact a{min-height:37px;padding:8px 12px;font-size:10px}.admin-tabs.compact a small{margin-left:5px;opacity:.75}
.tiktok-status-tabs{margin-bottom:14px}
.claim-badges{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin:8px 0}.claim-badges .panel-chip{margin:0}
.admin-filter-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px}.admin-filter-search{display:flex;align-items:center;gap:9px;flex:1;min-width:260px;padding:0 12px;border:1px solid #2a3d59;border-radius:13px;background:#0a1527}.admin-filter-search input{width:100%;border:0!important;background:transparent!important;box-shadow:none!important;padding-inline:0!important}.admin-filter-search svg{color:var(--muted);flex:0 0 auto}
html:not(.dark) .admin-filter-search{border-color:#dce4ee;background:#f8fafc}
.muted{color:var(--muted);font-size:12px}
@media(max-width:1180px){.integration-status-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.admin-subpanel{padding:16px}.integration-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.integration-actions>*{width:100%;justify-content:center}.copy-field{align-items:stretch}.copy-field button{padding-inline:10px}.admin-filter-search{min-width:100%}}

/* v4.3.0 mobile, form-feedback and withdrawal reliability hardening */
html,body{max-width:100%;overflow-x:hidden}
.app-main,.app-content,.admin-main,.admin-content,.panel,.admin-panel,.content-grid>*{min-width:0}
input,select,textarea,button{max-width:100%}
button,a,[role="button"]{touch-action:manipulation}
.table-wrap{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
.form-feedback{margin:2px 0 4px;padding:11px 13px;border:1px solid var(--line);border-radius:12px;background:var(--soft,#f7f8fb);color:var(--muted);font-size:12px;line-height:1.5}
.form-feedback[hidden]{display:none!important}
.form-feedback.is-error{border-color:#fecaca;background:#fff1f2;color:#b42318}
.form-feedback.is-success{border-color:#a7f3d0;background:#ecfdf5;color:#047857}
html.dark .form-feedback{background:#101c30;border-color:#2a3a53;color:#aab7ca}
html.dark .form-feedback.is-error{background:#351b22;border-color:#6b303c;color:#ff9da2}
html.dark .form-feedback.is-success{background:#103027;border-color:#235c49;color:#77dfb9}
.money-input-wrap{position:relative;display:flex;align-items:center;min-width:0}
.money-input-wrap input{width:100%;padding-right:42px!important}
.money-input-wrap>span{position:absolute;right:15px;color:var(--muted);font-weight:800;pointer-events:none}
.withdraw-quick{display:flex;flex-wrap:wrap;gap:8px;margin-top:-2px}
.withdraw-quick button{min-height:38px;padding:8px 12px;border:1px solid var(--line);border-radius:11px;background:var(--soft,#f7f8fb);color:var(--ink);font-size:11px;font-weight:800}
.withdraw-quick button:hover,.withdraw-quick button:focus-visible{border-color:var(--brand);color:var(--brand)}
html.dark .withdraw-quick button{background:#111e32;border-color:#2a3a53;color:#dce6f4}
.withdraw-submit{width:100%}
.flash:focus{outline:3px solid color-mix(in srgb,var(--brand) 36%,transparent);outline-offset:2px}

@media(max-width:820px){
  :root{--hx-mobile-nav-height:74px}
  body.app-body{padding-bottom:calc(var(--hx-mobile-nav-height) + max(6px,env(safe-area-inset-bottom)))}
  .app-content{padding:16px 12px calc(var(--hx-mobile-nav-height) + 26px + max(6px,env(safe-area-inset-bottom)))}
  .mobile-bottom-nav{
    position:fixed!important;
    left:0!important;right:0!important;bottom:0!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    width:100%!important;
    min-height:var(--hx-mobile-nav-height)!important;
    height:auto!important;
    padding:6px max(4px,env(safe-area-inset-left)) max(6px,env(safe-area-inset-bottom)) max(4px,env(safe-area-inset-right))!important;
    align-items:end!important;
    overflow:visible!important;
    z-index:1000!important;
    isolation:isolate;
    transform:translateZ(0);
  }
  .mobile-bottom-nav a{
    min-width:0!important;
    min-height:60px!important;
    padding:2px 1px!important;
    gap:3px!important;
    justify-content:flex-end!important;
    overflow:visible;
    line-height:1!important;
  }
  .mobile-bottom-nav .mobile-nav-icon{
    width:40px!important;height:40px!important;
    flex:0 0 40px!important;
    border-radius:13px!important;
  }
  .mobile-bottom-nav .nav-main-action .mobile-nav-icon{
    width:46px!important;height:46px!important;
    flex-basis:46px!important;
    margin-top:-13px!important;
    border-width:3px!important;
    border-radius:15px!important;
  }
  .mobile-bottom-nav .nav-main-action span{margin-top:-13px!important}
  .mobile-bottom-nav small{
    display:block!important;
    width:100%!important;
    margin-top:1px!important;
    padding:0 1px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    text-align:center!important;
    font-size:9px!important;
    line-height:1.15!important;
  }
  .flash-stack.in-app,.flash-stack.admin-flashes{
    position:fixed;
    top:70px;left:10px;right:10px;
    width:auto;max-height:calc(100dvh - 160px);
    overflow:auto;
    z-index:1100;
  }
  .flash{padding:12px 13px;font-size:13px;line-height:1.45}
  .app-topbar{min-width:0}
  .topbar-title{min-width:0;overflow:hidden}
  .topbar-title strong,.topbar-title small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .panel,.admin-panel{border-radius:16px}
  .panel-head,.admin-panel-head{gap:10px;align-items:flex-start}
  .wallet-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .wallet-card{min-width:0}
  .wallet-card strong{overflow-wrap:anywhere}
  .stack-form input,.stack-form select,.stack-form textarea,.auth-form input,.auth-form select,.auth-form textarea{font-size:16px}
  .btn,.admin-btn,.auth-submit{min-height:46px}
  .row-actions,.head-actions{max-width:100%;flex-wrap:wrap}
  .admin-modal{padding:10px}
  .admin-modal-card{width:100%;max-height:calc(100dvh - 20px);padding:18px 14px;border-radius:16px}
}

@media(max-width:480px){
  .wallet-summary{grid-template-columns:1fr!important}
  .withdraw-estimate{gap:8px}
  .withdraw-estimate>div{padding:11px!important}
  .withdraw-quick{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .withdraw-quick button{width:100%;padding-inline:7px}
  .panel,.admin-panel{padding:16px!important}
  .page-head h1,.admin-page-head h1{overflow-wrap:anywhere}
  .mobile-bottom-nav .mobile-nav-icon{width:38px!important;height:38px!important;flex-basis:38px!important}
  .mobile-bottom-nav .nav-main-action .mobile-nav-icon{width:44px!important;height:44px!important;flex-basis:44px!important}
}

@media(max-width:350px){
  :root{--hx-mobile-nav-height:70px}
  .mobile-bottom-nav{padding-inline:2px!important}
  .mobile-bottom-nav a{min-height:56px!important}
  .mobile-bottom-nav .mobile-nav-icon{width:35px!important;height:35px!important;flex-basis:35px!important;border-radius:11px!important}
  .mobile-bottom-nav .nav-main-action .mobile-nav-icon{width:41px!important;height:41px!important;flex-basis:41px!important}
  .mobile-bottom-nav small{font-size:8px!important}
  .app-topbar{padding-inline:8px!important}
  .topbar-actions{gap:3px!important}
  .icon-button,.menu-toggle{width:38px!important;height:38px!important;min-width:38px!important}
}

@media(max-height:520px) and (orientation:landscape) and (max-width:920px){
  :root{--hx-mobile-nav-height:62px}
  .mobile-bottom-nav a{min-height:50px!important}
  .mobile-bottom-nav .mobile-nav-icon{width:32px!important;height:32px!important;flex-basis:32px!important}
  .mobile-bottom-nav .nav-main-action .mobile-nav-icon{width:38px!important;height:38px!important;flex-basis:38px!important;margin-top:-8px!important}
  .mobile-bottom-nav .nav-main-action span{margin-top:-8px!important}
  .mobile-bottom-nav small{font-size:8px!important}
}