:root{--navy: #003B8E;--azure: #1F9BEA;--ink: #15212b;--ink2: #445;--ink3: #788;--bg: #f3f6fb;--card: #fff;--line: #e3e8f0;--green: #2f8a4f;--greenbg: #e7f4ec;--red: #c8553a}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-tap-highlight-color:transparent}.center{min-height:100%;display:flex;align-items:center;justify-content:center;padding:20px}.muted{color:var(--ink3)}.small{font-size:12.5px}.sub{margin-top:-6px}.app{display:flex;flex-direction:column;min-height:100%}.topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--navy);color:#fff}.brand{font-weight:800;letter-spacing:.5px}.brand-lg{font-size:40px;font-weight:800;color:var(--navy);margin:0;text-align:center}.content{flex:1;padding:16px;max-width:560px;width:100%;margin:0 auto}.link{background:none;border:0;color:#fff;opacity:.85;font-size:14px}.tabbar{display:flex;border-top:1px solid var(--line);background:#fff;position:sticky;bottom:0}.tab{flex:1;padding:12px;border:0;background:none;font-size:14px;color:var(--ink3);font-weight:600}.tab.active{color:var(--navy)}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px;margin:0 auto;max-width:420px;width:100%}.card h2{margin:0 0 4px;font-size:18px;color:var(--navy)}.card h3.section{margin:20px 0 8px;font-size:14px;color:var(--ink2)}.login label,.card label{display:block;font-size:13px;font-weight:600;margin:12px 0 5px}input,select{width:100%;padding:11px 12px;font-size:16px;border:1px solid var(--line);border-radius:10px;background:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:12px;border:0;font-size:15px;font-weight:700;cursor:pointer;width:100%;margin-top:14px}.btn.primary{background:var(--navy);color:#fff}.btn.primary:disabled{opacity:.6}.btn.ghost{background:#eef2f8;color:var(--ink2)}.btn.big{padding:16px;font-size:16px}.row{display:flex;gap:10px}.row .btn{margin-top:14px}.error{color:var(--red);font-size:13.5px;margin:10px 0 0}.error-title{color:var(--red)!important}.qr-region{width:100%;border-radius:12px;overflow:hidden;margin:8px 0}.card.success{border-color:#bfe3cb;background:var(--greenbg)}.card.success h2{color:var(--green)}.member{font-size:18px;font-weight:700;margin:8px 0 0}.bigdiscount{display:flex;flex-direction:column;align-items:center;background:#fff;border-radius:14px;padding:18px;margin:14px 0}.bigdiscount .lbl{font-size:12px;color:var(--ink3);text-transform:uppercase;letter-spacing:.6px}.bigdiscount .amount{font-size:40px;font-weight:800;color:var(--green)}.payvalue{font-size:20px;font-weight:800;color:var(--ink);margin:4px 0 2px}.kpis{display:grid;grid-template-columns:1fr 1fr;gap:10px}.kpi{background:#f7f9fd;border:1px solid var(--line);border-radius:12px;padding:12px}.kpi-num{font-size:22px;font-weight:800;color:var(--navy)}.kpi-lbl{font-size:12px;color:var(--ink3)}.list{list-style:none;padding:0;margin:8px 0 0}.list-item{display:flex;justify-content:space-between;gap:8px;padding:9px 0;border-bottom:1px dashed var(--line);font-size:14px}.list-item:last-child{border-bottom:0}