:root{--paper:#FCFAF5;--paper-2:#F6EEE1;--card:#FFFFFF;--ink:#221913;--ink-2:#6E6055;--ink-3:#756656;--line:#EBE0CF;--line-2:#F1E9DC;--flame:#ED5A35;--flame-deep:#C7421C;--honey:#F3B53F;--crust:#1B1009;--crust-2:#2a1c12;--ok:#2e7d4f;--ok-bg:#E8F3EC;--err:#C7421C;--err-bg:#FBEAE4;--warn:#9A6A00;--warn-bg:#FBF1D9;--display:"Bricolage Grotesque",system-ui,sans-serif;--body:"Hanken Grotesk",system-ui,sans-serif;--header-h:58px;--nav-h:66px;--rail-w:230px;--shadow-sm:0 1px 2px rgba(34,25,19,.06), 0 1px 3px rgba(34,25,19,.05);--shadow-card:0 1px 2px rgba(34,25,19,.04), 0 5px 14px -6px rgba(34,25,19,.1);--shadow-lift:0 10px 26px -10px rgba(34,25,19,.2);--shadow:0 8px 24px -12px rgba(34,25,19,.22)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--display);letter-spacing:-.02em;margin:0}button{font-family:var(--body);cursor:pointer}input,select,textarea{font-family:var(--body)}a{color:inherit;text-decoration:none}.btn-primary,.btn-outline,.btn-ghost,.btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 18px;border-radius:13px;font-size:1rem;font-weight:600;border:1.5px solid transparent;transition:transform .12s ease,background .15s ease,opacity .15s}.btn-primary:active,.btn-outline:active,.btn-ghost:active,.btn-danger:active{transform:scale(.985)}.btn-primary{background:linear-gradient(180deg,color-mix(in srgb,var(--flame) 92%,#fff),var(--flame));color:#fff;box-shadow:0 1px 1px #ffffff40 inset,0 6px 16px -8px var(--flame-deep)}.btn-primary:hover{background:var(--flame-deep);box-shadow:0 8px 18px -8px var(--flame-deep)}.btn-primary:disabled{opacity:.55;box-shadow:none}.btn-outline{background:var(--card);color:var(--ink);border-color:var(--line)}.btn-outline:hover{border-color:var(--ink-3)}.btn-ghost{background:transparent;color:var(--ink-2);border:none;padding:12px}.btn-danger{background:var(--err-bg);color:var(--err)}.btn-sm{width:auto;min-height:44px;padding:9px 14px;font-size:.9rem;border-radius:10px}.btn-row{display:flex;gap:10px}.btn-row>*{flex:1}.login-screen{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(120% 80% at 50% 0%,#2a1810,var(--crust))}.login-card{width:100%;max-width:390px;background:var(--paper);border-radius:24px;padding:34px 28px;box-shadow:0 30px 70px -30px #0009}.login-logo{text-align:center;margin-bottom:26px}.login-logo h1{font-size:2rem;font-weight:800;margin-top:10px}.login-logo p{color:var(--ink-2);margin-top:2px}.form{display:flex;flex-direction:column;gap:16px}.form label,.login-card label{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:.88rem;color:var(--ink-2)}.form input,.login-card input,.form select,.form textarea,.search{font-size:1.02rem;padding:12px 14px;border:1.5px solid var(--line);border-radius:12px;background:var(--card);color:var(--ink);width:100%}.form input:focus,.login-card input:focus,.form select:focus,.form textarea:focus,.search:focus{outline:none;border-color:var(--flame);box-shadow:0 0 0 3px color-mix(in srgb,var(--flame) 14%,transparent)}.field-hint{font-size:.82rem;color:var(--ink-3);font-weight:500}.form-error{color:var(--err);font-weight:600;font-size:.92rem;margin:0}.form-row{display:flex;gap:12px}.form-row>label{flex:1}.switch{position:relative;display:inline-flex;align-items:center;gap:10px;cursor:pointer;font-weight:600;color:var(--ink)}.switch input{position:absolute;opacity:0}.switch .track{width:44px;height:26px;border-radius:999px;background:var(--line);transition:background .15s;flex:none}.switch .thumb{position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:var(--shadow-sm);transition:transform .15s}.switch input:checked~.track{background:var(--ok)}.switch input:checked~.thumb{transform:translate(18px)}.app-shell{min-height:100%}.app-header{position:sticky;top:0;z-index:20;height:var(--header-h);display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:var(--crust);color:#fff}.app-brand{display:flex;align-items:center;gap:9px;font-family:var(--display);font-weight:700;font-size:1.05rem}.app-brand-name{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-right{display:flex;align-items:center;gap:10px}.role-chip{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;background:#ffffff24;padding:4px 9px;border-radius:999px}.logout-btn{display:flex;align-items:center;gap:6px;background:#ffffff1f;color:#fff;border:none;padding:8px 13px;border-radius:999px;font-size:.85rem;font-weight:600}.logout-btn:hover{background:#fff3}.app-main{padding:18px 16px calc(var(--nav-h) + 26px)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:var(--nav-h);z-index:20;display:flex;background:#fffffff0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.bottom-nav a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--ink-3);font-size:.7rem;font-weight:600}.bottom-nav a.active{color:var(--flame)}.bottom-nav a.active .nav-ic{transform:translateY(-1px)}.nav-ic{line-height:0}.app-rail{display:none}@media (min-width:880px){.bottom-nav,.app-header{display:none}.app-shell{display:grid;grid-template-columns:var(--rail-w) 1fr}.app-rail{display:flex;flex-direction:column;gap:6px;position:sticky;top:0;height:100vh;background:var(--crust);color:#fff;padding:20px 14px}.rail-brand{display:flex;align-items:center;gap:10px;font-family:var(--display);font-weight:800;font-size:1.2rem;padding:6px 10px 18px}.rail-nav{display:flex;flex-direction:column;gap:4px}.rail-nav a{display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:11px;color:#ffffffb8;font-weight:600;font-size:.95rem}.rail-nav a:hover{background:#ffffff14;color:#fff}.rail-nav a.active{background:var(--flame);color:#fff}.rail-foot{margin-top:auto;display:flex;flex-direction:column;gap:10px;border-top:1px solid rgba(255,255,255,.12);padding-top:14px}.rail-merchant{font-size:.82rem;color:#fff9;padding:0 10px}.rail-merchant b{color:#fff;display:block;font-size:.95rem}.app-main{padding:30px 34px;max-width:1100px}}.page{max-width:620px;margin:0 auto}.page-wide{max-width:1000px}.page-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.page-title{font-size:1.6rem;font-weight:800}.page-sub{color:var(--ink-2);margin-top:2px}.section-h{font-family:var(--display);font-size:1.12rem;margin:26px 0 12px;display:flex;align-items:center;justify-content:space-between}.muted{color:var(--ink-2)}.center{text-align:center}.back-link{display:inline-flex;align-items:center;gap:6px;color:var(--ink-2);font-weight:600;margin-bottom:14px}.stack{display:flex;flex-direction:column;gap:10px;margin-top:18px}.row-between{display:flex;align-items:center;justify-content:space-between;gap:12px}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:var(--shadow-card)}.card+.card{margin-top:14px}.card-h{font-family:var(--display);font-size:1.05rem;margin-bottom:14px}.kpi-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media (min-width:640px){.kpi-grid{grid-template-columns:repeat(4,1fr)}}.kpi{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--honey) 4%,#fff));border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:var(--shadow-card);transition:transform .18s ease,box-shadow .18s ease}.kpi:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--flame),var(--honey));opacity:.9}.kpi:hover{transform:translateY(-2px);box-shadow:var(--shadow-lift)}.kpi-ic{width:36px;height:36px;border-radius:11px;display:flex;align-items:center;justify-content:center;color:var(--flame-deep);background:color-mix(in srgb,var(--flame) 13%,#fff);margin-bottom:10px}.kpi-val{font-family:var(--display);font-weight:800;font-size:1.75rem;line-height:1.1;letter-spacing:-.02em}.kpi-label{color:var(--ink-2);font-size:.86rem;font-weight:600;margin-top:2px}.kpi-trend{display:inline-flex;align-items:center;gap:3px;font-size:.8rem;font-weight:700;margin-top:8px;padding:2px 7px;border-radius:999px}.kpi-trend.up{color:var(--ok);background:var(--ok-bg)}.kpi-trend.down{color:var(--err);background:var(--err-bg)}.kpi-trend.flat{color:var(--ink-3);background:var(--paper-2)}.segmented{display:inline-flex;background:var(--paper-2);border:1px solid var(--line);border-radius:11px;padding:3px;gap:2px}.segmented button{border:none;background:transparent;color:var(--ink-2);font-weight:600;font-size:.85rem;padding:7px 13px;border-radius:8px}.segmented button.active{background:var(--card);color:var(--ink);box-shadow:var(--shadow-sm)}.chart{width:100%}.chart-svg{width:100%;height:auto;display:block}.chart-axis{fill:var(--ink-3);font-size:9px;font-family:var(--body)}.chart-tip{text-align:center;font-size:.85rem;color:var(--ink-2);margin-top:8px;min-height:20px}.chart-tip b{color:var(--ink);font-family:var(--display)}.search-wrap{position:relative;margin-bottom:8px}.search-wrap .search{padding-left:42px}.search-ic{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--ink-3)}.list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.list-row,.list a.list-row{display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:15px;padding:13px 15px;box-shadow:var(--shadow-card)}.list a.list-row{transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.list a.list-row:hover{border-color:color-mix(in srgb,var(--flame) 35%,var(--line));box-shadow:var(--shadow-lift);transform:translateY(-1px)}.avatar{width:42px;height:42px;flex:none;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:700;color:var(--flame-deep);background:linear-gradient(150deg,color-mix(in srgb,var(--honey) 38%,#fff),color-mix(in srgb,var(--flame) 14%,#fff))}.list-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.list-name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-sub{color:var(--ink-3);font-size:.84rem}.pill-points{font-family:var(--display);font-weight:700;color:var(--flame);background:color-mix(in srgb,var(--flame) 12%,#fff);padding:5px 11px;border-radius:999px;font-size:.9rem;white-space:nowrap}.empty{text-align:center;padding:34px 16px;display:flex;flex-direction:column;gap:14px;align-items:center}.empty-ic{color:var(--ink-3)}.points-badge{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;background:linear-gradient(160deg,var(--crust-2),var(--crust));color:#fff;border-radius:22px;padding:28px 26px;margin:6px 0 14px;box-shadow:var(--shadow-lift),0 0 0 1px #f3b53f1f inset}.points-badge:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 90% at 50% -10%,rgba(243,181,63,.22),transparent 60%);pointer-events:none}.points-num{position:relative;font-family:var(--display);font-weight:800;font-size:3.5rem;line-height:1;color:var(--honey);letter-spacing:-.02em;text-shadow:0 2px 18px rgba(243,181,63,.35)}.points-label{color:#ffffffb3;font-weight:600}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:8px}.mini-stat{background:var(--card);border:1px solid var(--line);border-radius:13px;padding:12px;text-align:center}.mini-stat b{font-family:var(--display);font-size:1.25rem;display:block}.mini-stat span{color:var(--ink-3);font-size:.78rem;font-weight:600}.contact-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:6px}.contact-chip{display:inline-flex;align-items:center;gap:6px;background:var(--paper-2);border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:.86rem;color:var(--ink-2);font-weight:600}.tx-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.tx-list li{display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:11px 14px}.tx-delta{font-family:var(--display);font-weight:700;min-width:40px}.tx-delta.plus{color:var(--ok)}.tx-delta.minus{color:var(--err)}.tx-reason{flex:1;font-weight:500}.tx-date{color:var(--ink-3);font-size:.84rem}.qr-box{display:flex;justify-content:center;padding:22px;background:#fff;border:1px solid var(--line);border-radius:18px;margin:14px 0}.qr-hint{text-align:center;color:var(--ink-2);font-size:.88rem}.reward-card{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.reward-cost{font-family:var(--display);font-weight:800;color:var(--flame);font-size:1.05rem;white-space:nowrap;flex:none}.reward-ic{width:42px;height:42px;flex:none;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--flame-deep);background:color-mix(in srgb,var(--honey) 26%,#fff)}.reward-card .list-main{flex:1 1 120px}.reward-actions{display:flex;gap:8px;flex:none;margin-left:auto}@media (max-width:560px){.reward-actions{width:100%;justify-content:flex-end}}.icon-btn{width:44px;height:44px;flex:none;display:flex;align-items:center;justify-content:center;border-radius:11px;border:1px solid var(--line);background:var(--card);color:var(--ink-2)}.icon-btn:hover{border-color:var(--ink-3);color:var(--ink)}.icon-btn.danger:hover{border-color:var(--err);color:var(--err)}.badge{font-size:.72rem;font-weight:700;padding:3px 8px;border-radius:999px}.badge.off{background:var(--paper-2);color:var(--ink-3)}.badge.on{background:var(--ok-bg);color:var(--ok)}.scanner{width:100%;max-width:360px;margin:12px auto;border-radius:18px;overflow:hidden;border:2px solid var(--crust);background:#000}.scanner video{width:100%!important;height:auto!important;display:block}.scan-result{text-align:center;padding:28px 20px;border-radius:18px;margin-top:16px}.scan-result.ok{background:var(--ok-bg);border:1px solid var(--ok)}.scan-result.error{background:var(--err-bg);border:1px solid var(--err)}.scan-result-text{font-family:var(--display);font-size:1.3rem;font-weight:700;margin:0 0 8px}.scan-result.ok .scan-result-text{color:var(--ok)}.scan-result.error .scan-result-text{color:var(--err)}.scan-sub{color:var(--ink-2);margin-bottom:16px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#140c0780;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:flex-end;justify-content:center;padding:0;animation:fade .15s ease}.modal{width:100%;max-width:460px;background:var(--paper);border-radius:22px 22px 0 0;box-shadow:0 -10px 40px #00000040;animation:slideup .22s cubic-bezier(.2,.8,.2,1);max-height:90vh;overflow:auto}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 6px}.modal-head h3{font-size:1.2rem}.modal-close{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin:-8px -8px -8px 0;background:none;border:none;color:var(--ink-3);border-radius:11px}.modal-close:hover{color:var(--ink);background:var(--paper-2)}.modal-body{padding:8px 20px 18px}.modal-foot{padding:8px 20px 22px;display:flex;gap:10px}.modal-foot>*{flex:1}@media (min-width:560px){.modal-backdrop{align-items:center}.modal{border-radius:22px}}@keyframes slideup{0%{transform:translateY(30px);opacity:.6}to{transform:none;opacity:1}}@keyframes fade{0%{opacity:0}to{opacity:1}}.choice{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:var(--card);border:1.5px solid var(--line);border-radius:13px;padding:13px 15px;margin-bottom:10px}.choice:hover{border-color:var(--flame)}.choice:disabled{opacity:.5}.choice-main{flex:1}.choice-main b{display:block}.choice-cost{font-family:var(--display);font-weight:800;color:var(--flame)}.toast-wrap{position:fixed;left:0;right:0;bottom:calc(var(--nav-h) + 14px);z-index:80;display:flex;flex-direction:column;align-items:center;gap:8px;padding:0 16px;pointer-events:none}@media (min-width:880px){.toast-wrap{bottom:24px;right:24px;left:auto;align-items:flex-end}}.toast{pointer-events:auto;display:flex;align-items:center;gap:10px;background:var(--crust);color:#fff;padding:12px 16px;border-radius:13px;box-shadow:var(--shadow);font-weight:600;font-size:.92rem;max-width:420px;animation:slideup .2s ease}.toast-ic{display:flex}.toast-success .toast-ic{color:#6ee7a7}.toast-error{background:var(--err)}.toast-info .toast-ic{color:var(--honey)}.skeleton{display:block;background:linear-gradient(90deg,var(--paper-2) 25%,#efe6d6 50%,var(--paper-2) 75%);background-size:200% 100%;animation:shimmer 1.3s infinite}.sk-list{display:flex;flex-direction:column;gap:10px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}:focus-visible{outline:2px solid var(--flame);outline-offset:2px;border-radius:4px}.app-rail :focus-visible,.app-header :focus-visible,.bottom-nav :focus-visible,.points-badge :focus-visible{outline-color:var(--honey)}:focus:not(:focus-visible){outline:none}.list a.list-row:active,.choice:active,.icon-btn:active{transform:scale(.99)}.skip-link{position:absolute;left:8px;top:-60px;z-index:200;background:var(--crust);color:#fff;padding:10px 16px;border-radius:10px;font-weight:600;transition:top .15s}.skip-link:focus{top:8px}.switch-btn{display:inline-flex;align-items:center;gap:8px;min-width:44px;min-height:44px;padding:0 6px;background:none;border:none;color:var(--ink-2);font-weight:700;font-size:.72rem}.switch-btn .track{width:42px;height:25px;border-radius:999px;background:var(--line);position:relative;transition:background .15s;flex:none}.switch-btn .track:after{content:"";position:absolute;left:3px;top:3px;width:19px;height:19px;border-radius:50%;background:#fff;box-shadow:var(--shadow-sm);transition:transform .18s cubic-bezier(.2,.8,.2,1)}.switch-btn[aria-checked=true] .track{background:var(--ok)}.switch-btn[aria-checked=true] .track:after{transform:translate(17px)}.search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:none;background:none;color:var(--ink-3);border-radius:50%}.search-clear:hover{color:var(--ink);background:var(--paper-2)}.search-spin{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:16px;height:16px;border-radius:50%;border:2px solid var(--line);border-top-color:var(--flame);animation:spin .7s linear infinite}@keyframes spin{to{transform:translateY(-50%) rotate(360deg)}}.result-count{color:var(--ink-2);font-size:.84rem;font-weight:600;margin:2px 2px 10px}.error-state{text-align:center;padding:30px 18px;display:flex;flex-direction:column;gap:12px;align-items:center;background:var(--err-bg);border:1px solid color-mix(in srgb,var(--err) 30%,transparent);border-radius:16px}.error-state .empty-ic{color:var(--err)}.error-state p{color:var(--err);font-weight:600;margin:0}.danger-zone{border:1px solid color-mix(in srgb,var(--err) 35%,var(--line));background:color-mix(in srgb,var(--err) 4%,var(--card))}.danger-zone .card-h{color:var(--err)}.pwd-wrap{position:relative}.pwd-wrap input{padding-right:46px}.pwd-toggle{position:absolute;right:6px;bottom:6px;width:38px;height:38px;display:flex;align-items:center;justify-content:center;border:none;background:none;color:var(--ink-3);border-radius:9px}.pwd-toggle:hover{color:var(--ink);background:var(--paper-2)}.spacer{height:8px}.danger-text{color:var(--err)}.tag-you{font-size:.7rem;font-weight:700;color:var(--flame)}.copy-link{background:var(--paper-2);border:1px dashed var(--line);border-radius:10px;padding:10px 12px;font-size:.82rem;color:var(--ink-2);word-break:break-all;text-align:center}