:root{--ink:#18332f;--muted:#687773;--paper:#f4f3ed;--card:#fff;--line:#dfe4df;--accent:#0e514f;--accent2:#d8e6df;--danger:#a6443d;--shadow:0 16px 50px #18332f14;color:var(--ink);background:var(--paper);font-family:Inter,Noto Sans TC,PingFang TC,Microsoft JhengHei,sans-serif}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:var(--accent)}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.02em;font-family:Georgia,Noto Serif TC,serif}h1{margin-bottom:14px;font-size:clamp(2rem,4vw,3.6rem);line-height:1.05}h2{font-size:1.8rem}h3{margin-bottom:8px;font-size:1.25rem}.card{border:1px solid var(--line);box-shadow:var(--shadow);background:#ffffffed;border-radius:24px}.card-pad{padding:28px}.eyebrow{color:var(--accent);letter-spacing:.17em;text-transform:uppercase;margin-bottom:14px;font-size:.72rem;font-weight:800;display:block}.brand-mark{background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:42px;height:42px;font-family:Georgia,serif;font-size:1.4rem;display:grid}.button{border:1px solid var(--accent);color:var(--accent);background:#fff;border-radius:999px;padding:11px 18px;font-weight:800}.button:hover{transform:translateY(-1px)}.button.primary{background:var(--accent);color:#fff}.button.secondary{background:var(--accent2)}.button.ghost{border-color:var(--line);color:var(--muted)}.button.small{padding:7px 12px;font-size:.82rem}.button.full{width:100%}.button:disabled{opacity:.55;cursor:not-allowed}.icon-button{background:0 0;border:0;font-size:2rem}.grid{gap:20px;display:grid}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-grid{gap:14px}.form-stack{gap:17px;display:grid}.field{border:0;gap:7px;padding:0;display:grid}.field>span{color:var(--muted);font-size:.8rem;font-weight:800}.field input,.field select,.field textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #ced8d2;border-radius:12px;outline:none;padding:12px 13px}.field textarea{resize:vertical;min-height:88px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #0e514f17}.inline-field{align-items:center;gap:10px;display:flex}.inline-field input{width:auto}.form-message,.global-error{color:var(--accent);background:#eef5f1;border-radius:11px;padding:11px 14px;font-size:.9rem}.error-message,.global-error{color:var(--danger);background:#f9e9e7}.data-note{color:var(--muted);font-size:.85rem}.empty-state,.loading-panel{text-align:center;color:var(--muted);padding:42px 18px}.public-shell{min-height:100vh}.public-header{border-bottom:1px solid var(--line);z-index:20;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#f4f3ede6;justify-content:space-between;align-items:center;height:82px;padding:0 clamp(20px,5vw,80px);display:flex;position:sticky;top:0}.wordmark{color:var(--ink);text-align:left;background:0 0;border:0;align-items:center;gap:12px;display:flex}.wordmark>span:last-child{display:grid}.wordmark strong{letter-spacing:.14em}.wordmark small{color:var(--muted)}.public-header nav{gap:8px;display:flex}.public-header nav button{color:var(--muted);background:0 0;border:0;border-radius:99px;padding:10px 15px;font-weight:700}.public-header nav button.active{background:var(--ink);color:#fff}.public-content{max-width:1320px;margin:auto;padding:70px clamp(20px,5vw,80px)}.login-wrap{place-items:center;min-height:calc(100vh - 140px);padding:48px 20px;display:grid}.public-footer{text-align:center;color:var(--muted);padding:24px;font-size:.78rem}.global-error{max-width:760px;margin:18px auto}.loading-screen{min-height:100vh;color:var(--muted);place-content:center;justify-items:center;gap:12px;display:grid}.booking-layout{grid-template-columns:.9fr 1.1fr;align-items:start;gap:clamp(35px,7vw,100px);display:grid}.booking-intro{padding-top:30px;position:sticky;top:130px}.booking-intro>p{max-width:550px;color:var(--muted);font-size:1.04rem;line-height:1.8}.service-preview{gap:10px;margin-top:36px;display:grid}.service-choice{text-align:left;border:1px solid var(--line);color:var(--ink);background:0 0;border-radius:16px;grid-template-columns:1fr auto;gap:4px;padding:18px;display:grid}.service-choice strong{grid-area:1/2/3;align-self:center}.service-choice small{color:var(--muted)}.service-choice.selected{background:var(--accent);border-color:var(--accent);color:#fff}.service-choice.selected small{color:#d7ebe7}.booking-form{gap:20px;padding:clamp(24px,4vw,46px);display:grid}.form-section-title{align-items:flex-start;gap:14px;display:flex}.form-section-title>span{color:var(--accent);font-family:Georgia,serif;font-size:1.4rem}.form-section-title h2{margin-bottom:4px}.form-section-title p{color:var(--muted);font-size:.86rem}.form-divider{background:var(--line);height:1px;margin:8px 0}.privacy-check{color:var(--muted);align-items:flex-start;gap:10px;font-size:.83rem;line-height:1.5;display:flex}.booking-submit{margin-top:5px}.booking-success{text-align:center;max-width:620px;margin:60px auto;padding:60px}.success-mark{background:var(--accent2);border-radius:50%;place-items:center;width:60px;height:60px;margin:0 auto 25px;font-size:2rem;display:grid}.booking-reference{background:var(--paper);border-radius:15px;gap:7px;margin:25px 0;padding:20px;display:grid}.booking-reference strong{word-break:break-all}.auth-card{width:min(440px,100%);padding:38px}.auth-brand{align-items:center;gap:12px;margin-bottom:42px;display:flex}.auth-brand>div{display:grid}.auth-brand small{color:var(--muted)}.auth-copy p,.auth-note{color:var(--muted);line-height:1.6}.auth-note{margin:18px 0 0;font-size:.77rem}.app-shell{grid-template-columns:248px 1fr;min-height:100vh;display:grid}.sidebar{color:#fff;background:#143c39;flex-direction:column;width:248px;padding:27px 20px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-brand{align-items:center;gap:11px;padding:0 7px 28px;display:flex}.sidebar-brand>div{display:grid}.sidebar-brand small{color:#a9c2bc}.sidebar-brand .brand-mark{color:var(--accent);background:#fff}.user-chip{border-top:1px solid #37605c;border-bottom:1px solid #37605c;align-items:center;gap:11px;padding:15px 12px;display:flex}.user-chip>span{width:35px;height:35px;color:var(--accent);background:#d8e6df;border-radius:50%;place-items:center;font-weight:800;display:grid}.user-chip div{display:grid}.user-chip small{color:#abc4be;font-size:.75rem}.side-nav{gap:6px;margin-top:25px;display:grid}.side-nav button,.logout-button{color:#b9cfca;text-align:left;background:0 0;border:0;border-radius:10px;padding:12px 14px;font-weight:700}.side-nav button:hover,.side-nav button.active{color:var(--accent);background:#fff}.logout-button{border:1px solid #3c625e;margin-top:auto}.portal-main{grid-column:2;min-width:0}.topbar{border-bottom:1px solid var(--line);z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f4f3ede6;justify-content:flex-end;align-items:center;height:72px;padding:0 35px;display:flex;position:sticky;top:0}.topbar>div{text-align:right;display:grid}.topbar small{color:var(--muted)}.mobile-brand{display:none}.portal-content{max-width:1500px;margin:auto;padding:clamp(25px,4vw,55px)}.mobile-nav{display:none}.page-stack{gap:25px;display:grid}.page-title{max-width:760px}.page-title p{color:var(--muted);line-height:1.65}.toolbar{flex-wrap:wrap;align-items:end;gap:16px;display:flex}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.metric{padding:23px}.metric span,.metric small{color:var(--muted);font-size:.78rem;display:block}.metric strong{margin:8px 0;font-family:Georgia,serif;font-size:2rem;display:block}.appointment-list{gap:12px;display:grid}.appointment-card{grid-template-columns:90px 1fr auto;align-items:center;gap:20px;padding:20px;display:grid}.appointment-time{text-align:center;border-right:1px solid var(--line);padding-right:18px;display:grid}.appointment-time strong{font-size:1.25rem}.appointment-time span{color:var(--accent);font-weight:800}.appointment-heading{justify-content:space-between;align-items:start;gap:12px;display:flex}.appointment-heading h3{margin:0}.appointment-body p{color:var(--muted);margin:10px 0 0;font-size:.85rem}.contact-row{color:var(--muted);flex-wrap:wrap;gap:8px 18px;margin-top:8px;font-size:.82rem;display:flex}.appointment-actions{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.status{color:#54706a;white-space:nowrap;background:#e8eeea;border-radius:99px;padding:5px 9px;font-size:.72rem;font-weight:800;display:inline-block}.status-pending_call,.status-pending{color:#805c0f;background:#fff0cf}.status-confirmed,.status-approved{color:#276244;background:#dceee4}.status-arrived,.status-in_service{color:#295a7e;background:#dce9f4}.status-cancelled,.status-returned{color:#92423c;background:#f6e1df}.status-completed{color:#5b4a8a;background:#e8e5f5}.day-grid{grid-template-columns:repeat(7,1fr);gap:8px;margin:22px 0;display:grid}.day-cell{border:1px solid var(--line);color:var(--muted);cursor:pointer;border-radius:12px;place-items:center;gap:3px;padding:12px 4px;display:grid}.day-cell input{display:none}.day-cell.selected{background:var(--accent);color:#fff}.day-cell small{font-size:.68rem}.table-card{overflow:auto}.table-card:not(.embedded){padding:8px}.table-card table{border-collapse:collapse;width:100%;min-width:780px}.table-card th,.table-card td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:13px 12px;font-size:.84rem}.table-card th{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.72rem}.cell-sub{color:var(--muted);margin-top:4px;display:block}.row-actions{flex-wrap:wrap;gap:8px;display:flex}.row-actions button{color:var(--accent);background:0 0;border:0;padding:0;font-size:.78rem}.row-actions .danger-link{color:var(--danger)}.card-head{justify-content:space-between;align-items:start;display:flex}.card-head p{color:var(--muted);font-size:.85rem}.modal-backdrop{z-index:100;background:#09201d8c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{gap:15px;width:min(590px,100%);max-height:90vh;padding:28px;display:grid;overflow:auto}.button-row{justify-content:flex-end;gap:9px;display:flex}.check-list{gap:8px;display:grid}.check-list label{gap:8px;display:flex}.code-list,.branch-list{margin-top:18px;display:grid}.code-row,.branch-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;padding:14px 0;display:flex}.code-row>div,.branch-row>div{flex:1;display:grid}.code-row span,.code-row small,.branch-row small{color:var(--muted)}.branch-row>span{color:var(--accent);font-weight:900}.branch-row em{color:var(--muted);font-size:.75rem;font-style:normal}.account-message{grid-column:1/-1}@media (max-width:1050px){.booking-layout{grid-template-columns:1fr}.booking-intro{padding-top:0;position:static}.metric-grid{grid-template-columns:repeat(2,1fr)}.appointment-card{grid-template-columns:75px 1fr}.appointment-actions{grid-column:2;justify-content:flex-start}}@media (max-width:760px){h1{font-size:2.3rem}.public-header{height:68px;padding:0 15px}.public-header .wordmark small{display:none}.public-header nav button{padding:8px 10px;font-size:.8rem}.public-content{padding:35px 15px}.booking-form{border-radius:18px}.grid.two{grid-template-columns:1fr}.booking-success{margin:20px 0;padding:35px 22px}.app-shell{display:block}.sidebar{display:none}.portal-main{padding-bottom:76px}.topbar{justify-content:space-between;height:58px;padding:0 16px}.mobile-brand{color:var(--accent);letter-spacing:.12em;background:0 0;border:0;font-weight:900;display:block}.portal-content{padding:22px 14px}.mobile-nav{z-index:40;border-top:1px solid var(--line);background:#fff;display:flex;position:fixed;inset:auto 0 0;overflow-x:auto}.mobile-nav button{min-width:70px;color:var(--muted);background:#fff;border:0;flex:1;padding:14px 5px;font-size:.68rem}.mobile-nav button.active{color:var(--accent);border-top:2px solid var(--accent);font-weight:900}.metric-grid{grid-template-columns:repeat(2,1fr)}.metric{padding:17px}.metric strong{font-size:1.55rem}.appointment-card{grid-template-columns:58px 1fr;gap:12px;padding:15px}.appointment-time{padding-right:10px}.appointment-heading{display:grid}.contact-row{gap:5px;display:grid}.day-grid{grid-template-columns:repeat(5,1fr)}.card-pad{padding:20px}.toolbar .inline-field{justify-content:space-between;width:100%}.inline-field input{width:58%}}.portal-content,.page-stack,.card,.table-card{min-width:0}.table-card{max-width:100%}.deleted-row{opacity:.62;background:#f7efee}.overview-grid>section{min-width:0}.unavailability-layout{align-items:start}.block-list{display:grid}.block-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;padding:15px 0;display:flex}.block-row>div{gap:4px;display:grid}.block-row span,.block-row small{color:var(--muted)}.table-card details{margin-top:5px}.table-card summary{cursor:pointer;color:var(--accent);font-size:.75rem}.table-card pre{white-space:pre-wrap;background:var(--paper);border-radius:8px;max-width:420px;max-height:240px;padding:10px;font-size:.68rem;overflow:auto}@media (max-width:760px){html,body,.app-shell,.portal-main{max-width:100%;overflow-x:hidden}.page-title p{overflow-wrap:anywhere}.table-card{overflow-x:auto}}