:root{--primary:#08786b;--primary-dark:#075e55;--accent:#ffb547;--ink:#172522;--muted:#6d7d79;--line:#e3ebe8;--bg:#f4f7f6;--white:#fff;--danger:#d84949;--shadow:0 12px 40px rgba(20,70,61,.1);font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.hidden{display:none!important}.primary,.secondary,.ghost{border:0;border-radius:10px;padding:11px 18px;font-weight:700}.primary{color:#fff;background:var(--primary);box-shadow:0 5px 16px rgba(8,120,107,.2)}.primary:hover{background:var(--primary-dark)}.secondary{color:var(--primary);background:#e8f4f1}.ghost{background:#fff;border:1px solid var(--line)}.full{width:100%}input,select,textarea{border:1px solid #d9e3e0;background:#fff;border-radius:10px;padding:11px 12px;color:var(--ink);outline:0}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(8,120,107,.1)}label{display:grid;gap:7px;font-size:14px;font-weight:600}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(145deg,#079382,#075e55);color:#fff;font-weight:900;box-shadow:0 8px 20px rgba(8,120,107,.24)}.toast{position:fixed;z-index:3000;left:50%;bottom:30px;transform:translate(-50%,30px);background:#172522;color:#fff;border-radius:9px;padding:11px 18px;opacity:0;pointer-events:none;transition:.25s}.toast.show{transform:translate(-50%,0);opacity:1}.toast.error{background:#a83434}.modal{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;padding:18px}.modal-backdrop{position:absolute;inset:0;background:rgba(7,29,26,.55);backdrop-filter:blur(3px)}.modal-card{position:relative;width:min(500px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:18px;padding:25px;box-shadow:var(--shadow)}.modal-close{position:absolute;right:12px;top:10px;background:none;border:0;font-size:25px;color:#697773}.modal-card h2{margin:0 0 18px}.modal-card form{display:grid;gap:14px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.muted{color:var(--muted);font-size:13px}
/* H5 */.h5-body{min-height:100vh;background:#eef5f3}.phone-shell{width:min(100%,520px);min-height:100vh;margin:auto;background:#f8faf9;padding-bottom:86px;box-shadow:0 0 40px rgba(20,70,61,.08)}.h5-header{display:flex;align-items:center;justify-content:space-between;padding:22px 20px 36px;background:linear-gradient(135deg,#075e55,#0b8a7a);color:#fff}.h5-header h1{font-size:22px;margin:4px 0 0}.eyebrow{font-size:10px;letter-spacing:2px;opacity:.7}.h5-header select{max-width:145px;color:#fff;background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.3);padding:8px}.h5-header select option{color:#222}.balance-card{margin:-22px 16px 16px;background:#fff;border-radius:20px;padding:20px;display:flex;align-items:flex-end;justify-content:space-between;box-shadow:var(--shadow);position:relative}.balance-card span{display:block;color:var(--muted);font-size:13px}.balance-card strong{display:block;font-size:38px;line-height:1.15;margin:5px 0;color:#075e55}.balance-card small{color:var(--muted)}.signal{display:flex;gap:6px;align-items:center;font-size:11px;color:var(--muted)}.signal i{width:7px;height:7px;background:#e6a23c;border-radius:50%}.signal.live i{background:#29b171;box-shadow:0 0 0 4px rgba(41,177,113,.12)}.view{display:none;padding:0 16px}.view.active{display:block}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0 24px}.quick-grid button{border:0;background:transparent;padding:0;color:var(--ink)}.quick-grid b{width:48px;height:48px;display:grid;place-items:center;margin:auto auto 7px;border-radius:16px;background:#e7f3f0;color:var(--primary);font-size:18px}.quick-grid span{font-size:12px}.section-head{display:flex;align-items:center;justify-content:space-between;margin:18px 0 12px}.section-head h2{margin:0;font-size:18px}.section-head button{border:0;background:transparent;color:var(--primary);font-size:13px}.product-scroll{display:flex;gap:12px;overflow:auto;padding:2px 1px 12px;scrollbar-width:none}.product-card{min-width:165px;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}.product-visual{height:100px;display:grid;place-items:center;font-size:35px;background:linear-gradient(140deg,#e5f3ef,#f6ebd6)}.product-info{padding:12px}.product-info h3{font-size:14px;margin:0 0 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.price{font-size:13px;color:var(--danger);font-weight:800}.stock{font-size:11px;color:var(--muted);float:right}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.product-grid .product-card{min-width:0}.tip-card{margin-top:16px;padding:17px;border-radius:16px;background:#173f3a;color:#fff}.tip-card p{font-size:12px;opacity:.7;margin:5px 0 0;line-height:1.6}.bottom-nav{position:fixed;z-index:50;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,520px);display:grid;grid-template-columns:repeat(4,1fr);background:rgba(255,255,255,.95);border-top:1px solid var(--line);padding:8px 8px max(8px,env(safe-area-inset-bottom));backdrop-filter:blur(10px)}.bottom-nav button{display:grid;gap:2px;place-items:center;border:0;background:transparent;color:#81908c;font-size:10px}.bottom-nav i{font-style:normal;font-size:20px}.bottom-nav button.active{color:var(--primary);font-weight:700}.segmented{display:grid;grid-template-columns:repeat(4,1fr);background:#e8efed;border-radius:11px;padding:3px}.segmented button{border:0;background:transparent;border-radius:8px;padding:8px;color:var(--muted)}.segmented button.active{background:#fff;color:var(--primary);font-weight:700;box-shadow:0 2px 7px rgba(0,0,0,.06)}.date-row{display:flex;gap:6px;margin-top:10px}.date-row input{width:100%;padding:8px}.date-row button{border:0;border-radius:9px;background:var(--primary);color:#fff}.rank-list,.order-list,.timeline{display:grid;gap:10px}.rank-row{display:grid;grid-template-columns:40px 1fr auto;align-items:center;padding:14px;background:#fff;border-radius:13px;border:1px solid var(--line)}.rank-no{font-weight:900;font-size:17px;color:#71817d}.rank-row:nth-child(1) .rank-no{color:#e69b20}.rank-row:nth-child(2) .rank-no{color:#82919c}.rank-row:nth-child(3) .rank-no{color:#ad704e}.rank-user b,.rank-user small{display:block}.rank-user small{color:var(--muted);font-size:11px;margin-top:3px}.rank-score{font-weight:900;color:var(--primary)}.order-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:15px}.order-top{display:flex;justify-content:space-between}.order-top span,.badge{font-size:11px;border-radius:99px;padding:4px 8px;background:#e8f4f1;color:var(--primary)}.order-card h3{font-size:15px;margin:13px 0 4px}.order-card p{font-size:12px;color:var(--muted);margin:3px 0}.redeem-code{margin-top:12px;border:1px dashed #bfd2cd;border-radius:10px;padding:12px;text-align:center;letter-spacing:4px;font-size:20px;font-weight:900}.timeline-item{position:relative;background:#fff;padding:14px 14px 14px 42px;border-radius:13px;border:1px solid var(--line)}.timeline-item:before{content:'';position:absolute;left:17px;top:19px;width:10px;height:10px;border-radius:50%;background:var(--primary)}.timeline-item b{float:right}.timeline-item small{color:var(--muted)}.empty-state{text-align:center;color:var(--muted);padding:35px 10px}.login-gate,.admin-login{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 20% 10%,#d9f1eb,transparent 35%),#f4f7f6}.login-card{width:min(390px,100%);padding:30px;background:#fff;border-radius:20px;box-shadow:var(--shadow);display:grid;gap:15px}.login-card h1{margin:4px 0 -9px}.login-card p,.login-card small{margin:0;color:var(--muted);font-size:12px;line-height:1.6}
/* Admin */.admin-shell{min-height:100vh;display:grid;grid-template-columns:240px 1fr}.admin-shell aside{position:sticky;top:0;height:100vh;background:#102d29;color:#fff;padding:22px 15px;display:flex;flex-direction:column}.admin-brand{display:flex;align-items:center;gap:11px;padding:0 8px 23px}.admin-brand b,.admin-brand small{display:block}.admin-brand small{opacity:.5;font-size:10px;margin-top:3px}.admin-brand .brand-mark{background:#1a8e7e}.admin-shell aside nav{display:grid;gap:5px}.admin-shell aside nav button{border:0;background:transparent;color:#9db4af;text-align:left;padding:11px 13px;border-radius:9px}.admin-shell aside nav button:hover,.admin-shell aside nav button.active{background:rgba(255,255,255,.09);color:#fff}.admin-shell aside nav button span{display:inline-block;width:25px}.aside-user{margin-top:auto;border-top:1px solid rgba(255,255,255,.1);padding:17px 9px 0}.aside-user b,.aside-user small{display:block}.aside-user small{color:#7fa09a;margin:4px 0 12px}.aside-user button{border:0;background:transparent;color:#9db4af;padding:0}.admin-shell>main{min-width:0}.topbar{height:70px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:20}.topbar>div{display:flex;align-items:center;gap:10px}.topbar #menuToggle{display:none;border:0;background:transparent}.tenant-switch span{font-size:12px;color:var(--muted)}.tenant-switch select{padding:8px 10px}.content{padding:27px;max-width:1450px;margin:auto}.panel{display:none}.panel.active{display:block}.panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.panel-title h1{margin:0;font-size:25px}.panel-title p{margin:5px 0 0;color:var(--muted);font-size:13px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:17px}.stat-card{background:#fff;border:1px solid var(--line);padding:20px;border-radius:15px}.stat-card span{color:var(--muted);font-size:12px}.stat-card strong{display:block;font-size:28px;margin-top:8px}.stat-card i{float:right;width:39px;height:39px;display:grid;place-items:center;border-radius:12px;background:#e7f3f0;font-style:normal}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px}.card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:19px}.card h3{margin:0 0 15px}.notices{padding-left:20px;color:var(--muted);line-height:2.4;font-size:13px}.rank-mini{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding:10px 0}.rank-mini:first-child{border-top:0}.rank-mini b:first-child{width:25px}.rank-mini span{margin-left:auto;color:var(--primary);font-weight:800}.table-wrap{padding:0;overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px;white-space:nowrap}th{text-align:left;color:#70807c;background:#f9fbfa;font-size:11px;font-weight:600}th,td{padding:13px 15px;border-bottom:1px solid var(--line)}tbody tr:last-child td{border-bottom:0}td small{display:block;color:var(--muted);margin-top:3px}.table-action{border:0;background:transparent;color:var(--primary);padding:3px 5px}.danger{color:var(--danger)}.positive{color:#17875d;font-weight:800}.negative{color:var(--danger);font-weight:800}.filter-bar{display:flex;gap:9px;margin-bottom:14px;flex-wrap:wrap}.verify-layout{display:grid;grid-template-columns:minmax(300px,480px) 1fr;gap:20px}.verify-box,.verify-result{background:#fff;border:1px solid var(--line);border-radius:17px;padding:20px}.scan-frame{height:250px;border-radius:14px;background:#102d29;color:#abc2bd;display:grid;place-items:center;position:relative;overflow:hidden;margin-bottom:12px}.scan-frame span{position:absolute;inset:35px;border:2px solid rgba(255,255,255,.65);border-radius:15px}.scan-frame span:after{content:'';position:absolute;left:8px;right:8px;top:50%;height:2px;background:#4dd7bf;box-shadow:0 0 10px #4dd7bf}.scan-frame video{position:absolute;width:100%;height:100%;object-fit:cover;display:none}.scan-frame.active video{display:block}.scan-frame.active #cameraHint{display:none}.or{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:11px;margin:15px 0}.or:before,.or:after{content:'';height:1px;background:var(--line);flex:1}.verify-box form{display:flex;gap:8px}.verify-box form input{min-width:0;flex:1}.verify-result{display:grid;place-items:center;text-align:center;color:var(--muted)}.verify-result.success{color:#18795a;background:#effaf6;border-color:#b8e2d4}.verify-result.error{color:#9e3636;background:#fff3f3;border-color:#efc4c4}.verify-result b{font-size:24px}.verify-result p{max-width:430px;line-height:1.7}
@media(max-width:900px){.admin-shell{grid-template-columns:1fr}.admin-shell aside{position:fixed;z-index:100;left:-250px;width:240px;transition:.2s}.admin-shell.menu-open aside{left:0}.topbar #menuToggle{display:block}.stats-grid{grid-template-columns:1fr 1fr}.dashboard-grid,.verify-layout{grid-template-columns:1fr}.content{padding:18px}.topbar{padding:0 16px}.tenant-switch span{display:none}}
@media(max-width:520px){.stats-grid{grid-template-columns:1fr 1fr;gap:9px}.stat-card{padding:14px}.stat-card strong{font-size:22px}.panel-title{align-items:flex-start;gap:10px}.panel-title h1{font-size:21px}.form-grid{grid-template-columns:1fr}.product-grid{gap:9px}.verify-box form{display:grid}.topbar #pageTitle{display:none}.content{padding:14px}.card{padding:14px}}

/* 2026 layout refinement */
:root{--surface-soft:#f6f9f8;--surface-tint:#edf6f3;--sidebar:#0d2925;--sidebar-muted:#89a6a0;--radius-lg:18px;--radius-md:13px}
.admin-body{background:var(--surface-soft)}
.admin-shell{grid-template-columns:260px minmax(0,1fr)}
.admin-shell aside{background:linear-gradient(180deg,#102f2a 0%,#0b2421 100%);padding:22px 16px 18px;border-right:1px solid rgba(255,255,255,.04)}
.admin-brand{padding:0 8px 25px;margin-bottom:4px;border-bottom:1px solid rgba(255,255,255,.07)}
.admin-brand .brand-mark{width:44px;height:44px;border-radius:14px;background:linear-gradient(145deg,#20a48f,#08786b)}
.admin-shell aside nav{display:block;overflow:auto;padding:12px 0;scrollbar-width:none}
.nav-group{display:grid;gap:5px;margin-bottom:17px}
.nav-group>small{padding:0 12px 6px;color:#5f827b;font-size:10px;font-weight:800;letter-spacing:1.4px}
.admin-shell aside nav button{display:flex;align-items:center;gap:11px;width:100%;padding:9px 11px;color:var(--sidebar-muted);transition:background .18s,color .18s,transform .18s}
.admin-shell aside nav button span{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:rgba(255,255,255,.055);font-size:15px}
.admin-shell aside nav button b{font-size:13px;font-weight:600}
.admin-shell aside nav button:hover{transform:translateX(2px)}
.admin-shell aside nav button.active{background:linear-gradient(90deg,rgba(37,174,151,.18),rgba(37,174,151,.07));box-shadow:inset 3px 0 #36bea7}
.admin-shell aside nav button.active span{background:#198675;color:#fff;box-shadow:0 5px 15px rgba(0,0,0,.15)}
.aside-user{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.07);border-radius:13px;padding:13px;margin-top:auto}
.aside-user button{margin-top:2px;font-size:12px}
.topbar{height:76px;padding:0 30px;border-color:#e8eeec;box-shadow:0 1px 0 rgba(11,55,48,.02)}
.topbar-heading{gap:13px!important}.topbar-heading>div{display:grid;gap:3px}.topbar-heading strong{font-size:16px}.topbar-heading small{font-size:11px;color:var(--muted)}
.tenant-switch{background:var(--surface-soft);border:1px solid var(--line);border-radius:12px;padding:5px 6px 5px 12px!important;gap:8px!important}
.tenant-switch select{border:0;background:#fff;min-width:150px;box-shadow:none}
.content{padding:30px 32px 42px;max-width:1540px}
.panel-title{margin-bottom:22px}.panel-title h1{font-size:26px;letter-spacing:-.5px}.panel-title p{font-size:13px;line-height:1.6}
.card,.stat-card,.verify-box,.verify-result{border-color:#e5ecea;box-shadow:0 6px 24px rgba(16,61,54,.045)}
.stats-grid{gap:17px}.stat-card{position:relative;overflow:hidden;padding:22px;border-radius:var(--radius-lg)}
.stat-card:after{content:'';position:absolute;width:90px;height:90px;border-radius:50%;right:-38px;bottom:-50px;background:rgba(8,120,107,.055)}
.stat-card i{width:42px;height:42px;border-radius:13px;color:var(--primary);font-weight:800}
.stat-card strong{font-size:30px;letter-spacing:-1px}.stat-card strong small{font-size:11px;color:var(--muted);font-weight:500}
.dashboard-grid{gap:17px}.dashboard-grid>.card{border-radius:var(--radius-lg)}
.table-wrap{border-radius:var(--radius-lg);box-shadow:0 6px 24px rgba(16,61,54,.04)}
table{font-size:12.5px}thead{position:sticky;top:0;z-index:2}th{padding:12px 16px;background:#f7faf9;color:#61736f;letter-spacing:.2px}td{padding:14px 16px}tbody tr{transition:background .16s}tbody tr:hover{background:#fbfdfc}
.badge{display:inline-flex;align-items:center;gap:4px;font-weight:700;background:#edf6f3;color:#08786b;border:1px solid #d7ebe6}
.table-action{border-radius:7px;padding:5px 7px;font-weight:650}.table-action:hover{background:#eaf5f2}.table-action.danger:hover{background:#fff0f0}
.filter-bar{background:#fff;border:1px solid var(--line);border-radius:14px;padding:11px;margin-bottom:14px;box-shadow:0 4px 18px rgba(16,61,54,.035)}
.filter-bar input,.filter-bar select{min-height:39px}
.permission-chip{display:inline-flex;align-items:center;border-radius:99px;padding:7px 11px;background:#e7f4f1;color:#08786b;font-size:11px;font-weight:800;border:1px solid #d4e9e4}
.verify-layout{grid-template-columns:minmax(360px,520px) minmax(320px,1fr);gap:22px;align-items:stretch}
.verify-box,.verify-result{border-radius:20px;padding:22px}.scan-frame{height:290px;background:radial-gradient(circle at center,#1d4c45,#0d2824);border:1px solid rgba(255,255,255,.1)}
.scan-frame span{inset:42px;border-color:rgba(255,255,255,.78)}.scan-frame span:before,.scan-frame span:after{border-radius:3px}
#cameraHint{display:grid;gap:7px;text-align:center;z-index:1}#cameraHint b{color:#e9f6f3;font-size:16px}#cameraHint small{color:#83a7a0;font-size:11px}
.verify-box form input{height:44px;font-size:15px;letter-spacing:1px}.verify-box form button{min-width:112px}
.verify-result{grid-template-columns:auto 1fr;gap:18px;text-align:left;padding:32px}.verify-result .result-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;background:#edf4f2;color:#83a09a;font-size:25px;font-weight:900}.verify-result b{font-size:21px}.verify-result p{margin:7px 0 0}.verify-result.success .result-icon{background:#dff4eb;color:#148158}.verify-result.error .result-icon{background:#ffe5e5;color:#b83f3f}
.primary,.secondary,.ghost{transition:transform .15s,box-shadow .15s,background .15s}.primary:active,.secondary:active,.ghost:active{transform:translateY(1px)}
.h5-header{padding-top:max(22px,env(safe-area-inset-top));background:linear-gradient(145deg,#075b52 0%,#0c8879 72%,#16a28f 100%)}
.balance-card{border:1px solid rgba(8,120,107,.08)}.quick-grid b{transition:transform .18s,background .18s}.quick-grid button:active b{transform:scale(.94);background:#d9eee9}
.product-card{box-shadow:0 5px 20px rgba(19,74,65,.055);transition:transform .18s,box-shadow .18s}.product-card:hover{transform:translateY(-2px);box-shadow:0 9px 25px rgba(19,74,65,.1)}.product-info .redeem{margin-top:10px;padding:9px}
.bottom-nav{box-shadow:0 -8px 28px rgba(18,64,56,.06)}
@media(max-width:1100px){.admin-shell{grid-template-columns:230px 1fr}.verify-layout{grid-template-columns:minmax(320px,440px) 1fr}.content{padding:24px}}
@media(max-width:900px){.admin-shell{grid-template-columns:1fr}.admin-shell aside{left:-270px;width:260px;box-shadow:18px 0 40px rgba(5,28,24,.2)}.admin-shell.menu-open:after{content:'';position:fixed;inset:0;background:rgba(5,28,24,.35);z-index:90}.admin-shell.menu-open aside{z-index:100}.topbar{height:68px}.verify-layout{grid-template-columns:1fr}.scan-frame{height:250px}}
@media(max-width:600px){.topbar{padding:0 13px}.topbar-heading small{display:none}.tenant-switch{padding-left:6px!important}.tenant-switch select{min-width:125px;max-width:145px}.content{padding:16px 12px 34px}.panel-title{display:grid;gap:12px}.panel-title h1{font-size:22px}.permission-chip{width:max-content}.stats-grid{grid-template-columns:1fr 1fr}.stat-card{padding:15px}.stat-card i{width:35px;height:35px}.stat-card strong{font-size:23px}.verify-box,.verify-result{padding:15px;border-radius:16px}.verify-result{grid-template-columns:1fr;text-align:center}.verify-result .result-icon{margin:auto}.scan-frame{height:220px}.filter-bar>*{flex:1 1 130px}.table-wrap{margin:0 -2px}.h5-header select{font-size:12px}}
.panel-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.tenant-binding{display:grid;grid-template-columns:auto 1fr;gap:3px 12px;align-items:center;margin:0 0 18px;padding:13px 14px;border-radius:13px;background:#edf7f4;border:1px solid #d8ebe6}.tenant-binding span{grid-row:1/3;width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:#fff;color:var(--primary);font-size:0}.tenant-binding span:after{content:'景';font-size:16px;font-weight:900}.tenant-binding b{color:#086b60}.tenant-binding small{color:var(--muted);font-size:11px}
.user-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.search-box{display:flex;align-items:center;gap:7px;min-width:min(480px,100%);background:#fff;border:1px solid var(--line);border-radius:13px;padding:5px 6px 5px 12px;box-shadow:0 4px 18px rgba(16,61,54,.035)}.search-box>span{color:#79908b;font-size:20px}.search-box input{flex:1;min-width:0;border:0;box-shadow:none;padding:8px}.search-box button{padding:9px 15px}.list-summary{font-size:12px;color:var(--muted);white-space:nowrap}.balance-value{font-size:17px;color:#075e55}
.user-balance-card{display:flex;align-items:center;justify-content:space-between;padding:15px;margin-bottom:17px;border-radius:14px;background:linear-gradient(135deg,#0b7568,#095c53);color:#fff}.user-balance-card b,.user-balance-card small{display:block}.user-balance-card>div small{opacity:.66;margin-top:4px}.user-balance-card>strong{font-size:25px;text-align:right}.user-balance-card>strong small{font-size:10px;font-weight:500;opacity:.7;margin-top:3px}.amount-shortcuts{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:-6px}.amount-shortcuts button{border:1px solid #d9e7e3;background:#f4f9f7;color:#08786b;border-radius:9px;padding:8px;font-size:12px;font-weight:700}.amount-shortcuts button:active{background:#dcefeb}
@media(max-width:600px){.panel-actions{justify-content:flex-start}.user-toolbar{display:grid}.search-box{min-width:0}.list-summary{padding-left:3px}.amount-shortcuts{grid-template-columns:1fr 1fr}.user-balance-card{padding:13px}}
.ui-icon{display:block;width:20px;height:20px;flex:none}.brand-mark svg{width:24px;height:24px}.admin-brand .brand-mark svg{width:25px;height:25px}.admin-shell aside nav button span .ui-icon{width:17px;height:17px}.stat-card i .ui-icon{width:21px;height:21px}.result-icon svg,.result-icon .ui-icon{width:26px;height:26px}.tenant-binding span .ui-icon{width:19px;height:19px}.tenant-binding span:after{content:none}.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:7px}.icon-button svg{width:16px;height:16px}.topbar #menuToggle{width:38px;height:38px;padding:8px;border-radius:10px;color:#48635e}.topbar #menuToggle:hover{background:#edf5f3}.topbar #menuToggle svg{width:22px;height:22px}.loading-icon svg{animation:icon-spin 1.1s linear infinite}@keyframes icon-spin{to{transform:rotate(360deg)}}
.stat-card>span{font-weight:600;letter-spacing:.1px}.stats-grid .stat-card:nth-child(1) i{background:#e8f5f2;color:#08786b}.stats-grid .stat-card:nth-child(2) i{background:#fff5df;color:#b57a11}.stats-grid .stat-card:nth-child(3) i{background:#eef2ff;color:#5867b4}.stats-grid .stat-card:nth-child(4) i{background:#ebf7ee;color:#278151}
.dashboard-grid>.card{min-height:230px}.rank-mini{min-height:47px}.notices li::marker{color:#28a08d}.admin-shell>main{background:linear-gradient(180deg,#f7faf9 0,#f4f8f7 100%)}
@media(max-width:600px){.icon-button span{display:none}.icon-button{width:40px;height:40px;padding:9px}.stat-card i .ui-icon{width:18px;height:18px}}
.dashboard-grid{align-items:start}.dashboard-grid>.card{min-height:0}.card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.card-heading h3{margin:0;font-size:17px;letter-spacing:-.2px}.card-heading p{margin:5px 0 0;color:var(--muted);font-size:11px}.leaderboard-card{padding:0;overflow:hidden}.leaderboard-card .card-heading{padding:19px 21px 16px;border-bottom:1px solid #edf1f0}.live-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:99px;background:#ebf7f3;color:#08786b;font-size:10px;font-weight:800}.live-pill i{width:6px;height:6px;border-radius:50%;background:#24a98e;box-shadow:0 0 0 4px rgba(36,169,142,.1)}
.rank-table{padding:6px 18px 12px}.rank-list-row{display:grid;grid-template-columns:38px 42px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:68px;padding:9px 3px;border-bottom:1px solid #eef2f1;transition:background .16s,transform .16s}.rank-list-row:last-child{border-bottom:0}.rank-list-row:hover{background:#f8fbfa;transform:translateX(2px)}.rank-position{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;background:#f0f4f3;color:#657873;font-size:12px;font-weight:900}.rank-position.top-1{background:linear-gradient(145deg,#fff2c9,#ffe29a);color:#9b6b00}.rank-position.top-2{background:linear-gradient(145deg,#eef2f5,#dfe6eb);color:#667680}.rank-position.top-3{background:linear-gradient(145deg,#f9e8de,#efd0bd);color:#966246}.rank-avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(145deg,#dff3ee,#edf8f5);color:#08786b;font-size:14px;font-weight:900;border:1px solid #d5ebe5}.rank-identity{min-width:0}.rank-identity b,.rank-identity small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-identity b{font-size:13px}.rank-identity small{margin-top:4px;color:var(--muted);font-size:10px}.rank-earned{text-align:right;padding:7px 10px;border-radius:11px;background:#f0f8f6}.rank-earned strong,.rank-earned small{display:block}.rank-earned strong{color:#08786b;font-size:16px}.rank-earned small{margin-top:2px;color:#7a918c;font-size:9px}.rank-empty{min-height:145px;display:grid;place-items:center;align-content:center;gap:6px;color:#91a09d;text-align:center}.rank-empty .ui-icon{width:28px;height:28px;color:#9ebcb5}.rank-empty b{color:#50645f;font-size:13px}.rank-empty span{font-size:10px}.notices-card{padding:19px 21px}.notices-card .card-heading{padding-bottom:12px;border-bottom:1px solid #edf1f0}.notices-card .notices{margin:11px 0 0;padding-left:19px;line-height:2.35}
@media(max-width:600px){.leaderboard-card .card-heading{padding:16px}.rank-table{padding:5px 12px 10px}.rank-list-row{grid-template-columns:31px 37px minmax(0,1fr) auto;gap:8px}.rank-avatar{width:37px;height:37px;border-radius:11px}.rank-identity small{max-width:145px}.rank-earned{padding:6px 8px}.rank-earned strong{font-size:14px}.card-heading h3{font-size:16px}}
.context-switch{display:flex;align-items:center;gap:9px}.context-platform,.context-scenic{display:flex;align-items:center;gap:10px;padding:7px 12px;border:1px solid var(--line);background:#f7faf9;border-radius:13px}.context-platform>.ui-icon,.context-scenic>.ui-icon{width:22px;height:22px;color:var(--primary)}.context-platform div,.context-scenic div{display:grid;gap:1px}.context-platform small,.context-scenic small{font-size:9px;color:#80918d}.context-platform b,.context-scenic b{font-size:12px;white-space:nowrap}.context-back{display:flex;align-items:center;gap:6px;border:0;background:transparent;color:#60736e;padding:8px;border-radius:9px;font-size:11px}.context-back:hover{background:#edf5f3;color:var(--primary)}.context-back .ui-icon{width:16px;height:16px}
.workspace-back{display:flex!important;align-items:center;gap:8px;width:100%;margin:2px 0 10px;padding:9px 11px!important;border:1px solid rgba(255,255,255,.09)!important;background:rgba(255,255,255,.035)!important;color:#b7ccc7!important}.workspace-back .ui-icon{width:16px;height:16px}.workspace-name{display:grid;gap:3px;margin:0 5px 17px;padding:12px;border-radius:12px;background:linear-gradient(135deg,rgba(31,161,139,.17),rgba(31,161,139,.07));border:1px solid rgba(57,189,166,.13)}.workspace-name small{color:#73a097;font-size:9px;letter-spacing:1px}.workspace-name strong{color:#e5f6f2;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.platform-summary{display:flex;align-items:center;gap:22px;margin-bottom:20px;padding:17px 20px;border-radius:17px;background:linear-gradient(135deg,#0d6f64,#0b8979);color:#fff;box-shadow:0 10px 28px rgba(8,120,107,.14)}.platform-summary>div{display:flex;align-items:baseline;gap:10px;padding-right:22px;border-right:1px solid rgba(255,255,255,.18)}.platform-summary span{font-size:11px;opacity:.75}.platform-summary strong{font-size:28px}.platform-summary p{margin:0;font-size:12px;line-height:1.6;opacity:.75}
.scenic-grid{display:grid;grid-template-columns:repeat(3,minmax(260px,1fr));gap:17px}.scenic-card{position:relative;display:flex;flex-direction:column;min-height:315px;padding:20px;border:1px solid #e0e9e6;border-radius:20px;background:#fff;box-shadow:0 7px 25px rgba(15,62,54,.055);overflow:hidden;transition:transform .2s,box-shadow .2s,border-color .2s}.scenic-card:before{content:'';position:absolute;right:-35px;top:-45px;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,#e1f2ed,rgba(225,242,237,0) 68%)}.scenic-card:hover{transform:translateY(-3px);border-color:#c9e1db;box-shadow:0 14px 34px rgba(15,62,54,.1)}.scenic-card-head{display:flex;align-items:center;justify-content:space-between;position:relative}.scenic-symbol{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,#e2f4ef,#f0f9f7);color:var(--primary)}.scenic-symbol .ui-icon{width:23px;height:23px}.scenic-status{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:99px;background:#edf7f4;color:#08786b;font-size:10px;font-weight:800}.scenic-status i{width:6px;height:6px;border-radius:50%;background:#26a78d}.scenic-status.disabled{background:#f2f3f3;color:#83908d}.scenic-status.disabled i{background:#9da7a5}.scenic-title{position:relative;margin:17px 0}.scenic-title h2{margin:0 0 6px;font-size:19px;letter-spacing:-.3px}.scenic-title code{padding:3px 6px;border-radius:6px;background:#f4f7f6;color:#71827e;font-size:9px}.scenic-config{display:grid;grid-template-columns:1fr 1fr;gap:8px}.scenic-config>div{display:grid;gap:4px;padding:10px 11px;border-radius:11px;background:#f7faf9}.scenic-config small,.scenic-metrics small{color:#81918d;font-size:9px}.scenic-config b{font-size:13px;color:#344a45}.scenic-metrics{display:grid;grid-template-columns:repeat(3,1fr);margin:14px 0 16px;padding:12px 0;border-top:1px solid #edf1f0;border-bottom:1px solid #edf1f0}.scenic-metrics>div{display:grid;gap:3px;text-align:center;border-right:1px solid #edf1f0}.scenic-metrics>div:last-child{border-right:0}.scenic-metrics strong{font-size:16px}.scenic-access-note{margin:14px 0 16px;padding:15px;border-radius:11px;background:#f7faf9;color:#758782;font-size:11px;text-align:center}.scenic-enter{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:auto;padding:11px 13px;border:0;border-radius:11px;background:#e8f5f2;color:#08786b;font-weight:800;font-size:12px;transition:background .16s,color .16s}.scenic-enter:hover{background:#08786b;color:#fff}.scenic-enter .ui-icon{width:16px;height:16px}.scenic-enter .arrow-forward{transform:rotate(180deg)}.platform-empty{grid-column:1/-1;display:grid;place-items:center;gap:7px;padding:65px;border:1px dashed #cfddda;border-radius:20px;color:#82928e;text-align:center}.platform-empty .ui-icon{width:34px;height:34px;color:#78a69d}.platform-empty h3,.platform-empty p{margin:0}.platform-empty p{font-size:11px}
@media(max-width:1200px){.scenic-grid{grid-template-columns:repeat(2,minmax(260px,1fr))}}
@media(max-width:760px){.context-back span{display:none}.context-platform div,.context-scenic small{display:none}.platform-summary{align-items:flex-start;gap:14px}.platform-summary>div{padding-right:14px}.scenic-grid{grid-template-columns:1fr}.scenic-card{min-height:300px}}
@media(max-width:520px){.context-platform,.context-scenic{padding:7px 9px}.context-platform>.ui-icon,.context-scenic>.ui-icon{width:19px;height:19px}.context-scenic b{max-width:100px;overflow:hidden;text-overflow:ellipsis}.platform-summary{display:grid}.platform-summary>div{border-right:0;border-bottom:1px solid rgba(255,255,255,.18);padding:0 0 10px}.platform-summary p{font-size:11px}}
.wallet-balance{display:flex;align-items:center;justify-content:space-between;margin:0 0 10px;padding:11px 12px;border-radius:12px;background:linear-gradient(135deg,#0d7468,#109181);color:#fff}.wallet-balance>span{display:flex;align-items:center;gap:7px}.wallet-balance .ui-icon{width:18px;height:18px}.wallet-balance small{font-size:9px;opacity:.72}.wallet-balance strong{font-size:18px}.scenic-card-actions{display:flex;gap:8px;margin-top:auto}.scenic-card-actions .scenic-enter{flex:1;margin-top:0}.wallet-allocate{border:1px solid #cfe4df;background:#fff;color:#08786b;border-radius:11px;padding:10px 12px;font-size:11px;font-weight:800}.wallet-allocate:hover{background:#edf7f4}.scenic-card{min-height:350px}
.grant-wallet-chip{display:flex;align-items:baseline;gap:8px;padding:9px 13px;border-radius:12px;background:linear-gradient(135deg,#0d7468,#119181);color:#dff7f1;font-size:11px}.grant-wallet-chip strong{font-size:21px;color:#fff}.grant-layout{display:grid;grid-template-columns:minmax(320px,.8fr) minmax(400px,1.2fr);gap:18px;align-items:start}.grant-form-card,.grant-scan-card{padding:21px;border:1px solid var(--line);border-radius:19px;background:#fff;box-shadow:0 7px 25px rgba(15,62,54,.05)}.grant-step{display:flex;align-items:center;gap:11px;margin-bottom:18px}.grant-step>span{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#e5f4f0;color:#08786b;font-weight:900;font-size:12px}.grant-step div{display:grid;gap:3px}.grant-step b{font-size:14px}.grant-step small{color:var(--muted);font-size:10px}.grant-form-card form{display:grid;gap:14px}.grant-scan-frame{height:300px}.grant-scan-frame #grantCameraHint{display:grid;gap:6px;text-align:center;z-index:1}.grant-scan-frame #grantCameraHint b{color:#e9f6f3}.grant-scan-frame #grantCameraHint small{color:#84a69f;font-size:10px}.grant-scan-frame.active video{display:block}.grant-scan-frame.active #grantCameraHint{display:none}.grant-result{display:flex;align-items:center;gap:10px;margin-top:13px;padding:13px;border-radius:12px}.grant-result .ui-icon{width:25px;height:25px}.grant-result div{display:grid;gap:3px}.grant-result b{font-size:13px}.grant-result span{font-size:10px}.grant-result strong{font-size:13px}.grant-result.success{background:#e9f7f1;color:#137755}.grant-result.error{background:#fff0f0;color:#a33c3c}
@media(max-width:900px){.grant-layout{grid-template-columns:1fr}.grant-scan-frame{height:260px}}
@media(max-width:520px){.grant-wallet-chip{width:max-content}.grant-form-card,.grant-scan-card{padding:15px}.grant-scan-frame{height:220px}}
.balance-side{display:grid;justify-items:end;gap:12px}.points-code-btn{display:flex;align-items:center;gap:6px;border:0;border-radius:10px;padding:8px 10px;background:#e9f5f2;color:#08786b;font-size:11px;font-weight:800}.points-code-btn svg{width:16px;height:16px}.points-code-btn:active{transform:scale(.97)}.points-code-modal{text-align:center}.points-code-modal h2{margin:7px 0 5px}.points-code-modal>p{margin:0 auto 15px;max-width:280px;color:var(--muted);font-size:11px;line-height:1.6}.code-modal-icon{width:42px;height:42px;display:grid;place-items:center;margin:auto;border-radius:14px;background:#e4f4f0;color:#08786b}.code-modal-icon .ui-icon{width:22px;height:22px}.qr-shell{width:230px;height:230px;margin:auto;padding:10px;border:1px solid #dce8e5;border-radius:18px;background:#fff;box-shadow:0 10px 30px rgba(11,75,65,.1)}.qr-shell img{display:block;width:100%;height:100%;image-rendering:pixelated}.code-countdown{margin:13px 0 10px;color:#6f817d;font-size:11px}.code-countdown strong{color:#d28a16}.code-security{display:flex;align-items:center;justify-content:center;gap:6px;padding:9px;border-radius:10px;background:#f2f7f5;color:#6d817c;font-size:10px}.code-security .ui-icon{width:14px;height:14px;color:#25907d}
.points-receipt{text-align:center}.receipt-rings{width:78px;height:78px;display:grid;place-items:center;margin:0 auto 13px;border-radius:50%;background:rgba(35,168,133,.09);box-shadow:0 0 0 10px rgba(35,168,133,.05)}.receipt-rings>div{width:56px;height:56px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#24ab8e,#08786b);color:#fff}.receipt-rings .ui-icon{width:28px;height:28px}.points-receipt>span{display:block;color:#5f736e;font-size:12px}.points-receipt>strong{display:inline-block;margin:7px 3px 0;color:#08786b;font-size:48px;line-height:1}.points-receipt>small{color:#08786b;font-size:12px;font-weight:800}.points-receipt>p{margin:10px 0;color:var(--muted);font-size:11px}.receipt-balance{display:flex;align-items:center;justify-content:space-between;margin:16px 0 8px;padding:13px 15px;border-radius:12px;background:#f1f7f5}.receipt-balance span{color:#6e817c;font-size:11px}.receipt-balance b{color:#173f39;font-size:18px}.receipt-source{margin-bottom:16px;color:#8a9996;font-size:10px}
@media(max-width:380px){.qr-shell{width:205px;height:205px}.points-code-btn span{display:none}}
.brand-mark>span{display:grid;place-items:center}.brand-mark>span .ui-icon{width:24px;height:24px}.quick-grid b .ui-icon{width:23px;height:23px}.bottom-nav i{display:grid;place-items:center;width:24px;height:24px}.bottom-nav i .ui-icon{width:20px;height:20px}.product-visual .product-svg{width:38px;height:38px;stroke-width:1.55}.product-card:nth-child(3n+1) .product-visual .product-svg{color:#08786b}.product-card:nth-child(3n+2) .product-visual .product-svg{color:#b57a11}.product-card:nth-child(3n+3) .product-visual .product-svg{color:#7759aa}.search-box>span{display:grid;place-items:center}.search-box>span .ui-icon{width:18px;height:18px}.modal-close{display:grid;place-items:center;width:34px;height:34px;padding:8px;border-radius:10px}.modal-close:hover{background:#f0f5f3;color:#24443e}.modal-close .ui-icon{width:18px;height:18px}
.order-view-tip{margin:-4px 0 13px}.verification-preview{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:13px;padding:12px;border:1px dashed #bcd9d2;border-radius:12px;background:#f8fbfa}.verification-preview>div{display:grid;gap:3px}.verification-preview small{color:#748783;font-size:9px}.verification-preview b{font-size:18px;letter-spacing:3px}.show-verification{display:flex;align-items:center;gap:6px;border:0;border-radius:10px;padding:9px 11px;background:#08786b;color:#fff;font-size:10px;font-weight:800}.show-verification .ui-icon{width:15px;height:15px}.verification-expiry{text-align:right!important;font-size:9px!important}.order-state-note{display:flex;align-items:center;gap:8px;margin-top:13px;padding:10px 11px;border-radius:10px;background:#f4f7f6;color:#72837f;font-size:10px}.order-state-note .ui-icon{width:16px;height:16px}.order-state-note.success{background:#e9f7f1;color:#187a58}.verification-modal{text-align:center}.verification-modal-head>div{width:43px;height:43px;display:grid;place-items:center;margin:auto;border-radius:14px;background:#e4f4f0;color:#08786b}.verification-modal-head .ui-icon{width:22px;height:22px}.verification-modal-head h2{margin:9px 0 4px}.verification-modal-head p{margin:0 0 13px;color:#667975;font-size:12px}.verification-qr{width:215px;height:215px}.verification-number{display:grid;gap:4px;margin:13px 0;padding:12px;border-radius:12px;background:#f4f8f7}.verification-number small{color:#7b8d89;font-size:9px}.verification-number strong{font-size:24px;letter-spacing:5px}.verification-validity{display:flex;align-items:center;justify-content:center;gap:6px;color:#637873;font-size:10px}.verification-validity .ui-icon{width:14px;height:14px;color:#168773}.verification-help{margin:12px 0 15px;color:#82918e;font-size:10px;line-height:1.6}
@media(max-width:380px){.verification-preview{align-items:flex-start;display:grid}.show-verification{justify-content:center}.verification-preview b{font-size:16px}.verification-qr{width:195px;height:195px}}
.order-panel-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.auto-review-control{display:flex;align-items:center;gap:10px;padding:7px 9px 7px 12px;border:1px solid var(--line);border-radius:12px;background:#fff;cursor:pointer}.auto-review-control>span{display:grid;gap:2px}.auto-review-control b{font-size:11px}.auto-review-control small{color:var(--muted);font-size:8px}.auto-review-control input{position:absolute;opacity:0;pointer-events:none}.auto-review-control i{position:relative;width:38px;height:22px;border-radius:99px;background:#ccd8d5;transition:.2s}.auto-review-control i:after{content:'';position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.15);transition:.2s}.auto-review-control input:checked+i{background:#0b8979}.auto-review-control input:checked+i:after{transform:translateX(16px)}.auto-review-control input:disabled+i{opacity:.55}.auto-review-control:focus-within{box-shadow:0 0 0 3px rgba(8,120,107,.1);border-color:#7bb7aa}
@media(max-width:600px){.order-panel-tools{justify-content:flex-start;width:100%}.order-panel-tools>select{flex:1}.auto-review-control{flex:1;justify-content:space-between}}

/* Final visual system polish */
:root{--primary:#087d70;--primary-dark:#05665c;--primary-soft:#e8f5f2;--ink:#142420;--muted:#71827e;--line:#dfe8e5;--bg:#f3f7f6;--danger:#c94343;--warning:#b47612;--success:#187a58;--shadow-sm:0 3px 12px rgba(14,58,51,.045);--shadow-md:0 10px 32px rgba(14,58,51,.08);--shadow-lg:0 20px 55px rgba(10,48,42,.14)}
html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:#bfe7de;color:#093f38}button,input,select,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid rgba(8,125,112,.2);outline-offset:2px}.primary{background:linear-gradient(145deg,#0a8879,#087367);box-shadow:0 6px 17px rgba(8,125,112,.2)}.primary:hover{background:linear-gradient(145deg,#087c70,#05655c);box-shadow:0 8px 21px rgba(8,125,112,.25)}.secondary{background:#eaf6f3;color:#08786b}.secondary:hover{background:#dbefe9}.ghost:hover{border-color:#bdd7d1;background:#f8fbfa}.panel.active{animation:panel-enter .22s ease-out}@keyframes panel-enter{from{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
.admin-login,.login-gate{background:radial-gradient(circle at 12% 15%,rgba(24,169,143,.16),transparent 28%),radial-gradient(circle at 87% 82%,rgba(244,181,71,.11),transparent 25%),#f3f7f6}.login-card{border:1px solid rgba(212,226,222,.9);box-shadow:var(--shadow-lg)}.login-card .brand-mark{width:48px;height:48px;border-radius:15px}.login-card input{min-height:45px}.login-card .primary{min-height:45px}
.admin-shell aside{box-shadow:8px 0 30px rgba(3,31,27,.08)}.admin-shell aside nav button{min-height:48px}.topbar{backdrop-filter:saturate(1.3) blur(12px);background:rgba(255,255,255,.92)}.content{min-height:calc(100vh - 76px)}.panel-title h1{line-height:1.25}.panel-title p{max-width:680px}.card,.stat-card,.verify-box,.verify-result,.grant-form-card,.grant-scan-card{background:rgba(255,255,255,.96)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-card{transition:transform .18s,box-shadow .18s}.table-wrap{border:1px solid #e2ebe8}.table-wrap table th:first-child,.table-wrap table td:first-child{padding-left:20px}.table-wrap table th:last-child,.table-wrap table td:last-child{padding-right:20px}.table-wrap tbody tr:nth-child(even){background:rgba(247,250,249,.5)}.table-wrap tbody tr:hover{background:#f0f8f6}.table-action{font-weight:750}.empty-state{display:grid;place-items:center;min-height:120px;color:#91a09d;font-size:12px}.filter-bar select,.filter-bar input,.order-panel-tools select{background:#fbfdfc}.modal-card{border:1px solid rgba(218,230,227,.9);box-shadow:0 25px 80px rgba(5,42,36,.2)}
.badge,.order-top>span{border-width:1px;border-style:solid}.status-online,.status-approved,.status-ready,.status-success{background:#e8f6f1!important;border-color:#cce8df!important;color:#137858!important}.status-pending_review,.status-draft{background:#fff6e5!important;border-color:#f2dfb5!important;color:#9d6810!important}.status-offline,.status-disabled,.status-cancelled,.status-expired{background:#f1f3f3!important;border-color:#e0e4e3!important;color:#74817e!important}.status-rejected,.status-failed{background:#fff0f0!important;border-color:#f0cece!important;color:#b13c3c!important}.status-shipped{background:#eef3ff!important;border-color:#d8e1f5!important;color:#526caa!important}.status-redeemed{background:#e9f6f2!important;border-color:#c9e7de!important;color:#08786b!important}.status-refunded{background:#f5efff!important;border-color:#e2d7f3!important;color:#7656a3!important}
.h5-body{background:linear-gradient(180deg,#e8f2ef,#f4f7f6 34%,#edf3f1)}.phone-shell{background:linear-gradient(180deg,#f8fbfa,#f5f8f7);box-shadow:0 0 0 1px rgba(212,225,221,.8),0 22px 65px rgba(15,67,58,.1)}.h5-header{min-height:170px;padding-left:22px;padding-right:22px}.h5-header h1{font-size:25px;letter-spacing:-.5px}.h5-header select{min-height:42px;border-radius:13px}.balance-card{margin-top:-34px;padding:23px;border-radius:22px;box-shadow:0 16px 38px rgba(9,68,59,.12)}.balance-card:before{content:'';position:absolute;left:22px;right:22px;top:0;height:3px;border-radius:0 0 4px 4px;background:linear-gradient(90deg,#1aae97,#f0b44f)}.balance-card strong{font-size:42px;letter-spacing:-1.5px}.points-code-btn{min-height:38px}.view{padding-left:17px;padding-right:17px}.section-head{margin-top:24px}.section-head h2{font-size:19px;letter-spacing:-.3px}.quick-grid{margin-top:21px}.quick-grid button{min-height:76px}.quick-grid b{box-shadow:inset 0 0 0 1px rgba(8,120,107,.05)}.product-card{border-color:#e0e9e6;border-radius:18px}.product-visual{height:112px;background:linear-gradient(145deg,#edf7f4,#faf6eb)}.product-info{padding:13px}.product-info h3{font-size:14px}.order-card{border-color:#dfe9e6;border-radius:18px;padding:17px;box-shadow:var(--shadow-sm)}.order-card:hover{box-shadow:var(--shadow-md)}.order-top>span{padding:5px 9px}.timeline-item{border-radius:15px;box-shadow:var(--shadow-sm)}.rank-row{border-radius:15px;box-shadow:var(--shadow-sm)}.bottom-nav{border-top-color:#dce7e4;padding-top:9px}.bottom-nav button{min-height:50px}.bottom-nav button.active i{width:30px;height:25px;border-radius:9px;background:#e7f4f1}.bottom-nav button.active .ui-icon{color:#08786b}.toast{max-width:calc(100vw - 34px);text-align:center;box-shadow:var(--shadow-lg)}
.verification-preview{background:linear-gradient(145deg,#f7fbfa,#eef7f4)}.show-verification{min-height:38px}.qr-shell{border-color:#d4e5e1;box-shadow:0 13px 35px rgba(9,65,56,.12)}.points-receipt>strong{letter-spacing:-2px}
@media(max-width:900px){.admin-shell.menu-open:after{backdrop-filter:blur(2px)}.content{min-height:calc(100vh - 68px)}}
@media(max-width:600px){.admin-body{background:#f5f8f7}.content{padding:16px 11px 34px}.panel-title{margin-bottom:16px}.panel-title p{font-size:11px}.card,.table-wrap{border-radius:15px}.table-wrap{overflow-x:auto}.table-wrap table{min-width:720px}.stats-grid{gap:10px}.stat-card{min-height:105px}.scenic-grid{gap:13px}.scenic-card{border-radius:17px}.phone-shell{box-shadow:none}.h5-header{min-height:160px}.balance-card{margin-left:13px;margin-right:13px}.view{padding-left:13px;padding-right:13px}.product-grid{gap:10px}.modal{padding:12px}.modal-card{padding:22px 17px;border-radius:19px}.order-card{padding:15px}}

/* Premium user points account */
.points-page-mode{background:linear-gradient(180deg,#f8f5ed,#f8faf8 52%,#f2f6f4)}.points-page-mode .h5-header,.points-page-mode>.balance-card{display:none}.points-page{padding-top:max(20px,env(safe-area-inset-top));padding-bottom:20px}.premium-points-card{position:relative;min-height:330px;padding:27px 28px 25px;border:1px solid rgba(209,180,92,.38);border-radius:30px;background:radial-gradient(circle at 88% 8%,rgba(31,126,101,.38),transparent 31%),linear-gradient(145deg,#073b32 0%,#0a4b3d 54%,#0d5948 100%);color:#fff;box-shadow:0 24px 50px rgba(5,54,44,.22),0 3px 0 rgba(182,151,62,.25);overflow:hidden}.premium-points-card:before,.premium-points-card:after{content:'';position:absolute;width:620px;height:190px;border:1px solid rgba(218,190,100,.2);border-radius:50%;transform:rotate(13deg);pointer-events:none}.premium-points-card:before{left:-185px;top:83px}.premium-points-card:after{left:-80px;top:224px;opacity:.5}.premium-card-lines{position:absolute;inset:0;background:linear-gradient(112deg,transparent 0 62%,rgba(255,255,255,.025) 62% 63%,transparent 63%);pointer-events:none}.premium-card-top{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px}.member-chip{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border:1px solid rgba(255,255,255,.24);border-radius:99px;background:rgba(255,255,255,.08);box-shadow:inset 0 1px rgba(255,255,255,.12);font-size:10px;font-weight:800;letter-spacing:1.7px}.member-chip i{width:8px;height:8px;background:#edc75c;transform:rotate(45deg);box-shadow:0 0 10px rgba(237,199,92,.45)}.card-scenic{max-width:155px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:rgba(255,255,255,.68);font-size:10px;letter-spacing:.8px}.premium-balance-label{position:relative;z-index:1;margin-top:46px;color:rgba(255,255,255,.58);font-size:10px;font-weight:650;letter-spacing:4px}.premium-balance{position:relative;z-index:1;display:flex;align-items:baseline;gap:10px;margin-top:9px}.premium-balance strong{font-size:66px;line-height:1;font-weight:760;letter-spacing:-3px}.premium-balance span{color:#edc75c;font-size:12px;font-weight:850;letter-spacing:1px}.premium-card-bottom{position:absolute;z-index:1;left:28px;right:28px;bottom:25px;display:flex;align-items:flex-end;justify-content:space-between;padding-top:19px;border-top:1px solid rgba(255,255,255,.14)}.premium-card-bottom>div{display:grid;gap:6px}.premium-card-bottom small{color:rgba(255,255,255,.45);font-size:8px;letter-spacing:2px}.premium-card-bottom b{font-size:13px;letter-spacing:.4px}.premium-card-bottom button{width:52px;height:52px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.24);border-radius:16px;background:rgba(255,255,255,.1);color:#fff;box-shadow:inset 0 1px rgba(255,255,255,.15)}.premium-card-bottom button:active{transform:scale(.95)}.premium-card-bottom .ui-icon{width:24px;height:24px}
.points-action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:21px 2px}.points-action-grid button{display:grid;place-items:center;gap:6px;min-width:0;padding:14px 6px 12px;border:1px solid #ece7dc;border-radius:19px;background:#fff;color:#183b34;box-shadow:0 9px 25px rgba(59,52,34,.07);transition:transform .16s,box-shadow .16s}.points-action-grid button:active{transform:translateY(1px) scale(.98)}.points-action-grid i{width:49px;height:49px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(145deg,#eff6f3,#faf9f5);color:#0a5142}.points-action-grid .ui-icon{width:23px;height:23px}.points-action-grid b{font-size:11px;white-space:nowrap}.points-action-grid small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8a9692;font-size:8px}.points-action-grid button.refreshing i .ui-icon{animation:icon-spin .75s linear infinite}
.points-guide-card{display:flex;align-items:flex-start;gap:12px;margin:0 2px 20px;padding:15px;border:1px solid #e8e0ca;border-radius:17px;background:linear-gradient(145deg,#fbf7e9,#f8f6ee);color:#5f604f}.guide-icon{width:34px;height:34px;display:grid;place-items:center;flex:none;border-radius:10px;background:#fff9e8;color:#a78324}.guide-icon .ui-icon{width:17px;height:17px}.points-guide-card>div:last-child{display:grid;gap:5px}.points-guide-card b{font-size:11px;color:#454b42}.points-guide-card p{margin:0;font-size:9px;line-height:1.75;color:#7e7f70}
.points-activity-card{margin:0 2px;padding:19px 18px 9px;border:1px solid #e3ebe8;border-radius:22px;background:#fff;box-shadow:0 10px 30px rgba(18,64,56,.065)}.activity-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding-bottom:14px;border-bottom:1px solid #edf1f0}.activity-heading h2{margin:0;font-size:18px;color:#153c34}.activity-heading p{margin:4px 0 0;color:#899793;font-size:9px}.activity-heading select{max-width:105px;padding:7px 9px;border-radius:9px;background:#f7faf9;font-size:9px}.premium-timeline{display:grid}.premium-point-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:72px;padding:10px 0;border-bottom:1px solid #eef2f1}.premium-point-row:last-child{border-bottom:0}.point-row-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:13px}.point-row-icon .ui-icon{width:19px;height:19px}.point-row-icon.income{background:#e8f6f1;color:#14815e}.point-row-icon.expense{background:#f5f1eb;color:#8b7154}.point-row-main{min-width:0}.point-row-main b,.point-row-main small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.point-row-main b{font-size:12px}.point-row-main small{margin-top:4px;color:#8a9894;font-size:9px}.point-row-amount{text-align:right;font-size:16px;font-weight:850}.point-row-amount small{display:block;margin-top:2px;color:#9aa5a2;font-size:8px;font-weight:500}.point-row-amount.income{color:#14815e}.point-row-amount.expense{color:#5d6663}.premium-empty{min-height:150px;display:grid;place-items:center;align-content:center;gap:6px;color:#99a5a2}.premium-empty .ui-icon{width:27px;height:27px}.premium-empty b{font-size:11px;color:#667773}.premium-empty span{font-size:8px}
@media(max-width:390px){.premium-points-card{min-height:310px;padding:23px 22px;border-radius:25px}.premium-balance-label{margin-top:40px}.premium-balance strong{font-size:56px}.premium-card-bottom{left:22px;right:22px;bottom:22px}.member-chip{padding:8px 10px;letter-spacing:1.1px}.card-scenic{max-width:115px}.points-action-grid{gap:8px}.points-action-grid i{width:44px;height:44px}.points-action-grid small{display:none}.points-guide-card{padding:13px}.points-activity-card{padding-left:14px;padding-right:14px}}

/* Reference-aligned points page */
.premium-points-card{min-height:350px;border-radius:31px;padding:29px 29px 27px;background:radial-gradient(circle at 84% 16%,rgba(33,118,96,.26),transparent 29%),linear-gradient(145deg,#073b31,#09483a 57%,#0b5544);box-shadow:0 27px 48px rgba(5,52,43,.22),0 0 0 1px rgba(194,163,69,.28)}.premium-card-top{align-items:center}.premium-info{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.28);border-radius:50%;background:rgba(255,255,255,.035);color:rgba(255,255,255,.66)}.premium-info .ui-icon{width:18px;height:18px}.card-scenic{position:absolute;z-index:2;right:29px;top:76px;max-width:155px;color:rgba(255,255,255,.48);text-transform:uppercase}.premium-balance-label{margin-top:48px}.premium-balance strong{font-size:72px}.balance-star{display:grid!important;place-items:center;color:#edc64e}.balance-star .ui-icon{width:31px;height:31px;stroke-width:1.6}.premium-card-bottom button{width:58px;height:58px;border-radius:18px}.premium-card-bottom button .ui-icon{width:27px;height:27px}
.points-action-grid{gap:18px;margin:26px 8px 30px}.points-action-grid button{display:grid;place-items:center;gap:13px;padding:0;border:0;background:transparent;box-shadow:none;color:#243b35}.points-action-grid button:hover{box-shadow:none;transform:translateY(-2px)}.points-action-grid i{width:88px;height:88px;border:1px solid #ebe8df;border-radius:24px;background:#fff;box-shadow:0 13px 29px rgba(68,61,40,.1)}.points-action-grid .ui-icon{width:31px;height:31px;stroke-width:1.65}.points-action-grid b{font-size:12px;font-weight:720}.points-action-grid button.refreshing i .ui-icon{animation:icon-spin .75s linear infinite}
.points-guide-card{display:block;margin:0 2px 27px;padding:20px 21px;border-color:#e6dfc8;border-radius:18px;background:#fbf7e9}.points-guide-card ul{display:grid;gap:13px;margin:0;padding:0 0 0 18px}.points-guide-card li{padding-left:2px;color:#77786d;font-size:10px;line-height:1.75}.points-guide-card li::marker{color:#b79b49;font-size:8px}
.points-activity-card{padding:22px 20px 12px;border-radius:26px}.activity-heading{padding-bottom:17px}.activity-heading h2{font-size:20px}.activity-heading select{width:auto;max-width:115px;border:0;background:transparent;color:#8b751f;font-size:10px;font-weight:750;box-shadow:none}.premium-point-row{min-height:78px}.point-row-icon{width:44px;height:44px;border-radius:15px}.point-row-main b{font-size:13px}.point-row-amount{font-size:18px}
@media(max-width:420px){.premium-points-card{min-height:325px;padding:24px 23px;border-radius:27px}.premium-balance-label{margin-top:43px}.premium-balance strong{font-size:59px}.card-scenic{right:23px;top:70px;max-width:115px}.premium-card-bottom{left:23px;right:23px;bottom:23px}.premium-card-bottom button{width:52px;height:52px}.points-action-grid{gap:9px;margin-left:2px;margin-right:2px}.points-action-grid i{width:74px;height:74px;border-radius:20px}.points-action-grid .ui-icon{width:27px;height:27px}.points-guide-card{padding:17px}.points-guide-card ul{gap:10px}.points-activity-card{padding:19px 16px 10px}}
.button-spinner{width:15px;height:15px;display:inline-block;border:2px solid rgba(255,255,255,.38);border-top-color:currentColor;border-radius:50%;animation:icon-spin .7s linear infinite}.secondary .button-spinner,.ghost .button-spinner{border-color:rgba(8,120,107,.22);border-top-color:currentColor}.is-loading{display:inline-flex!important;align-items:center;justify-content:center;gap:7px;pointer-events:none}.admin-shell.page-loading .topbar:after{content:'';position:absolute;left:0;bottom:-1px;width:34%;height:2px;background:linear-gradient(90deg,transparent,#17a88f,transparent);animation:page-loading 1s ease-in-out infinite}@keyframes page-loading{from{transform:translateX(-100%)}to{transform:translateX(390%)}}.grant-result.preview{background:#eef6f4;color:#466a62}.grant-result.preview>.ui-icon{animation:icon-spin 1s linear infinite}.grant-result.success-preview{background:#edf7f3;color:#176f54}.grant-result.success-preview>.ui-icon{animation:none}
.admin-boot{position:fixed;inset:0;z-index:1500;display:grid;place-items:center;background:radial-gradient(circle at 18% 12%,rgba(24,169,143,.14),transparent 30%),#f3f7f6}.admin-boot-card{display:grid;place-items:center;gap:10px;color:#4d6862}.admin-boot-card .brand-mark{width:54px;height:54px;border-radius:17px;margin-bottom:4px}.admin-boot-card b{color:#183a33;font-size:17px}.admin-boot-card span{font-size:11px}.admin-boot-card i{width:76px;height:3px;margin-top:7px;border-radius:99px;background:linear-gradient(90deg,#d8e7e3,#159a85,#d8e7e3);background-size:200% 100%;animation:boot-progress 1.1s linear infinite}@keyframes boot-progress{to{background-position:-200% 0}}
.data-pager{min-height:46px;display:flex;align-items:center;justify-content:flex-end;gap:7px;padding:12px 3px 0}.data-pager:empty{display:none}.data-pager .pager-summary{margin-right:auto;color:#71837e;font-size:11px}.data-pager button{min-width:34px;height:34px;padding:0 9px;border:1px solid #dce7e4;border-radius:9px;background:#fff;color:#526863;font-size:11px;font-weight:750}.data-pager button:hover:not(:disabled),.data-pager button.active{border-color:#80bdb1;background:#e9f6f2;color:#08786b}.data-pager button:disabled{opacity:.42}.data-pager .pager-ellipsis{color:#8b9a96;font-size:11px}.audit-action{display:inline-flex;padding:5px 8px;border-radius:8px;background:#e9f5f2;color:#08786b;font-size:10px;font-weight:800}.audit-description{display:block;max-width:330px;white-space:normal;line-height:1.55;color:#263f39;font-weight:700}.audit-actor b,.audit-actor small{display:block}.audit-detail{display:flex;max-width:350px;gap:5px;flex-wrap:wrap;white-space:normal}.audit-detail span{display:inline-flex;gap:4px;padding:4px 6px;border-radius:6px;background:#f3f7f6;color:#657873;font-size:9px}.audit-detail b{color:#3e5751}.audit-request{max-width:150px;overflow:hidden;text-overflow:ellipsis}.audit-table-wrap table{white-space:nowrap}.audit-table-wrap td:nth-child(3),.audit-table-wrap td:nth-child(6){white-space:normal}@media(max-width:600px){.data-pager{justify-content:center;flex-wrap:wrap}.data-pager .pager-summary{width:100%;margin:0;text-align:center}.audit-description{max-width:240px}}

/* Reference-led H5 rewards design */
.rewards-ui{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px;background:radial-gradient(circle at 16% 14%,rgba(0,123,99,.16),transparent 30%),radial-gradient(circle at 86% 84%,rgba(0,96,77,.14),transparent 28%),#111827;color:#181c1c}.rewards-ui .phone-shell{position:relative;width:min(100%,430px);height:min(880px,calc(100vh - 48px));min-height:620px;margin:0;padding:0;display:flex;flex-direction:column;border:9px solid #07111f;border-radius:48px;background:#f7faf9;box-shadow:0 32px 85px rgba(0,0,0,.38);overflow:hidden}.phone-island{position:absolute;z-index:90;top:0;left:50%;width:150px;height:27px;display:flex;align-items:center;justify-content:center;gap:7px;transform:translateX(-50%);border-radius:0 0 17px 17px;background:#07111f}.phone-island i{width:12px;height:12px;border:1px solid #1e293b;border-radius:50%;background:#111827}.phone-island span{width:52px;height:6px;border-radius:99px;background:#111827}.h5-scroll-area{min-height:0;flex:1;overflow-y:auto;overflow-x:hidden;padding-bottom:24px;scrollbar-width:none}.h5-scroll-area::-webkit-scrollbar{display:none}.rewards-ui .rewards-header{min-height:92px;padding:32px 20px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:transparent;color:#18211f}.scenic-brand{min-width:0;display:flex;align-items:center;gap:11px}.scenic-logo{width:42px;height:42px;display:grid;place-items:center;flex:none;border-radius:50%;background:#00604d;color:#fff;box-shadow:0 8px 18px rgba(0,96,77,.18)}.scenic-logo .ui-icon{width:23px;height:23px}.scenic-brand h1{max-width:150px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:17px;line-height:1.25;letter-spacing:-.35px}.scenic-brand p{margin:3px 0 0;color:#7c8985;font-size:10px;font-weight:700}.header-actions{display:grid;justify-items:end;gap:7px}.rewards-ui .signal{color:#6f817c;font-size:9px;font-weight:750}.scenic-picker{position:relative;display:flex;align-items:center;gap:4px;padding:0;border:0}.scenic-picker>.ui-icon{position:absolute;z-index:1;left:8px;width:13px;height:13px;color:#52736b;pointer-events:none}.rewards-ui .scenic-picker select{width:122px;min-height:34px;padding:7px 22px 7px 26px;border:1px solid #e0e8e5;border-radius:12px;background:#fff;color:#2b3d39;font-size:10px;font-weight:700;box-shadow:0 4px 14px rgba(19,61,53,.045)}.rewards-view{padding:8px 20px 28px}.rewards-ui .view{animation:none}.rewards-ui .view.active{animation:rewards-view-in .22s ease-out}@keyframes rewards-view-in{from{opacity:.35;transform:translateY(7px)}to{opacity:1;transform:none}}
.rewards-balance-card{position:relative;display:block;margin:0;padding:23px 22px 20px;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:25px;background:linear-gradient(145deg,#00604d,#004a3b 72%,#003d30);color:#fff;box-shadow:0 17px 35px rgba(0,96,77,.18)}.balance-glow{position:absolute;border-radius:50%;filter:blur(18px);pointer-events:none}.glow-one{right:-45px;bottom:-55px;width:170px;height:170px;background:rgba(0,150,122,.25)}.glow-two{left:-35px;top:-35px;width:125px;height:125px;background:rgba(175,255,228,.09)}.balance-card-head,.balance-number,.balance-card-foot{position:relative;z-index:1}.balance-card-head{display:flex;align-items:center;justify-content:space-between}.balance-card-head>span:first-child{color:rgba(220,255,244,.76);font-size:11px;font-weight:650}.live-badge{display:inline-flex!important;align-items:center;gap:5px;padding:5px 8px;border:1px solid rgba(175,255,228,.12);border-radius:99px;background:rgba(0,46,36,.32);color:#c5f5e6!important;font-size:9px!important;font-weight:800}.live-badge i{width:6px;height:6px;border-radius:50%;background:#55e1b7;box-shadow:0 0 0 3px rgba(85,225,183,.12)}.balance-number{display:flex;align-items:baseline;gap:6px;margin-top:5px}.balance-number strong{margin:0;color:#fff;font-size:43px;line-height:1.1;font-weight:820;letter-spacing:-1.8px}.balance-number span{color:#bdebdc;font-size:12px}.balance-card-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin-top:22px;padding-top:15px;border-top:1px solid rgba(175,255,228,.14)}.balance-card-foot>div{display:grid;gap:4px;min-width:0}.balance-card-foot small{color:rgba(205,244,232,.56);font-size:8px;letter-spacing:1px;text-transform:uppercase}.balance-card-foot b{max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#effff9;font-size:11px}.balance-card-foot button{padding:9px 18px;border:0;border-radius:11px;background:#fff;color:#00604d;font-size:11px;font-weight:850;box-shadow:0 6px 13px rgba(0,46,36,.15)}
.home-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.home-action-grid button{min-width:0;display:flex;align-items:center;gap:11px;padding:13px;border:1px solid #edf1ef;border-radius:17px;background:#fff;color:#25332f;text-align:left;box-shadow:0 5px 18px rgba(17,57,49,.04);transition:transform .15s,border-color .15s}.home-action-grid button:active{transform:scale(.98)}.home-action-grid button>i{width:42px;height:42px;display:grid;place-items:center;flex:none;border-radius:13px;background:#ecfaf5;color:#007b63}.home-action-grid button>i.neutral{background:#f4f6f5;color:#5f706c}.home-action-grid .ui-icon{width:20px;height:20px}.home-action-grid button>span{min-width:0;display:grid;gap:3px}.home-action-grid b,.home-action-grid small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-action-grid b{font-size:11px}.home-action-grid small{color:#99a29f;font-size:8px}.rewards-tip{display:flex;align-items:flex-start;gap:10px;padding:13px 14px;border:1px solid #e8f5f1;border-radius:16px;background:#f0fcf8;color:#42675e}.rewards-tip>.ui-icon{width:17px;height:17px;flex:none;color:#007b63}.rewards-tip p{margin:0;font-size:9px;font-weight:600;line-height:1.65}.rewards-section-head{margin:22px 0 11px}.rewards-section-head>div{display:grid;gap:3px}.rewards-section-head h2{font-size:15px;letter-spacing:-.2px}.rewards-section-head p{margin:0;color:#99a29f;font-size:8px}.rewards-section-head button{display:flex;align-items:center;gap:2px;font-size:9px;font-weight:800}.rewards-section-head button .ui-icon{width:13px;height:13px;transform:rotate(180deg)}
.home-point-list{display:grid;gap:9px}.home-point-item{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;border:1px solid #edf1ef;border-radius:15px;background:#fff}.home-point-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#edfaf5;color:#06815f}.home-point-icon.expense{background:#f7f3ed;color:#8b7254}.home-point-icon .ui-icon{width:18px;height:18px}.home-point-main{min-width:0}.home-point-main b,.home-point-main small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-point-main b{font-size:10px}.home-point-main small{margin-top:4px;color:#9aa4a1;font-size:8px}.home-point-value{text-align:right;color:#087b61;font-size:12px;font-weight:850}.home-point-value.expense{color:#5e6865}.home-point-empty{padding:25px;border:1px dashed #dce7e4;border-radius:16px;color:#879691;text-align:center;font-size:10px}
.rewards-ui .product-scroll{gap:11px;margin:0 -20px;padding:2px 20px 12px}.rewards-ui .product-card{position:relative;min-width:166px;border:1px solid #edf1ef;border-radius:19px;background:#fff;box-shadow:0 7px 22px rgba(17,57,49,.05)}.rewards-ui .product-visual{height:106px;background:linear-gradient(145deg,#e8f7f2,#f7f3e9)}.rewards-ui .product-visual .product-svg{width:34px;height:34px;color:#007b63}.rewards-ui .product-info{padding:12px}.rewards-ui .product-info h3{font-size:11px}.rewards-ui .price{color:#00604d;font-size:11px}.rewards-ui .stock{font-size:8px}.rewards-ui .product-info .redeem{min-height:34px;margin-top:9px;padding:8px;border-radius:10px;font-size:10px;background:#007b63;box-shadow:none}.product-type-tag{position:absolute;top:9px;left:9px;z-index:2;padding:4px 7px;border-radius:7px;background:rgba(255,255,255,.88);color:#526762;font-size:8px;font-weight:800;backdrop-filter:blur(8px)}
.view-balance-card{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:15px;min-height:146px;padding:22px;border-radius:25px;background:linear-gradient(145deg,#00604d,#003d30);color:#fff;overflow:hidden;box-shadow:0 17px 35px rgba(0,96,77,.17)}.view-balance-card:after{content:'';position:absolute;right:-45px;top:-55px;width:160px;height:160px;border-radius:50%;background:rgba(0,150,122,.22);filter:blur(15px)}.view-balance-card>div,.view-balance-card>button{position:relative;z-index:1}.view-balance-card>div:first-child{display:block}.view-balance-card span{display:block;color:rgba(213,249,237,.72);font-size:9px}.view-balance-card strong{display:inline-block;margin-top:5px;font-size:38px;line-height:1;font-weight:820;letter-spacing:-1.5px}.view-balance-card small{margin-left:5px;color:#bceada;font-size:9px}.view-balance-card>button{display:flex;align-items:center;gap:5px;padding:9px 11px;border:1px solid rgba(175,255,228,.15);border-radius:11px;background:rgba(0,46,36,.3);color:#d9fff2;font-size:9px;font-weight:800}.view-balance-card>button .ui-icon{width:14px;height:14px}.catalog-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin:21px 0 12px}.catalog-heading h2{margin:0;font-size:17px}.catalog-heading p{margin:4px 0 0;color:#96a19e;font-size:8px}.catalog-tabs{display:flex;gap:3px;padding:3px;border:1px solid #e6ecea;border-radius:11px;background:#f0f3f2}.catalog-tabs button{padding:6px 9px;border:0;border-radius:8px;background:transparent;color:#7c8985;font-size:8px;font-weight:800}.catalog-tabs button.active{background:#007b63;color:#fff;box-shadow:0 3px 8px rgba(0,96,77,.18)}.rewards-product-grid{gap:12px}.rewards-product-grid .product-card{min-width:0}.rewards-product-grid .product-visual{height:118px}
.rank-summary-card{align-items:center}.my-rank{position:relative;z-index:1;display:grid!important;justify-items:end;gap:5px;padding:11px 12px;border:1px solid rgba(175,255,228,.13);border-radius:13px;background:rgba(0,46,36,.27)}.my-rank small{margin:0;color:#aedfcf;font-size:8px}.my-rank b{font-size:13px}.rewards-segmented{margin:17px 0 0;padding:4px;border:1px solid #e4eae8;border-radius:14px;background:#eef1f0}.rewards-segmented button{padding:8px 4px;font-size:9px;font-weight:800}.rewards-segmented button.active{background:#007b63;color:#fff}.rank-podium{min-height:175px;display:grid;grid-template-columns:1fr 1.08fr 1fr;align-items:end;gap:5px;margin-top:14px;padding:20px 8px 15px;border:1px solid #edf1ef;border-radius:24px;background:#fff}.podium-person{min-width:0;display:grid;place-items:center;gap:5px;text-align:center}.podium-person.first{transform:translateY(-12px)}.podium-avatar{position:relative;width:55px;height:55px;display:grid;place-items:center;border:3px solid #d7eee7;border-radius:50%;background:#ecf9f5;color:#007b63}.podium-person.first .podium-avatar{width:68px;height:68px;border:4px solid #e8bd5e;background:#effaf6}.podium-avatar .ui-icon{width:24px;height:24px}.podium-person.first .podium-avatar .ui-icon{width:30px;height:30px}.podium-medal{position:absolute;right:-3px;bottom:-3px;width:21px;height:21px;display:grid;place-items:center;border:2px solid #fff;border-radius:50%;background:#aab5b2;color:#fff;font-size:8px;font-weight:900}.podium-person.first .podium-medal{background:#e7b84f}.podium-person.third .podium-medal{background:#b47b59}.podium-person b,.podium-person small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.podium-person b{font-size:9px}.podium-person small{color:#007b63;font-size:10px;font-weight:850}.rewards-rank-list{gap:8px}.rewards-rank-list .rank-row{min-height:57px;padding:10px 12px;border-color:#edf1ef;border-radius:15px}.rewards-rank-list .rank-no{font-size:13px}.rewards-rank-list .rank-user b{font-size:10px}.rewards-rank-list .rank-user small{font-size:8px}.rewards-rank-list .rank-score{font-size:11px}
.orders-summary-card{display:grid;align-items:start}.summary-actions{display:flex!important;gap:8px;margin-top:20px;padding-top:13px;border-top:1px solid rgba(175,255,228,.14)}.summary-actions button{display:flex;align-items:center;justify-content:center;gap:5px;flex:1;padding:9px;border:1px solid rgba(175,255,228,.14);border-radius:11px;background:rgba(0,46,36,.28);color:#dcfff3;font-size:9px;font-weight:800}.summary-actions button:first-child{background:#d9f8ed;color:#005444}.summary-actions .ui-icon{width:14px;height:14px}.rewards-order-list{gap:11px}.rewards-order-list .order-card{padding:15px;border-color:#e9efed;border-radius:18px;box-shadow:0 6px 18px rgba(17,57,49,.04)}.rewards-order-list .order-top small{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px}.rewards-order-list .order-card h3{font-size:12px}.rewards-order-list .order-card p{font-size:9px}.rewards-ui .verification-preview{margin-top:12px}.rewards-ui .show-verification{border-radius:10px;font-size:9px}
.rewards-ui .points-page-mode{background:#f7faf9}.rewards-ui .points-page-mode .h5-header{display:flex}.rewards-ui .points-page{padding-top:8px}.rewards-ui .premium-points-card{min-height:290px;padding:23px;border-radius:27px;background:linear-gradient(145deg,#004b3c,#00604d);box-shadow:0 20px 42px rgba(0,75,60,.2)}.rewards-ui .premium-balance-label{margin-top:34px}.rewards-ui .premium-balance strong{font-size:58px}.rewards-ui .premium-card-bottom{left:23px;right:23px;bottom:22px}.rewards-ui .points-action-grid{margin:17px 0}.rewards-ui .points-action-grid button{border-color:#e9eeec;border-radius:17px;box-shadow:0 6px 18px rgba(17,57,49,.04)}.rewards-ui .points-guide-card,.rewards-ui .points-activity-card{border-color:#e5ece9;box-shadow:0 7px 22px rgba(17,57,49,.045)}
.rewards-bottom-nav{position:relative;z-index:80;left:auto;bottom:auto;width:100%;flex:none;display:grid;grid-template-columns:repeat(4,1fr);transform:none;padding:10px 20px max(10px,env(safe-area-inset-bottom));border-top:1px solid rgba(229,235,233,.92);border-radius:24px 24px 0 0;background:rgba(255,255,255,.94);box-shadow:0 -10px 30px rgba(17,57,49,.055);backdrop-filter:blur(16px)}.rewards-bottom-nav button{gap:4px;font-size:8px;font-weight:750}.rewards-bottom-nav button i{width:31px;height:27px;display:grid;place-items:center;border-radius:10px}.rewards-bottom-nav button .ui-icon{width:18px;height:18px}.rewards-bottom-nav button.active{color:#007b63}.rewards-bottom-nav button.active i{background:#e4f5ef}.rewards-ui .toast{bottom:86px;max-width:360px;text-align:center}.rewards-ui .modal-card{border-radius:26px}.rewards-login{border-radius:27px}.rewards-login h1{font-size:22px}
@media(max-width:520px){.rewards-ui{display:block;padding:0;background:#f7faf9}.rewards-ui .phone-shell{width:100%;height:100dvh;min-height:100vh;border:0;border-radius:0;box-shadow:none}.phone-island{display:none}.rewards-ui .rewards-header{padding-top:max(17px,env(safe-area-inset-top))}.rewards-view{padding-left:17px;padding-right:17px}.rewards-ui .product-scroll{margin-left:-17px;margin-right:-17px;padding-left:17px;padding-right:17px}.rewards-bottom-nav{border-radius:20px 20px 0 0}}
.podium-person.first{grid-column:2;grid-row:1}.podium-person.second{grid-column:1;grid-row:1}.podium-person.third{grid-column:3;grid-row:1}.rank-podium-empty{grid-column:1/-1;align-self:center;color:#8b9995;text-align:center;font-size:10px}
.home-action-grid button.refreshing>i .ui-icon{animation:icon-spin .75s linear infinite}

/* H5 readability and touch-density refinement */
.rewards-ui .rewards-header{min-height:104px;padding-bottom:17px}.rewards-ui .scenic-brand h1{max-width:165px;font-size:19px}.rewards-ui .scenic-brand p{font-size:12px}.rewards-ui .signal{font-size:11px}.rewards-ui .scenic-picker select{width:132px;min-height:39px;font-size:12px}.rewards-ui .scenic-picker>.ui-icon{width:15px;height:15px}
.rewards-ui .rewards-balance-card{padding:26px 24px 23px}.rewards-ui .balance-card-head>span:first-child{font-size:13px}.rewards-ui .live-badge{padding:6px 9px;font-size:11px!important}.rewards-ui .balance-number{margin-top:8px}.rewards-ui .balance-number strong{font-size:49px}.rewards-ui .balance-number span{font-size:15px}.rewards-ui .balance-card-foot{margin-top:25px;padding-top:17px}.rewards-ui .balance-card-foot small{font-size:10px}.rewards-ui .balance-card-foot b{font-size:13px}.rewards-ui .balance-card-foot button{min-height:42px;padding:10px 20px;font-size:13px}
.rewards-ui .home-action-grid{gap:13px;margin:20px 0}.rewards-ui .home-action-grid button{min-height:82px;gap:12px;padding:15px}.rewards-ui .home-action-grid button>i{width:46px;height:46px}.rewards-ui .home-action-grid .ui-icon{width:22px;height:22px}.rewards-ui .home-action-grid b{font-size:14px}.rewards-ui .home-action-grid small{font-size:11px;line-height:1.35}.rewards-ui .rewards-tip{gap:11px;padding:15px 16px}.rewards-ui .rewards-tip>.ui-icon{width:19px;height:19px}.rewards-ui .rewards-tip p{font-size:12px;line-height:1.7}
.rewards-ui .rewards-section-head{margin:25px 0 13px}.rewards-ui .rewards-section-head h2{font-size:19px}.rewards-ui .rewards-section-head p{font-size:11px}.rewards-ui .rewards-section-head button{min-height:34px;font-size:12px}.rewards-ui .rewards-section-head button .ui-icon{width:15px;height:15px}.rewards-ui .home-point-list{gap:10px}.rewards-ui .home-point-item{min-height:68px;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;padding:13px 14px}.rewards-ui .home-point-icon{width:42px;height:42px}.rewards-ui .home-point-main b{font-size:13px}.rewards-ui .home-point-main small{font-size:11px}.rewards-ui .home-point-value{font-size:15px}.rewards-ui .home-point-empty{font-size:12px}
.rewards-ui .product-card{min-width:176px}.rewards-ui .product-info{padding:14px}.rewards-ui .product-info h3{margin-bottom:9px;font-size:14px}.rewards-ui .price{font-size:13px}.rewards-ui .stock{font-size:11px}.rewards-ui .product-info .redeem{min-height:42px;padding:10px;font-size:13px}.rewards-ui .product-type-tag{padding:5px 8px;font-size:10px}.rewards-ui .product-visual{height:116px}.rewards-ui .rewards-product-grid .product-visual{height:130px}
.rewards-ui .view-balance-card{min-height:160px;padding:25px}.rewards-ui .view-balance-card span{font-size:12px}.rewards-ui .view-balance-card strong{font-size:44px}.rewards-ui .view-balance-card small{font-size:12px}.rewards-ui .view-balance-card>button{min-height:42px;padding:10px 13px;font-size:12px}.rewards-ui .view-balance-card>button .ui-icon{width:16px;height:16px}.rewards-ui .catalog-heading{margin:24px 0 14px}.rewards-ui .catalog-heading h2{font-size:20px}.rewards-ui .catalog-heading p{font-size:11px}.rewards-ui .catalog-tabs button{min-height:34px;padding:7px 11px;font-size:11px}
.rewards-ui .my-rank{padding:13px 14px}.rewards-ui .my-rank small{font-size:11px}.rewards-ui .my-rank b{font-size:16px}.rewards-ui .rewards-segmented button{min-height:39px;font-size:12px}.rewards-ui .date-row input,.rewards-ui .date-row button{min-height:42px;font-size:13px}.rewards-ui .rank-podium{min-height:195px;padding-top:25px}.rewards-ui .podium-person{gap:7px}.rewards-ui .podium-person b{font-size:12px}.rewards-ui .podium-person small{font-size:13px}.rewards-ui .podium-medal{width:23px;height:23px;font-size:10px}.rewards-ui .rank-podium-empty{font-size:13px}.rewards-ui .rewards-rank-list{gap:10px}.rewards-ui .rewards-rank-list .rank-row{min-height:66px;padding:12px 14px}.rewards-ui .rewards-rank-list .rank-no{font-size:16px}.rewards-ui .rewards-rank-list .rank-user b{font-size:13px}.rewards-ui .rewards-rank-list .rank-user small{font-size:11px}.rewards-ui .rewards-rank-list .rank-score{font-size:14px}
.rewards-ui .summary-actions button{min-height:43px;font-size:12px}.rewards-ui .summary-actions .ui-icon{width:16px;height:16px}.rewards-ui .rewards-order-list{gap:13px}.rewards-ui .rewards-order-list .order-card{padding:18px}.rewards-ui .rewards-order-list .order-top small{font-size:11px}.rewards-ui .rewards-order-list .order-top span{font-size:11px}.rewards-ui .rewards-order-list .order-card h3{font-size:16px}.rewards-ui .rewards-order-list .order-card p{font-size:12px;line-height:1.6}.rewards-ui .verification-preview small{font-size:11px}.rewards-ui .verification-preview b{font-size:18px}.rewards-ui .verification-expiry{font-size:11px!important}.rewards-ui .order-state-note{font-size:12px}.rewards-ui .show-verification{min-height:40px;padding:9px 12px;font-size:12px}
.rewards-ui .member-chip{font-size:11px}.rewards-ui .card-scenic{font-size:12px}.rewards-ui .premium-balance-label{font-size:11px}.rewards-ui .premium-card-bottom small{font-size:10px}.rewards-ui .premium-card-bottom b{font-size:14px}.rewards-ui .points-action-grid b{font-size:13px}.rewards-ui .points-guide-card li{font-size:12px;line-height:1.8}.rewards-ui .activity-heading h2{font-size:20px}.rewards-ui .activity-heading p{font-size:11px}.rewards-ui .activity-heading select{min-height:38px;max-width:125px;font-size:12px}.rewards-ui .premium-point-row{min-height:84px}.rewards-ui .point-row-main b{font-size:13px}.rewards-ui .point-row-main small{font-size:11px}.rewards-ui .point-row-amount{font-size:17px}.rewards-ui .point-row-amount small{font-size:10px}.rewards-ui .premium-empty b{font-size:13px}.rewards-ui .premium-empty span{font-size:11px}
.rewards-ui .rewards-bottom-nav{padding-top:12px;padding-bottom:max(12px,env(safe-area-inset-bottom))}.rewards-ui .rewards-bottom-nav button{min-height:49px;gap:5px;font-size:11px}.rewards-ui .rewards-bottom-nav button i{width:36px;height:31px}.rewards-ui .rewards-bottom-nav button .ui-icon{width:20px;height:20px}.rewards-ui .toast{font-size:13px}.rewards-ui .modal-card{padding:27px 23px}.rewards-ui .modal-card h2{font-size:21px}.rewards-ui .modal-card p,.rewards-ui .modal-card small{font-size:12px;line-height:1.65}.rewards-ui .modal-card label{font-size:13px}.rewards-ui .modal-card input,.rewards-ui .modal-card select,.rewards-ui .modal-card textarea,.rewards-ui .rewards-login input{font-size:16px}.rewards-ui .modal-card .primary,.rewards-ui .modal-card .secondary,.rewards-ui .rewards-login .primary{min-height:46px;font-size:14px}
@media(max-width:370px){.rewards-ui .scenic-brand h1{max-width:125px;font-size:17px}.rewards-ui .scenic-picker select{width:112px}.rewards-ui .home-action-grid button{padding:12px}.rewards-ui .home-action-grid button>i{width:42px;height:42px}.rewards-ui .home-action-grid b{font-size:13px}.rewards-ui .home-action-grid small{font-size:10px}.rewards-ui .rewards-view{padding-left:14px;padding-right:14px}}

/* H5 custom point filters, pagination, complete ranking and verification refinement */
.activity-toolbar{position:relative;z-index:12;display:grid;grid-template-columns:minmax(0,1fr) 132px;gap:10px;margin:15px 0 5px}.point-search{position:relative;display:block}.point-search>span{position:absolute;z-index:1;left:13px;top:50%;display:grid;place-items:center;transform:translateY(-50%);color:#78908a;pointer-events:none}.point-search .ui-icon{width:18px;height:18px}.point-search input{width:100%;height:46px;padding:0 13px 0 41px;border:1px solid #dfe9e6;border-radius:14px;background:#f7faf9;font-size:13px;box-shadow:none;-webkit-appearance:none}.point-search input:focus{border-color:#7fc4b5;background:#fff;box-shadow:0 0 0 4px rgba(0,123,99,.08)}.point-search input::-webkit-search-cancel-button{cursor:pointer}
.point-custom-select{position:relative}.point-custom-select>button{width:100%;height:46px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 13px;border:1px solid #dfe9e6;border-radius:14px;background:#fff;color:#40534e;font-size:13px;font-weight:800;box-shadow:0 4px 12px rgba(17,57,49,.035)}.point-custom-select>button i{width:18px;height:18px;display:grid;place-items:center;transform:rotate(-90deg);transition:transform .2s ease}.point-custom-select>button i .ui-icon{width:16px;height:16px}.point-custom-select.open>button{border-color:#7fc4b5;box-shadow:0 0 0 4px rgba(0,123,99,.08)}.point-custom-select.open>button i{transform:rotate(90deg)}.point-select-menu{position:absolute;z-index:40;top:53px;right:0;width:168px;padding:7px;border:1px solid #dfe9e6;border-radius:16px;background:rgba(255,255,255,.98);box-shadow:0 18px 45px rgba(18,64,56,.18);backdrop-filter:blur(16px);animation:point-select-in .16s ease-out}.point-select-menu button{width:100%;min-height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 11px;border:0;border-radius:11px;background:transparent;color:#41534f;font-size:13px;font-weight:700;text-align:left}.point-select-menu button:hover{background:#f0f7f5}.point-select-menu button i{width:22px;height:22px;display:grid;place-items:center;border-radius:7px;color:transparent}.point-select-menu button i .ui-icon{width:15px;height:15px}.point-select-menu button.active{background:#e7f5f1;color:#007b63}.point-select-menu button.active i{background:#007b63;color:#fff}@keyframes point-select-in{from{opacity:0;transform:translateY(-5px) scale(.98)}to{opacity:1;transform:none}}
.point-pager{min-height:67px;display:grid;grid-template-columns:92px minmax(0,1fr) 92px;align-items:center;gap:8px;margin-top:8px;padding:12px 0 4px;border-top:1px solid #edf2f0}.point-pager>button{min-height:42px;display:flex;align-items:center;justify-content:center;gap:4px;padding:8px;border:1px solid #dfe9e6;border-radius:12px;background:#fff;color:#42605a;font-size:12px;font-weight:800}.point-pager>button:not(:disabled):active{transform:scale(.97)}.point-pager>button .ui-icon{width:15px;height:15px}.point-pager>button.next .ui-icon{transform:rotate(180deg)}.point-pager>div{min-width:0;display:grid;justify-items:center;gap:3px;text-align:center}.point-pager b{font-size:12px;color:#29433d}.point-pager small{font-size:10px;color:#899894}
.rewards-rank-list .rank-row.rank-top{border-color:#d7ebe5;background:linear-gradient(135deg,#fff,#f2faf7)}.rewards-rank-list .rank-row.rank-top .rank-no{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;color:#fff;font-size:13px}.rewards-rank-list .rank-row.rank-top-1 .rank-no{background:#d7a63e;box-shadow:0 5px 13px rgba(215,166,62,.22)}.rewards-rank-list .rank-row.rank-top-2 .rank-no{background:#899a96}.rewards-rank-list .rank-row.rank-top-3 .rank-no{background:#ad7654}
.podium-user-id{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8a9995;font-size:10px;font-style:normal;font-weight:700}.rewards-ui .podium-person{gap:5px}.rewards-ui .rank-user small{white-space:normal;line-height:1.45}
.member-chip-copy{display:grid!important;gap:2px;color:#fff!important;line-height:1}.member-chip-copy b{color:#fff;font-size:10px;font-weight:850;letter-spacing:1.35px;white-space:nowrap}.member-chip-copy small{margin:0!important;color:rgba(255,255,255,.58)!important;font-size:8px!important;font-weight:700;letter-spacing:1.1px;line-height:1.1}.rewards-ui .member-chip{min-height:42px;padding-top:7px;padding-bottom:7px}.compact-card-top .member-chip{padding-top:6px;padding-bottom:6px}.compact-card-top .member-chip-copy b{font-size:9px}.compact-card-top .member-chip-copy small{font-size:7px!important}
.redemption-hidden{display:none!important}.rewards-ui .redemption-disabled .rewards-bottom-nav{grid-template-columns:repeat(3,1fr)}.rewards-ui .redemption-disabled .points-action-grid{grid-template-columns:repeat(2,1fr)}.product-visual.has-cover{padding:0;background:#e9efed}.product-visual.has-cover img{width:100%;height:100%;display:block;object-fit:cover}.product-panel-actions{row-gap:8px}.redemption-control{min-width:210px}.product-table-item{min-width:210px;display:flex;align-items:center;gap:11px}.product-table-item>div:last-child{min-width:0}.product-table-item b,.product-table-item small{display:block}.product-table-item b{max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-table-cover{width:54px;height:44px;display:grid;place-items:center;flex:none;overflow:hidden;border:1px solid #dfe9e6;border-radius:11px;background:linear-gradient(145deg,#eaf6f2,#f8f4e9);color:#08786b}.product-table-cover img{width:100%;height:100%;object-fit:cover}.product-table-cover .ui-icon{width:22px;height:22px}.product-cover-editor{display:grid;grid-template-columns:132px minmax(0,1fr);align-items:center;gap:16px;padding:14px;border:1px solid #e0e9e6;border-radius:16px;background:#f7faf9}.product-cover-preview{width:132px;height:99px;display:grid;place-items:center;overflow:hidden;border:1px dashed #bcd5cf;border-radius:14px;background:linear-gradient(145deg,#eaf6f2,#f8f4e9);color:#08786b}.product-cover-preview.has-image{border-style:solid;background:#e8eeec}.product-cover-preview img{width:100%;height:100%;display:block;object-fit:cover}.product-cover-preview .ui-icon{width:35px;height:35px}.product-cover-actions{min-width:0}.product-cover-actions>b{display:block;font-size:14px}.product-cover-actions>p{margin:5px 0 11px;color:var(--muted);font-size:11px;line-height:1.55}.product-cover-actions>div{display:flex;gap:8px;flex-wrap:wrap}.cover-upload-button{display:inline-flex!important;place-items:center;cursor:pointer}.cover-upload-button input{display:none}.product-cover-actions .ghost,.cover-upload-button{min-height:38px;padding:8px 13px;font-size:12px}.product-cover-actions input[type=hidden]{display:none}
@media(max-width:600px){.product-panel-actions{width:100%;justify-content:flex-start}.redemption-control{width:100%}.product-cover-editor{grid-template-columns:1fr}.product-cover-preview{width:100%;height:auto;aspect-ratio:4/3}.product-table-item{min-width:180px}}
.workflow-notice{display:flex;align-items:center;gap:9px;margin:-5px 0 16px;padding:12px 15px;border:1px solid #dce9e5;border-radius:14px;background:#f6faf8;color:#4f6b64;font-size:12px}.workflow-notice span{width:24px;height:24px;display:grid;place-items:center;flex:none;border-radius:50%;background:#08786b;color:#fff;font-weight:850}.workflow-notice b{white-space:nowrap}.workflow-notice i{height:1px;flex:1;background:#cfe0db}.product-rule-modal{width:min(820px,100%)}.product-rule-modal form{gap:18px}.rule-form-section{display:grid;gap:14px;padding:17px;border:1px solid #dfe9e6;border-radius:17px;background:#fbfdfc}.rule-section-title{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid #e8efed}.rule-section-title>span{width:30px;height:30px;display:grid;place-items:center;flex:none;border-radius:10px;background:#08786b;color:#fff;font-weight:850}.rule-section-title>div{display:grid;gap:2px}.rule-section-title b{font-size:15px}.rule-section-title small{color:var(--muted);font-size:11px}.rules-two-column{display:grid;grid-template-columns:1fr 1fr;gap:12px}.check-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.check-option{min-height:70px;display:flex!important;align-items:flex-start;gap:9px;padding:12px;border:1px solid #dfe8e5;border-radius:13px;background:#fff}.check-option input{width:auto;margin-top:3px}.check-option span{display:grid;gap:3px}.check-option b{font-size:12px}.check-option small{color:var(--muted);font-size:10px;line-height:1.45}.form-submit-bar{position:sticky;z-index:4;bottom:-25px;display:flex;justify-content:flex-end;gap:10px;margin:0 -25px -25px;padding:15px 25px;border-top:1px solid #dfe9e6;background:rgba(255,255,255,.96);backdrop-filter:blur(12px)}.review-feedback{padding:13px 15px;border:1px solid #cfe4dd;border-radius:13px;background:#eef8f4;color:#246653}.review-feedback.rejected{border-color:#efcccc;background:#fff3f3;color:#a23e3e}.review-feedback p{margin:5px 0 0;font-size:12px;line-height:1.6}.wide-modal{width:min(720px,100%)}.review-modal-head{display:flex;align-items:center;gap:12px}.review-modal-head>span{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#e7f5f1;color:#08786b}.review-modal-head h2{margin:0 0 3px}.review-modal-head p{margin:0;color:var(--muted);font-size:12px}.review-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:17px 0}.review-summary>div{display:grid;gap:4px;padding:12px;border-radius:12px;background:#f3f7f6}.review-summary small{color:var(--muted);font-size:10px}.review-summary b{font-size:12px}.review-rule-preview{max-height:330px;overflow:auto;padding:16px;border:1px solid #e0e9e6;border-radius:14px;background:#fbfdfc}.review-rule-preview>b{display:block;margin-top:13px}.review-rule-preview>b:first-child{margin-top:0}.review-rule-preview p,.review-rule-preview li{color:#526a64;font-size:12px;line-height:1.7}.review-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}
@media(max-width:700px){.workflow-notice{align-items:flex-start;display:grid;grid-template-columns:24px 1fr}.workflow-notice i{display:none}.rules-two-column,.check-grid,.review-summary{grid-template-columns:1fr}.form-submit-bar{bottom:-22px;margin-left:-17px;margin-right:-17px;margin-bottom:-22px;padding:13px 17px}.form-submit-bar button{flex:1}.review-actions button{flex:1}}
.redemption-method-tag{display:flex!important;align-items:center;gap:4px;margin:1px 0 8px;color:#647a74!important;font-size:10px!important}.redemption-method-tag .ui-icon{width:13px;height:13px;color:#16826e}.redeem-rule-modal{width:min(620px,100%)}.redeem-plan-head{display:flex;align-items:center;gap:12px;padding-right:35px}.redeem-plan-head>span{width:48px;height:48px;display:grid;place-items:center;flex:none;border-radius:15px;background:#e9f5f1;color:#08786b}.redeem-plan-head .product-svg{width:27px;height:27px}.redeem-plan-head h2{margin:0 0 4px}.redeem-plan-head p{margin:0;color:var(--muted);font-size:11px}.redeem-rule-card{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:14px 0;padding:13px;border:1px solid #dfe9e6;border-radius:15px;background:#f9fcfb}.redeem-rule-card>div{display:grid;gap:3px;padding:10px;border-radius:11px;background:#fff}.redeem-rule-card small{color:var(--muted);font-size:9px}.redeem-rule-card>div b{font-size:11px;line-height:1.45}.redeem-rule-card section{grid-column:1/-1;padding:10px 4px 2px;border-top:1px solid #e4ece9}.redeem-rule-card section>b{font-size:12px}.redeem-rule-card section p,.redeem-rule-card li{color:#5d716c;font-size:11px;line-height:1.65}.redeem-rule-card ol,.redeem-rule-card ul{margin:7px 0 0;padding-left:20px}.redeem-rule-card section p{margin:6px 0 0}.redeem-agreement{display:flex!important;align-items:flex-start;gap:8px;padding:11px;border-radius:11px;background:#f2f7f5}.redeem-agreement input{width:auto;margin-top:2px}.redeem-agreement span{color:#526a64;font-size:11px;line-height:1.5}@media(max-width:520px){.redeem-rule-card{grid-template-columns:1fr}.redeem-rule-card section{grid-column:1}}
.order-page-heading{align-items:center}.order-count{flex:none;padding:7px 10px;border-radius:99px;background:#e7f5f1;color:#087765;font-size:11px;font-weight:800}.order-filter-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:-1px 0 15px;padding:4px;border:1px solid #e2eae7;border-radius:15px;background:#edf2f0}.order-filter-bar button{min-height:40px;padding:7px 4px;border:0;border-radius:11px;background:transparent;color:#748681;font-size:12px;font-weight:800}.order-filter-bar button.active{background:#fff;color:#007b63;box-shadow:0 4px 13px rgba(17,57,49,.08)}
.rewards-ui .rewards-order-list{gap:15px}.rewards-ui .rewards-order-list .verification-order-card{position:relative;padding:18px;border:1px solid #e0e9e6;border-radius:22px;background:#fff;box-shadow:0 9px 26px rgba(17,57,49,.055)}.verification-order-card .order-top{align-items:center;gap:10px;padding-bottom:13px;border-bottom:1px solid #eef2f1}.verification-order-card .order-top small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#61736f;font-family:ui-monospace,SFMono-Regular,Menlo,monospace!important;font-size:10px!important;letter-spacing:.15px}.verification-order-card .order-top>span{flex:none;padding:6px 10px;border-radius:99px;font-weight:800}.order-product-row{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:12px;padding:16px 0 5px}.order-product-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(145deg,#e7f6f1,#f7f3e8);color:#08786b}.order-product-icon .product-svg{width:25px;height:25px}.order-product-main{min-width:0}.rewards-ui .order-product-main h3{margin:0 0 7px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px!important}.rewards-ui .order-product-main p{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:0!important;color:#778985;font-size:11px!important}.order-product-main p i{width:3px;height:3px;border-radius:50%;background:#b3bfbc}.rewards-ui .verification-preview{min-height:76px;margin-top:13px;padding:13px 14px;border:1px dashed #a9d5ca;border-radius:16px;background:linear-gradient(135deg,#f4fbf8,#eef8f5)}.verification-code{min-width:0}.rewards-ui .verification-code small{font-size:11px}.rewards-ui .verification-code b{margin-top:3px;white-space:nowrap;font-size:20px;letter-spacing:4px}.rewards-ui .show-verification{min-height:44px;padding:10px 14px;border-radius:12px;background:#007f69;box-shadow:0 7px 16px rgba(0,127,105,.18);font-size:12px}.rewards-ui .show-verification:active{transform:scale(.97)}.rewards-ui .verification-expiry{display:flex;align-items:center;justify-content:flex-end;gap:5px;margin:9px 2px 0!important;color:#788a85;font-size:11px!important}.verification-expiry .ui-icon{width:14px;height:14px;color:#4e9d8c}.rewards-ui .order-state-note{min-height:48px;margin-top:13px;padding:12px 13px;border-radius:14px;font-size:12px;line-height:1.55}.order-state-note.muted{background:#f4f6f5;color:#7a8985}.order-tracking{display:flex;align-items:center;gap:7px;margin-top:10px;padding-top:10px;border-top:1px solid #edf2f0;color:#657a75;font-size:11px}.order-tracking .ui-icon{width:15px;height:15px}.order-empty{min-height:230px;border:1px dashed #dce7e4;border-radius:22px;background:rgba(255,255,255,.6)}
@media(max-width:380px){.activity-toolbar{grid-template-columns:minmax(0,1fr) 118px;gap:7px}.point-search input,.point-custom-select>button{font-size:12px}.point-pager{grid-template-columns:78px minmax(0,1fr) 78px}.point-pager>button{font-size:11px}.order-filter-bar button{font-size:11px}.rewards-ui .verification-preview{align-items:stretch;display:grid}.rewards-ui .show-verification{justify-content:center}.rewards-ui .verification-code b{font-size:18px}.order-product-main p{gap:5px}}

/* Unified scenic selector and member point cards */
.rewards-ui .rewards-header{position:relative;z-index:55;overflow:visible}.scenic-custom-select{position:relative}.scenic-custom-select>button{width:145px;min-height:42px;display:grid;grid-template-columns:18px minmax(0,1fr) 16px;align-items:center;gap:7px;padding:8px 10px;border:1px solid #dce7e3;border-radius:14px;background:rgba(255,255,255,.96);color:#29423c;box-shadow:0 7px 20px rgba(19,61,53,.07)}.scenic-custom-select>button>.ui-icon{width:17px;height:17px;color:#08786b}.scenic-custom-select>button b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;text-align:left}.scenic-custom-select>button i{display:grid;place-items:center;transform:rotate(-90deg);transition:transform .2s ease}.scenic-custom-select>button i .ui-icon{width:14px;height:14px}.scenic-custom-select.open>button{border-color:#82c6b7;box-shadow:0 0 0 4px rgba(0,123,99,.08),0 8px 22px rgba(19,61,53,.08)}.scenic-custom-select.open>button i{transform:rotate(90deg)}.scenic-select-menu{position:absolute;z-index:80;top:50px;right:0;width:230px;padding:8px;border:1px solid #dce7e3;border-radius:17px;background:rgba(255,255,255,.98);box-shadow:0 20px 50px rgba(13,56,48,.2);backdrop-filter:blur(18px);animation:point-select-in .16s ease-out}.scenic-select-menu button{width:100%;min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px;border:0;border-radius:12px;background:transparent;color:#344b46;text-align:left}.scenic-select-menu button:hover{background:#f0f7f5}.scenic-select-menu button>span{min-width:0;display:grid;gap:4px}.scenic-select-menu button b,.scenic-select-menu button small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scenic-select-menu button b{font-size:13px}.scenic-select-menu button small{color:#8a9995;font-size:10px;font-weight:600}.scenic-select-menu button>i{width:24px;height:24px;display:grid;place-items:center;flex:none;border-radius:8px;color:transparent}.scenic-select-menu button>i .ui-icon{width:15px;height:15px}.scenic-select-menu button.active{background:#e8f6f2;color:#007b63}.scenic-select-menu button.active>i{background:#007b63;color:#fff}
.rewards-ui .compact-points-card{position:relative;min-height:205px;display:block;padding:22px 23px;border:1px solid rgba(209,180,92,.33);border-radius:27px;background:radial-gradient(circle at 88% 5%,rgba(31,126,101,.34),transparent 31%),linear-gradient(145deg,#073b32,#094b3d 58%,#0c5948);box-shadow:0 20px 42px rgba(5,54,44,.18),0 2px 0 rgba(182,151,62,.18);overflow:hidden}.rewards-ui .compact-points-card:before,.rewards-ui .compact-points-card:after{content:'';position:absolute;width:560px;height:160px;border:1px solid rgba(218,190,100,.17);border-radius:50%;transform:rotate(12deg);pointer-events:none}.rewards-ui .compact-points-card:before{left:-190px;top:77px}.rewards-ui .compact-points-card:after{left:-80px;top:178px;opacity:.45}.compact-card-top{position:relative!important;z-index:2!important;display:flex!important;align-items:center;justify-content:space-between;gap:12px}.compact-card-top .member-chip{padding:7px 11px;font-size:9px}.compact-card-top .view-scenic-name{max-width:135px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:rgba(255,255,255,.58);font-size:11px;letter-spacing:.4px}.compact-card-main{position:relative!important;z-index:2!important;display:flex!important;align-items:flex-end;justify-content:space-between;gap:16px;margin-top:30px}.compact-balance-label{color:rgba(255,255,255,.53)!important;font-size:9px!important;font-weight:700;letter-spacing:3px}.compact-balance{display:flex!important;align-items:baseline;gap:8px;margin-top:8px}.rewards-ui .compact-balance strong{margin:0;font-size:50px;letter-spacing:-2.5px}.rewards-ui .compact-balance small{margin:0;color:#d2f1e7;font-size:12px}.rewards-ui .compact-card-main>button{min-height:44px;display:flex;align-items:center;gap:6px;padding:10px 13px;border:1px solid rgba(255,255,255,.17);border-radius:13px;background:rgba(255,255,255,.09);color:#e5fff6;font-size:12px;font-weight:800}.compact-card-main>button .ui-icon{width:16px;height:16px}.rewards-ui .compact-points-card .my-rank{padding:12px 14px;border-color:rgba(255,255,255,.16);background:rgba(0,33,26,.24)}.rewards-ui .compact-points-card.orders-summary-card{min-height:238px}.rewards-ui .compact-points-card .summary-actions{position:relative;z-index:2;margin-top:20px}.rewards-ui .compact-points-card .summary-actions button{border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.08)}.rewards-ui .compact-points-card .summary-actions button:first-child{background:#d9f8ed;color:#005444}

/* Tablet layout */
@media(min-width:521px) and (max-width:899px){.rewards-ui{padding:16px;background:linear-gradient(145deg,#e9f2ef,#f7faf9)}.rewards-ui .phone-shell{width:min(720px,calc(100vw - 32px));height:calc(100vh - 32px);min-height:640px;border:1px solid #dce7e3;border-radius:30px;box-shadow:0 24px 65px rgba(17,57,49,.16)}.phone-island{display:none}.rewards-ui .rewards-header{padding:24px 28px 18px}.rewards-view{padding-left:28px;padding-right:28px}.rewards-ui .rewards-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.rewards-ui .compact-points-card{min-height:220px}.rewards-ui .rewards-order-list{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}}

/* Desktop responsive workspace */
@media(min-width:900px){.rewards-ui{display:flex;padding:24px;background:radial-gradient(circle at 10% 10%,rgba(0,123,99,.12),transparent 29%),linear-gradient(145deg,#e8f0ee,#f8faf9)}.rewards-ui .phone-shell{width:min(1380px,calc(100vw - 48px));height:calc(100vh - 48px);min-height:680px;display:block;border:1px solid #d8e5e1;border-radius:28px;background:#f7faf9;box-shadow:0 28px 80px rgba(17,57,49,.18);overflow:hidden}.phone-island{display:none}.rewards-ui .h5-scroll-area{height:100%;margin-left:220px;padding-bottom:32px;overflow-y:auto}.rewards-ui .rewards-header{position:sticky;top:0;z-index:70;min-height:102px;padding:22px 38px;background:rgba(247,250,249,.92);border-bottom:1px solid rgba(219,231,227,.9);backdrop-filter:blur(18px)}.rewards-ui .scenic-brand h1{max-width:300px;font-size:22px}.rewards-ui .scenic-brand p{font-size:12px}.rewards-ui .scenic-logo{width:48px;height:48px}.rewards-ui .header-actions{display:flex;align-items:center;gap:15px}.rewards-ui .signal{font-size:12px}.scenic-custom-select>button{width:180px;min-height:46px}.scenic-custom-select>button b{font-size:13px}.scenic-select-menu{top:54px;width:260px}.rewards-ui .rewards-bottom-nav{position:absolute;z-index:90;inset:0 auto 0 0;width:220px;display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:34px 18px;border:0;border-right:1px solid #dce7e3;border-radius:0;background:linear-gradient(180deg,#063e34,#075447);box-shadow:none;color:#fff}.rewards-ui .rewards-bottom-nav:before{content:'景区积分云\A SCENIC POINTS';display:block;margin:0 12px 45px;color:#fff;white-space:pre;font-size:19px;font-weight:850;line-height:1.5;letter-spacing:.3px}.rewards-ui .rewards-bottom-nav:after{content:'景区专属积分与奖励中心';display:block;margin:auto 12px 0;color:rgba(224,255,246,.5);font-size:11px;line-height:1.6}.rewards-ui .rewards-bottom-nav button{min-height:54px;display:grid;grid-template-columns:38px minmax(0,1fr);place-items:center start;gap:10px;padding:9px 12px;border-radius:14px;color:rgba(226,255,247,.68);font-size:14px;text-align:left}.rewards-ui .rewards-bottom-nav button i{width:36px;height:36px;background:rgba(255,255,255,.06)}.rewards-ui .rewards-bottom-nav button.active{background:rgba(255,255,255,.12);color:#fff}.rewards-ui .rewards-bottom-nav button.active i{background:#dff7ef;color:#00604d}.rewards-ui .rewards-view{width:100%;max-width:1100px;margin:0 auto;padding:34px 38px 50px}.rewards-ui .compact-points-card{min-height:230px;padding:27px 30px}.compact-card-main{margin-top:35px}.rewards-ui .compact-balance strong{font-size:58px}.rewards-ui .catalog-heading{margin-top:30px}.rewards-ui .rewards-product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.rewards-ui .rewards-product-grid .product-visual{height:160px}.rewards-ui #homeView.active{display:grid;grid-template-columns:minmax(440px,1.05fr) minmax(360px,.95fr);grid-template-rows:auto auto 1fr;align-items:start;gap:20px 24px;max-width:1180px}.rewards-ui #homeView .premium-points-card{grid-column:1;grid-row:1;min-height:330px}.rewards-ui #homeView .points-action-grid{grid-column:1;grid-row:2;margin:0}.rewards-ui #homeView .points-guide-card{grid-column:1;grid-row:3;margin:0}.rewards-ui #homeView .points-activity-card{grid-column:2;grid-row:1 / span 3;margin:0;padding:24px 22px}.rewards-ui #rankView{max-width:1000px}.rewards-ui .rank-podium{min-height:230px}.rewards-ui .rewards-order-list{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:18px}.rewards-ui #ordersView{max-width:1100px}.rewards-ui .points-page-mode .h5-header{display:flex}.rewards-ui .toast{bottom:36px}}
@media(min-width:1280px){.rewards-ui .rewards-product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.rewards-ui .rewards-view{padding-left:48px;padding-right:48px}}

/* Route-level loading and weak-network recovery */
.view-loading,.view-load-error{grid-column:1/-1;width:100%;min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;border:1px solid #e0eae7;border-radius:22px;background:rgba(255,255,255,.82);text-align:center}.view-loading-head{display:flex;align-items:center;gap:9px;color:#376057;font-size:13px}.view-loading .button-spinner{width:17px;height:17px}.view-loading .loading-shimmer{width:100%;height:52px;display:block;border-radius:14px;background:linear-gradient(100deg,#eef3f1 20%,#f9fbfa 38%,#eef3f1 56%);background-size:220% 100%;animation:route-shimmer 1.25s ease-in-out infinite}.view-loading .loading-shimmer:nth-child(3){width:92%}.view-loading .loading-shimmer:nth-child(4){width:84%}.view-loading-card{width:100%;min-height:190px;display:grid;place-items:center;border:1px solid #e0eae7;border-radius:22px;background:#fff;overflow:hidden}.view-loading-card .loading-shimmer{width:72%;height:120px;border-radius:28px;background:linear-gradient(100deg,#edf4f1 20%,#fbfcfc 38%,#edf4f1 56%);background-size:220% 100%;animation:route-shimmer 1.25s ease-in-out infinite}.view-load-error{min-height:220px;color:#778b86}.view-load-error>.ui-icon{width:34px;height:34px;color:#b77a56}.view-load-error b{color:#2e4b44;font-size:16px}.view-load-error span{max-width:360px;font-size:12px;line-height:1.7}.view-load-error button{min-height:42px;display:flex;align-items:center;gap:7px;padding:9px 15px;border:1px solid #b7d8d0;border-radius:12px;background:#edf8f5;color:#087765;font-size:12px;font-weight:800}.view-load-error button .ui-icon{width:16px;height:16px}@keyframes route-shimmer{0%{background-position:100% 0}100%{background-position:-100% 0}}@media(prefers-reduced-motion:reduce){.view-loading .loading-shimmer,.view-loading-card .loading-shimmer{animation:none}}

/* H5 legibility pass: larger hierarchy, clearer secondary text and touch targets */
.rewards-ui{font-size:16px}.rewards-ui .scenic-brand h1{font-size:23px}.rewards-ui .scenic-brand p,.rewards-ui .signal{font-size:13px}.rewards-ui .scenic-custom-select>button{min-height:48px}.rewards-ui .scenic-custom-select>button b{font-size:14px}.rewards-ui .scenic-select-menu button b{font-size:15px}.rewards-ui .scenic-select-menu button small{font-size:12px}.rewards-ui .points-action-grid button{min-height:82px}.rewards-ui .points-action-grid button b{font-size:14px}.rewards-ui .rewards-section-head h2,.rewards-ui .catalog-heading h2,.rewards-ui .activity-heading h2{font-size:23px!important;line-height:1.25}.rewards-ui .rewards-section-head p,.rewards-ui .catalog-heading p,.rewards-ui .activity-heading p{font-size:14px!important;line-height:1.6}.rewards-ui .product-info h3{font-size:16px}.rewards-ui .product-info .price{font-size:15px}.rewards-ui .product-info .stock{font-size:13px}.rewards-ui .product-info button{min-height:46px;font-size:14px}.rewards-ui .point-search input,.rewards-ui .point-custom-select>button{height:50px;font-size:14px}.rewards-ui .point-select-menu button{min-height:48px;font-size:14px}.rewards-ui .premium-point-row{min-height:76px}.rewards-ui .point-row-main b{font-size:15px}.rewards-ui .point-row-main small{font-size:13px}.rewards-ui .point-row-amount{font-size:18px}.rewards-ui .point-pager>button{min-height:46px;font-size:14px}.rewards-ui .point-pager b{font-size:14px}.rewards-ui .point-pager small{font-size:12px}.rewards-ui .rewards-segmented button{min-height:46px;font-size:14px}.rewards-ui .my-rank small{font-size:13px}.rewards-ui .my-rank b{font-size:18px}.rewards-ui .rank-podium{min-height:230px;padding:30px 12px 21px}.rewards-ui .podium-avatar{width:66px;height:66px}.rewards-ui .podium-person.first .podium-avatar{width:80px;height:80px}.rewards-ui .podium-avatar .ui-icon{width:29px;height:29px}.rewards-ui .podium-person.first .podium-avatar .ui-icon{width:36px;height:36px}.rewards-ui .podium-medal{width:28px;height:28px;font-size:13px}.rewards-ui .podium-person{gap:8px}.rewards-ui .podium-person b{font-size:16px}.rewards-ui .podium-user-id{font-size:13px}.rewards-ui .podium-person small{font-size:17px}.rewards-ui .rewards-rank-list{gap:14px}.rewards-ui .rewards-rank-list .rank-row{min-height:84px;grid-template-columns:50px minmax(0,1fr) auto;gap:10px;padding:16px 18px;border-radius:19px}.rewards-ui .rewards-rank-list .rank-no{font-size:18px}.rewards-ui .rewards-rank-list .rank-row.rank-top .rank-no{width:42px;height:42px;font-size:16px}.rewards-ui .rewards-rank-list .rank-user b{font-size:16px;line-height:1.35}.rewards-ui .rewards-rank-list .rank-user small{margin-top:5px;font-size:13px;line-height:1.5}.rewards-ui .rewards-rank-list .rank-score{font-size:19px}.rewards-ui .order-filter-bar button{min-height:46px;font-size:14px}.rewards-ui .order-count{font-size:13px}.rewards-ui .order-product-main h3{font-size:17px!important}.rewards-ui .order-product-main p,.rewards-ui .verification-expiry{font-size:13px!important}.rewards-ui .order-state-note,.rewards-ui .show-verification{font-size:14px}.rewards-ui .rewards-bottom-nav button{font-size:12px}.rewards-ui .view-load-error span,.rewards-ui .view-load-error button,.rewards-ui .view-loading-head{font-size:14px}
@media(max-width:380px){.rewards-ui .rewards-rank-list .rank-row{grid-template-columns:44px minmax(0,1fr) auto;padding:14px 13px}.rewards-ui .rewards-rank-list .rank-score{font-size:17px}.rewards-ui .podium-person b{font-size:14px}.rewards-ui .podium-user-id{font-size:12px}.rewards-ui .podium-person small{font-size:15px}}

/* Scenic-specific visitor entry */
.entry-required-card{max-width:430px;text-align:center}.entry-required-card p{max-width:330px;margin:8px auto 0;line-height:1.75}.visitor-entry{display:flex;align-items:center;justify-content:center;gap:6px;flex:none;border:1px solid #cfe4df;background:#fff;color:#08786b;border-radius:11px;padding:10px 12px;font-size:11px;font-weight:800}.visitor-entry:hover{background:#edf7f4}.visitor-entry .ui-icon{width:15px;height:15px}.visitor-entry-modal{display:grid;gap:15px;text-align:center}.visitor-entry-head{display:flex;align-items:center;gap:12px;text-align:left}.visitor-entry-head>span{width:48px;height:48px;display:grid;place-items:center;flex:none;border-radius:15px;background:#e8f5f1;color:#08786b}.visitor-entry-head>span .ui-icon{width:25px;height:25px}.visitor-entry-head h2,.visitor-entry-head p{margin:0}.visitor-entry-head p{margin-top:4px;color:var(--muted);font-size:11px;line-height:1.55}.visitor-entry-warning{padding:10px 12px;border-radius:10px;background:#fff2e7;color:#a85b24;font-size:11px}.visitor-entry-qr{width:230px;height:230px;display:grid;place-items:center;justify-self:center;padding:12px;border:1px solid #dce8e4;border-radius:20px;background:#fff;box-shadow:0 12px 32px rgba(17,57,49,.08)}.visitor-entry-qr img{width:100%;height:100%;object-fit:contain}.visitor-entry-url{display:grid!important;gap:7px;text-align:left}.visitor-entry-url>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.visitor-entry-url input{min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.visitor-entry-url button{padding:0 13px;border:0;border-radius:10px;background:#e8f5f1;color:#08786b;font-size:11px;font-weight:800}.visitor-entry-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.visitor-entry-actions a{min-height:43px;display:flex;align-items:center;justify-content:center;border-radius:11px;text-decoration:none;font-size:12px;font-weight:800}.visitor-entry-actions a.secondary{border:1px solid #cfe0dc;color:#42645c;background:#fff}@media(max-width:520px){.scenic-card-actions{flex-wrap:wrap}.scenic-card-actions .scenic-enter{min-width:100%}.visitor-entry-qr{width:210px;height:210px}.visitor-entry-url>div{grid-template-columns:1fr}.visitor-entry-url button{min-height:42px}}

/* API key identifiers should be readable in the management table. */
.api-key-cell{min-width:260px;white-space:normal}
.api-key-cell code{display:inline-block;max-width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.6;white-space:normal;overflow-wrap:anywhere;color:#203a35;background:#eef7f4;border:1px solid #d9ebe6;border-radius:9px;padding:6px 9px}
.api-key-cell.api-key-missing code{color:#8a5b25;background:#fff7e8;border-color:#f0dfbd}
.api-key-cell>small{display:block;margin-top:6px;white-space:normal;color:#7b8c87;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.api-key-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.api-key-copy{border:0;border-radius:8px;background:#e7f4f1;color:#08786b;padding:5px 9px;font-size:11px;font-weight:800}
.api-key-copy:hover{background:#d8eee8}
.api-test-card .form-grid .full{grid-column:1/-1}
.api-docs{display:grid;gap:12px;margin-top:15px}
.api-docs section{min-width:0;border:1px solid #dfe9e6;border-radius:13px;background:#f8fbfa;overflow:hidden}
.api-docs section>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;border-bottom:1px solid #e5eeeb}
.api-docs b{font-size:13px}
.api-docs button{flex:none;border:0;border-radius:9px;background:#e7f4f1;color:#08786b;padding:7px 11px;font-size:11px;font-weight:800}
.api-docs code,.api-docs pre{display:block;margin:0;padding:13px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.7;color:#203a35;white-space:pre-wrap;overflow-wrap:anywhere}
.api-docs pre{max-height:310px;overflow:auto;background:#102d29;color:#eaf8f4}
.api-endpoint-card code{border-bottom:1px solid #e5eeeb;min-height:78px}
.api-response-heading{border-top:0!important;background:#fbfdfc}
.api-response-heading span{font-size:11px;color:#758983;font-weight:750}
.api-endpoint-card #apiResponseText{max-height:260px;background:#f8fbfa;color:#203a35}
@media(min-width:900px){.api-docs{grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr)}.api-docs section:last-child{grid-column:auto}}