:root{--ink:#172033;--muted:#667085;--line:#e6eaf1;--paper:#fff;--canvas:#f7f8fc;--success:#14804a;--success-bg:#eaf8f0;--warn:#a15c00;--warn-bg:#fff5df;--danger:#c73535;--danger-bg:#fff0f0;--info:#245fbb;--info-bg:#edf4ff;--shadow:0 14px 38px rgba(27,39,94,.08);--radius:16px}*{box-sizing:border-box}html{min-height:100%;background:var(--canvas)}body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--canvas);line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button{cursor:pointer}.topbar{height:72px;padding:0 max(24px,calc((100% - 1180px)/2));display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.93);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}.brand{display:inline-flex;align-items:center;gap:10px;font-size:20px;font-weight:800;color:var(--ink);letter-spacing:-.5px;text-decoration:none}.brand:hover{text-decoration:none}.brand-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--accent);color:white;font-size:16px;box-shadow:0 7px 16px color-mix(in srgb,var(--accent) 25%,transparent)}.topnav{display:flex;align-items:center;gap:20px;font-size:14px;font-weight:650}.topnav a{color:#46516a}.topnav a:hover{color:var(--accent);text-decoration:none}.nav-cta{background:var(--accent);color:#fff!important;padding:10px 14px;border-radius:9px}.inline-form{display:inline;margin:0}.link-button{border:0;background:none;color:#46516a;padding:0;font-weight:650}.public-main{width:min(1180px,calc(100% - 48px));margin:0 auto;min-height:calc(100vh - 145px)}.hero{display:grid;grid-template-columns:1.4fr .7fr;gap:64px;align-items:center;padding:84px 0 66px}.eyebrow{margin:0 0 8px;color:var(--accent);font-size:11px;font-weight:800;letter-spacing:1.2px}.hero h1,.page-intro h1{font-size:clamp(38px,5vw,64px);line-height:1.06;letter-spacing:-2.5px;margin:0 0 22px;max-width:780px}.lead{font-size:18px;color:var(--muted);max-width:680px;margin:0}.hero-actions{display:flex;gap:12px;margin-top:30px}.btn{display:inline-flex;justify-content:center;align-items:center;min-height:42px;border-radius:10px;padding:10px 16px;border:1px solid transparent;font-weight:750;font-size:14px;text-decoration:none}.btn:hover{text-decoration:none;filter:brightness(.98)}.btn.primary{background:var(--accent);color:white;box-shadow:0 7px 16px color-mix(in srgb,var(--accent) 20%,transparent)}.btn.secondary{background:#fff;color:var(--ink);border-color:#d8dee9}.btn.danger{background:var(--danger);color:#fff}.btn.small{min-height:34px;padding:6px 10px;font-size:12px}.btn.full{width:100%}.hero-note{font-size:12px;color:var(--muted);margin-top:15px}.trust-card,.panel-card,.stat-card,.service-card,.wallet-card,.auth-card,.install-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.trust-card{padding:22px}.trust-head{font-size:11px;color:var(--muted);font-weight:800;letter-spacing:.9px;margin-bottom:14px;display:flex;align-items:center;gap:8px}.live-pulse,.status-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#2aaf6c;box-shadow:0 0 0 4px #e3f8eb}.trust-stat{border-top:1px solid var(--line);padding:14px 0 2px;display:flex;flex-direction:column}.trust-stat b{font-size:14px}.trust-stat span{font-size:12px;color:var(--muted)}.section-head{display:flex;align-items:end;justify-content:space-between;margin:28px 0 16px}.section-head h2,.card-title h2{font-size:22px;letter-spacing:-.7px;margin:0}.section-head>a,.card-title>a{font-size:13px;font-weight:750}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.service-card{min-height:158px;padding:18px;display:flex;gap:13px;transition:transform .2s,box-shadow .2s}.service-card:hover{transform:translateY(-3px);box-shadow:0 17px 35px rgba(27,39,94,.12)}.service-icon{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;border-radius:11px;background:var(--accent-soft);color:var(--accent);font-weight:800}.service-card h3{font-size:14px;margin:0 0 4px}.service-card p{font-size:12px;color:var(--muted);margin:0 0 10px}.badge{font-size:11px;font-weight:800;padding:4px 8px;border-radius:99px;display:inline-flex;line-height:1.15}.badge.success{color:var(--success);background:var(--success-bg)}.badge.warn{color:var(--warn);background:var(--warn-bg)}.badge.danger{color:var(--danger);background:var(--danger-bg)}.badge.info{color:var(--info);background:var(--info-bg)}.badge.muted{color:#586274;background:#eef0f5}.info-strip{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin:56px 0;padding:24px 0;gap:20px}.info-strip div{display:flex;flex-direction:column}.info-strip b{font-size:14px}.info-strip span{font-size:13px;color:var(--muted)}.footer{border-top:1px solid var(--line);min-height:74px;display:flex;justify-content:space-between;align-items:center;padding:16px max(24px,calc((100% - 1180px)/2));color:var(--muted);font-size:12px;background:#fff}.footer a{color:var(--muted)}.page-intro{padding:68px 0 28px;max-width:850px}.page-intro h1{font-size:44px}.page-intro p:not(.eyebrow){font-size:17px;color:var(--muted)}.service-section{margin:18px 0 40px}.service-section h2{font-size:20px}.auth-wrap{max-width:470px;margin:65px auto}.auth-wrap.wide{max-width:580px}.auth-card{padding:32px}.auth-card h1{font-size:29px;letter-spacing:-1px;margin:0 0 4px}.muted,.auth-card .muted{color:var(--muted);font-size:14px}.form-stack{display:grid;gap:15px;margin-top:24px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:18px}.full-span{grid-column:1/-1}label{display:grid;gap:6px;font-size:12px;font-weight:750;color:#344054}label small{font-weight:500;color:var(--muted)}input,select,textarea{width:100%;border:1px solid #d7dce6;color:var(--ink);background:#fff;min-height:42px;padding:10px 11px;border-radius:9px;outline:none;font-size:14px;font-weight:500}textarea{min-height:85px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.checkline{display:flex;align-items:flex-start;gap:9px;font-weight:500;line-height:1.35}.checkline input{width:16px;min-height:16px;margin:1px 0}.auth-bottom{font-size:13px;text-align:center;margin:22px 0 0}.flash{width:min(900px,100%);margin:18px auto;padding:13px 16px;border-radius:10px;font-size:13px;font-weight:600}.flash.success{background:var(--success-bg);color:var(--success);border:1px solid #c7edd7}.flash.error{background:var(--danger-bg);color:var(--danger);border:1px solid #f5cccc}.flash.warning{background:var(--warn-bg);color:var(--warn);border:1px solid #f5dfab}.maintenance-card{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:var(--radius);text-align:center;padding:65px 25px;max-width:720px;margin:90px auto}.maintenance-card h1{letter-spacing:-1px;margin:10px 0}.maintenance-card p{color:var(--muted);margin:0 0 24px}.big-icon{font-size:40px;color:var(--accent)}.secret-box{padding:14px;border:1px dashed var(--accent);color:var(--accent);background:var(--accent-soft);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:17px;font-weight:800;letter-spacing:1px;text-align:center;border-radius:9px;margin:18px 0}.success-text{padding:11px;border-radius:8px;color:var(--success);background:var(--success-bg);font-size:13px}.user-welcome{display:flex;justify-content:space-between;align-items:center;padding:56px 0 22px}.user-welcome h1{margin:0;font-size:36px;letter-spacing:-1.5px}.user-welcome p{color:var(--muted)}.wallet-card{padding:18px;min-width:220px}.wallet-card span,.wallet-card small{display:block;color:var(--muted);font-size:12px}.wallet-card b{font-size:28px;letter-spacing:-1px;display:block;margin:3px 0}.table-section{margin:40px 0}.empty-state{padding:26px;text-align:center;background:#fafbfd;border:1px dashed #d8deea;border-radius:10px;color:var(--muted);font-size:13px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;background:#fafbfd;color:#6c7485;font-size:11px;letter-spacing:.3px;text-transform:uppercase}th,td{padding:12px 13px;border-bottom:1px solid var(--line);white-space:nowrap}td b{font-size:13px}.block{display:block;font-size:11px;color:var(--muted);font-weight:500;margin-top:2px}.role-pill{font-size:11px;font-weight:800;padding:4px 8px;border-radius:7px;background:#eef0f5;color:#586274}.role-pill.distributor{background:#e8f7f5;color:#0b766d}.role-pill.retailer{background:#edfaef;color:#1d7439}.role-pill.user{background:#ecf4ff;color:#235fae}
/* Admin shell */.app-shell{background:#f7f8fc}.sidebar{position:fixed;inset:0 auto 0 0;width:260px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:30}.sidebar-brand{height:76px;padding:0 22px;border-bottom:1px solid var(--line)}.sidebar-caption{color:#98a1b3;font-size:10px;font-weight:800;letter-spacing:.8px;margin:25px 22px 8px}.side-nav{padding:0 11px;display:grid;gap:2px;overflow:auto}.side-nav a{color:#59657a;padding:10px 11px;border-radius:9px;display:flex;align-items:center;gap:11px;font-weight:700;font-size:13px}.side-nav a:hover{text-decoration:none;background:#f4f5fa}.side-nav a.active{color:var(--accent);background:var(--accent-soft)}.side-nav a span{font-size:16px;width:18px;text-align:center}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--line);padding:16px}.user-mini{display:flex;align-items:center;gap:9px;margin-bottom:10px}.avatar{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-weight:800}.user-mini b,.user-mini small{display:block;font-size:12px}.user-mini small{color:var(--muted)}.sidebar-logout{color:#7a3340;border:0;background:#fff0f2;padding:8px 9px;border-radius:8px;width:100%;font-size:12px;text-align:left;font-weight:750}.app-content{margin-left:260px;min-height:100vh}.panel-topbar{min-height:92px;padding:18px 34px;display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.9);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:15;backdrop-filter:blur(14px)}.panel-topbar h1{font-size:23px;line-height:1.15;letter-spacing:-.8px;margin:0}.top-actions{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:12px;font-weight:650}.security-link{padding:8px 11px;background:#f3f5fb;border-radius:8px;font-size:12px;font-weight:750}.panel-main{max-width:1440px;margin:0 auto;padding:28px 34px 42px}.panel-footer{margin-left:260px;border-top:1px solid var(--line);padding:17px 34px;color:var(--muted);font-size:11px;background:#fff}.notice-banner{border-radius:12px;background:linear-gradient(100deg,var(--accent-soft),#fff);border:1px solid var(--accent-mid);padding:13px 16px;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;margin-bottom:20px}.notice-banner>span{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:var(--accent);color:#fff}.notice-banner b{font-size:13px}.notice-banner p{font-size:12px;margin:1px 0 0;color:var(--muted)}.notice-banner a{font-size:12px;font-weight:800;white-space:nowrap}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:16px}.stat-grid.compact{grid-template-columns:repeat(3,1fr)}.stat-card{padding:18px}.stat-card span{display:block;color:var(--muted);font-size:12px;font-weight:650}.stat-card b{display:block;font-size:27px;letter-spacing:-1px;margin:5px 0 4px}.stat-card b.small-number{font-size:18px;letter-spacing:-.4px}.stat-card small{color:var(--muted);font-size:11px}.dash-grid,.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.panel-card{padding:20px;margin-bottom:16px}.two-col .panel-card{margin-bottom:0}.panel-card.subtle{background:#fbfcff;box-shadow:none}.card-title{display:flex;justify-content:space-between;align-items:start;margin-bottom:16px}.status-list,.check-list{display:grid}.status-list>div,.check-list>div{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-top:1px solid var(--line);font-size:13px}.status-list>div:first-child,.check-list>div:first-child{border-top:0}.status-list>div>span{display:flex;gap:8px;align-items:center}.check-list b{font-size:12px;color:var(--accent)}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.dot.live{background:#2aaf6c}.dot.sandbox{background:#3478dc}.dot.maintenance{background:#e6a00c}.dot.disabled{background:#a0a7b4}.compact-form{display:flex;gap:5px;align-items:center}.compact-form select{min-height:32px;padding:4px;font-size:11px;min-width:85px}.switch{display:inline-flex;align-items:center}.switch input{position:absolute;opacity:0;width:1px;height:1px}.switch i{display:block;width:34px;height:19px;background:#cdd3df;border-radius:999px;position:relative}.switch i:after{content:"";position:absolute;width:15px;height:15px;left:2px;top:2px;border-radius:50%;background:#fff;transition:.2s;box-shadow:0 1px 3px #7b8494}.switch input:checked+i{background:var(--accent)}.switch input:checked+i:after{transform:translateX(15px)}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;color:#424d63}.text-link{font-size:13px;font-weight:750}.mobile-menu{display:none;border:0;background:#f1f3f9;border-radius:8px;width:36px;height:36px;font-size:18px}.install-body{background:linear-gradient(140deg,#f6f7ff,#f8fbff);padding:35px 22px}.install-wrap{max-width:1080px;margin:0 auto}.install-brand{display:flex;align-items:center;gap:17px;margin-bottom:26px}.install-brand .brand-mark{width:50px;height:50px;border-radius:15px;font-size:24px}.install-brand h1{font-size:30px;margin:0;letter-spacing:-1px}.install-brand p:not(.eyebrow){margin:4px 0 0;color:var(--muted);font-size:14px}.install-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:16px}.install-card{padding:25px}.install-card h2{font-size:19px;margin:0 0 13px}.requirement-list>div{padding:10px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:8px;font-size:12px}.good{color:var(--success)}.bad{color:var(--danger)}.tiny{font-size:12px;color:var(--muted);margin-top:18px}.install-note{margin:16px 0;background:#edf6ff;border:1px solid #d1e4ff;padding:15px;border-radius:11px;font-size:12px;color:#38557f}hr{border:0;border-top:1px solid var(--line);width:100%;margin:2px 0}
@media(max-width:1050px){.service-grid{grid-template-columns:repeat(3,1fr)}.hero{gap:32px}.stat-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:780px){.topbar{padding:0 18px}.topnav{gap:11px;font-size:12px}.topnav>a:not(.nav-cta){display:none}.public-main{width:min(100% - 32px,1180px)}.hero{grid-template-columns:1fr;padding:48px 0}.hero h1{letter-spacing:-1.6px}.trust-card{max-width:520px}.service-grid{grid-template-columns:repeat(2,1fr)}.info-strip{grid-template-columns:1fr}.footer{padding:18px;gap:8px;align-items:start;flex-direction:column}.form-grid,.install-grid,.dash-grid,.two-col{grid-template-columns:1fr}.user-welcome{align-items:start;gap:20px;flex-direction:column}.sidebar{transform:translateX(-101%);transition:transform .22s}.sidebar.open{transform:translateX(0);box-shadow:10px 0 30px rgba(0,0,0,.13)}.app-content{margin-left:0}.panel-topbar{padding:15px 18px}.panel-main{padding:20px 18px}.panel-footer{margin-left:0;padding:16px 18px}.mobile-menu{display:inline-block}.top-actions .hide-mobile,.security-link{display:none}.stat-grid,.stat-grid.compact{grid-template-columns:1fr 1fr}.notice-banner{grid-template-columns:auto 1fr}.notice-banner a{grid-column:2}.compact-form{min-width:280px}.page-intro{padding-top:42px}.page-intro h1{font-size:34px}}@media(max-width:470px){.service-grid,.stat-grid,.stat-grid.compact{grid-template-columns:1fr}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.auth-card{padding:23px}.topnav .nav-cta{padding:8px 10px}.install-body{padding:20px 13px}.install-card{padding:19px}}