:root{color-scheme:light;--navy:#002e5e;--cyan:#08a6e2;--ink:#20364c;--muted:#758492;--line:#e6ebf0;--paper:#fff;--page:#f5f7fa;font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--page);color:var(--ink);font-size:14px;line-height:1.5}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #55bde9;outline-offset:4px}input:focus{outline:none}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin:0}button{border:0;background:none}svg.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}[hidden]{display:none!important}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:absolute;top:-60px;left:16px;z-index:10;background:white;padding:12px}.skip:focus{top:12px}.page{max-width:1200px;margin:auto;background:white;min-height:100vh}.masthead{display:flex;align-items:center;height:76px;padding:0 38px;gap:22px}.brand img{width:77px;height:50px;object-fit:contain}.masthead-label{color:#576c7e;font-size:13px;border-left:1px solid #dae2e8;padding-left:22px}.preview-label{margin-left:auto;font-size:11px;color:#677b8b;background:#f0f4f7;padding:4px 9px;border-radius:3px}.language select{border:0;background:white;color:var(--navy);font-weight:600;padding:8px}.brand-banner{background:#043271}.brand-banner img{width:100%;height:auto}.announcement{display:flex;align-items:center;gap:12px;color:var(--navy);background:#eaf6fc;min-height:38px;padding:8px 38px;font-size:12px}.announcement .icon{width:16px;height:16px}.account-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px 38px;border-bottom:1px solid var(--line)}.account-actions a{text-align:center;padding:9px;border-radius:4px;font-weight:700;font-size:13px;letter-spacing:.2px}.login{border:1px solid #bed2e2;color:var(--navy)}.join{background:var(--cyan);color:#fff}.login:hover{background:#f3f8fb}.join:hover{background:#008dc6}main{padding:0 38px}.overview{padding:30px 0 26px}.overview h1{text-align:center;font-size:23px;font-weight:600;color:var(--navy);line-height:1.25}.total-amount{display:flex;justify-content:center;align-items:baseline;gap:12px;margin-top:10px;color:#079ed7;font-variant-numeric:tabular-nums;line-height:1.2}.total-amount span{font-size:31px;font-weight:600}.total-amount strong{font-size:59px;letter-spacing:-1.8px;font-weight:700}.total-note{font-size:11px;color:#91a0ad;text-align:center;margin-top:9px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:28px 0 24px}.stats>div{text-align:center;border:1px solid #e3e9ee;border-radius:6px;padding:16px;background:#f8fafc}.stats dt{text-transform:uppercase;font-size:11px;color:#748393;letter-spacing:.6px;font-weight:600}.stats dd{margin:4px 0 0;font-size:29px;font-weight:700;line-height:1.3;font-variant-numeric:tabular-nums;color:var(--navy)}.stats .pending-color{color:#bb8526}.stats .processing-color{color:#2286c9}.stats .stat-approved{background:#f1faff;border-color:#93d6ef}.stats .stat-approved dd{color:#0089bf}.search-form{max-width:580px;margin:auto}.search-control{display:flex;align-items:center;gap:13px;padding:8px 9px 8px 21px;border:1px solid #b9cbd8;border-radius:32px;min-height:56px;background:white}.search-control:focus-within{border-color:var(--cyan);box-shadow:0 0 0 3px #e3f5fc}.search-control>.icon{color:#8193a4}.search-control input{border:0;background:none;min-width:0;flex:1;padding:6px 0;font-size:15px;color:var(--navy);border-radius:0}.search-control input::placeholder{color:#8a99a8}.search-submit{border-radius:50%;background:var(--cyan);width:38px;height:38px;display:grid;place-items:center;color:white;flex-shrink:0}.search-submit:hover{background:#008dc6}.search-help{display:flex;justify-content:space-between;gap:12px;padding:9px 10px 0;font-size:10px;color:#8b99a6}.search-help button{font-size:10px;padding:0;white-space:nowrap;color:#48819f;text-decoration:underline;text-underline-offset:3px}.search-feedback{margin-top:10px;text-align:center;font-size:12px;color:#61788b}.search-control:has([aria-invalid=true]){border-color:#cd5353}.records-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:2px 0 13px}.records-heading-left{display:flex;align-items:center;gap:16px}.records-heading h2,.section-heading h2{font-size:18px;letter-spacing:-.3px;color:var(--navy);font-weight:600}.all-label{font-size:11px;color:#008bbf;background:#edf8fc;padding:3px 8px;border-radius:3px}.all-label span{margin-left:5px;color:#7592a1}.dataset-time{font-size:11px;color:#8795a3}.table-wrap{border-top:1px solid #dce5ed;border-bottom:1px solid #dce5ed}.records-table{width:100%;border-collapse:collapse;table-layout:fixed;text-align:left;font-variant-numeric:tabular-nums}.records-table th{background:#f4f7fa;font-size:10px;font-weight:600;letter-spacing:.45px;text-transform:uppercase;color:#798b9b;padding:13px 18px;border-bottom:1px solid #dce5ed}.records-table th:first-child{width:22%}.records-table th:nth-child(2){width:19%}.records-table th:nth-child(3){width:22%}.records-table td{padding:14px 18px;border-bottom:1px solid #edf0f3;font-size:13px;vertical-align:middle;height:65px}.records-table tbody tr:nth-child(even){background:#fafbfd}.records-table tbody tr:hover{background:#f0f8fc}.records-table tr:last-child td{border-bottom:0}.record-id{font-size:13px;font-weight:500;letter-spacing:.25px;color:#526a7e}.record-amount{white-space:nowrap;color:var(--navy);font-size:14px;font-weight:600}.record-amount small{font-weight:400;font-size:11px;color:#7a8f9e;margin-right:5px}.record-status{display:inline-flex;align-items:center;gap:6px;font-size:11px;white-space:nowrap;font-weight:500}.record-status::before{content:"";height:5px;width:5px;border-radius:50%;background:currentColor}.record-status[data-status=Approved]{color:#2e8763}.record-status[data-status=Processing]{color:#2387b9}.record-status[data-status=Pending]{color:#ab7e30}.record-status[data-status=Rejected]{color:#bc5361}.record-date{font-size:11px;line-height:1.65;color:#81909d;display:block}.record-time{font-size:11px;color:#526b80;display:block}.mobile-time{display:none}.records-footer{display:flex;align-items:center;justify-content:space-between;min-height:58px;font-size:11px;color:#82929f}.records-footer button{display:flex;align-items:center;gap:4px;color:#007fae;font-size:12px;padding:9px 0 9px 12px}.records-footer .icon{width:16px;height:16px}.privacy-note{display:flex;align-items:center;justify-content:center;gap:6px;font-size:10px;color:#98a4af;margin:2px 0 26px}.privacy-note .icon{width:12px;height:12px}.empty-state{text-align:center;padding:38px 15px;color:#8b9bab}.empty-state>.icon{width:29px;height:29px;margin-bottom:12px}.empty-state h3{font-size:16px;font-weight:500;color:#415a70}.empty-state p{font-size:12px;margin-top:5px}
.highlights{border-top:1px solid var(--line);padding:24px 0}
.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.section-heading a{display:flex;align-items:center;gap:4px;font-size:11px;color:#48839e}
.section-heading .icon{width:14px;height:14px}
.event-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.event{display:flex;flex-direction:column;text-align:left;padding:0;overflow:hidden;background:white;min-width:0;border:1px solid #e4eaf0;border-radius:7px;transition:border-color .2s}
.event-media{display:block;aspect-ratio:16/9;width:100%;overflow:hidden;background:#eef2f6}
.event-media img{width:100%;height:100%;object-fit:cover;transition:transform .2s}
.event[data-event="lion-dance"] .event-media img{transform:scale(1.18)}
.event:hover{border-color:#acd6e7}
.event:hover .event-media img{transform:scale(1.025)}
.event[data-event="lion-dance"]:hover .event-media img{transform:scale(1.205)}
.event-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 16px;min-height:75px;flex:1;width:100%}
.event-caption small{display:block;color:#8493a1;font-size:9px;letter-spacing:.5px;margin-bottom:4px}
.event-caption strong{display:block;color:var(--navy);font-size:14px;line-height:1.4;font-weight:500}
.event-caption .icon{width:18px;height:18px;color:#099ed2}
.footer{display:flex;align-items:center;gap:18px;border-top:1px solid var(--line);min-height:76px;font-size:10px;color:#9aa5af}.footer img{width:45px;height:29px;object-fit:contain;opacity:.65}.footer>span:last-child{margin-left:auto}..is-embedded .site-chrome{display:none}.noscript{padding:30px;text-align:center}

@media(min-width:1200px){.page{box-shadow:0 0 0 1px #e5ebf1}}
@media(max-width:719px){body{background:white}.masthead{height:62px;padding:0 18px;gap:12px}.brand img{width:65px;height:43px}.masthead-label{display:none}.preview-label{font-size:10px}.language select{font-size:12px}.announcement{padding:8px 17px;font-size:10px;gap:8px}.announcement .icon{width:15px;height:15px}.account-actions{padding:10px 17px;gap:10px}.account-actions a{padding:8px;font-size:12px}main{padding:0 17px}.overview{padding-top:24px;padding-bottom:22px}.overview h1{font-size:20px}.total-amount{gap:8px;margin-top:9px}.total-amount span{font-size:24px}.total-amount strong{font-size:42px;letter-spacing:-1.5px}.total-note{font-size:9px;margin-top:6px}.stats{grid-template-columns:repeat(2,1fr);gap:8px;margin:22px 0 20px}.stats>div{padding:12px 8px}.stats dt{font-size:9px;letter-spacing:.5px}.stats dd{font-size:25px;margin-top:2px}.search-control{min-height:51px;padding:7px 7px 7px 15px;gap:9px}.search-control input{font-size:14px}.search-control>.icon{width:18px;height:18px}.search-submit{width:35px;height:35px}.search-help{font-size:9px;padding:8px 2px 0;gap:7px}.search-help button{font-size:9px}.records-heading{padding-bottom:11px;align-items:baseline}.records-heading-left{gap:8px}.records-heading h2,.section-heading h2{font-size:16px}.all-label{font-size:9px;padding:2px 5px}.all-label span{margin-left:3px}.dataset-time{font-size:9px}.records-table .created-column,.records-table .updated-column{display:none}.records-table th{font-size:9px;padding:11px 8px;letter-spacing:.1px}.records-table th:first-child{width:32%;padding-left:10px}.records-table th:nth-child(2){width:36%;text-align:right}.records-table th:nth-child(3){width:32%;text-align:right;padding-right:10px}.records-table td{height:62px;padding:10px 8px}.records-table td:first-child{padding-left:10px}.records-table td:nth-child(2){text-align:right}.records-table td:nth-child(3){text-align:right;padding-right:10px}.record-id{font-size:12px;letter-spacing:.1px}.record-amount{font-size:13px}.record-amount small{font-size:9px;margin-right:3px}.record-status{font-size:10px;gap:4px}.record-status::before{width:4px;height:4px}.mobile-time{display:block;font-size:9px;color:#8c9ba8;margin-top:3px;font-weight:400;white-space:nowrap}.records-footer{font-size:10px;min-height:50px}.records-footer button{font-size:11px}.privacy-note{font-size:9px;margin:0 0 20px}.highlights{padding:20px 0}.event-grid{grid-template-columns:1fr;gap:10px}.event{flex-direction:row;align-items:stretch;border-radius:6px}.event-media{width:116px;min-height:88px;aspect-ratio:auto;flex-shrink:0;position:relative}.event-media img{position:absolute;inset:0}.event-caption{padding:12px 13px;min-height:88px;gap:8px}.event-caption small{font-size:8px;margin-bottom:4px;letter-spacing:.4px}.event-caption strong{font-size:13px;line-height:1.35}.event-caption .icon{width:16px;height:16px}.section-heading{margin-bottom:13px}.footer{gap:11px;font-size:9px;min-height:65px}.footer img{width:38px}.footer>span:last-child{font-size:8px}}
@media(max-width:359px){main{padding:0 12px}.total-amount strong{font-size:35px}.total-amount span{font-size:20px}.record-status{font-size:9px}.records-table td{padding:10px 5px}.record-amount{font-size:12px}.records-heading h2{font-size:14px}.dataset-time{font-size:8px}.search-help{font-size:8px}.search-help button{font-size:8px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.demo-note { margin: 0 0 14px; color: #84601a; font-size: 13px; }
.load-status { margin: 10px 0; color: #53647c; text-align: center; font-size: 14px; }
.retry { display: block; margin: 0 auto 20px; padding: 8px 16px; border: 1px solid #cbd5e1; border-radius: 5px; background: #fff; color: #063667; cursor: pointer; }
button:disabled { opacity: .55; cursor: wait; }
.record-status[data-status="Cancelled"], .record-status[data-status="Unavailable"] { color: #64748b; }
