@import url('https://fonts.googleapis.com/css2?family=Prompt:wght@400;500;600;700&display=swap');:root{--b:#168BFF;--p:#006ACE;--bg:#F6FAFF;--t:#173452;--m:#64768A;--bd:#DCE8F5;--ok:#187A55;--r:18px}*{box-sizing:border-box}body{margin:0;font-family:Prompt,system-ui;background:var(--bg);color:var(--t)}button,input,select{font:inherit}.hide{display:none!important}.top{height:34px;background:#095388;color:white;font-size:11px;display:grid;place-items:center}.brand{font-weight:700;font-size:22px;display:flex;align-items:center;gap:9px}.logo{width:34px;height:34px;border-radius:13px 13px 17px 17px;background:linear-gradient(145deg,#4CB7FF,#0879DC)}.auth{min-height:calc(100vh - 34px);display:grid;grid-template-columns:1fr 1fr;background:linear-gradient(90deg,#eaf6ff 0 50%,#f6faff 50%)}.hero{padding:8vw;display:flex;flex-direction:column;justify-content:center}.hero h1{font-size:46px;line-height:1.2;margin:28px 0 12px}.hero p{color:var(--m);max-width:620px}.wrap{display:grid;place-items:center;padding:28px}.card{background:white;border:1px solid var(--bd);border-radius:26px;box-shadow:0 18px 55px #17345214}.authcard{width:min(100%,450px);padding:28px}.tabs{display:grid;grid-template-columns:1fr 1fr;background:#eef5fb;border-radius:14px;padding:4px;margin:18px 0}.tab{height:40px;border:0;border-radius:11px;background:transparent;color:var(--m);font-weight:600}.tab.on{background:#fff;color:var(--p)}label{display:block;font-size:12px;font-weight:600;margin:12px 0 6px}.inp,.sel{width:100%;height:46px;border:1px solid #8fa1b5;border-radius:14px;padding:0 13px;background:#fff;color:var(--t);outline:none}.inp:focus,.sel:focus{border-color:var(--p);box-shadow:0 0 0 3px #006ace1f}.btn{height:44px;border:0;border-radius:14px;padding:0 16px;font-weight:600;cursor:pointer}.primary{background:var(--p);color:#fff}.secondary{background:#fff;border:1px solid #a9cce9;color:var(--p)}.full{width:100%}.msg{font-size:12px;padding:10px 12px;border-radius:12px;margin-top:12px}.info{background:#eaf4ff;color:var(--p)}.err{background:#fff0f2;color:#b42335}.ok{background:#e9f7f0;color:var(--ok)}.onboard{min-height:calc(100vh - 34px);display:grid;place-items:center;padding:24px}.oncard{width:min(100%,560px);padding:30px}.app{min-height:calc(100vh - 34px);display:grid;grid-template-columns:250px 1fr}.side{background:#fff;border-right:1px solid var(--bd);padding:20px 14px;position:sticky;top:34px;height:calc(100vh - 34px)}.biz{margin:20px 0;padding:13px;border:1px solid var(--bd);border-radius:16px;background:#f9fcff}.biz small{display:block;color:var(--m);font-size:11px}.nav{width:100%;border:0;background:transparent;border-radius:12px;padding:11px 12px;text-align:left;color:var(--m);margin:2px 0;cursor:pointer}.nav.on{background:#eaf4ff;color:var(--p);font-weight:600}.main{min-width:0}.bar{height:68px;background:#fff;border-bottom:1px solid var(--bd);display:flex;align-items:center;padding:0 24px;position:sticky;top:34px;z-index:3}.bar h2{font-size:18px}.bar .right{margin-left:auto;display:flex;gap:8px}.content{padding:26px;max-width:1400px;margin:auto}.head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.head h1{font-size:28px;margin:0}.head p{margin:3px 0;color:var(--m);font-size:13px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.kpi{padding:18px}.kpi small{color:var(--m)}.kpi b{display:block;font-size:28px;margin-top:8px}.panel{padding:18px}.grid2{display:grid;grid-template-columns:1.2fr .8fr;gap:14px;margin-top:14px}.empty{border:1px dashed #bfd4e5;border-radius:16px;padding:22px;text-align:center;color:var(--m);background:#fbfdff}.toolbar{display:flex;gap:10px;margin-bottom:12px}.toolbar .inp{flex:1}.table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--bd);border-radius:18px;overflow:hidden}.table th,.table td{padding:11px 12px;border-bottom:1px solid var(--bd);font-size:12px;text-align:left}.table th{color:var(--m);background:#fbfdff}.prodgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.prod{padding:16px}.prod b{font-size:16px}.muted{color:var(--m)}.price{font-size:20px;font-weight:700;margin-top:7px}.pos{display:grid;grid-template-columns:1fr 360px;gap:14px}.summary{padding:18px;height:max-content;position:sticky;top:116px}.sumrow{display:flex;justify-content:space-between;padding:7px 0}.total{font-size:22px;font-weight:700;border-top:1px solid var(--bd);margin-top:8px;padding-top:12px}.modalbg{position:fixed;inset:0;background:#102b3d66;display:grid;place-items:center;padding:18px;z-index:20}.modal{width:min(100%,520px);background:white;border-radius:24px;padding:22px;max-height:90vh;overflow:auto}.close{float:right;border:0;background:#eff5fa;border-radius:10px;width:32px;height:32px}.form2{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}.qty{display:flex;align-items:center;gap:8px}.qbtn{width:30px;height:30px;border:1px solid var(--bd);border-radius:9px;background:#f8fbfd}.line{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--bd)}@media(max-width:900px){.auth{grid-template-columns:1fr}.hero{display:none}.app{grid-template-columns:1fr}.side{display:none}.kpis{grid-template-columns:1fr 1fr}.grid2,.pos{grid-template-columns:1fr}.prodgrid{grid-template-columns:1fr 1fr}.summary{position:static}}@media(max-width:560px){.kpis,.prodgrid,.form2{grid-template-columns:1fr}.content{padding:18px 12px}.bar{padding:0 12px}.hero h1{font-size:34px}}
/* ===== BLUEFLOW Friendly Startup Auth v0.6 ===== */
.top{height:36px;background:linear-gradient(90deg,#07558f,#0b639f 48%,#07558f);font-size:11px;letter-spacing:.2px}
.auth{min-height:calc(100dvh - 36px);grid-template-columns:minmax(0,1.08fr) minmax(470px,.92fr);background:linear-gradient(115deg,#eef8ff 0%,#f8fbff 55%,#f3f9ff 100%);overflow:hidden}
.hero{padding:clamp(46px,5.8vw,92px);position:relative;isolation:isolate;justify-content:flex-start;overflow:hidden;background:radial-gradient(circle at 78% 20%,#bfe5ff 0 16%,transparent 39%),linear-gradient(145deg,#eef8ff,#dff2ff 58%,#f7fbff)}
.hero:before{content:"";position:absolute;width:620px;height:620px;border-radius:50%;right:-180px;bottom:-210px;background:linear-gradient(145deg,#d5efff,#a8d8ff);opacity:.78;z-index:-2}
.hero:after{content:"";position:absolute;width:240px;height:240px;border-radius:42% 58% 62% 38%;left:-90px;bottom:-80px;background:#93d1aa55;filter:blur(10px);z-index:-1}
.hero-content{position:relative;z-index:2;max-width:650px}
.hero .brand{font-size:25px}.hero .logo{width:42px;height:42px;border-radius:15px 15px 21px 21px;box-shadow:0 10px 22px #168bff33}
.eyebrow{display:inline-flex;align-items:center;gap:8px;margin-top:38px;padding:10px 15px;border-radius:999px;background:#dff1ff;color:#176aa6;font-size:13px;font-weight:600;box-shadow:inset 0 0 0 1px #ffffffaa}
.eyebrow:before{content:"✦";color:#168BFF}
.hero h1{font-size:clamp(40px,3.25vw,60px);line-height:1.12;letter-spacing:-1.4px;margin:22px 0 18px;max-width:720px}
.hero p{font-size:17px;line-height:1.85;max-width:600px;margin:0;color:#61778d}
.hero-benefits{display:grid;gap:12px;margin-top:28px}
.benefit{display:flex;align-items:center;gap:12px;color:#294b68;font-size:14px;font-weight:500}
.tick{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#4cb7ff,#0879dc);color:#fff;box-shadow:0 7px 18px #168bff33;font-weight:700}
.hero-scene{position:absolute;z-index:1;right:clamp(-35px,1vw,20px);bottom:32px;width:min(44%,470px);height:470px;pointer-events:none}
.scene-platform{position:absolute;bottom:0;left:8%;width:82%;height:70px;border-radius:50%;background:linear-gradient(180deg,#e8f7ff,#aedaff);box-shadow:0 28px 42px #467fac22}
.drink{position:absolute;left:38%;bottom:54px;width:142px;height:222px;border-radius:22px 22px 42px 42px;background:linear-gradient(180deg,#f4dfc7 0%,#ddb98f 43%,#c99765 100%);border:1px solid #ffffffaa;box-shadow:0 24px 35px #35576d33;transform:rotate(1deg)}
.drink:before{content:"";position:absolute;left:-8px;right:-8px;top:-18px;height:34px;border-radius:50%;background:linear-gradient(180deg,#f8fcffcc,#d5e8f4cc);border:1px solid #ffffffdd;box-shadow:inset 0 -6px 12px #678ba422}
.drink:after{content:"";position:absolute;width:14px;height:155px;border-radius:10px;background:linear-gradient(90deg,#102f48,#174c73);left:70px;top:-142px;transform:rotate(8deg);box-shadow:inset 3px 0 2px #ffffff22}
.cup-logo{position:absolute;left:0;right:0;top:104px;text-align:center;font-size:14px;font-weight:700;color:#15476c}.cup-logo:before{content:"";display:block;width:35px;height:35px;margin:0 auto 7px;border-radius:50%;background:linear-gradient(145deg,#39b4ff,#0873cf)}
.float-card{position:absolute;background:#ffffffed;border:1px solid #e1edf7;border-radius:20px;box-shadow:0 20px 45px #35576d1c;padding:15px 17px;color:#193a56;backdrop-filter:blur(8px)}
.float-card small{display:block;color:#71879a;font-size:10px;margin-top:2px}.float-card b{font-size:18px}.member-float{top:42px;right:0;width:238px;transform:rotate(5deg)}
.sales-float{top:230px;right:-12px;width:210px;transform:rotate(-5deg)}
.reward-float{right:5px;bottom:45px;width:220px;transform:rotate(3deg)}
.mini-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.avatar-mini{width:38px;height:38px;border-radius:13px;background:linear-gradient(145deg,#e3f3ff,#b8dcff);display:grid;place-items:center;font-size:19px}.chartbars{height:38px;display:flex;align-items:flex-end;gap:5px;margin-top:10px}.chartbars i{display:block;width:13px;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,#76c2ff,#278eea)}.chartbars i:nth-child(1){height:12px}.chartbars i:nth-child(2){height:19px}.chartbars i:nth-child(3){height:26px}.chartbars i:nth-child(4){height:34px}.chartbars i:nth-child(5){height:29px}
.wrap{padding:clamp(28px,4vw,62px);position:relative;background:radial-gradient(circle at 100% 0,#d9eeff80 0 20%,transparent 42%)}
.wrap:before{content:"";position:absolute;inset:7% 6%;border-radius:48px;background:linear-gradient(145deg,#ffffff44,#cceaff22);transform:rotate(-4deg);z-index:0}
.authcard{position:relative;z-index:1;width:min(100%,520px);padding:34px 34px 28px;border-radius:30px;border:1px solid #dbeaf7;box-shadow:0 26px 70px #17345218,0 3px 10px #17345208}
.auth-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.auth-head .brand{font-size:24px}.auth-head .logo{width:38px;height:38px}.auth-note{font-size:11px;color:#6f8497;text-align:right;line-height:1.5;transform:rotate(-2deg);max-width:145px}
.tabs{height:54px;border-radius:17px;padding:5px;background:#edf5fb;margin:22px 0 24px}.tab{height:44px;border-radius:13px;font-size:14px}.tab.on{box-shadow:0 5px 15px #1734520d}
.auth-sub{margin:-10px 0 18px;color:#71869a;font-size:12px;line-height:1.6}
.authcard label{font-size:12px;margin:13px 0 7px;color:#2c4860}.input-shell{position:relative}.input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:21px;height:21px;border-radius:7px;display:grid;place-items:center;color:#7891a7;font-size:14px;pointer-events:none}.authcard .input-shell .inp{height:54px;border-color:#c4d6e5;border-radius:16px;padding-left:44px;background:#fff;transition:.18s ease}.authcard .input-shell .inp:hover{border-color:#9dc7e8}.authcard .input-shell .inp:focus{border-color:#168BFF;box-shadow:0 0 0 4px #168bff16}
.authcard .primary{height:56px;margin-top:18px!important;border-radius:16px;background:linear-gradient(100deg,#249cf8,#096bd3);box-shadow:0 14px 26px #147bd42a;font-size:15px;transition:.2s ease}.authcard .primary:hover{transform:translateY(-1px);box-shadow:0 17px 32px #147bd43b}.authcard .primary:active{transform:translateY(0)}
.auth-links{display:flex;justify-content:flex-end;margin-top:8px}.auth-link{border:0;background:none;color:#0875da;font-size:12px;cursor:pointer;padding:2px}
.auth-divider{display:flex;align-items:center;gap:12px;color:#8a9aa9;font-size:11px;margin:22px 0}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:#e0eaf2;flex:1}
.signup-cta{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;border-radius:15px;background:#f3f8fc;color:#526a7e;font-size:12px}.signup-cta b{color:#0875da}.secure-note{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:20px;color:#8294a4;font-size:10px}
.signup-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}.signup-grid .wide{grid-column:1/-1}
@media(max-width:1120px){.hero-scene{opacity:.48;right:-70px}.hero-content{max-width:560px}.auth{grid-template-columns:1fr 470px}}
@media(max-width:900px){.auth{grid-template-columns:1fr}.hero{display:none}.wrap{min-height:calc(100dvh - 36px);padding:24px}.authcard{width:min(100%,520px)}}
@media(max-width:560px){.authcard{padding:24px 18px 20px;border-radius:22px}.auth-head{align-items:center}.auth-note{display:none}.signup-grid{grid-template-columns:1fr}.signup-grid .wide{grid-column:auto}.wrap{padding:14px}.top{font-size:9px}}

/* ===== BLUEFLOW Friendly Startup Merchant App v0.7 ===== */
.app{min-height:calc(100dvh - 36px);grid-template-columns:272px 1fr;background:linear-gradient(135deg,#f7fbff 0%,#f1f7ff 45%,#f8fbff 100%)}
.side{background:rgba(255,255,255,.94);border-right:1px solid #e2edf7;padding:24px 18px;top:36px;height:calc(100dvh - 36px);box-shadow:14px 0 35px #244a6710;backdrop-filter:blur(14px);z-index:5}
.side .brand{font-size:22px;letter-spacing:-.4px;margin-bottom:22px}.side .logo{width:38px;height:38px;border-radius:14px 14px 19px 19px;box-shadow:0 10px 24px #168bff2b}
.biz{margin:0 0 20px;padding:15px 15px 14px;border:1px solid #dfebf6;border-radius:20px;background:linear-gradient(145deg,#f7fbff,#eef7ff);box-shadow:0 10px 28px #24577c0b;position:relative;overflow:hidden}
.biz:after{content:"";position:absolute;width:80px;height:80px;border-radius:50%;right:-36px;top:-38px;background:#b8ddff55}.biz b{display:block;font-size:16px;margin:3px 0 2px}.biz small:first-child{font-size:10px;text-transform:uppercase;letter-spacing:.5px}.biz small:last-child{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nav{display:flex;align-items:center;gap:11px;min-height:46px;border-radius:14px;padding:0 13px;color:#687e91;font-size:13px;font-weight:500;margin:5px 0;transition:.18s ease}.nav:hover{background:#f3f8fd;color:#24577c;transform:translateX(2px)}.nav.on{background:linear-gradient(135deg,#e9f5ff,#dcefff);color:#096cc0;font-weight:600;box-shadow:inset 0 0 0 1px #cfe7fa}.nav .navico{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:#f1f6fb;color:#6d8496;font-size:15px;transition:.18s}.nav.on .navico{background:#fff;color:#168BFF;box-shadow:0 5px 14px #168bff20}
.main{min-width:0;background:transparent}.bar{height:78px;background:rgba(255,255,255,.86);border-bottom:1px solid #e1ecf5;padding:0 30px;top:36px;backdrop-filter:blur(16px);box-shadow:0 8px 24px #214b6908}.bar h2{font-size:18px;letter-spacing:-.2px}.bar .right{gap:10px}.bar .btn{height:42px;border-radius:14px;padding:0 18px}.bar .primary{background:linear-gradient(135deg,#168BFF,#086fd0);box-shadow:0 9px 20px #168bff25}.bar .secondary{background:#fff;border-color:#d1e4f4}
.content{padding:32px 34px 48px;max-width:1480px}.head{margin-bottom:22px}.head h1{font-size:30px;letter-spacing:-.7px}.head p{font-size:13px;color:#6c8194}
.dash-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:26px 28px;margin-bottom:18px;border:1px solid #d9eaf8;border-radius:28px;background:linear-gradient(115deg,#eaf6ff 0%,#f8fcff 62%,#eef8ff 100%);box-shadow:0 18px 45px #24577c0e}.dash-hero:before{content:"";position:absolute;width:240px;height:240px;border-radius:50%;right:-70px;top:-100px;background:radial-gradient(circle,#83c8ff55,transparent 68%)}.dash-hero:after{content:"";position:absolute;width:160px;height:160px;border-radius:42% 58% 60% 40%;left:48%;bottom:-100px;background:#9dd7ff2e;transform:rotate(20deg)}
.dash-hero-copy{position:relative;z-index:1}.dash-kicker{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid #d9ebf8;border-radius:999px;padding:7px 11px;font-size:11px;color:#2475ae;font-weight:600;box-shadow:0 6px 16px #214b6908}.dash-hero h1{font-size:31px;line-height:1.15;margin:13px 0 8px;letter-spacing:-.8px}.dash-hero p{margin:0;color:#647b8f;font-size:13px}.dash-actions{display:flex;gap:9px;position:relative;z-index:1;flex-wrap:wrap}.dash-actions .btn{height:42px;border-radius:14px}.softbtn{background:#fff;border:1px solid #d4e6f5;color:#205c88;box-shadow:0 8px 18px #24577c0c}
.kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.kpi{position:relative;overflow:hidden;padding:20px 20px 18px;border-radius:24px;border-color:#deebf6;box-shadow:0 14px 34px #244a670b;min-height:128px;transition:.2s ease}.kpi:hover{transform:translateY(-2px);box-shadow:0 20px 42px #244a6713}.kpi small{font-size:11px;color:#718698}.kpi b{font-size:30px;letter-spacing:-.8px;margin-top:10px}.kpi .kpi-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.kpi-icon{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;font-size:18px;background:#eaf6ff;color:#1478c7}.kpi:nth-child(2) .kpi-icon{background:#eaf9f3}.kpi:nth-child(3) .kpi-icon{background:#fff5dd}.kpi:nth-child(4) .kpi-icon{background:#f3edff}.kpi:after{content:"";position:absolute;width:80px;height:80px;border-radius:50%;right:-33px;bottom:-38px;background:#dff1ff55}.kpi-meta{font-size:10.5px;color:#8295a6;margin-top:5px}.grid2{grid-template-columns:1.35fr .75fr;gap:17px;margin-top:17px}.panel{padding:22px;border-radius:24px;box-shadow:0 14px 34px #244a670a}.panel h3{font-size:18px;margin:0}.panel-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.panel-title small{display:block;color:#8495a5;font-size:11px;margin-top:4px}.activity-row{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid #edf3f8}.activity-row:last-child{border-bottom:0}.activity-dot{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:#e8f5ff;color:#168BFF;font-size:17px}.activity-info b{display:block;font-size:13px}.activity-info small{display:block;font-size:10.5px;color:#8496a5;margin-top:2px}.activity-amt{font-weight:700;font-size:14px}.setup-progress{height:8px;border-radius:999px;background:#edf3f7;overflow:hidden;margin:13px 0 10px}.setup-progress i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#168BFF,#56baff)}.setup-item{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #edf3f8}.setup-item:last-child{border-bottom:0}.setup-check{width:28px;height:28px;border-radius:10px;background:#eaf8f1;color:#187A55;display:grid;place-items:center;font-weight:700;font-size:11px}.setup-check.pending{background:#f4f7f9;color:#91a0ac}.setup-text b{font-size:12.5px}.setup-text small{display:block;font-size:9.5px;color:#8a9ba9;margin-top:1px}.pill-ok,.pill-pending{font-size:9.5px;padding:5px 8px;border-radius:999px;font-weight:600}.pill-ok{color:#167655;background:#e8f8f0}.pill-pending{color:#7c8b98;background:#f1f4f7}
/* Shared inner pages */
.page-hero{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 26px;margin-bottom:18px;border:1px solid #dbeaf6;border-radius:26px;background:linear-gradient(120deg,#ffffff 0%,#f5fbff 58%,#eaf6ff 100%);box-shadow:0 15px 40px #244a670b}.page-hero:after{content:"";position:absolute;width:170px;height:170px;border-radius:50%;right:-55px;top:-85px;background:#8dccff24}.page-copy{position:relative;z-index:1}.page-kicker{display:inline-flex;gap:7px;align-items:center;padding:7px 11px;border-radius:999px;background:#eaf5ff;color:#1470b7;font-size:12px;font-weight:600}.page-hero h1{font-size:32px;line-height:1.2;letter-spacing:-.6px;margin:11px 0 6px}.page-hero p{margin:0;color:#6b8093;font-size:14px;line-height:1.6}.page-actions{position:relative;z-index:1;display:flex;gap:9px}.page-actions .btn{height:48px;border-radius:15px}
/* Customers */
.stats-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.stat-chip{display:flex;align-items:center;gap:9px;padding:10px 13px;border:1px solid #e0ebf5;background:#fff;border-radius:15px;box-shadow:0 8px 20px #244a6708;font-size:13px;color:#647b8e}.stat-chip b{font-size:16px;color:#173452}.table-card{overflow:hidden;padding:0;border-radius:24px}.table-wrap{overflow:auto}.table{border:0;border-radius:0}.table th,.table td{padding:15px 17px;font-size:14px}.table th{font-size:12.5px;text-transform:none;letter-spacing:.1px;background:#f8fbfe;color:#718598}.table tbody tr:hover{background:#f9fcff}.customer-cell{display:flex;align-items:center;gap:12px}.customer-avatar{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#e7f5ff,#d9ecff);color:#1476c4;font-weight:700;font-size:15px}.customer-name b{display:block;font-size:14.5px}.customer-name small{display:block;color:#8a9aaa;font-size:11.5px;margin-top:2px}.status-pill{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#eaf8f1;color:#167655;font-size:11px;font-weight:600}
/* Products */
.prodgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.prod{padding:20px;border-radius:24px;position:relative;overflow:hidden;box-shadow:0 14px 34px #244a670b;transition:.2s ease}.prod:hover{transform:translateY(-2px);box-shadow:0 20px 44px #244a6712}.prod-icon{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,#eaf6ff,#dcedff);font-size:22px;margin-bottom:16px}.prod-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.prod b{font-size:18px;line-height:1.4}.prod .muted{font-size:12px}.price{font-size:25px;margin-top:12px;letter-spacing:-.3px}.product-status{display:inline-flex;margin-top:12px;padding:6px 9px;border-radius:999px;font-size:11px;font-weight:600}.product-status.on{background:#eaf8f1;color:#167655}.product-status.off{background:#f1f4f7;color:#788a9a}
/* POS */
.pos{grid-template-columns:minmax(0,1fr) 390px;gap:18px}.pos-main{padding:24px}.pos-section-title{display:flex;align-items:center;gap:10px;margin:24px 0 13px}.pos-step{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:#eaf5ff;color:#1470b7;font-weight:700;font-size:12px}.pos-section-title h3{margin:0;font-size:18px}.pos-selects{display:grid;grid-template-columns:1fr 1fr;gap:14px}.product-line{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:15px 0;border-bottom:1px solid #edf3f8}.product-line b{font-size:14.5px}.qty{gap:10px}.qbtn{width:38px;height:38px;border-radius:12px;font-size:19px;background:#f5f9fc;color:#245a82;cursor:pointer}.qty>b{min-width:24px;text-align:center;font-size:15px}.summary{padding:24px;border-radius:24px;top:130px}.summary h3{font-size:20px;margin:0 0 14px}.summary .sumrow{font-size:14px;padding:9px 0}.summary .total{font-size:20px}.summary #saveTx{height:52px;font-size:15px;margin-top:15px}.summary-note{font-size:11.5px;color:#8496a6;line-height:1.6;margin-top:12px}.pos-empty-guide{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.guide-card{padding:22px;border:1px solid #deebf6;border-radius:22px;background:#fff}.guide-card span{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#eaf5ff;font-size:20px}.guide-card h3{font-size:17px;margin:13px 0 5px}.guide-card p{font-size:13px;color:#718496;margin:0;line-height:1.6}
/* Modal */
.modal{width:min(100%,570px);padding:27px;border-radius:28px}.modal h2{font-size:24px}.modal label{font-size:13px}.close{width:38px;height:38px;border-radius:12px;font-size:19px}.form2{gap:0 14px}
@media(max-width:1100px){.prodgrid{grid-template-columns:1fr 1fr}.pos{grid-template-columns:1fr}.summary{position:static}.page-hero{align-items:flex-start}.page-actions{flex-shrink:0}}
@media(max-width:700px){.content{padding:22px 14px 38px}.page-hero{padding:20px;display:block}.page-hero h1{font-size:27px}.page-actions{margin-top:16px}.page-actions .btn{width:100%}.pos-selects,.pos-empty-guide{grid-template-columns:1fr}.table th,.table td{font-size:13px;padding:13px}.prodgrid{grid-template-columns:1fr}.dash-hero h1{font-size:30px}}

/* ===== BLUEFLOW v0.9 — readable information typography ===== */
.kpi small{font-size:15px;font-weight:500;line-height:1.45;color:#647b8e}
.kpi-meta{font-size:14px;line-height:1.55;color:#758a9c;margin-top:9px}
.kpi b{font-size:36px;margin-top:11px}
.panel h3{font-size:21px}
.panel-title small{font-size:14px;line-height:1.55;color:#74899b}
.activity-info b{font-size:16px;line-height:1.45}
.activity-info small{font-size:14px;line-height:1.5}
.activity-amt{font-size:17px}
.setup-text b{font-size:15px;line-height:1.45}
.setup-text small{font-size:13px;line-height:1.5}
.pill-ok,.pill-pending{font-size:12px;padding:7px 10px}
.setup-check{font-size:14px}
.empty{font-size:15px}
.page-hero p{font-size:15px}
.stat-chip{font-size:14px}.stat-chip b{font-size:17px}
.table th{font-size:14px}.table td{font-size:15px}
.customer-name b{font-size:16px}.customer-name small{font-size:13px}
.status-pill{font-size:12.5px}
.prod .muted{font-size:14px;line-height:1.55}.product-status{font-size:12.5px}
.product-line b{font-size:16px}.summary .sumrow{font-size:15px}.summary-note{font-size:13px}
.guide-card p{font-size:14px}.modal label{font-size:14px}
@media(max-width:700px){.kpi small{font-size:14px}.kpi-meta{font-size:13px}.table th{font-size:13px}.table td{font-size:14px}}

/* ===== BLUEFLOW Loyalty Engine v1.0 ===== */
.loyalty-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:18px}
.loyalty-card{padding:24px;border-radius:26px}
.loyalty-card h3{font-size:20px;margin:0}.loyalty-card>p{font-size:14px;color:#73889a;line-height:1.65;margin:7px 0 0}
.loyalty-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}
.loyalty-stat{padding:20px;border-radius:22px;position:relative;overflow:hidden}
.loyalty-stat small{font-size:14px;color:#6c8295}.loyalty-stat b{display:block;font-size:31px;margin-top:9px;letter-spacing:-.5px}
.loyalty-stat .ls-icon{position:absolute;right:16px;top:16px;width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:#edf7ff;font-size:18px}
.rule-block{border:1px solid #e2edf6;background:linear-gradient(145deg,#fbfdff,#f6fbff);border-radius:21px;padding:19px;margin-top:16px}
.rule-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.rule-head h4{font-size:17px;margin:0}.rule-head p{font-size:13px;color:#718698;margin:3px 0 0}
.toggleline{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:600;color:#31506a}.toggleline input{width:18px;height:18px}
.rule-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.rule-fields .wide{grid-column:1/-1}
.rule-fields label{font-size:13px}.rule-fields .inp,.rule-fields .sel{height:48px}
.rule-preview{margin-top:14px;padding:13px 14px;border-radius:15px;background:#eaf6ff;color:#245f89;font-size:13px;line-height:1.6}
.rule-preview b{font-size:15px;color:#0c69b6}
.loyalty-save{height:50px;margin-top:17px}.rule-version{font-size:11.5px;padding:6px 9px;border-radius:999px;background:#eef4f8;color:#708596;white-space:nowrap}
.loyalty-note{margin-top:12px;font-size:12.5px;color:#8395a4;line-height:1.6}
.wallet-table td,.wallet-table th{vertical-align:middle}.balance-pill{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:999px;background:#edf7ff;color:#0d6db9;font-size:13px;font-weight:600}.stamp-pill{background:#fff5dc;color:#916318}
.ledger-list{margin-top:8px}.ledger-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:11px;align-items:center;padding:13px 0;border-bottom:1px solid #edf3f8}.ledger-row:last-child{border-bottom:0}
.ledger-ico{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:#eef7ff;color:#1677c7}.ledger-main b{font-size:14.5px}.ledger-main small{display:block;font-size:12.5px;color:#7c8f9f;margin-top:2px}.ledger-delta{text-align:right;font-weight:700;font-size:14px}.ledger-delta .pts{color:#0c74c8}.ledger-delta .stp{color:#9a6b16}
.loyalty-preview-box{margin:12px 0 2px;padding:13px 14px;border-radius:16px;background:linear-gradient(135deg,#eef8ff,#fff9e9);border:1px solid #dfeef8}
.loyalty-preview-box small{display:block;color:#718598;font-size:12px;margin-bottom:5px}.loyalty-preview-box b{font-size:14.5px;color:#194b70}
.product-stamp{display:inline-flex;margin-top:9px;padding:5px 8px;border-radius:999px;font-size:11.5px;background:#fff5dc;color:#8e631b;font-weight:600}
.form-check{display:flex;align-items:flex-start;gap:9px;margin-top:14px;padding:12px 13px;border-radius:14px;background:#f7fbfe;color:#456178;font-size:13px}.form-check input{margin-top:3px}
@media(max-width:1050px){.loyalty-grid{grid-template-columns:1fr}.loyalty-summary{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:700px){.loyalty-summary{grid-template-columns:1fr}.rule-fields{grid-template-columns:1fr}.rule-fields .wide{grid-column:auto}}