*{box-sizing:border-box}:root{color-scheme:light;font-family:Noto Sans TC,Microsoft JhengHei,PingFang TC,Segoe UI,system-ui,sans-serif;color:#18202f;background:#f6f8fb;--bg: #f6f8fb;--surface: rgba(255, 255, 255, .88);--surface-strong: #ffffff;--surface-soft: #f1f6f7;--line: #dbe5e7;--line-strong: #b9cdd0;--ink: #16202e;--muted: #60717d;--accent: #0f766e;--accent-strong: #0a5c56;--accent-soft: #e4f7f3;--warning: #a45f10;--warning-soft: #fff6dd;--danger: #b42318;--danger-soft: #fff1ef;--shadow: 0 18px 45px rgba(14, 33, 45, .08)}html,body,#root{min-height:100%;margin:0}body{min-width:0;background:var(--bg)}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit}h1,h2,h3,p{margin-top:0}h1{margin-bottom:14px;color:#101a27;font-size:clamp(40px,7vw,72px);font-weight:900;line-height:.98}h2{margin:0;color:var(--ink);font-size:22px;line-height:1.25}h3{margin-bottom:6px;color:var(--ink);font-size:16px}.page{min-height:100vh}.topbar{position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(185,205,208,.78);background:#fff}.toolbar{width:min(100%,1320px);min-height:72px;margin:0 auto;padding:12px clamp(16px,4vw,28px);display:flex;align-items:center;justify-content:space-between;gap:16px}.brand,.topbar-actions,.button-row,.chip-row,.row-actions{display:flex;align-items:center;gap:10px}.brand{min-width:0}.brand-mark{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border:1px solid rgba(15,118,110,.22);border-radius:8px;color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 1px #ffffffdb}.brand-mark.large{width:58px;height:58px}.brand-title{color:var(--ink);font-size:20px;line-height:1.2;overflow-wrap:anywhere}.main-container{width:min(1320px,calc(100% - 32px));margin:0 auto;padding:clamp(28px,5vw,72px) 0 clamp(36px,6vw,84px)}.public-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,480px);gap:clamp(24px,6vw,76px);align-items:center}.public-copy{min-width:0}.lead{max-width:680px;color:var(--muted);font-size:18px;line-height:1.7}.eyebrow{margin:0 0 8px;color:var(--accent);font-size:12px;font-weight:900;letter-spacing:0;text-transform:uppercase}.surface-card{position:relative;min-width:0;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow);overflow:hidden}.surface-card:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:#0f766e7a}.form-card,.login-card,.surface-card{padding:22px}.stack{display:grid;gap:16px;min-width:0}.stack.tight{gap:8px}.field{display:grid;gap:7px;color:#344354;font-size:13px;font-weight:800}input,select,textarea{width:100%;min-width:0;border:1px solid var(--line-strong);border-radius:8px;background:#ffffffeb;color:var(--ink);outline:none;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}input,select{min-height:44px;padding:0 12px}textarea{padding:12px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #0f766e24}.button,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;border-radius:8px;border:1px solid var(--line-strong);background:#fff;color:var(--ink);font-weight:800;text-decoration:none;max-width:100%;min-width:0;white-space:normal;text-align:center;overflow-wrap:anywhere;transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .15s ease}.button{padding:0 14px}.button.large{min-height:48px;width:100%}.button.primary{border-color:var(--accent);background:var(--accent-strong);color:#fff;box-shadow:0 12px 22px #0f766e29}.button.ghost:hover,.icon-button:hover,.text-link:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.button.primary:hover{transform:translateY(-1px)}.icon-button{width:40px;min-width:40px;white-space:nowrap;padding:0}.icon-button.danger{color:var(--danger)}.centered-page,.login-page{min-height:100vh;display:grid;place-items:center;padding:22px}.login-card{width:min(100%,430px)}.login-brand{display:grid;justify-items:center;gap:10px;text-align:center}.summary-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:30px}.summary-card{display:grid;gap:8px}.summary-card strong{color:var(--accent);font-size:26px}.admin-container{padding-top:28px}.admin-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.admin-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(330px,.78fr);gap:18px;align-items:start}.stat-card{display:flex;align-items:center;gap:14px}.stat-card strong{display:block;margin-top:3px;color:var(--ink);font-size:23px}.metric-icon{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border-radius:8px;background:var(--accent-soft);color:var(--accent)}.card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.table-wrap{width:100%;max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-inline:contain;border:1px solid var(--line);border-radius:8px}.data-table{width:100%;min-width:720px;border-collapse:collapse;background:#ffffffb8}.data-table th,.data-table td{padding:12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}.data-table th{color:#425160;font-size:12px;font-weight:900;background:var(--surface-soft)}.data-table tr:last-child td{border-bottom:0}.number-cell{text-align:right!important}.empty-cell{color:var(--muted);text-align:center!important}.place-total-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.place-total,.place-row,.line-recipient-row{min-width:0;border:1px solid var(--line);border-radius:8px;background:#ffffffb8}.place-total{display:grid;gap:7px;padding:14px}.place-total strong{color:var(--accent);font-size:22px}.place-list,.recipient-list{display:grid;gap:10px}.place-row,.line-recipient-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px}.place-row.disabled{opacity:.62;background:#f5f7f8}.inline-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}.segmented{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:6px;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft)}.segmented button{min-height:38px;border:1px solid transparent;border-radius:7px;background:transparent;color:#4d5c6b;font-weight:800}.segmented button.active{border-color:#0f766e42;background:#fff;color:var(--accent);box-shadow:0 8px 18px #0e212d12}.chip-row,.row-actions{flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:6px;min-height:30px;max-width:100%;padding:0 10px;border:1px solid var(--line-strong);border-radius:999px;background:#fff;color:#506171;font-size:13px;font-weight:800}.chip>span{min-width:0;overflow-wrap:anywhere}.chip.accent{border-color:#0f766e3d;background:var(--accent-soft);color:var(--accent)}.chip.warning{border-color:#a45f1047;background:var(--warning-soft);color:var(--warning)}.chip button,.notice button{border:0;background:transparent;color:inherit;font-size:18px;line-height:1;padding:0}.notice{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border:1px solid var(--line-strong);border-radius:8px;padding:12px 14px;background:#fff;color:var(--ink);font-size:14px;line-height:1.55}.notice.success,.notice.info{border-color:#0f766e3d;background:var(--accent-soft);color:var(--accent-strong)}.notice.error{border-color:#b423183d;background:var(--danger-soft);color:var(--danger)}.divider{width:100%;height:1px;border:0;margin:2px 0;background:var(--line)}.muted{color:var(--muted);font-size:13px;line-height:1.5}.text-link{display:inline-flex;width:fit-content;margin-top:10px;border:1px solid var(--line-strong);border-radius:8px;padding:9px 12px;color:var(--accent);font-size:14px;font-weight:800;text-decoration:none}.bind-code{width:fit-content;border:1px solid rgba(15,118,110,.24);border-radius:8px;padding:8px 12px;background:#fff;color:var(--accent);font-size:28px;font-weight:900;letter-spacing:.08em}.truncate{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.break-cell{overflow-wrap:anywhere}.spin{animation:spin .85s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:980px){.public-grid,.admin-layout{grid-template-columns:1fr}.admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.toolbar,.topbar-actions,.inline-form,.place-row,.line-recipient-row{grid-template-columns:1fr}.toolbar{display:grid}.topbar-actions,.row-actions{justify-content:flex-start}.admin-grid,.segmented{grid-template-columns:1fr}.brand-title{font-size:17px}h1{font-size:38px}}:root{--bg: #f5f8fb;--surface: rgba(255, 255, 255, .93);--surface-strong: #ffffff;--surface-soft: #f0f6f8;--line: #cfdae5;--line-strong: #9fb4c7;--ink: #111c2d;--muted: #607083;--accent: #00a6b2;--accent-strong: #007d8c;--blue: #2f6fed;--warning: #d99012;--warning-soft: #fff7e8;--danger: #b42318;--danger-soft: #fff1ef;--shadow: 0 18px 46px rgba(7, 18, 33, .12);font-variant-numeric:tabular-nums}body{background:#eef4f8}.topbar{background:#0b2436;color:#eef9fb;border-color:#9fb4c757;box-shadow:0 18px 50px #0612212e}.topbar .brand-title,.topbar .button,.topbar .icon-button{color:#eef9fb}.topbar .button,.topbar .icon-button{border-color:#9fb4c757;background:#ffffff0f}.surface-card{background:#f7fbfc;border-color:#9fb4c780}.surface-card:before{height:2px;background:var(--accent)}.button.primary{background:var(--accent-strong);box-shadow:0 12px 24px #00a6b233}.button.ghost:hover,.icon-button:hover,.text-link:hover{background:#e8fbfd;color:#006f7b}.data-table th{background:#edf5f8;color:#24364b;font-size:12px;text-transform:uppercase}:root{color-scheme:dark;--lh-bg: #050914;--lh-bg-2: #071322;--lh-panel: rgba(8, 17, 31, .78);--lh-panel-strong: rgba(10, 24, 42, .92);--lh-card: rgba(12, 27, 47, .82);--lh-text: #edf7ff;--lh-muted: #91a7bd;--lh-line: rgba(111, 229, 255, .2);--lh-line-strong: rgba(111, 229, 255, .38);--lh-accent: #19e6d2;--lh-blue: #4f8cff;--lh-amber: #f3b44b;--lh-danger: #ff6b6b;--lh-shadow: 0 24px 70px rgba(0, 0, 0, .38), inset 0 1px 0 rgba(255, 255, 255, .04);--bg: var(--lh-bg);--surface: var(--lh-panel);--surface-strong: var(--lh-panel-strong);--surface-soft: rgba(13, 29, 51, .88);--line: var(--lh-line);--line-strong: var(--lh-line-strong);--ink: var(--lh-text);--muted: var(--lh-muted);--accent: var(--lh-accent);--accent-strong: #0d8ea0;--accent-soft: rgba(25, 230, 210, .12)}html,body,#root{background:var(--lh-bg)!important;color:var(--lh-text)!important}body{position:relative;background:var(--lh-bg)!important}.page,.main-container,.admin-container{position:relative;z-index:1}:is(.topbar,.surface-card,.panel,.admin-panel,.settings-card,.line-recipient-card,.place-card,.stat-card,.notification-preview,.form-card,.table-card){background:#0d1c30!important;border-color:var(--lh-line)!important;color:var(--lh-text)!important;box-shadow:none!important}:is(.surface-card,.panel,.admin-panel,.settings-card,.line-recipient-card,.place-card,.stat-card,.notification-preview,.form-card,.table-card):before{background:var(--lh-accent)!important;box-shadow:none}:is(h1,h2,h3,.brand-title,strong,label){color:var(--lh-text)!important}:is(p,small,.muted,.helper,.card-muted){color:var(--lh-muted)!important}:is(input,select,textarea){background:#040c18c7!important;border-color:var(--lh-line)!important;color:var(--lh-text)!important;box-shadow:inset 0 1px #ffffff0a}:is(input,select,textarea):focus{border-color:var(--lh-accent)!important;box-shadow:0 0 0 3px #19e6d224!important;outline:none}::placeholder{color:#91a7bdc2}select option{background:#08111f;color:var(--lh-text)}:is(.button.primary,.btn,button[type=submit]){border-color:#19e6d280!important;background:#19e6d2!important;color:#031018!important;box-shadow:0 16px 34px #19e6d238!important}:is(.button.ghost,.button.secondary,.icon-button,.text-link,.segmented button:not(.active),.tab:not(.active)){background:#0a182aa3!important;border-color:var(--lh-line)!important;color:var(--lh-text)!important}:is(.button.ghost,.button.secondary,.icon-button,.text-link,.segmented button:not(.active),.tab:not(.active)):hover{background:#19e6d21f!important;border-color:var(--lh-line-strong)!important;color:#fff!important}:is(.badge,.chip,.status,.pill){background:#19e6d21f!important;border-color:#19e6d247!important;color:#bffdf5!important}:is(table th,.data-table th){background:#19e6d21a!important;color:#c8f8ff!important;border-color:var(--lh-line)!important}:is(table td,table tr){border-color:var(--lh-line)!important}@media(max-width:760px){:is(.topbar,.toolbar,.public-grid,.admin-layout,.admin-grid,.button-row,.field-row,.form-grid,.reminder-time-grid){grid-template-columns:1fr!important;flex-direction:column;align-items:stretch!important;height:auto!important;min-height:0!important}:is(.main-container,.admin-container){width:100%!important;padding-left:14px!important;padding-right:14px!important}.lead-control{grid-template-columns:minmax(0,1fr) minmax(86px,112px)!important}}:root{--lh-readable-muted: #bccdde;--lh-readable-disabled: #c1d0de}:is(.data-table,.place-row,.line-recipient-card,.notification-preview){color:var(--lh-text)!important}.data-table tbody tr{background:#050f1ddb!important}.data-table tbody tr:nth-child(2n){background:#0a192be6!important}:is(.data-table td,.data-table td:before,.empty-cell,.place-row.disabled){color:var(--lh-text)!important}:is(.muted,.helper,.card-muted,.data-table td:before){color:var(--lh-readable-muted)!important}:is(.status.error,.status.failed,.status.danger){background:#ff6b6b29!important;color:#ffd9d9!important}:is(.status.warning,.status.pending){background:#f3b44b29!important;color:#ffe9bf!important}button:disabled,.button:disabled,.btn:disabled,.icon-button:disabled{opacity:1!important;background:#1e2b3beb!important;border-color:#94a3b85c!important;color:var(--lh-readable-disabled)!important}:root{--feed-surface: #0d1c30;--feed-surface-raised: #10243d;--feed-control: #061323;--feed-border: #31536f;--feed-muted: #b8cadb}.feeding-workbench,.feeding-admin-workbench,.meal-order-workspace,.notification-workbench{background:#050914}.feeding-workbench .topbar,.feeding-admin-workbench .topbar{background:#081627!important;border-color:var(--feed-border)!important;box-shadow:none!important}.meal-order-dashboard{align-items:start}.meal-order-form{background:var(--feed-surface-raised)!important;border-color:#19e6d2!important}.meal-order-totals .summary-card,.notification-workbench :is(.surface-card,.stat-card){background:var(--feed-surface)!important;border-color:var(--feed-border)!important;border-radius:6px!important;box-shadow:none!important}.notification-workbench .admin-layout>.stack:last-child>.surface-card:first-child{background:var(--feed-surface-raised)!important}.notification-workbench .line-recipient-row{background:var(--feed-surface-raised)!important;border-color:var(--feed-border)!important;color:#f3f8fc!important}.notification-workbench .line-recipient-row :is(strong,label){color:#f3f8fc!important}.notification-workbench .line-recipient-row :is(p,.muted,.line-recipient-role span){color:#c8d7e5!important}:is(.meal-order-workspace,.notification-workbench) :is(input,select,textarea){background:var(--feed-control)!important;border-color:var(--feed-border)!important}:is(.meal-order-workspace,.notification-workbench) :is(p,small,.muted,.helper,.card-muted){color:var(--feed-muted)!important}:is(.meal-order-workspace,.notification-workbench) :is(h1,h2,h3,strong,label){color:#f3f8fc!important}:is(.feeding-workbench,.feeding-admin-workbench) :is(button,a,input,select,textarea):focus-visible{outline:3px solid #f3b44b;outline-offset:2px}@media(max-width:760px){:is(button,a.button,[role=button],input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea){min-height:44px;max-width:100%}}.meal-ready-dialog-backdrop{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:24px;overflow-y:auto;background:#02070fc7}.meal-ready-dialog{width:min(100%,520px);margin:auto;padding:clamp(18px,4vw,28px);background:var(--feed-surface-raised)!important;border-color:#19e6d2!important}.meal-ready-dialog .centered-page{min-height:96px}.meal-ready-message-preview{min-width:0;padding:14px;overflow-wrap:anywhere;white-space:pre-wrap;border:1px solid var(--feed-border);border-radius:6px;background:var(--feed-control);color:#f3f8fc;line-height:1.6}.line-recipient-role{display:grid;grid-template-columns:auto minmax(0,160px);align-items:center;gap:8px;margin-top:8px;color:var(--feed-muted);font-size:13px;font-weight:800}.line-recipient-role select{min-width:0}@media(max-width:760px){.meal-ready-dialog-backdrop{place-items:end center;padding:12px}.meal-ready-dialog{max-height:calc(100dvh - 24px);overflow-y:auto}.line-recipient-role{grid-template-columns:1fr}}.notification-workbench .data-table{background:#061323!important}.notification-workbench .data-table th{background:#12394a!important;color:#e5fbff!important}.notification-workbench :is(.place-total,.place-row,.line-recipient-row){background:var(--feed-surface-raised)!important;border-color:var(--feed-border)!important;color:#f3f8fc!important}.notification-workbench .place-row.disabled{opacity:1!important;background:#142538!important;color:#c8d7e5!important}.notification-workbench .segmented button.active{border-color:#19e6d2!important;background:#19e6d2!important;color:#031018!important}.notification-workbench .notice.info{border-color:#39758a!important;background:#0a2d3a!important;color:#d8f7ff!important}.notification-workbench .notice.info :is(span,strong){color:inherit!important}.notification-workbench .line-recipient-row{grid-template-columns:minmax(0,1fr)!important}.notification-workbench .line-recipient-role{grid-template-columns:minmax(72px,auto) minmax(0,1fr)}.notification-workbench .chip button{width:44px;min-width:44px;min-height:44px;margin:-8px -10px -8px 0}.feeding-workbench,.feeding-admin-workbench,.feeding-workbench :is(main,section,article,form,div),.feeding-admin-workbench :is(main,section,article,form,div){min-width:0}.toolbar>*,.admin-layout>*,.card-header>*,.line-recipient-row>*,.place-row>*{min-width:0}.binding-link-panel{width:100%;min-width:0}.binding-url{display:block;width:100%;min-width:0;padding:12px;border:1px solid #39758a;border-radius:6px;background:#061323;color:#bffdf5;line-height:1.55;overflow-wrap:anywhere;word-break:break-word}.notification-workbench .notice{min-width:0;background:#0a2d3a!important;color:#d8f7ff!important}.notification-workbench .notice.error{border-color:#ef6a62!important;background:#45191d!important;color:#ffe4e1!important}.notification-workbench .chip.neutral,.notification-workbench .chip:not(.accent):not(.warning){border-color:#52708a!important;background:#14283d!important;color:#e6f0f8!important}@media(max-width:680px){.main-container{width:min(calc(100% - 24px),1320px)}.toolbar{width:100%;padding-inline:12px}.topbar-actions,.button-row,.row-actions,.card-header{width:100%}.topbar-actions .button,.button-row .button,.row-actions .button{flex:1 1 150px}.row-actions .icon-button,.topbar-actions .icon-button{flex:0 0 44px}.form-card,.login-card,.surface-card{padding:16px}.data-table{min-width:640px}}@media(max-width:430px){.brand-title{font-size:16px}.brand-mark{width:36px;height:36px}.segmented{grid-template-columns:repeat(2,minmax(0,1fr))!important}.line-recipient-role{grid-template-columns:1fr!important}}@media(max-height:430px)and (orientation:landscape){.meal-ready-dialog-backdrop{place-items:start center;padding:8px}.meal-ready-dialog{max-height:calc(100dvh - 16px);padding:14px;overflow-y:auto}}