:root{--amber:#db9600;--amber-d:#b8790a;--ink:#201815;--soft:#4a4038;--mute:#8a8178;--cream:#f6f1e8;--panel:#fff;--sand:#ebe4d6;--line:#e7dfce;--band:#1b1512;--good:#2e8b57;--good-s:#e8f5ec;--red:#c0392b;--red-s:#fdeceb;--amb:#fff5e2}*{box-sizing:border-box}body{background:var(--cream);color:var(--ink);margin:0;font-family:-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:15px}.wrap{max-width:1000px;margin:0 auto;padding:18px 16px 48px}.top{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.logo{width:auto;height:50px;display:block}.mark{background:var(--band);color:#fff;border-radius:12px;place-items:center;width:42px;height:42px;font-size:18px;font-weight:800;display:grid}.mark b{color:var(--amber)}.sug{border:1px solid var(--line);background:#fff;border-radius:12px;margin-top:10px;overflow:hidden}.sug .it{cursor:pointer;border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:10px 13px;display:flex}.sug .it:last-child{border-bottom:0}.sug .it:hover,.sug .it.sel{background:var(--amb)}.sug .it .nm{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.sug .it .mt2{color:var(--mute);font-size:12px}.sug .it .tag{text-transform:uppercase;letter-spacing:.4px;border-radius:999px;flex:none;margin-left:auto;padding:3px 8px;font-size:10px;font-weight:800}.sug .tags{flex:none;align-items:center;gap:6px;margin-left:auto;display:flex}.sug .tags .tag{margin-left:0}.sug .tag.st{color:#2c4a7a;background:#e8eef7}.sug .tag.cg{color:#6b3fa0;background:#efe7f8}.sug .tag.m{background:var(--good-s);color:var(--good)}.sug .tag.f{background:var(--sand);color:var(--soft)}.sug .tag.no{background:var(--sand);color:var(--mute)}.sug .tag.other{color:#9a6b00;background:#fdecc8;box-shadow:inset 0 0 0 1px #e8b54a}.bl{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:9px 0;display:flex}.bl:last-child{border-bottom:0}.bl .d{flex:1;min-width:0}.bl .d .n{white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;overflow:hidden}.bl .d .w{color:var(--mute);font-size:11.5px}.bl .qty{align-items:center;gap:6px;display:flex}.bl .qty button{border:1px solid var(--line);background:var(--cream);cursor:pointer;width:26px;height:26px;color:var(--ink);border-radius:7px;font-weight:800}.bl .qty span{text-align:center;font-variant-numeric:tabular-nums;min-width:18px;font-weight:700}.bl .pp{text-align:right;min-width:72px}.bl .pp b{color:var(--good);font-variant-numeric:tabular-nums;font-weight:800;display:block}.bl .pp small{color:var(--mute);font-size:11px}.bl .pp.no b{color:var(--mute);font-weight:600}.bl .rm{color:var(--mute);cursor:pointer;background:0 0;border:0;padding:4px;font-size:16px}.ttl{font-size:17px;font-weight:800;line-height:1.1}.sub{color:var(--mute);font-size:12.5px}.chip{background:var(--panel);border:1px solid var(--line);border-radius:999px;margin-left:auto;padding:7px 13px;font-size:13px;font-weight:600}.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:0 8px 28px #2018150f}.pad{padding:18px}.mt{margin-top:16px}input,button{font:inherit}.field{background:var(--cream);border:1.5px solid var(--line);border-radius:12px;align-items:center;gap:9px;padding:0 13px;display:flex}.field:focus-within{border-color:var(--amber)}.field input{min-width:0;color:var(--ink);background:0 0;border:0;outline:none;flex:1;padding:13px 0;font-size:16px}.btn{cursor:pointer;white-space:nowrap;border:0;border-radius:12px;padding:13px 18px;font-weight:700;transition:transform 80ms,filter .12s}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.prim{background:var(--amber);color:#fff}.btn.dark{background:var(--band);color:#fff}.btn.ghost{background:var(--cream);border:1.5px solid var(--line);color:var(--ink)}.row{flex-wrap:wrap;gap:10px;display:flex}.hint{color:var(--mute);margin:9px 2px 0;font-size:12.5px}.lbl{letter-spacing:.5px;text-transform:uppercase;color:var(--mute);font-size:11px;font-weight:800}.hidden{display:none!important}.empty{text-align:center;color:var(--soft);padding:26px 10px}.empty .ico{font-size:44px}.cust{flex-wrap:wrap;align-items:flex-start;gap:14px;display:flex}.ava{background:var(--amber);color:#fff;border-radius:50%;flex:0 0 58px;place-items:center;width:58px;height:58px;font-size:22px;font-weight:800;display:grid}.name{font-size:20px;font-weight:800}.meta{color:var(--soft);flex-wrap:wrap;gap:3px 16px;margin-top:5px;font-size:13px;display:flex}.meta .k{color:var(--mute)}.pts{text-align:center;background:var(--amb);border:1px solid var(--amber);border-radius:14px;min-width:130px;margin-left:auto;padding:10px 20px}.pts .n{color:var(--amber-d);font-variant-numeric:tabular-nums;font-size:38px;font-weight:800;line-height:1}.pts .u{color:var(--soft);font-size:12px;font-weight:600}.actions{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px;display:grid}@media (width<=560px){.actions{grid-template-columns:1fr}}.act{border:1.5px solid var(--line);background:var(--cream);cursor:pointer;text-align:left;border-radius:12px;flex-direction:column;gap:2px;padding:13px;display:flex}.act:hover{border-color:var(--amber)}.act .ic{font-size:19px}.act .t{font-size:14px;font-weight:700}.act .d{color:var(--mute);font-size:12px}.cgbadge{color:#6b3fa0;background:#efe7f8;border-radius:999px;margin-top:4px;padding:3px 10px;font-size:12px;font-weight:800;display:inline-block}.redeemok{border:1.5px solid var(--good);background:var(--good-s);border-radius:14px;margin-top:14px;padding:14px}.redeemok .ro-h{align-items:flex-start;gap:10px;display:flex}.redeemok .ro-ic{font-size:22px}.redeemok .ro-t{color:var(--good);font-weight:800}.redeemok .ro-i{color:var(--ink);margin-top:3px;font-size:15px}.redeemok .ro-r{color:var(--soft);margin-top:3px;font-size:12px}.habit{border:1px solid var(--line);background:#fff;border-radius:14px;margin-top:14px;padding:12px 14px}.hb{border-top:1px solid var(--line);align-items:center;gap:10px;padding:8px 0;display:flex}.hb:first-child{border-top:0}.hb .d{flex:1;min-width:0}.hb .n{font-size:14px;font-weight:700}.hb .w{color:var(--mute);font-size:12px}.mvit{color:var(--soft);margin:3px 0 2px;font-size:12.5px;line-height:1.45}.mvit .cd{color:var(--mute)}.act.locked,.act.locked:hover{opacity:.45;cursor:not-allowed;border-color:var(--line)}.legacy{border:1.5px solid var(--amber);background:var(--amb);border-radius:14px;margin-top:14px;padding:14px}.legacy .lg-h{align-items:center;gap:10px;display:flex}.legacy .lg-ic{font-size:24px}.legacy .lg-t{color:var(--ink);font-weight:800}.legacy .lg-s{color:var(--soft);margin-top:2px;font-size:13px}.legacy .lg-eq{color:var(--soft);font-size:14px}.legacy .lg-eq b{color:var(--amber-d);font-size:18px}.box{border:1.5px dashed var(--amber);background:var(--amb);border-radius:14px;margin-top:12px;padding:14px}.euro{border:1.5px solid var(--line);background:#fff;border-radius:12px;flex:170px;align-items:center;gap:8px;padding:0 13px;display:flex}.euro input{min-width:0;color:var(--ink);background:0 0;border:0;outline:none;flex:1;padding:12px 0;font-size:18px;font-weight:700}.euro span{color:var(--mute);font-weight:700}.rwd{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:10px 0;display:flex}.rwd:last-child{border-bottom:0}.rwd .c{text-align:center;flex:0 0 66px}.rwd .c b{color:var(--amber-d);font-weight:800;display:block}.rwd .c small{color:var(--mute);font-size:10px}.rwd .n{flex:1;min-width:0;font-size:14px}.mini{cursor:pointer;background:var(--amber);color:#fff;border:0;border-radius:999px;padding:8px 14px;font-size:12.5px;font-weight:700}.mini:disabled{background:var(--sand);color:var(--mute);cursor:not-allowed}.mv{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:9px 0;display:flex}.mv:last-child{border-bottom:0}.mv .d{flex:1;min-width:0}.mv .d .n{font-size:13.5px;font-weight:600}.mv .d .w{color:var(--mute);font-size:11.5px}.mv .a{font-variant-numeric:tabular-nums;font-weight:800}.mv.earn .a{color:var(--good)}.mv.spend .a{color:var(--red)}.mv .mv-undo{border:1px solid var(--line);color:var(--red);cursor:pointer;white-space:nowrap;background:#fff;border-radius:999px;flex:none;padding:5px 10px;font-size:11.5px;font-weight:700}.mv .mv-undo:hover{background:var(--red-s);border-color:var(--red)}.grid2{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=720px){.grid2{grid-template-columns:1fr}}.fgrid{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=560px){.fgrid{grid-template-columns:1fr}}.fgrid label{display:block}.fgrid .flbl{color:var(--mute);margin-bottom:4px;font-size:11px;font-weight:700}.inp{border:1.5px solid var(--line);background:var(--cream);border-radius:12px;outline:none;width:100%;padding:12px 13px;font-size:15px}.inp:focus{border-color:var(--amber)}.check{color:var(--soft);align-items:flex-start;gap:9px;margin-top:12px;font-size:13px;display:flex}.toast{background:var(--band);color:#fff;z-index:9;text-align:center;border-radius:12px;max-width:92vw;padding:13px 20px;font-weight:600;transition:all .3s;position:fixed;bottom:22px;left:50%;transform:translate(-50%)translateY(140%);box-shadow:0 10px 30px #0000004d}.toast.show{transform:translate(-50%)translateY(0)}.toast .g{color:var(--amber)}
