:root{color:#172b30;font-synthesis:none;background:#f3f5f1;font-family:Arial,Noto Sans TC,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;color:#fff;background:#155f5d;border:1px solid #155f5d;border-radius:9px;padding:10px 15px;font-weight:700}button:hover{filter:brightness(.94)}button:disabled{opacity:.45;cursor:not-allowed}button.secondary{color:#155f5d;background:#fff}button.danger{color:#a33932;background:#fff;border-color:#a33932}a{color:#155f5d;font-weight:700}h1,h2,h3,h4,p{margin-top:0}h1{letter-spacing:-.03em;font-size:29px}h2{font-size:21px}h3{font-size:17px}h4{margin-bottom:6px;font-size:15px}.muted{color:#647176;line-height:1.55}.eyebrow{letter-spacing:.18em;color:#23716e;margin-bottom:8px;font-size:11px;font-weight:800}.app-shell{min-height:100vh}.topbar{background:#fff;border-bottom:1px solid #dce5df;justify-content:space-between;align-items:center;gap:20px;padding:25px max(24px,50vw - 660px);display:flex}.topbar h1{margin-bottom:0}.top-actions{align-items:center;gap:10px;display:flex}.role-pill{color:#155f5d;background:#e6f2ed;border-radius:30px;padding:8px 12px;font-size:12px;font-weight:700}.workspace{max-width:1368px;margin:auto;padding:28px 24px 70px}.tabs{gap:8px;margin-bottom:22px;display:flex}.tabs button{color:#4b6466;background:0 0;border:0;border-bottom:3px solid #0000;border-radius:0}.tabs button.active{color:#155f5d;border-bottom-color:#155f5d}.panel{background:#fff;border:1px solid #dfe6df;border-radius:17px;padding:26px;box-shadow:0 8px 32px #1b3a330a}.two-column{grid-template-columns:minmax(280px,370px) minmax(0,1fr);align-items:start;gap:20px;display:grid}.detail-panel{min-height:540px}.section-heading{justify-content:space-between;align-items:start;gap:20px;display:flex}.section-heading p{margin-bottom:10px}.inline-meta{color:#637276;border-bottom:1px solid #edf0ec;flex-wrap:wrap;align-items:center;gap:16px;padding:8px 0 18px;font-size:13px;display:flex}.inline-meta button{margin-left:auto}.list{margin-top:12px}.list-item{border-bottom:1px solid #edf0ec;justify-content:space-between;align-items:center;gap:20px;padding:17px 0;display:flex}.list-item p{color:#45595d;margin:6px 0}.list-item small{color:#758385}.item-actions{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.empty{color:#728085;padding:25px 5px}.empty h2{color:#263b3d}.warning{color:#a33932;font-weight:700}.notice{color:#124f4d;background:#e8f2f1;border-radius:10px;margin-bottom:16px;padding:14px 17px;line-height:1.5}.stack{gap:12px;display:grid}.stack h3,.stack h4{margin:8px 0 0}label{color:#344d4e;gap:6px;font-size:13px;font-weight:700;display:grid}input,select,textarea{color:#192e31;background:#fff;border:1px solid #cbd8d2;border-radius:8px;outline-color:#155f5d;width:100%;min-width:0;padding:10px 11px}textarea{resize:vertical;min-height:76px}.search-row{gap:8px;display:flex}.search-row input{flex:1}.customer-result,.reservation-row{color:#233d3f;text-align:left;background:#fff;border:0;border-bottom:1px solid #edf0ec;border-radius:0;flex-direction:column;align-items:start;gap:5px;width:100%;padding:13px;display:flex}.customer-result span,.reservation-row span{color:#697b7d;font-size:12px;font-weight:400}.customer-result.chosen,.reservation-row.chosen{background:#e9f3ef;border-left:3px solid #155f5d;padding-left:10px}.inset{background:#fafbf8;border:1px solid #e0e8e2;border-radius:12px;margin:25px 0 0;padding:20px}.balance-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:20px 0 28px;display:grid}.balance-grid>div{background:#f2f6f2;border-radius:10px;padding:14px}.balance-grid>div.balance-main{color:#fff;background:#155f5d}.balance-grid small{color:inherit;opacity:.75;margin-bottom:8px;display:block}.balance-grid strong{font-size:18px}.customer-note{white-space:pre-wrap;background:#f7f8f4;border-radius:8px;padding:12px}.form-pair{grid-template-columns:1fr 1fr;gap:10px;display:grid}.reservation-detail>p{line-height:1.7}.audit-list{border-top:1px solid #e5ebe6;margin:8px 0 20px}.audit-list p{overflow-wrap:anywhere;border-bottom:1px solid #e5ebe6;margin:0;padding:12px 0;line-height:1.6}.audit-list small{color:#67777a}.login-page{background:radial-gradient(circle at 20% 10%,#e1f0e9,#0000 36%),#f3f5f1;place-items:center;min-height:100vh;padding:25px;display:grid}.login-card{background:#fff;border:1px solid #dfe6df;border-radius:18px;width:min(100%,420px);padding:35px;box-shadow:0 22px 75px #1b3a3314}@media (max-width:850px){.two-column{grid-template-columns:1fr}.topbar{padding:22px 18px}.workspace{padding:20px 14px}.panel{padding:19px}.balance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-heading,.list-item{flex-direction:column;align-items:stretch}.form-pair{grid-template-columns:1fr}}@media (max-width:420px){.balance-grid{grid-template-columns:1fr 1fr}.topbar h1{font-size:23px}.top-actions{align-self:start}.role-pill{display:none}}:root{--demo-line:#dce5df}.demo-shell{max-width:1440px;margin:auto;padding:28px 24px 80px;line-height:1.6}.demo-header{justify-content:space-between;align-items:center;gap:20px;display:flex}.demo-header h1{margin-bottom:12px}.demo-banner{color:#644313;background:#fff1d6;border:2px solid #ba8030;border-radius:12px;gap:3px;margin:12px 0 20px;padding:16px 20px;display:grid}.demo-banner small{overflow-wrap:anywhere}.demo-nav{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.demo-nav button{color:#155f5d;background:#fff}.demo-nav button[aria-pressed=true]{color:#fff;background:#155f5d}.demo-workspace{border:0;min-width:0;margin:0;padding:0}.demo-grid{grid-template-columns:minmax(300px,.8fr) minmax(0,1.3fr);align-items:start;gap:22px;display:grid}.demo-card{border:1px solid var(--demo-line);background:#fff;border-radius:16px;min-width:0;padding:24px}.demo-card h2:not(:first-child),.demo-card h3{margin-top:26px}.demo-card button{margin:4px 6px 4px 0}.demo-form{gap:13px;display:grid}.demo-form label{font-size:14px}.demo-check{align-items:center;display:flex}.demo-check input{width:auto}.demo-records{padding:0;list-style:none}.demo-records li{border-bottom:1px solid var(--demo-line);padding:12px 0;display:grid}.demo-records button{color:#155f5d;text-align:left;overflow-wrap:anywhere;background:#edf5f0}.demo-records span{color:#647176;font-size:13px}.demo-id{overflow-wrap:anywhere;color:#5b6d70;font-size:11px;display:block}.demo-metrics{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.demo-metrics article{border:1px solid var(--demo-line);background:#fff;border-radius:14px;padding:24px;display:grid}.demo-metrics strong{color:#155f5d;font-size:36px}.demo-metrics small{color:#647176}.demo-notice{color:#155f5d;background:#e4f0e9;border-radius:10px;padding:16px}.demo-error{color:#8d3228;overflow-wrap:anywhere;background:#fff0ee;border:1px solid #c16458;border-radius:10px;margin-bottom:20px;padding:15px}.demo-error p:last-child{margin:0}.demo-confirm{background:#eaf5f0;border:2px solid #155f5d;border-radius:12px;margin-bottom:24px;padding:22px}.demo-confirm button{margin-right:8px}.demo-primary{color:#fff;background:#155f5d;border-radius:9px;padding:10px 15px;text-decoration:none;display:inline-block}.demo-simulation{background:#f7f9f5;border:1px dashed #9aaea5;border-radius:12px;gap:12px;margin-top:20px;padding:18px;display:grid}.demo-simulation h3{margin:0}.demo-actions{flex-wrap:wrap;gap:4px;display:flex}.demo-table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{border-bottom:1px solid var(--demo-line);text-align:left;vertical-align:top;padding:12px 10px}th{color:#155f5d;background:#f2f6f2}td{min-width:130px}pre{white-space:pre-wrap;overflow-wrap:anywhere;max-width:350px;font-size:11px}summary{cursor:pointer;color:#155f5d}.demo-balance{color:#155f5d;font-size:24px;font-weight:700}.demo-history{padding:0;list-style:none}.demo-history li{border-bottom:1px solid var(--demo-line);padding:14px 0}.demo-history small{display:block}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #ba8030}@media (max-width:850px){.demo-shell{padding:20px 14px 60px}.demo-grid{grid-template-columns:1fr}.demo-metrics{grid-template-columns:repeat(2,1fr)}.demo-card{padding:20px}.demo-header{align-items:flex-start}.demo-header h1{font-size:24px}}@media (max-width:430px){.demo-header{display:block}.demo-metrics{gap:10px}.demo-metrics article{padding:16px}.demo-banner{padding:12px}.demo-banner strong{font-size:15px}}.live-calendar-heading{justify-content:space-between;align-items:start;gap:24px;display:flex}.live-calendar-controls{flex-wrap:wrap;align-items:end;gap:12px;min-width:250px;display:flex}.live-calendar-controls label{min-width:100px}.live-calendar-frame{background:#fff;border:1px solid #dce5df;border-radius:10px;width:100%;height:760px;min-height:500px}.live-calendar h2{margin-top:0}.live-calendar-heading p{max-width:720px}@media (max-width:850px){.live-calendar-heading{display:block}.live-calendar-frame{height:680px}.live-calendar-controls{margin-bottom:16px}}.live-banner{color:#18533e;background:#e7f4ec;border-color:#2e7860}.calendar-query{flex-wrap:wrap;align-items:end;gap:12px;margin:20px 0;display:flex}.calendar-query label{flex:1;min-width:180px}.structured-events{padding:0;list-style:none}.structured-events li{overflow-wrap:anywhere;border-bottom:1px solid #dce5df;padding:20px 0}.structured-events h3{margin-top:0}.structured-events button{margin-left:12px}.structured-events .role-pill{display:inline-block}@media (max-width:430px){.calendar-query{display:grid}.calendar-query label{min-width:0}.tabs{flex-wrap:wrap}}.progress-shell{max-width:1240px;margin:auto;padding:32px 30px 0;line-height:1.7}.progress-top{border-bottom:1px solid #dce5df;justify-content:space-between;align-items:center;gap:20px;padding-bottom:28px;display:flex}.progress-top>a{letter-spacing:.12em;font-size:27px;text-decoration:none}.progress-top>a span{letter-spacing:.12em;color:#647176;font-size:11px;display:block}.progress-hero{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:center;gap:64px;padding:70px 0;display:grid}.progress-hero h1{letter-spacing:-.04em;margin-bottom:24px;font-size:clamp(34px,4.5vw,56px);line-height:1.25}.progress-lead{color:#4b6466;max-width:590px;margin-bottom:26px;font-size:18px;line-height:1.9}.progress-hero .demo-primary{padding:14px 23px}.progress-caption{color:#647176;margin-top:14px;font-size:12px}.progress-status{background:#fff;border:1px solid #dce5df;border-radius:20px;padding:30px;box-shadow:0 16px 50px #172b3008}.progress-status h2{margin-bottom:8px;font-size:27px}.progress-live{color:#23716e;font-size:14px;font-weight:700}.progress-status dl{margin:24px 0}.progress-status dl>div{border-top:1px solid #edf0ec;grid-template-columns:76px 1fr;gap:16px;padding:15px 0;font-size:14px;display:grid}.progress-status dt{color:#647176}.progress-status dd{margin:0;font-weight:700}.progress-status small{color:#647176;font-size:12px}.progress-features{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding-bottom:50px;display:grid}.progress-features article{border-top:2px solid #155f5d;padding:24px 0}.progress-features article>span{color:#647176;letter-spacing:.15em;font-size:12px}.progress-features h2{margin:18px 0 12px}.progress-features p{color:#4b6466}.progress-features small{color:#23716e;font-weight:700}.progress-next{background:#e7eee8;border-radius:18px;grid-template-columns:1fr 1fr;gap:60px;margin-bottom:50px;padding:36px;display:grid}.progress-next p,.progress-next li{font-size:14px}.progress-next ul{padding-left:20px}.progress-next li{margin-bottom:10px}.progress-footer{color:#647176;border-top:1px solid #dce5df;justify-content:space-between;gap:20px;padding:24px 0 32px;font-size:12px;display:flex}@media (max-width:850px){.progress-shell{padding:24px 20px 0}.progress-hero{grid-template-columns:1fr;gap:32px;padding:44px 0}.progress-features{grid-template-columns:1fr;gap:6px}.progress-next{grid-template-columns:1fr;gap:28px;padding:24px}.progress-footer{flex-wrap:wrap}.progress-status{padding:24px}}@media (max-width:430px){.progress-top .role-pill{padding:6px 10px;font-size:10px;display:inline-block}.progress-top>a{font-size:23px}.progress-top>a span{font-size:10px}.progress-lead{font-size:16px}}.event-editor{color:#172b30;background:#fff;border:1px solid #cbd8d2;border-radius:18px;width:min(620px,100vw - 28px);max-height:calc(100dvh - 40px);padding:26px;overflow:auto;box-shadow:0 25px 90px #172b3030}.event-editor::backdrop{background:#172b3066}.event-editor header{justify-content:space-between;align-items:start;gap:16px;display:flex}.event-editor header h2{margin-bottom:12px}.event-editor-fields{border:0;min-width:0;margin:0;padding:0}.event-editor footer{border-top:1px solid #dce5df;justify-content:flex-end;gap:12px;margin-top:6px;padding-top:18px;display:flex}.event-editor .demo-form{gap:14px}@media (max-width:430px){.event-editor{padding:20px}.event-editor footer{flex-wrap:wrap}.event-editor footer button{flex:1}}