.site-credit{position:relative;z-index:20;width:100%;padding:14px 20px;border-top:1px solid #ffffff1f;background:#102f28;color:#d9c28d;text-align:center;font-size:11px;line-height:1.5;letter-spacing:.12em}
body:has(.app-shell) .site-credit{width:auto;margin-left:268px}
@media(max-width:760px){body:has(.app-shell) .site-credit{width:100%;margin-left:0;padding-bottom:82px}}

/* Member sign-in and portal */
.member-loading{min-height:100vh;display:grid;place-content:center;text-align:center;background:#f4f2ec;color:#21483e}.member-loading span{margin:auto;width:54px;height:54px;display:grid;place-items:center;border:1px solid #9a7a41;border-radius:50%;font:28px serif}.member-loading p{font-size:12px;letter-spacing:2px;color:#74827d}
.member-login{min-height:100vh;display:grid;grid-template-columns:1.08fr .92fr;background:#fff}.login-story{min-height:100vh;padding:55px 7vw;display:flex;flex-direction:column;justify-content:space-between;color:#fff;background:radial-gradient(circle at 15% 12%,#456e61 0,transparent 28%),linear-gradient(145deg,#102f28 0%,#1d4c40 65%,#2c5e50 100%);position:relative;overflow:hidden}.login-story:after{content:"和";position:absolute;right:-3vw;bottom:-10vw;font:35vw serif;line-height:1;color:#fff;opacity:.035}.member-logo{display:flex;align-items:center;gap:12px;position:relative;z-index:1}.member-logo>span{width:42px;height:42px;border:1px solid #b59456;display:grid;place-items:center;font:22px serif;color:#b59456}.member-logo b,.member-logo small{display:block}.member-logo b{font:18px serif;letter-spacing:4px}.member-logo small{font-size:8px;letter-spacing:2px;margin-top:4px;opacity:.65}.story-copy{position:relative;z-index:1;max-width:540px}.story-copy p{font-size:9px;letter-spacing:4px;color:#d1b87e}.story-copy h1{font:42px/1.5 serif;letter-spacing:3px;margin:22px 0}.story-copy span{font-size:13px;line-height:2;color:#c7d6d1}.login-story>small{font-size:8px;letter-spacing:2px;color:#9bb5ad;position:relative;z-index:1}.login-form-wrap{padding:45px 8vw;display:flex;align-items:center;justify-content:center;position:relative}.staff-link{position:absolute;right:35px;top:28px;text-decoration:none;color:#537168;font-size:10px}.login-form{width:100%;max-width:390px}.login-form .eyebrow{letter-spacing:4px;color:#9f7d3d}.login-form h2{font:31px serif;letter-spacing:2px;margin:10px 0}.login-help{font-size:12px;color:#7b8581;margin-bottom:30px}.login-form>label{display:block;font-size:11px;color:#5e6d68;margin:18px 0}.login-form input{width:100%;border:1px solid #d6ddda;border-radius:7px;padding:14px;font-size:15px;outline:none;background:#fff;color:#1f352f}.login-form input:focus{border-color:#49786a;box-shadow:0 0 0 3px #49786a13}.phone-input{display:grid;grid-template-columns:64px 1fr;margin-top:8px}.phone-input span{display:grid;place-items:center;background:#f0f3f1;border:1px solid #d6ddda;border-right:0;border-radius:7px 0 0 7px;font-size:11px;color:#71817c}.phone-input input{margin:0;border-radius:0 7px 7px 0}.otp-input{margin-top:8px!important;letter-spacing:8px;font-size:20px!important;text-align:center}.member-submit{width:100%;padding:14px;border:0;border-radius:7px;background:#1d4d40;color:#fff;letter-spacing:1px;margin-top:10px}.member-submit:disabled{opacity:.4}.change-phone{width:100%;border:0;background:none;color:#477064;padding:13px}.privacy-note{display:block;text-align:center;color:#98a09d;font-size:8px;line-height:1.7;margin-top:18px}.form-error{background:#fff1ee;color:#a25445;padding:10px;border-radius:6px;font-size:10px}.test-code{background:#f7f0df;border:1px solid #ead9ad;border-radius:8px;padding:13px;margin:15px 0;display:grid;grid-template-columns:1fr auto;align-items:center}.test-code b{font-size:10px;color:#775d2c}.test-code strong{font-size:18px;letter-spacing:3px;color:#76551d}.test-code span{grid-column:1/-1;font-size:8px;color:#9b8358;margin-top:6px}
.member-portal{min-height:100vh;background:#f5f3ee;color:#20342e}.member-nav{height:76px;background:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 7vw;border-bottom:1px solid #e8e7e1}.member-nav>div:last-child{display:flex;align-items:center;gap:20px;font-size:11px;color:#63736d}.member-nav button{border:0;background:none;color:#356457}.member-welcome{padding:45px 10vw;background:radial-gradient(circle at 65% 20%,#477266 0,transparent 35%),linear-gradient(120deg,#12362e,#25584c);display:flex;justify-content:space-between;align-items:center;color:#fff}.member-welcome>div>p{color:#d4b979;font-size:9px;letter-spacing:4px}.member-welcome h1{font:31px serif;letter-spacing:3px;margin:14px 0}.member-welcome>div>span{color:#c6d7d1;font-size:12px}.digital-card{width:330px;height:195px;border-radius:12px;background:linear-gradient(145deg,#b4904f,#745425);box-shadow:0 15px 35px #092a2170;padding:23px;position:relative;overflow:hidden}.digital-card:after{content:"和";position:absolute;right:-4px;top:4px;font:150px serif;opacity:.07}.digital-card>div{display:flex;justify-content:space-between;position:relative;z-index:1}.digital-card>div b{font-size:9px;letter-spacing:2px}.digital-card>div span{font:15px serif}.digital-card>strong{display:block;font:21px serif;margin-top:48px;position:relative;z-index:1}.digital-card>p{font-size:9px;letter-spacing:2px}.digital-card>small{position:absolute;right:22px;bottom:20px;font-size:7px;letter-spacing:1px}.member-content{max-width:1120px;margin:auto;padding:25px}.member-metrics{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border:1px solid #e1e3de;border-radius:10px}.member-metrics article{padding:20px 28px}.member-metrics article+article{border-left:1px solid #ecece7}.member-metrics small,.member-metrics strong,.member-metrics p{display:block}.member-metrics small{font-size:9px;color:#7d8985}.member-metrics strong{font-size:26px;margin:8px 0}.member-metrics strong em{font-style:normal;font-size:10px;margin-left:4px}.member-metrics p{font-size:9px;color:#909895}.member-columns{display:grid;grid-template-columns:1.12fr .88fr;gap:18px;margin-top:18px}.member-panel{background:#fff;border:1px solid #e1e3de;border-radius:10px;padding:21px}.member-panel-title{display:flex;justify-content:space-between;align-items:start;margin-bottom:12px}.member-panel-title p{font-size:8px;letter-spacing:2px;color:#9d7b3d;margin:0 0 6px}.member-panel-title h2{font:18px serif;margin:0}.member-panel-title>span{font-size:9px;color:#2f6859;background:#eaf3ef;padding:6px 10px;border-radius:15px}.member-benefit{display:flex;align-items:center;gap:11px;border-top:1px solid #eeeee9;padding:13px 0}.member-benefit>span{width:34px;height:34px;background:#ecf3f0;color:#33695a;border-radius:50%;display:grid;place-items:center;font:13px serif}.member-benefit>div{flex:1}.member-benefit b,.member-benefit small{display:block}.member-benefit b{font-size:11px}.member-benefit small{font-size:8px;color:#929995;margin-top:5px}.member-benefit em{font-style:normal;color:#9a783a;font-size:9px}.purchase-row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eeeee9;padding:13px 0}.purchase-row b,.purchase-row small,.purchase-row>span{display:block}.purchase-row b{font-size:11px}.purchase-row small{font-size:8px;color:#929995;margin-top:4px}.purchase-row>span{text-align:right;font-size:10px}.purchase-row>span small{color:#39725f}.empty-state{text-align:center;padding:34px}.empty-state>span{margin:auto;width:42px;height:42px;border:1px solid #d5c294;color:#8e7038;border-radius:50%;display:grid;place-items:center;font:20px serif}.empty-state p{font:14px serif}.empty-state small{font-size:8px;color:#9aa19e}
@media(max-width:800px){.member-login{grid-template-columns:1fr}.login-story{min-height:280px;padding:28px}.story-copy h1{font-size:29px}.story-copy span,.login-story>small{display:none}.login-form-wrap{padding:70px 25px 35px}.staff-link{top:22px;right:24px}.member-nav{padding:0 20px}.member-nav>div:last-child>span{display:none}.member-welcome{padding:30px 24px;display:block}.member-welcome h1{font-size:24px}.digital-card{width:100%;margin-top:25px}.member-content{padding:15px}.member-metrics,.member-columns{grid-template-columns:1fr}.member-metrics article+article{border-left:0;border-top:1px solid #ecece7}}
.empty-state.compact{padding:18px 12px}.empty-state.compact>span{width:32px;height:32px;font-size:15px}.empty-state.compact p{margin:8px 0 4px}.activity-title{border-top:1px solid #e9e9e4;margin-top:14px;padding-top:18px}
.benefit-grid article>p{display:flex;justify-content:space-between;gap:7px;align-items:flex-start}.benefit-grid article>p small{color:#919996;font-size:8px;text-align:right;white-space:nowrap}.benefit-grid .benefit-empty{color:#9aa19e;display:block}.inactive-count{display:block;color:#a17343;font-size:8px;margin-top:8px}.benefit-manager{width:620px}.tier-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:16px}.tier-tabs button{border:1px solid #dce1de;background:#fff;color:#687571;padding:9px 5px;border-radius:6px;cursor:pointer}.tier-tabs button.active{background:#173f36;color:#fff;border-color:#173f36}.manage-list{border-top:1px solid #eceeea;max-height:47vh;overflow:auto}.manage-list article{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 3px;border-bottom:1px solid #eceeea}.manage-list article.inactive{opacity:.55}.manage-list article>div:first-child{flex:1}.manage-list b,.manage-list small,.manage-list span{display:block}.manage-list b{font-size:12px}.manage-list small{font-size:9px;color:#89938f;margin:5px 0}.manage-list span{font-size:8px;color:#9a783a}.manage-list article>div:last-child{display:flex;gap:8px}.manage-list button{border:0;background:none;cursor:pointer;font-size:9px}.danger-text{color:#a45f54}.restore-text{color:#39745f}.field-help{font-size:8px;color:#8b9490;margin:-7px 0 13px}.modal-actions{display:grid;grid-template-columns:120px 1fr;gap:8px;margin-top:14px}.modal-actions .submit{margin:0}.benefit-options label.unavailable{opacity:.48;background:#f4f4f1}.submit:disabled{opacity:.45;cursor:not-allowed}@media(max-width:760px){.benefit-manager{width:100%}.tier-tabs{grid-template-columns:repeat(3,1fr)}.benefit-grid article>p{display:block}.benefit-grid article>p small{display:block;text-align:left;margin-top:3px}.manage-list article{align-items:flex-start}.modal-actions{grid-template-columns:1fr}}
:root{--ink:#24312d;--green:#173f36;--green2:#285a4c;--cream:#f5f3ed;--line:#e4e4de;--gold:#b08b45;--muted:#7b8581}*{box-sizing:border-box}body{margin:0;background:#f5f6f3;color:var(--ink);font-family:Arial,"Noto Sans TC",sans-serif}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:238px;background:#123b32;color:white;padding:31px 18px 20px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:13px;padding:0 9px 31px}.brand-mark,.portal-brand>span{width:42px;height:42px;border:1px solid #c8aa70;display:grid;place-items:center;color:#dec58f;font-family:serif;font-size:23px;transform:rotate(45deg)}.brand-mark::first-letter,.portal-brand>span::first-letter{transform:rotate(-45deg)}.brand strong{font-family:serif;font-size:20px;letter-spacing:4px}.brand small,.portal-brand small{display:block;font-size:9px;letter-spacing:2px;color:#b8c8c2;margin-top:4px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.sidebar button{position:relative;border:0;background:transparent;color:#c4d2cd;text-align:left;padding:13px 15px;border-radius:8px;font-size:14px;cursor:pointer}.sidebar nav button.active,.sidebar nav button:hover{background:#2a584b;color:#fff}.sidebar i{font-style:normal;display:inline-block;width:27px;text-align:center;margin-right:8px}.nav-badge{float:right;background:#d4b06f;color:#173f36;width:20px;height:20px;text-align:center;padding-top:2px;border-radius:50%;font-size:11px}.side-bottom{margin-top:auto;border-top:1px solid #31584f;padding-top:14px}.side-bottom>button{width:100%;margin-bottom:14px}.user{display:flex;align-items:center;gap:10px;background:#0e322b;margin:-2px;padding:12px;border-radius:9px}.user>span,.mini-person>span,.member-strip>span{width:34px;height:34px;background:#dcd0b8;color:#705d38;border-radius:50%;display:grid;place-items:center;font-family:serif}.user b,.user small{display:block;font-size:12px}.user small{color:#9eb4ad;margin-top:3px}.user em{margin-left:auto;color:#9eb4ad}.content{margin-left:238px;min-height:100vh}.content>header{height:89px;background:white;border-bottom:1px solid var(--line);padding:19px 32px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:5}.content header p{margin:0;color:#89918e;font-size:11px;letter-spacing:1px}.content header h1{font-family:serif;margin:5px 0 0;font-size:23px;letter-spacing:2px}.header-actions{display:flex;gap:10px;align-items:center}.search{width:250px;border:1px solid var(--line);background:#fafafa;padding:9px 12px;border-radius:7px;color:#88918d}.search input{border:0;outline:0;background:none;margin-left:8px;width:205px;font-size:12px}.primary,.welcome button,.submit{border:0;background:var(--green);color:white;padding:11px 17px;border-radius:7px;cursor:pointer}.icon-btn{position:relative;border:1px solid var(--line);background:white;border-radius:7px;width:39px;height:39px}.icon-btn b{position:absolute;top:-5px;right:-4px;background:#ba725f;color:white;border-radius:50%;width:17px;height:17px;font-size:9px;padding-top:3px}.page-body{padding:26px 30px 45px;max-width:1550px;margin:auto}.welcome{background:linear-gradient(115deg,#19463a,#2f6052);color:white;padding:24px 28px;border-radius:11px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 9px 22px #153f3625}.welcome p{font-size:11px;color:#bdd0c9;margin:0 0 7px}.welcome h2{font-family:serif;margin:0 0 7px;font-size:25px;letter-spacing:2px}.welcome span{font-size:12px;color:#dbe5e1}.welcome span b{color:#efd499}.welcome button{background:#fff1;border:1px solid #ffffff46}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:18px 0}.stats article{background:white;border:1px solid var(--line);border-radius:9px;padding:18px;display:flex;gap:14px}.stat-icon{width:42px;height:42px;border-radius:9px;display:grid;place-items:center}.stat-icon.green{background:#e3efeb;color:#376b5d}.stat-icon.gold{background:#f4ebdc;color:#a27d3c}.stat-icon.purple{background:#ece8f3;color:#755f91}.stat-icon.rose{background:#f5e6e3;color:#a96155}.stats small,.stats strong,.stats p{display:block}.stats small{font-size:11px;color:#828a87}.stats strong{font-size:20px;margin:6px 0}.stats p{font-size:10px;color:#949b98;margin:0}.stats p b{color:#3a8a6c}.stats p em{color:#b56d5c;font-style:normal}.dash-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:16px}.panel{background:white;border:1px solid var(--line);border-radius:9px}.panel-title{padding:19px 20px 12px;display:flex;justify-content:space-between;align-items:start}.panel-title h3{font-family:serif;font-size:16px;letter-spacing:1px;margin:0}.panel-title p{font-size:10px;color:#8b9390;margin:5px 0 0}.panel-title button,.panel-title select{border:0;background:none;color:#426d60;font-size:11px}.chart{height:213px;padding:10px 20px 13px;display:flex}.y-labels{display:flex;flex-direction:column;justify-content:space-between;color:#a0a6a3;font-size:9px;padding-bottom:24px;width:40px}.bars{flex:1;border-bottom:1px solid #e1e5e2;background:repeating-linear-gradient(to bottom,#fff 0,#fff 34px,#eef0ee 35px);display:flex;align-items:end;justify-content:space-around}.bar-col{height:100%;display:flex;flex-direction:column;justify-content:end;align-items:center;width:11%}.bar-col>b{width:28px;max-height:150px;background:linear-gradient(#6e9c8e,#2e6859);border-radius:4px 4px 0 0;position:relative}.bar-col>b i{position:absolute;top:-17px;font-style:normal;color:#527466;font-size:8px}.bar-col>span{height:24px;padding-top:8px;font-size:9px;color:#8b9390}.donut-wrap{display:flex;align-items:center;padding:7px 20px 20px;gap:22px}.donut{width:128px;height:128px;border-radius:50%;background:conic-gradient(#809083 0 50%,#8d7655 50% 74.4%,#806b99 74.4% 89.6%,#355c52 89.6% 97.2%,#a37b2d 97.2%);display:grid;place-items:center}.donut:before{content:"";position:absolute;width:82px;height:82px;background:white;border-radius:50%}.donut span{z-index:1;text-align:center;color:#919895;font-size:9px}.donut span b{display:block;color:#293833;font-size:20px}.donut-wrap ul{list-style:none;padding:0;margin:0;flex:1}.donut-wrap li{display:grid;grid-template-columns:10px 1fr 28px 34px;align-items:center;gap:4px;font-size:9px;padding:6px 0}.donut-wrap li i{width:7px;height:7px;border-radius:2px}.donut-wrap li em{font-style:normal;color:#969d9a}.recent table,.member-table table,.panel>table,.outlet-table table{width:100%;border-collapse:collapse}.recent th,.member-table th,.panel>table th{font-size:9px;color:#8d9592;font-weight:normal;text-align:left;padding:9px 16px;border-top:1px solid #eee;border-bottom:1px solid #eee;background:#fafbfa}.recent td,.member-table td,.panel>table td{font-size:10px;padding:10px 16px;border-bottom:1px solid #eee}.recent tbody tr,.member-table tbody tr{cursor:pointer}.recent tbody tr:hover,.member-table tbody tr:hover,.member-table tr.selected{background:#f5f8f6}.mini-person{display:flex;align-items:center;gap:8px}.mini-person>span{width:29px;height:29px;font-size:11px}.mini-person b,.mini-person small{display:block;font-size:10px}.mini-person small,td small{color:#9ba19f;font-size:8px;margin-top:3px;display:block}.tier{font-size:9px;padding:4px 8px;border-radius:10px}.tier-尊饗{background:#f4ead5;color:#8b6420}.tier-御饗{background:#e1eee9;color:#275849}.tier-臻饗{background:#eee9f3;color:#66547c}.tier-雅饗{background:#f1ece3;color:#745f3f}.tier-和饗{background:#e9eeeb;color:#607068}.activity{color:#4a7568}.tasks .task{display:flex;align-items:center;gap:10px;padding:10px 18px;border-top:1px solid #eee}.task>span{width:30px;height:30px;background:#f2e9da;color:#9b7335;border-radius:50%;display:grid;place-items:center;font-size:10px}.task div{flex:1}.task b,.task small{display:block;font-size:10px}.task small{color:#969d9a;margin-top:4px}.task button{border:1px solid #dce4e0;background:white;border-radius:5px;color:#446c61;font-size:9px;padding:5px 8px}.section-head{display:flex;justify-content:space-between;align-items:center;margin:2px 0 18px}.section-head h2{font-family:serif;font-size:20px;margin:0}.section-head p{font-size:11px;color:#8c9491}.section-head>div:last-child{display:flex;gap:8px}.soft{border:1px solid #dce1de;background:white;color:#50635d;padding:10px 14px;border-radius:6px}.member-layout{display:grid;grid-template-columns:1fr 330px;gap:17px}.member-profile{background:white;border:1px solid var(--line);border-radius:9px;overflow:hidden}.profile-hero{text-align:center;background:linear-gradient(145deg,#19443a,#2b5b4e);color:white;padding:25px}.profile-hero>span{display:grid;place-items:center;width:55px;height:55px;margin:auto;background:#d5c29b;color:#5c4b2c;border-radius:50%;font-family:serif;font-size:22px}.profile-hero h2{font-family:serif;margin:10px 0 3px}.profile-hero p{font-size:9px;color:#b8cbc4}.profile-numbers{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #eee}.profile-numbers span{padding:16px;text-align:center}.profile-numbers span+span{border-left:1px solid #eee}.profile-numbers small,.profile-numbers b{display:block}.profile-numbers small{font-size:9px;color:#8d9592}.profile-numbers b{font-size:17px;margin-top:5px}.progress{padding:17px;border-bottom:1px solid #eee}.progress>div{display:flex;justify-content:space-between;font-size:10px}.progress>i,.report-grid i{display:block;background:#e5e9e7;height:5px;border-radius:4px;margin:9px 0}.progress>i b,.report-grid i b{display:block;height:100%;background:#477a6c;border-radius:4px}.progress p{font-size:9px;color:#8a928f}.info-list{padding:10px 18px}.info-list p{font-size:10px}.info-list span{display:inline-block;color:#949b98;width:58px}.profile-actions{display:flex;gap:8px;padding:14px 18px;background:#fafaf8}.profile-actions button{flex:1;border:1px solid #d9dfdc;background:white;color:#315e52;border-radius:6px;padding:9px;font-size:10px}.benefit-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:18px}.benefit-grid article{background:white;border:1px solid var(--line);border-top:3px solid var(--tier);border-radius:8px;padding:17px}.benefit-top{display:flex;gap:9px;align-items:center;margin-bottom:13px}.benefit-top>span{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--tier) 16%,white);color:var(--tier);font-family:serif}.benefit-top h3{margin:0;font-family:serif;font-size:14px}.benefit-top p{font-size:8px;color:#8e9693;margin:4px 0}.benefit-grid article>p{font-size:10px;padding:6px 0;border-top:1px solid #f0f0ed;margin:0;color:#52645e}.benefit-grid article>button{width:100%;margin-top:10px;border:1px solid #dce1de;background:white;color:#426b60;padding:7px;border-radius:5px;font-size:9px}.text-btn{border:0;background:none;color:#3d7062;font-size:9px}.birthday-hero{background:#f0e6d5;border:1px solid #e0d1b7;padding:26px 32px;display:flex;justify-content:space-between;align-items:center;border-radius:10px}.birthday-hero p{font-size:10px;color:#987642;letter-spacing:2px}.birthday-hero h2{font-family:serif;font-size:22px}.birthday-hero span{font-size:11px;color:#766c5d}.birthday-hero>div:last-child{text-align:center;border-left:1px solid #d9c8a9;padding-left:50px}.birthday-hero strong,.birthday-hero small{display:block}.birthday-hero strong{font-size:38px;color:#8c6a34}.birthday-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px}.birthday-card{background:white;border:1px solid var(--line);border-radius:8px;padding:16px;position:relative}.birthday-card .date{position:absolute;right:15px;top:16px;color:#a77d3d}.birthday-card>p{font-size:9px;color:#a66f5e}.birthday-card>button{border:0;background:#edf4f1;color:#316658;width:100%;padding:8px;border-radius:5px;font-size:9px}.report-banner{background:#193f36;color:white;border-radius:10px;display:grid;grid-template-columns:repeat(3,1fr);padding:24px}.report-banner>div{padding:0 25px}.report-banner>div+div{border-left:1px solid #ffffff27}.report-banner small,.report-banner strong,.report-banner p{display:block}.report-banner small{color:#bcd0c9;font-size:10px}.report-banner strong{font-size:26px;margin:8px 0}.report-banner p{font-size:9px;color:#bcd0c9}.report-banner p b{color:#edd196}.report-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:17px 0}.report-grid article{padding:18px}.report-grid small,.report-grid strong{display:block}.report-grid small{color:#818a86;font-size:10px}.report-grid strong{font-size:23px;margin:9px 0}.report-grid p{font-size:9px;color:#8d9592}.outlet-table{margin-top:15px}.up{color:#348366}.down{color:#b26454}.modal-bg{position:fixed;inset:0;background:#10272199;z-index:30;display:grid;place-items:center;padding:20px}.modal{position:relative;background:#fff;width:460px;max-width:100%;max-height:92vh;overflow:auto;padding:27px;border-radius:12px;box-shadow:0 20px 70px #0004}.close{position:absolute;right:18px;top:15px;border:0;background:none;font-size:25px;color:#78817e}.eyebrow{font-size:9px;letter-spacing:2px;color:#9b7c43}.modal h2{font-family:serif;margin:4px 0 20px}.modal>label,.form-grid label{display:block;font-size:10px;color:#6f7a76;margin:13px 0}.modal select,.modal input,.modal textarea{width:100%;border:1px solid #dce1de;border-radius:6px;padding:10px;margin-top:6px;outline:none}.member-strip{display:flex;gap:10px;align-items:center;background:#f4f6f3;padding:11px;border-radius:7px}.member-strip b,.member-strip small{display:block}.member-strip small{font-size:9px;color:#87908c;margin-top:3px}.money-input{position:relative}.money-input span{position:absolute;left:10px;top:16px}.money-input input{padding-left:43px;font-size:18px}.calc{display:grid;grid-template-columns:1fr 1fr;background:#eaf2ef;border-radius:7px;margin:12px 0}.calc span{padding:11px;font-size:9px}.calc b{display:block;color:#2f6859;font-size:15px;margin-top:5px}.submit{width:100%;margin-top:10px}.benefit-options label{display:flex;gap:9px!important;align-items:center;border:1px solid #e1e4e2;padding:11px;border-radius:6px}.benefit-options input{width:auto;margin:0}.benefit-options b,.benefit-options small{display:block}.benefit-options small{font-size:8px;color:#929996;margin-top:3px}.modal textarea{height:65px;resize:none}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.check{display:flex!important;align-items:center;gap:7px}.check input{width:auto;margin:0}.toast{position:fixed;z-index:50;bottom:25px;right:25px;background:#173f36;color:white;padding:13px 18px;border-radius:7px;box-shadow:0 8px 25px #0003;font-size:12px}.portal{margin:-89px -0px 0;min-height:100vh;background:#f4f2ec}.portal-top{height:75px;background:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 7%;font-size:11px}.portal-brand{display:flex;align-items:center;gap:12px}.portal-brand>span{width:34px;height:34px;font-size:17px}.portal-brand b{font-family:serif;letter-spacing:3px}.portal-top button{border:0;background:none;color:#6c7773}.portal-hero{background:linear-gradient(120deg,#153f35,#34675a);color:white;padding:45px 10%;display:flex;align-items:center;justify-content:space-between}.portal-hero>div:first-child p{font-size:10px;letter-spacing:3px;color:#d1ba86}.portal-hero h2{font-family:serif;font-size:29px;letter-spacing:2px}.portal-hero span{font-size:12px;color:#c8d8d3}.member-card{width:315px;height:185px;background:linear-gradient(145deg,#b08a46,#7c5b27);border-radius:11px;padding:22px;box-shadow:0 12px 30px #09261f77;position:relative;overflow:hidden}.member-card:after{content:"和";position:absolute;font-family:serif;font-size:140px;opacity:.07;right:-5px;top:8px}.member-card i{font-style:normal;font-size:9px;letter-spacing:2px}.member-card>span{float:right;font-family:serif;font-size:15px;color:#fff}.member-card>strong{display:block;font-family:serif;font-size:20px;margin-top:45px}.member-card>p{font-size:9px;letter-spacing:2px}.member-card>div{position:absolute;bottom:16px;right:20px;text-align:right}.member-card small,.member-card b{display:block;font-size:7px}.member-card b{font-size:9px;margin-top:3px}.portal-body{max-width:1050px;margin:auto;padding:24px}.portal-progress{display:grid;grid-template-columns:repeat(3,1fr);background:white;border-radius:9px;border:1px solid var(--line)}.portal-progress>div{padding:18px 25px}.portal-progress>div+div{border-left:1px solid #eee}.portal-progress small,.portal-progress strong,.portal-progress p{display:block}.portal-progress small{font-size:9px;color:#84908b}.portal-progress strong{font-size:23px;margin:7px 0}.portal-progress strong em{font-style:normal;font-size:11px}.portal-progress p{font-size:9px;color:#949c99}.portal-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:17px;margin-top:18px}.portal-grid>article{background:white;border:1px solid var(--line);border-radius:9px;padding:19px}.portal-title{display:flex;justify-content:space-between}.portal-title h3{font-family:serif;margin:0}.portal-title p{font-size:9px;color:#8e9793}.portal-title button{border:0;background:none;color:#36685a;font-size:9px}.portal-benefit{display:flex;align-items:center;gap:10px;padding:11px 0;border-top:1px solid #eee}.portal-benefit>span{width:34px;height:34px;background:#edf3f0;color:#35695b;border-radius:50%;display:grid;place-items:center}.portal-benefit div{flex:1}.portal-benefit b,.portal-benefit small{display:block;font-size:10px}.portal-benefit small{font-size:8px;color:#929a97;margin-top:4px}.portal-benefit em{font-style:normal;color:#9c7a3f;font-size:9px}.point-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-top:1px solid #eee}.point-row b,.point-row small{display:block;font-size:10px}.point-row small{font-size:8px;color:#929a97;margin-top:4px}.point-row strong{color:#39745f;font-size:11px}.point-row strong.minus{color:#ae6e60}@media(max-width:1100px){.stats{grid-template-columns:1fr 1fr}.benefit-grid{grid-template-columns:repeat(3,1fr)}.dash-grid{grid-template-columns:1fr}.birthday-grid{grid-template-columns:1fr 1fr}}@media(max-width:760px){.sidebar{position:fixed;inset:auto 0 0;width:auto;height:64px;padding:6px;flex-direction:row}.brand,.side-bottom{display:none}.sidebar nav{width:100%;flex-direction:row;justify-content:space-around}.sidebar nav button{font-size:0;padding:8px}.sidebar nav button i{font-size:18px;margin:0}.sidebar nav button:nth-child(n+5){display:none}.content{margin-left:0;margin-bottom:64px}.content>header{height:auto;padding:14px 17px}.content header p,.header-actions .search,.icon-btn{display:none}.content header h1{font-size:19px}.page-body{padding:17px}.welcome{padding:20px}.welcome button{display:none}.stats{grid-template-columns:1fr 1fr;gap:9px}.stats article{padding:12px}.stats strong{font-size:15px}.dash-grid,.member-layout,.portal-grid{grid-template-columns:1fr}.tier-panel,.tasks{display:none}.benefit-grid{grid-template-columns:1fr 1fr}.member-profile{grid-row:1}.birthday-grid,.report-grid{grid-template-columns:1fr 1fr}.report-banner{grid-template-columns:1fr}.report-banner>div+div{border-left:0;border-top:1px solid #ffffff27;padding-top:15px}.member-table,.recent,.outlet-table{overflow:auto}.portal{margin:-74px 0 0}.portal-top{padding:0 4%}.portal-hero{padding:30px 7%;display:block}.member-card{margin-top:25px;width:100%}.portal-progress{grid-template-columns:1fr}.portal-progress>div+div{border-left:0;border-top:1px solid #eee}.form-grid{grid-template-columns:1fr}.modal{padding:22px}.birthday-hero>div:last-child{display:none}}
/* Admin accessibility: increase the management interface by two type levels. */
.app-shell{font-size:16px;line-height:1.55}
.app-shell .sidebar{width:268px;padding:32px 20px 22px}
.app-shell .content{margin-left:268px}
.app-shell .brand strong{font-size:24px}
.app-shell .brand small{font-size:12px;line-height:1.45}
.app-shell .sidebar button{font-size:16px;line-height:1.45;padding:14px 15px}
.app-shell .nav-badge{width:23px;height:23px;padding-top:1px;font-size:13px}
.app-shell .user b{font-size:15px}
.app-shell .user small{font-size:12px;line-height:1.4}
.app-shell .content>header{min-height:102px;height:auto;padding:20px 34px}
.app-shell .content header p{font-size:14px}
.app-shell .content header h1{font-size:28px}
.app-shell .search{width:290px;padding:11px 14px}
.app-shell .search input{width:238px;font-size:15px}
.app-shell button,.app-shell select{font-size:14px;line-height:1.45}
.app-shell input,.app-shell textarea{font-size:15px;line-height:1.5}
.app-shell .primary,.app-shell .welcome button,.app-shell .submit{padding:13px 19px;font-size:15px}
.app-shell .icon-btn{width:44px;height:44px;font-size:17px}
.app-shell .icon-btn b{width:20px;height:20px;padding-top:1px;font-size:11px}
.app-shell .page-body{padding:30px 34px 52px}
.app-shell .welcome{padding:28px 32px}
.app-shell .welcome p{font-size:14px}
.app-shell .welcome h2{font-size:30px}
.app-shell .welcome span{font-size:15px}
.app-shell .stats article{padding:21px;gap:16px}
.app-shell .stat-icon{width:48px;height:48px;font-size:18px;flex:0 0 48px}
.app-shell .stats small{font-size:14px}
.app-shell .stats strong{font-size:25px}
.app-shell .stats p{font-size:13px;line-height:1.45}
.app-shell .panel-title h3{font-size:20px}
.app-shell .panel-title p{font-size:13px;line-height:1.45}
.app-shell .panel-title button,.app-shell .panel-title select{font-size:14px}
.app-shell .y-labels,.app-shell .bar-col>span{font-size:12px}
.app-shell .bar-col>b i{font-size:11px}
.app-shell .donut span{font-size:12px}
.app-shell .donut span b{font-size:24px}
.app-shell .donut-wrap li{grid-template-columns:12px 1fr 36px 44px;font-size:12px;padding:7px 0}
.app-shell .recent th,.app-shell .member-table th,.app-shell .panel>table th{font-size:13px;padding:12px 16px;white-space:nowrap}
.app-shell .recent td,.app-shell .member-table td,.app-shell .panel>table td{font-size:14px;padding:13px 16px}
.app-shell .mini-person>span{width:34px;height:34px;font-size:14px;flex:0 0 34px}
.app-shell .mini-person b{font-size:14px}
.app-shell .mini-person small,.app-shell td small{font-size:12px;line-height:1.4}
.app-shell .tier{font-size:12px;padding:5px 9px;white-space:nowrap}
.app-shell .tasks .task{padding:13px 18px}
.app-shell .task>span{width:36px;height:36px;font-size:13px;flex:0 0 36px}
.app-shell .task b{font-size:14px}
.app-shell .task small{font-size:12px;line-height:1.4}
.app-shell .task button{font-size:12px;padding:7px 10px}
.app-shell .section-head h2{font-size:25px}
.app-shell .section-head p{font-size:14px}
.app-shell .soft,.app-shell .text-btn{font-size:14px}
.app-shell .member-layout{grid-template-columns:minmax(0,1fr) 370px}
.app-shell .profile-hero h2{font-size:24px}
.app-shell .profile-hero p{font-size:13px}
.app-shell .profile-numbers small{font-size:13px}
.app-shell .profile-numbers b{font-size:21px}
.app-shell .progress>div{font-size:14px}
.app-shell .progress p{font-size:13px;line-height:1.5}
.app-shell .info-list p{font-size:14px}
.app-shell .info-list span{width:78px}
.app-shell .profile-actions button{font-size:13px;padding:11px 8px}
.app-shell .benefit-grid article{padding:19px}
.app-shell .benefit-top>span{width:42px;height:42px;flex:0 0 42px;font-size:17px}
.app-shell .benefit-top h3{font-size:18px}
.app-shell .benefit-top p{font-size:12px;line-height:1.4}
.app-shell .benefit-grid article>p{font-size:14px;line-height:1.45;padding:8px 0}
.app-shell .benefit-grid article>p small{font-size:12px}
.app-shell .benefit-grid article>button{font-size:13px;padding:9px}
.app-shell .inactive-count{font-size:12px}
.app-shell .birthday-hero p{font-size:13px}
.app-shell .birthday-hero h2{font-size:27px}
.app-shell .birthday-hero span{font-size:14px}
.app-shell .birthday-card .date{font-size:14px}
.app-shell .birthday-card>p{font-size:13px}
.app-shell .birthday-card>button{font-size:13px;padding:10px}
.app-shell .report-banner small{font-size:13px}
.app-shell .report-banner strong{font-size:30px}
.app-shell .report-banner p{font-size:13px}
.app-shell .report-grid small{font-size:13px}
.app-shell .report-grid strong{font-size:28px}
.app-shell .report-grid p{font-size:13px;line-height:1.45}
.app-shell .modal{width:520px;padding:32px}
.app-shell .modal.wide-modal,.app-shell .benefit-manager{width:min(720px,100%)}
.app-shell .eyebrow{font-size:12px}
.app-shell .modal h2{font-size:25px}
.app-shell .modal>label,.app-shell .form-grid label{font-size:14px}
.app-shell .modal select,.app-shell .modal input,.app-shell .modal textarea{padding:12px}
.app-shell .member-strip b{font-size:15px}
.app-shell .member-strip small{font-size:12px;line-height:1.45}
.app-shell .calc span{font-size:13px}
.app-shell .calc b{font-size:18px}
.app-shell .benefit-options b{font-size:14px}
.app-shell .benefit-options small{font-size:12px;line-height:1.4}
.app-shell .empty-state p{font-size:17px}
.app-shell .empty-state small{font-size:12px}
.app-shell .manage-list b{font-size:15px}
.app-shell .manage-list small{font-size:12px;line-height:1.4}
.app-shell .manage-list span{font-size:12px}
.app-shell .manage-list button{font-size:13px}
.app-shell .field-help{font-size:12px;line-height:1.45}
.app-shell .toast{font-size:15px}
@media(min-width:761px){.app-shell .sidebar nav{flex:1;min-height:0;overflow-y:auto;padding-right:3px}.app-shell .side-bottom{margin-top:12px}}
.backup-security-badge{display:inline-flex;align-items:center;gap:7px;background:#e8f2ee;color:#285e50;border:1px solid #cee1d9;border-radius:999px;padding:8px 13px;font-size:13px;font-weight:700;white-space:nowrap}
.backup-security-badge:before{content:"✓";display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#376f60;color:white;font-size:11px}
.backup-scope{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}
.backup-scope>div{background:#f0f4f1;border:1px solid #dce6e1;border-radius:9px;padding:16px 18px}
.backup-scope b,.backup-scope span{display:block}.backup-scope b{font-size:15px;color:#294d43}.backup-scope span{font-size:12px;line-height:1.55;color:#6f7e79;margin-top:5px}
.backup-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.backup-card{padding:25px;display:grid;grid-template-columns:52px 1fr;gap:0 14px;align-content:start}
.backup-card-icon{grid-row:1;width:52px;height:52px;border-radius:13px;background:#e6f0ec;color:#2d6859;display:grid;place-items:center;font-size:25px;font-weight:700}
.backup-card>div:nth-child(2){grid-column:2}.backup-card .eyebrow{margin:0}.backup-card h3{font-family:serif;font-size:21px;margin:3px 0 7px}.backup-card>div:nth-child(2)>p:last-child{font-size:13px;line-height:1.55;color:#77827e;margin:0 0 15px}
.backup-card>label,.backup-card>button,.backup-card>small,.backup-card>.backup-error,.backup-card>.backup-file{grid-column:1/-1}
.backup-card>label{display:block;font-size:14px;color:#66736f;margin-top:13px}.backup-card>label input:not([type="checkbox"]){width:100%;border:1px solid #d9e1dd;border-radius:7px;padding:12px;margin-top:6px;background:#fff}
.backup-card>small{display:block;color:#8b9591;font-size:12px;line-height:1.5;margin-top:10px}.backup-error{color:#ad594c;font-size:12px;margin:8px 0 0}
.backup-file{display:flex;justify-content:space-between;align-items:center;background:#f2f5f3;border-radius:6px;padding:9px 11px;margin:8px 0 0;font-size:12px}.backup-file span{color:#87918d}
.restore-card{border-color:#e5d9d5}.restore-card .backup-card-icon{background:#f6ece8;color:#a65343}
.backup-confirm{font-size:13px!important;line-height:1.45!important;color:#6f5e59!important;margin:16px 0 3px!important}.backup-confirm input{flex:0 0 auto}
.danger-backup{background:#a94f40!important}.danger-backup:hover{background:#963f32!important}.danger-backup:disabled{background:#cbb7b2!important}
.backup-notice{margin-top:18px;border-left:4px solid #b08a49;background:#faf7f0;padding:15px 18px;border-radius:4px 8px 8px 4px}.backup-notice b{font-size:14px;color:#715a31}.backup-notice p{font-size:13px;line-height:1.55;color:#766d5e;margin:5px 0 0}

@media(max-width:1200px){
  .app-shell .benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .app-shell .member-layout{grid-template-columns:minmax(0,1fr) 340px}
  .backup-scope{grid-template-columns:1fr}
}
@media(max-width:760px){
  .app-shell .sidebar{inset:auto 0 0;width:auto;height:68px;padding:6px}
  .app-shell .content{margin-left:0;margin-bottom:68px}
  .app-shell .sidebar nav button{font-size:0;padding:8px}
  .app-shell .sidebar nav button i{font-size:21px}
  .app-shell .content>header{min-height:72px;padding:14px 17px}
  .app-shell .content header h1{font-size:24px}
  .app-shell .page-body{padding:19px}
  .app-shell .stats article{padding:15px}
  .app-shell .stats strong{font-size:21px}
  .app-shell .member-layout{grid-template-columns:1fr}
  .app-shell .modal{padding:25px}
  .backup-grid{grid-template-columns:1fr}
  .backup-page .section-head{align-items:flex-start;gap:10px}.backup-security-badge{font-size:11px;padding:6px 9px}
  .backup-card{padding:19px;grid-template-columns:44px 1fr}.backup-card-icon{width:44px;height:44px;font-size:21px}.backup-card h3{font-size:19px}
}