:root{color:#17211f;background:#eef4f0;font-family:Inter,Noto Sans TC,Microsoft JhengHei,system-ui,-apple-system,Segoe UI,sans-serif;font-synthesis:none;line-height:1.5;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,rgba(36,109,93,.08),transparent 260px),#eef4f0}button,input,select{font:inherit}button{cursor:pointer}button:disabled,input:disabled{cursor:not-allowed;opacity:.68}.app-shell{width:min(1440px,100%);margin:0 auto;padding:18px}.topbar,.section-title,.calendar-header,.toolbar-panel,.panel-heading{display:flex;align-items:center;gap:12px}.topbar,.section-title,.calendar-header{justify-content:space-between}.topbar{margin-bottom:18px}.brand-button{display:inline-flex;align-items:center;gap:12px;border:0;padding:0;color:inherit;text-align:left;background:transparent}.brand-button span:last-child{display:grid}.brand-button small,.eyebrow{color:#66736f;font-size:.78rem;font-weight:800}.brand-button strong{font-size:1.18rem}.brand-mark{display:grid;width:48px;height:48px;place-items:center;border-radius:8px;color:#fff;background:#1f6f65;box-shadow:0 12px 30px #12554c38}.status-pill{min-height:34px;border:1px solid #cdded9;border-radius:999px;padding:6px 12px;color:#1f6f65;background:#fff;font-size:.82rem;font-weight:900}h1,h2,h3,p{margin-top:0}h1,h2{margin-bottom:0;letter-spacing:0;line-height:1.18}h1{font-size:clamp(1.55rem,3.8vw,2.45rem)}h2{font-size:clamp(1.18rem,2.6vw,1.55rem)}.eyebrow{margin:0 0 4px}.home-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(240px,.6fr) minmax(240px,.6fr);gap:14px;align-items:stretch}.intro-panel,.panel,.entry-card,.metric-card,.day-card{min-width:0;border:1px solid #d7e3df;border-radius:8px;background:#fff;box-shadow:0 18px 44px #1f423b14}.intro-panel{min-height:260px;padding:clamp(22px,4vw,38px)}.intro-panel p:last-child{max-width:720px;margin:16px 0 0;color:#53615e;font-weight:700}.entry-card{display:grid;align-content:center;gap:12px;min-height:260px;padding:24px;border-color:#cfdeda;color:#17211f;text-align:left}.entry-card svg{color:#1f6f65}.entry-card strong{font-size:1.45rem}.entry-card span{color:#5f6d69;font-weight:700}.entry-card:hover{border-color:#1f6f65;box-shadow:0 16px 44px #1f6f6529}.patient-entry{background:#fbfffd}.admin-entry{background:#fffcf7}.stack{display:grid;gap:14px;min-width:0}.panel{padding:clamp(16px,2.6vw,24px)}.narrow{width:min(620px,100%);margin:20px auto 0}.panel-heading{align-items:flex-start;margin-bottom:16px}.panel-heading svg{flex:0 0 auto;color:#1f6f65}.form-grid{display:grid;gap:12px}.form-grid.dense{grid-template-columns:repeat(2,minmax(0,1fr))}label{display:grid;gap:6px;color:#34423f;font-size:.9rem;font-weight:900}input,select{width:100%;min-height:44px;border:1px solid #c8d9d4;border-radius:8px;padding:0 11px;color:#16221f;background:#f9fcfb;outline:none}input:focus,select:focus{border-color:#1f6f65;box-shadow:0 0 0 4px #1f6f651f}.primary-button,.ghost-button,.danger-button,.help-button,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border-radius:8px;padding:0 14px;border:1px solid transparent;font-weight:900}.primary-button{color:#fff;background:#1f6f65}.primary-button:hover:not(:disabled){background:#185d55}.ghost-button,.help-button{color:#1f6f65;border-color:#c6ddd8;background:#fff}.help-button{color:#a34912;border-color:#f0d1b8;background:#fff8f1}.danger-button{color:#a52722;border-color:#f0c7c4;background:#fff7f6}.compact{min-height:38px}.wide{width:100%}.notice{border:1px solid #f0d398;border-radius:8px;padding:12px 14px;color:#6f4b11;background:#fff9e9;font-weight:800}.rule-cards,.info-list,.selected-list,.review-list,.plain-list{display:grid;gap:9px}.rule-cards span,.info-list span,.selected-list div,.selected-list p,.summary-card,.check-row,.plain-list div{border:1px solid #d9e6e2;border-radius:8px;padding:10px 12px;background:#f8fbfa;font-weight:800}.booking-layout{display:grid;grid-template-columns:minmax(270px,340px) minmax(0,1fr);gap:14px;align-items:start}.patient-mobile-shell{display:grid;grid-template-columns:minmax(260px,330px) minmax(0,1fr);gap:14px;align-items:start}.booking-side,.patient-progress{position:sticky;top:12px}.flow-copy{margin:-4px 0 16px;color:#586966;font-weight:800}.option-list,.plan-grid,.date-choice-grid{display:grid;gap:10px}.option-list{grid-template-columns:repeat(2,minmax(0,1fr))}.plan-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.date-choice-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.option-card,.plan-card,.date-choice{display:grid;gap:5px;min-height:92px;border:1px solid #d2e2de;border-radius:8px;padding:14px;color:#20312e;text-align:left;background:#fbfdfc}.option-card:hover:not(:disabled),.plan-card:hover:not(:disabled),.date-choice:hover:not(:disabled){border-color:#1f6f65;background:#eef9f6}.option-card strong,.plan-card strong,.date-choice strong{font-size:1.18rem}.option-card span,.plan-card span,.date-choice span{color:#586966;font-weight:800}.plan-card small,.date-choice small{color:#1f6f65;font-weight:900}.date-choice.selected{color:#fff;border-color:#1f6f65;background:#1f6f65}.date-choice.selected span,.date-choice.selected small{color:#fff}.button-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.button-row .primary-button,.button-row .ghost-button,.button-row .danger-button{flex:1 1 160px}.step-pills{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.step-pills span{border-radius:999px;padding:5px 9px;color:#60706c;background:#eef5f2;font-size:.78rem;font-weight:900}.step-pills span.active{color:#fff;background:#1f6f65}.patient-summary-panel{width:min(920px,100%);margin:0 auto}.strong-notice{margin-bottom:14px;color:#8a4312}.selected-list{margin:14px 0}.selected-list div,.summary-card{display:grid;gap:3px}.selected-list span,.summary-card span{color:#263532}.selected-list small,.summary-card small,.plain-list small,.check-row small{color:#60706c;font-weight:800}.calendar-scroll,.table-wrap{max-width:100%;overflow-x:auto}.patient-grid{display:grid;gap:6px;min-width:850px}.grid-row{display:contents}.grid-head,.time-label{display:grid;min-height:56px;align-content:center;justify-items:center;border-radius:8px;color:#1e3733;background:#edf6f3;font-weight:900}.grid-head span{color:#6d7976;font-size:.82rem}.slot-stack{display:grid;gap:6px;min-height:56px;border:1px solid #e0ebe8;border-radius:8px;padding:6px;background:#fff}.therapist-slot{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;min-height:38px;border:1px solid #cfe0dc;border-radius:8px;padding:7px 8px;color:#20312e;background:#fafdfe}.therapist-slot:hover:not(:disabled){border-color:#1f6f65;background:#eef9f6}.therapist-slot.selected{color:#fff;border-color:#1f6f65;background:#1f6f65}.therapist-slot span{font-size:.78rem;font-weight:900}.empty-slot{display:grid;min-height:38px;place-items:center;color:#9aa6a3;font-weight:800}.week-controls{display:flex;gap:8px}.week-controls button,.icon-button{width:40px;height:40px;padding:0;border:1px solid #cde0dc;color:#1f6f65;background:#fff}.summary-grid,.metric-grid,.grid-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}.grid-two>*,.grid-three>*,.summary-grid>*,.metric-grid>*{min-width:0}.metric-card{display:grid;gap:6px;padding:18px}.metric-card svg{color:#1f6f65}.metric-card span{color:#5d6b67;font-weight:800}.metric-card strong{font-size:2rem;line-height:1}.admin-shell{display:grid;gap:14px;min-width:0}.tabbar{display:flex;gap:8px;max-width:100%;overflow-x:auto;padding-bottom:2px}.tabbar button{display:inline-flex;align-items:center;gap:7px;min-height:42px;border:1px solid #cfdedb;border-radius:8px;padding:0 12px;color:#53625f;background:#fff;font-weight:900;white-space:nowrap}.tabbar button.active{color:#fff;border-color:#1f6f65;background:#1f6f65}table{width:100%;min-width:560px;border-collapse:collapse;font-size:.88rem}th,td{border-bottom:1px solid #e1ebe8;padding:9px 8px;text-align:left;vertical-align:top}th{color:#52615e;background:#f6faf8;font-size:.78rem}td{color:#263532;font-weight:700}.check-row{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:10px}.check-row input,.check-inline input{width:auto;min-height:auto}.check-inline{display:flex;align-items:center;gap:8px}.plain-list div{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px}.plain-list span,.check-row span{display:grid;gap:2px}.toolbar-panel{flex-wrap:wrap}.toolbar-panel label{min-width:220px}.month-grid{display:grid;grid-template-columns:repeat(7,minmax(120px,1fr));gap:8px}.day-card{display:grid;min-height:118px;align-content:start;gap:4px;padding:10px}.day-card span{color:#1f6f65;font-weight:900}.day-card small{overflow-wrap:anywhere;color:#52615e;font-weight:800}.danger-zone{display:flex;justify-content:flex-end}.filter-bar{align-items:end}.inline-actions{display:flex;flex-wrap:wrap;gap:6px}.login-chip,.status-badge{display:inline-flex;align-items:center;width:fit-content;min-height:26px;border-radius:999px;padding:3px 8px;font-size:.78rem;font-weight:900}.login-chip{margin:0 4px 4px 0;color:#1f4f48;background:#eef8f5}.status-badge{color:#24554e;background:#e9f4f1}.status-booked,.status-full{color:#9f2f2b;background:#fff0ee}.status-active,.status-available{color:#1f6f65;background:#e8f6f2}.status-weekend{color:#8a5b10;background:#fff6df}.status-reserved{color:#5d6470;background:#eef1f3}.status-unavailable,.status-no-capacity{color:#5d6470;background:#edf0f2}.status-partial{color:#6e4d08;background:#fff8e6}.calendar-day{border:1px solid #d7e3df;text-align:left}.calendar-day.selected{outline:3px solid rgba(31,111,101,.22);border-color:#1f6f65}.calendar-day.status-full{border-color:#eab0ab;background:#fff8f7}.calendar-day.status-weekend{border-color:#f0d38f;background:#fffaf0}.calendar-day.status-reserved{border-color:#d1d8dd;background:#f4f6f7}.calendar-day.status-unavailable{border-color:#c9d1d6;background:#f4f6f7}.blocked-note{color:#9f2f2b!important}.mini-metrics{grid-template-columns:repeat(7,minmax(0,1fr))}.detail-grid{display:grid;gap:10px}.panel-notice{margin-bottom:14px}.vacancy-list{grid-template-columns:repeat(2,minmax(0,1fr))}.vacancy-list>strong,.vacancy-list>.muted{grid-column:1 / -1}.matrix-toolbar{justify-content:space-between;gap:12px}.matrix-toolbar>div:first-child{display:flex;align-items:flex-start;gap:10px}.schedule-matrix-wrap{max-width:100%;overflow:auto;border:1px solid #d7e3df;border-radius:8px;background:#fff}.schedule-matrix{min-width:1280px;border-collapse:separate;border-spacing:0;font-size:.8rem}.schedule-matrix th,.schedule-matrix td{border-right:1px solid #e1ebe8;border-bottom:1px solid #e1ebe8}.schedule-matrix thead th{position:sticky;top:0;z-index:2;min-width:132px;color:#203733;background:#edf7f3}.schedule-matrix thead th span,.schedule-matrix thead th small{display:block;white-space:nowrap}.schedule-matrix .sticky-col{position:sticky;left:0;z-index:3;min-width:72px;background:#f8fbfa;box-shadow:1px 0 #d7e3df}.schedule-matrix .time-col{color:#1f6f65;font-size:.86rem}.schedule-matrix .reserved-column{color:#5d6470;background:#eef1f3}.matrix-cell{min-width:132px;height:86px;padding:6px;background:#fff}.matrix-reserved{background:#f4f6f7}.matrix-blocked{background:#fff6f1}.matrix-full{background:#fff0ee}.matrix-capacity{display:inline-flex;margin-bottom:5px;border-radius:999px;padding:2px 6px;color:#24554e;background:#e9f4f1;font-size:.72rem;font-weight:900}.matrix-reserved .matrix-capacity{color:#5d6470;background:#e4e9ec}.matrix-full .matrix-capacity{color:#9f2f2b;background:#ffe0dc}.matrix-block-note,.matrix-patient{display:grid;gap:1px;margin-top:4px;border-radius:6px;padding:5px 6px}.matrix-block-note{color:#9f2f2b;background:#ffe7df;font-weight:900}.matrix-patient{color:#203733;background:#eef8f5}.matrix-patient strong,.matrix-patient small{overflow-wrap:anywhere}.compact-actions{justify-content:flex-end}.unavailable-admin-list div{grid-template-columns:1fr auto}.compact-list{margin-top:12px}.muted{color:#6f7a77;font-weight:800}.form-span{grid-column:1 / -1}@media(max-width:1060px){.home-grid,.booking-layout,.patient-mobile-shell,.grid-two,.grid-three,.metric-grid,.summary-grid{grid-template-columns:1fr}.booking-side,.patient-progress{position:static}.option-list,.plan-grid,.date-choice-grid{grid-template-columns:1fr}.month-grid{grid-template-columns:repeat(4,minmax(120px,1fr))}.vacancy-list{grid-template-columns:1fr}.matrix-toolbar{align-items:stretch}.mini-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.app-shell{padding:12px}.topbar,.section-title,.calendar-header{align-items:stretch;flex-direction:column}.status-pill{width:fit-content}.help-button,.ghost-button.compact{width:100%}.form-grid.dense{grid-template-columns:1fr}.month-grid{grid-template-columns:repeat(2,minmax(120px,1fr))}.patient-grid{min-width:760px}.button-row{display:grid}}