*{box-sizing:border-box}
body{margin:0;background:#f5f8fb;color:var(--ink);font-family:Arial,"Noto Sans Hebrew",sans-serif}
.wallet-wrap{max-width:760px;margin:auto;min-height:100vh;padding:14px 14px 90px}
.wallet-head{background:#fff;border:1px solid var(--line);border-radius:25px;padding:13px 15px;display:flex;align-items:center;gap:11px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}
.wallet-head:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:#00a9ce}
.wallet-head img{width:50px;height:50px;object-fit:contain}
.wallet-head b,.wallet-head small{display:block}
.wallet-head small{color:var(--muted)}
.wallet-head button{margin-right:auto}
.hero-wallet{margin-top:14px;border-radius:28px;padding:24px;color:#fff;min-height:220px;background:radial-gradient(circle at 15% 10%,rgba(255,255,255,.2),transparent 32%),linear-gradient(135deg,#0d82aa,#765eea 55%,#b68123);box-shadow:0 20px 55px rgba(69,79,140,.24);position:relative;overflow:hidden}
.hero-wallet:after{content:"";position:absolute;width:210px;height:210px;border:1px solid rgba(255,255,255,.18);border-radius:50%;left:-60px;bottom:-90px}
.hero-wallet span{font-size:10px;font-weight:850;opacity:.8}
.hero-wallet h1{font-size:39px;margin:8px 0 3px}
.hero-wallet p{margin:0;opacity:.82}
.wallet-mini{display:flex;gap:9px;margin-top:22px}
.wallet-mini div{padding:10px 12px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.10);border-radius:15px;backdrop-filter:blur(12px)}
.wallet-mini b,.wallet-mini small{display:block}
.wallet-mini small{font-size:9px;opacity:.75}
.bonus-card,.wallet-panel{background:#fff;border:1px solid var(--line);border-radius:22px;padding:16px;margin-top:12px;box-shadow:var(--shadow-sm)}
.bonus-card h2,.wallet-panel h2{margin:0 0 7px;font-size:17px}
.bonus-card p{color:var(--muted);font-size:11px;line-height:1.55}
.bonus-progress{height:12px;background:#edf1f5;border-radius:999px;overflow:hidden;margin:13px 0}
.bonus-progress i{display:block;height:100%;background:#00a9ce;border-radius:inherit}
.bonus-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.bonus-step{border:1px solid var(--line);border-radius:13px;padding:8px;text-align:center;font-size:10px;color:var(--muted)}
.bonus-step.done{background:#ecfdf3;border-color:#abefc6;color:#067647;font-weight:850}
.wallet-list{display:grid;gap:7px}
.wallet-row{display:grid;grid-template-columns:1fr auto;gap:8px;border-bottom:1px solid #edf0f4;padding:10px 0}
.wallet-row:last-child{border-bottom:0}
.wallet-row b,.wallet-row small{display:block}
.wallet-row small{color:var(--muted);font-size:9px;margin-top:3px}
.wallet-row strong.credit{color:#067647}
.wallet-row strong.debit{color:#b4232d}
.btn{border:0;border-radius:14px;min-height:42px;padding:0 12px;font-weight:850;cursor:pointer}
.btn.ghost{background:#fff;border:1px solid var(--line)}
.login{min-height:100vh;display:grid;place-items:center;padding:20px}
.login-card{width:min(430px,100%);background:#fff;border:1px solid var(--line);border-radius:28px;padding:28px;text-align:center;box-shadow:var(--shadow)}
.login-card img{width:80px;height:80px}
.login-card form{display:grid;gap:9px;margin-top:15px}
.login-card input{height:49px;border:1px solid var(--line);border-radius:14px;padding:0 13px}
.login-card .btn{background:linear-gradient(135deg,#05a9d6,#147fa9);color:#fff}
.login-error{min-height:16px;color:#b4232d;font-size:11px}
.toast{position:fixed;bottom:16px;left:16px;background:#101828;color:#fff;padding:11px 14px;border-radius:13px;opacity:0}
.toast.show{opacity:1}
@media(max-width:520px){.hero-wallet h1{font-size:34px}
.wallet-mini{display:grid;grid-template-columns:1fr 1fr}
.bonus-steps{grid-template-columns:repeat(4,1fr)}
}

/* Shared visual language for the business workspaces. */
:root{--primary:#00a9ce;--primary-deep:#007d98;--ink:#172126;--muted:#626f76;--line:#e4eaed;--success:#087f5b;--danger:#bc3545;--warn:#a36b06;--gold:#007d98;--gold-deep:#007d98;--ultra-purple:#0096b5;--ultra-pink:#00a9ce;--ultra-blue:#087cad;--shadow-sm:0 3px 16px rgba(21,48,57,.035);--shadow:0 20px 60px rgba(21,48,57,.08)}
*{box-sizing:border-box}html{color-scheme:light}body,.seller-page,.pos-page{margin:0;background:#f5f7f8;color:var(--ink);font-family:Arial,"Noto Sans Hebrew",sans-serif;font-size:14px;line-height:1.5}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:var(--primary-deep)}img{max-width:100%}h1,h2,h3{color:var(--ink);letter-spacing:-.025em;line-height:1.2}h1{font-weight:850}p{line-height:1.65}button:focus-visible,a:focus-visible,[role="button"]:focus-visible{outline:3px solid #007d98;outline-offset:4px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #008ead;outline-offset:2px}input,textarea,select{color:var(--ink);min-width:0}button:disabled{cursor:not-allowed;opacity:.5}button,.btn,[role="button"]{transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}.ico{width:20px;height:20px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.btn{min-height:44px;padding:10px 16px;border-radius:12px;text-decoration:none;font-size:13px;font-weight:750;line-height:1.3;white-space:normal}.btn.primary,.btn.gold{background:#00a9ce;border:1px solid #00a9ce;box-shadow:none;color:#062d37}.btn.primary:hover,.btn.gold:hover{background:#00b8da;border-color:#00b8da}.btn.ghost{background:#fff;border:1px solid var(--line);color:#273a43}.btn.ghost:hover{background:#f1f7f8;border-color:#bfdce2}.btn.dark{background:#203138;color:#fff;border:1px solid #203138}.btn.danger{background:#fff0f2;color:#a72d3e;border:1px solid #f4ced4}.btn.danger:hover{background:#ffe1e7}.icon-btn,.avatar-btn{width:44px;height:44px;border-radius:13px;flex-shrink:0}.icon-btn{color:var(--ink)}.avatar-btn{background:#e4f7fb;color:#00748c}.login,.login-wrap,.pos-login{padding:28px 18px;background:radial-gradient(ellipse at 50% 0,#e4f8fc,transparent 55%),#f7f9fa;min-height:100vh;min-height:100dvh}.login-card,.pos-login-card{width:min(450px,100%);border:1px solid #e6edef;border-radius:26px;padding:36px;box-shadow:0 18px 60px rgba(27,66,76,.07)}.login-card:before,.pos-login-card:before{display:none}.login-card img,.pos-login-card img,.login-logo{width:64px;height:64px;display:block;margin:0 auto 14px}.login-card h1,.pos-login-card h1{font-size:27px;margin:10px 0}.login-card p,.pos-login-card p{font-size:14px;color:var(--muted);line-height:1.6}.login-card input,.pos-login-card input{font-size:16px;height:52px;background:#f7f9fa;border:1px solid #e1e8eb;border-radius:13px}.login-card .btn,.pos-login-card .btn{min-height:50px;font-size:15px}.login-error{font-size:13px;line-height:1.5;min-height:20px}.login-brand-name,.ultra-kicker{display:block;text-align:center;color:var(--primary-deep);font-size:13px;font-weight:750;letter-spacing:0}.modal-layer{background:rgba(24,47,55,.35);backdrop-filter:blur(4px);padding:24px;overflow:auto;overscroll-behavior:contain}.modal-card{max-height:calc(100dvh - 48px);overflow:auto;border-radius:24px;padding:24px;box-shadow:0 24px 90px rgba(15,44,53,.18)}.modal-card h2{font-size:23px}.modal-card input,.modal-card select,.modal-card textarea{font-size:16px;min-height:46px}.modal-card input[type="checkbox"]{min-height:0;accent-color:var(--primary-deep)}.modal-card>header{gap:14px;align-items:flex-start}.toast{max-width:min(440px,calc(100vw - 32px));padding:13px 18px;line-height:1.5;border-radius:14px;font-size:14px;background:#203138;color:#fff;box-shadow:0 8px 28px #17343e24;pointer-events:none;z-index:150}.empty,.empty-state,.empty-mini,.empty-ticket,.focus-empty{color:#68777e}.empty-state h3,.empty h3,.focus-empty h3{color:#26383f}.ultra-line,.ultra-rule{display:none}.full{grid-column:1/-1}.hidden{display:none!important}
@media(max-width:600px){body,.seller-page,.pos-page{font-size:14px}.login-card,.pos-login-card{padding:28px 22px}.modal-layer{padding:12px}.modal-card{padding:20px;max-height:calc(100dvh - 24px)}.modal-card h2{font-size:21px}.btn{min-height:46px}.toast{bottom:calc(20px + env(safe-area-inset-bottom));inset-inline:16px;width:max-content;margin:auto}.modal-card .form-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Customer wallet: cyan balance card, transparent reward progress. */
.wallet-wrap{max-width:820px;padding:22px 22px calc(38px + env(safe-area-inset-bottom))}.wallet-head{border-radius:18px;padding:17px 20px;gap:12px;box-shadow:none}.wallet-head:before,.hero-wallet:after{display:none}.wallet-head img{width:42px;height:42px}.wallet-head b{font-size:17px;letter-spacing:-.03em;line-height:1.2}.wallet-head small{font-size:12px;margin-top:4px}.wallet-head button{flex-shrink:0}.hero-wallet{margin-top:24px;border-radius:24px;padding:30px;color:#113e49;min-height:240px;background:#dff6fb;border:1px solid #c9eaf2;box-shadow:none}.hero-wallet span{font-size:13px;opacity:1;color:#407180}.hero-wallet h1{font-size:48px;line-height:1.15;margin:12px 0 8px;color:#123d49;font-variant-numeric:tabular-nums}.hero-wallet p{font-size:14px;opacity:1;color:#4a6f7a}.wallet-mini{gap:12px;margin-top:26px}.wallet-mini div{padding:14px 18px;background:#f6fdff;border:1px solid #cbeaf1;border-radius:14px;min-width:145px;backdrop-filter:none}.wallet-mini small{font-size:12px;color:#5b7b85;opacity:1}.wallet-mini b{font-size:20px;margin-top:5px;overflow-wrap:anywhere;color:#24525f}.bonus-card,.wallet-panel{padding:25px;border-radius:20px;box-shadow:none;margin-top:20px}.bonus-card h2,.wallet-panel h2{font-size:21px;margin-bottom:12px}.bonus-card p{font-size:14px;line-height:1.75;color:#627982}.bonus-progress{height:11px;background:#eaf2f5;margin:20px 0}.bonus-progress i{background:#00a9ce}.bonus-steps{gap:10px}.bonus-step{font-size:12px;padding:12px 8px;border-radius:11px;background:#f8fafb;color:#647b85}.bonus-step.done{background:#e7f8f1;border-color:#cdeada;color:#147153}.wallet-list{gap:0}.wallet-row{padding:17px 0;gap:16px;align-items:center}.wallet-row b{font-size:14px;overflow-wrap:anywhere}.wallet-row small{font-size:12px;margin-top:5px;line-height:1.65}.wallet-row strong{font-size:17px;white-space:nowrap;font-variant-numeric:tabular-nums}.login-card .btn{background:#00a9ce;color:#062d37;box-shadow:none}
@media(max-width:560px){.wallet-wrap{padding:14px 14px calc(30px + env(safe-area-inset-bottom))}.wallet-head{padding:14px 12px;gap:10px}.wallet-head img{width:36px;height:36px}.wallet-head b{font-size:15px}.wallet-head small{font-size:11px}.wallet-head button{font-size:12px;min-height:42px;padding:8px 11px}.hero-wallet{padding:25px 22px;margin-top:20px;border-radius:21px}.hero-wallet h1{font-size:40px;overflow-wrap:anywhere}.hero-wallet p{font-size:13px}.wallet-mini{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.wallet-mini div{min-width:0;padding:13px 12px}.wallet-mini b{font-size:17px}.wallet-mini small{font-size:11px}.bonus-card,.wallet-panel{padding:20px 18px;border-radius:18px}.bonus-card h2,.wallet-panel h2{font-size:20px}.bonus-card p{font-size:13px}.bonus-steps{gap:6px}.bonus-step{font-size:11px;padding:11px 4px}.wallet-row{gap:10px}.wallet-row b{font-size:13px}.wallet-row small{font-size:11px}.wallet-row strong{font-size:15px}}