*{box-sizing:border-box}body{margin:0;background:#f4f7f6;color:#16382f;font:15px/1.6 system-ui,sans-serif}header{max-width:1100px;margin:auto;padding:25px 28px;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#72837c}a{color:#166450}main{max-width:1060px;margin:auto;padding:15px 28px 40px}.intro h1{font-size:43px;line-height:1.12;letter-spacing:-1.6px;margin:12px 0 18px}.intro p{color:#70827a}.tag{color:#19705a;font-size:11px;letter-spacing:2px;font-weight:750}.notice{background:#fff8e8;color:#7c6b42;padding:14px 18px;border-radius:10px;font-size:12px;margin:24px 0}.business-label{font-size:12px;display:block;max-width:350px}select,input{display:block;width:100%;padding:12px;border:1px solid #d9e2dc;border-radius:8px;font:inherit;background:white;color:#234a3b}nav{display:flex;gap:8px;margin:22px 0}button,.button{border:0;border-radius:9px;padding:12px 18px;background:#155440;color:white;cursor:pointer;font:600 14px system-ui;text-decoration:none;display:inline-block}nav button{background:#e5eeea;color:#577366}nav button.active{background:#155440;color:#fff}.secondary{background:#e9f2ed;color:#205a46}.layout{display:grid;grid-template-columns:1fr 1fr;gap:24px}.panel{padding:28px;border:1px solid #e1e9e4;border-radius:16px;background:white}h2{font-size:23px;margin:0 0 12px;letter-spacing:-.5px}p{color:#708278}small{font-size:12px;color:#819088}.qr{display:block;max-width:100%;width:220px;height:220px;margin:20px auto}.code{word-break:break-all;font:11px monospace;color:#6c8176;margin:12px 0}.actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}label{display:block;margin:15px 0 7px;font-size:13px;font-weight:650}.card{background:#154f3c;border-radius:16px;padding:25px;color:white}.card h2{margin:12px 0}.card p,.card small{color:#c6dace}.card .qr{background:#fff;border-radius:10px;padding:8px}.stamps{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.stamp{display:grid;place-items:center;border:1px dashed #819d8c;width:32px;height:32px;border-radius:50%;color:#abc4b4}.stamp.yes{background:#d4eab5;color:#124932;border-color:#d4eab5}.number{font-size:35px;line-height:1.1;font-weight:750}.step{display:flex;gap:12px;margin:20px 0}.step b{background:#edf4ef;padding:4px 12px;border-radius:8px;color:#326e57}.step p{margin:0;font-size:13px}.empty{padding:25px;text-align:center}#message:not(:empty){background:#123e30;color:white;border-radius:10px;padding:15px 20px;margin:20px 0}footer{font-size:11px;color:#819288;margin-top:30px}video{width:100%;max-height:250px;background:#10251c;border-radius:10px}input[type=file]{font-size:12px}button:disabled{opacity:.45;cursor:not-allowed}@media(max-width:700px){main{padding:8px 18px 30px}header{padding:20px 18px}header span{display:none}.intro h1{font-size:34px}.layout{grid-template-columns:1fr}.panel{padding:22px}nav button{padding:12px;font-size:12px;flex:1}nav{gap:5px}}
.customer-code{background:#ffffff12;border:1px solid #ffffff35;border-radius:10px;padding:14px;margin:14px 0}.customer-code strong{display:block;letter-spacing:2px;font-size:27px}.search-result{display:block;text-align:left;width:100%;margin:10px 0;min-height:60px;padding:15px}.search-result b,.search-result span{display:block}.search-result span{font-size:12px;margin-top:5px;font-weight:450}.cash-code{background:#eaf4ee;border-radius:8px;padding:10px 14px;margin-bottom:18px}.search-empty{font-size:13px;padding:15px;background:#f4f7f5;border-radius:8px}details{margin-top:22px;border-top:1px solid #e2e9e4;padding-top:16px}summary{cursor:pointer;font-weight:650;color:#235d47}nav{flex-wrap:wrap}input,select{font-size:16px}button{min-height:44px}@media(max-width:700px){nav button{flex:1 1 42%;font-size:14px}.actions button{width:100%}.customer-code strong{font-size:25px}}

.business-logo{display:block;max-width:180px;width:auto;max-height:72px;object-fit:contain;background:#fff;border-radius:10px;padding:8px;margin-bottom:18px;position:relative;z-index:1}.branded-card h2,.branded-card p,.branded-card small,.branded-card .eyebrow,.branded-card .stamp{color:var(--card-text)!important}.branded-card .stamp{border-color:currentColor}.branded-card .stamp.yes{background:var(--card-accent);color:var(--card-accent-text)!important;border-color:var(--card-accent)}.branded-card h2{margin-top:16px}.branded-card p{margin-top:12px}

body.client-card-view{background:#edf1f4}body.client-card-view header,body.client-card-view .intro,body.client-card-view .notice,body.client-card-view .business-label,body.client-card-view nav,body.client-card-view footer{display:none}body.client-card-view main{max-width:520px;margin:0 auto;padding:16px}body.client-card-view #content>.layout{display:block}body.client-card-view #content>.layout>.panel{display:none}body.client-card-view .card{width:100%;padding:24px;border-radius:22px}body.client-card-view .card .qr{margin:24px auto}body.client-card-view .business-logo{max-width:180px;max-height:76px}body.client-card-view .card .tag{color:var(--card-text)}@media(max-width:520px){body.client-card-view main{padding:0}body.client-card-view .card{border-radius:0;min-height:100dvh}}