:root{--blue: #4472c4;--blue-dark: #3a5fa8;--red: #c00000;--header-bg: #d9e2f0;--row-a: #eef2f9;--row-b: #dde4f2;--line: #c8d2e4;--ink: #1c2433;--muted: #5a6678;--green: #2e7d32}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:#fff}.btn-primary{background:var(--blue);color:#fff;border:none;border-radius:6px;padding:8px 18px;font-size:14px;font-weight:600;cursor:pointer}.btn-primary:hover:not(:disabled){background:var(--blue-dark)}.btn-primary:disabled{opacity:.5;cursor:default}.btn-ghost{background:transparent;border:1px solid var(--blue);color:var(--blue);border-radius:6px;padding:6px 14px;cursor:pointer;font-weight:600}.btn-ghost:hover{background:#4472c41a}.btn-ghost:disabled{opacity:.4;cursor:default}.btn-danger{background:var(--red);color:#fff;border:none;border-radius:6px;padding:8px 18px;font-size:14px;font-weight:600;cursor:pointer}.btn-danger:hover:not(:disabled){background:#a30000}.dinner-nav{display:inline-flex;gap:6px}.dinner-nav-btn{padding:6px 12px;font-size:16px;line-height:1}.login-shell{display:flex;align-items:center;justify-content:center;min-height:100%;background:var(--header-bg)}.login-card{background:#fff;border-radius:12px;padding:36px 40px;width:360px;box-shadow:0 10px 40px #0000001f;display:flex;flex-direction:column;gap:14px}.login-title{margin:0;font-size:22px}.login-sub{margin:0 0 8px;color:var(--muted);font-weight:600;letter-spacing:.04em}.field{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:600;color:var(--muted)}.field input{padding:9px 10px;border:1px solid var(--line);border-radius:6px;font-size:15px}.login-error{color:var(--red);margin:0;font-size:14px}.center-screen{display:flex;align-items:center;justify-content:center;min-height:100%;background:var(--header-bg)}.reject-card{background:#fff;border-radius:12px;padding:32px;width:420px;text-align:center;box-shadow:0 10px 40px #0000001f}.portal{display:flex;flex-direction:column;height:100%}.portal-header{background:var(--header-bg);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;height:72px;flex:0 0 auto}.portal-title{font-size:22px;margin:0;font-weight:700}.portal-user{display:flex;align-items:center;gap:14px}.portal-user-name{font-weight:600;color:var(--muted)}.portal-body{display:flex;flex:1 1 auto;min-height:0}.portal-nav{flex:0 0 200px;padding:28px 18px;display:flex;flex-direction:column;gap:14px}.nav-pill{display:block;text-align:center;background:var(--blue);color:#fff;text-decoration:none;font-weight:700;padding:11px 12px;border-radius:22px;font-size:14px}.nav-pill:hover{background:var(--blue-dark)}.nav-pill.is-active{background:var(--red)}.portal-rail{flex:0 0 26px;border-right:1px solid var(--line);display:flex;justify-content:center;padding-top:28px}.nav-toggle{width:24px;height:40px;padding:0;border:1px solid var(--line);border-radius:6px;background:var(--header-bg);color:var(--blue);font-size:18px;line-height:1;font-weight:700;cursor:pointer}.nav-toggle:hover{background:var(--blue);color:#fff}.portal-content{flex:1 1 auto;padding:28px 36px;overflow:auto}.tab-title{margin-top:0}.tab-intro{color:var(--ink);max-width:760px;line-height:1.5}.placeholder{border:1px dashed var(--line);border-radius:10px;padding:22px;background:#fafbfe;max-width:820px}.design-note{background:#fff7e6;border:1px solid #f0d48a;border-radius:8px;padding:14px 16px;line-height:1.5}.add-row{display:flex;align-items:flex-end;gap:16px;margin:18px 0 24px;flex-wrap:wrap}.field-inline{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:700;color:var(--muted)}.field-inline input{padding:8px 10px;border:1px solid var(--line);border-radius:6px;font-size:14px}.inline-error{color:var(--red);font-size:13px}.data-table{border-collapse:collapse;width:100%;max-width:760px}.data-table th{background:var(--blue);color:#ffd11a;text-align:left;padding:10px 14px;font-size:14px}.data-table td{padding:8px 14px;border-bottom:1px solid var(--line)}.data-table tbody tr:nth-child(odd){background:var(--row-a)}.data-table tbody tr:nth-child(2n){background:var(--row-b)}.name-input{border:1px solid transparent;background:transparent;font-size:15px;padding:5px 6px;border-radius:5px;width:100%}.name-input:hover:not(:disabled),.name-input:focus{border-color:var(--line);background:#fff}.name-input:disabled{color:var(--muted)}.mono{font-family:Consolas,DM Mono,monospace;color:var(--muted)}.badge{background:var(--blue);color:#fff;border-radius:10px;padding:2px 9px;font-size:12px;font-weight:700}.status-locked{color:var(--muted);font-style:italic}.usage-event{border-radius:10px;padding:2px 9px;font-size:12px;font-weight:700;color:#fff}.usage-event.is-login{background:var(--green)}.usage-event.is-logout{background:var(--muted)}.toggle{display:inline-flex;align-items:center;gap:10px;background:transparent;border:none;cursor:pointer;padding:0}.toggle .toggle-knob{position:relative;width:44px;height:22px;border-radius:11px;background:#b9c2d6;transition:background .15s;flex:0 0 auto}.toggle .toggle-knob:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .15s}.toggle.is-on .toggle-knob{background:var(--blue)}.toggle.is-on .toggle-knob:after{transform:translate(22px)}.toggle-text{font-weight:600;min-width:56px;text-align:left}.sbs{border:1px solid var(--line);border-radius:10px;padding:16px;background:#fff;max-width:820px}.sbs-field-label{font-weight:700;color:var(--muted);margin-bottom:8px;font-size:13px;text-transform:lowercase}.sbs-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.sbs-col{display:flex;flex-direction:column;gap:6px}.sbs-col-label{font-size:12px;font-weight:700;color:var(--muted)}.sbs-source{background:var(--row-a);border:1px solid var(--line);border-radius:6px;padding:9px 11px;min-height:38px;color:var(--ink)}.sbs-empty{color:var(--muted);font-style:italic}.sbs-target{border:1px solid var(--line);border-radius:6px;padding:9px 11px;font-size:15px;font-family:inherit;resize:vertical}.sbs-actions{display:flex;align-items:center;justify-content:flex-end;gap:14px;margin-top:14px}.sbs-status{font-size:13px;font-weight:600}.sbs-status.is-dirty{color:var(--red)}.sbs-status.is-saved{color:#2e7d32}.info-section{margin-top:22px}.info-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:8px}.info-section-title{font-size:18px;color:var(--ink);margin:0}.info-section-actions{display:flex;align-items:center;gap:12px}.rt-editor{border:1px solid var(--line);border-radius:6px;overflow:hidden;background:#fff}.rt-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:8px;background:var(--header-bg);border-bottom:1px solid var(--line)}.rt-btn{min-width:30px;height:28px;padding:0 8px;border:1px solid var(--line);border-radius:4px;background:#fff;color:var(--ink);font-size:14px;cursor:pointer}.rt-btn.is-active{background:var(--blue);border-color:var(--blue);color:#fff}.rt-sep{width:1px;height:22px;background:var(--line);margin:0 2px}.rt-swatch{width:22px;height:22px;border:1px solid rgba(0,0,0,.25);border-radius:4px;padding:0;cursor:pointer}.rt-colorpicker{width:28px;height:26px;padding:0;border:1px solid var(--line);border-radius:4px;background:#fff;cursor:pointer}.rt-content .ProseMirror{min-height:260px;padding:12px 14px;font-size:15px;line-height:1.55;color:var(--ink);outline:none}.rt-content .ProseMirror p{margin:0 0 10px}.form-error{color:var(--red);font-size:13px;margin:6px 0 0}.ingredient-group{margin-bottom:26px;max-width:760px}.ingredient-group-head{display:flex;align-items:center;gap:12px;margin-bottom:6px}.ingredient-group-title{margin:0;font-size:16px}.add-circle{width:28px;height:28px;border-radius:50%;border:none;background:var(--red);color:#fff;font-size:18px;line-height:1;cursor:pointer;flex:0 0 auto}.add-circle:hover{filter:brightness(1.1)}.inline-add-form{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.inline-add-form .name-input{border-color:var(--line);background:#fff;max-width:320px}.muted-cell{color:var(--muted);font-style:italic}.category-cell{width:160px}.category-select{border:1px solid var(--line);border-radius:6px;padding:5px 8px;font-size:14px;background:#fff;width:100%}.dinner-list-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.dinner-search-row{display:flex;align-items:center;gap:12px;margin:4px 0 10px}.dinner-search{border:1px solid var(--line);border-radius:6px;padding:5px 8px;font-size:14px;background:#fff;width:100%;max-width:320px}.dinner-count{color:var(--muted);font-size:13px}th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;text-decoration:underline;text-underline-offset:3px}th.sortable:hover{filter:brightness(1.15)}.sort-arrow{font-size:11px}.dinner-table{max-width:100%}.clickable-row{cursor:pointer}.clickable-row:hover td{background:#fffbe6}.dinner-name{font-weight:700}.dinner-desc{color:var(--muted);max-width:280px}.img-col{text-align:center;width:56px}.img-check{color:#1f9d55;font-weight:700}.img-none{color:var(--muted)}.dinner-form{max-width:1240px}.dinner-form-body{display:flex;align-items:flex-start;gap:28px}.dinner-form-main{flex:1 1 auto;min-width:0;max-width:880px}.dinner-form-aside{flex:0 0 340px;position:sticky;top:18px;display:flex;flex-direction:column;gap:10px}.aside-photo-label{font-size:13px;font-weight:700;color:var(--muted)}.dinner-form-aside .img-preview{width:100%}.img-preview.is-empty{display:flex;align-items:center;justify-content:center;background:var(--row-a);border-style:dashed}@media(max-width:1100px){.dinner-form-body{flex-direction:column}.dinner-form-aside{position:static;flex-basis:auto;width:100%;max-width:360px}}.dinner-form-head{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.dinner-form-head .tab-title{flex:1 1 auto}.dinner-form-actions{display:flex;align-items:center;gap:12px}.save-status{font-size:13px;font-weight:600;color:var(--muted)}.save-status.is-saved{color:#2e7d32}.form-grid{display:flex;flex-direction:column;gap:12px;margin:18px 0 28px}.form-row{display:grid;grid-template-columns:240px 1fr;gap:16px;align-items:start}.form-label{font-size:13px;font-weight:700;color:var(--muted);padding-top:8px}.form-control{min-width:0}.form-input{width:100%;border:1px solid var(--line);border-radius:6px;padding:8px 10px;font-size:14px;font-family:inherit;background:#fff}.form-textarea{resize:vertical}.form-score{width:110px;flex:0 0 auto}.score-pair{display:flex;gap:10px;align-items:center}.score-pair .form-input:not(.form-score){flex:1 1 auto}.check-inline{display:flex;align-items:center;gap:8px;font-size:14px;padding:3px 0}.image-note{display:flex;flex-direction:column;gap:4px;font-size:13px}.img-upload{display:flex;flex-direction:column;gap:10px;font-size:13px}.img-svc-row{display:flex;align-items:center;gap:10px}.img-svc-pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700;border:1px solid transparent}.img-svc-pill:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}.img-svc-up{color:#1c7c3a;background:#e3f4e8;border-color:#9ed3ad}.img-svc-down{color:var(--red);background:#fbe6e6;border-color:#e6a3a3}.img-svc-checking{color:var(--muted);background:var(--row-a);border-color:var(--line)}.img-svc-recheck{font-size:12px;padding:2px 8px}.img-svc-hint{display:flex;flex-direction:column;gap:4px;padding:8px 10px;border-radius:6px;background:var(--row-a);border:1px solid var(--line)}.img-svc-hint.is-emphasised{background:#fbe6e6;border-color:#e6a3a3}.img-svc-hint strong{color:var(--red)}.img-svc-cmd-row{display:flex;align-items:center;gap:8px}.img-svc-cmd-label{font-weight:700;min-width:42px}.img-svc-cmd{padding:2px 6px;background:#fff;border:1px solid var(--line);border-radius:4px}.img-svc-copy{font-size:12px;padding:2px 8px}.img-preview{width:200px;aspect-ratio:4 / 3;border-radius:6px;overflow:hidden;border:1px solid var(--line)}.img-preview img{width:100%;height:100%;object-fit:cover;display:block}.img-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:22px;text-align:center;border:2px dashed var(--line);border-radius:8px;background:#fff;cursor:pointer}.img-dropzone.is-dragover{border-color:var(--blue);background:var(--row-a)}.img-dropzone.is-disabled{cursor:not-allowed;opacity:.6;background:var(--row-a)}.img-dropzone-main{font-weight:600}.img-upload-state{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.ingredient-links{border-top:1px solid var(--line);padding-top:18px}.ingredient-link-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:18px;margin-top:12px}.ingredient-link-col-title{font-weight:700;font-size:13px;color:var(--muted);margin-bottom:6px}.xlate-lang-picker{display:flex;align-items:center;gap:16px;margin:8px 0 20px}.xlate-lang-picker select{border:1px solid var(--line);border-radius:6px;padding:8px 11px;font-size:15px;font-family:inherit;min-width:220px}.xlate-muted{color:var(--muted);font-size:13px}.xlate-hint{color:var(--muted);font-style:italic}.xlate-group{margin-top:28px}.xlate-group-title{font-size:17px;margin:0 0 12px;padding-bottom:6px;border-bottom:2px solid var(--line)}.xlate-dinner{border:1px solid var(--line);border-radius:8px;padding:6px 14px 14px;margin-bottom:16px;background:var(--row-a)}.xlate-dinner-name{cursor:pointer;font-weight:700;font-size:16px;padding:8px 0}.xlate-field{margin:14px 0}.xlate-field-head{display:flex;align-items:center;gap:10px;margin-bottom:4px}.xlate-field-name{font-family:monospace;font-size:13px;color:var(--muted)}.xlate-state{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;border-radius:4px;padding:1px 7px}.xlate-state.is-reviewed{background:#2e7d32;color:#fff}.xlate-state.is-ai{background:var(--blue);color:#fff}.xlate-state.is-missing{background:#f1eccd;color:#7a6a1c}.btn-danger{background:var(--red);color:#fff;border:none;border-radius:6px;padding:6px 14px;font-size:14px;font-weight:600;cursor:pointer}.btn-danger:hover:not(:disabled){background:#9c0000}.btn-danger:disabled{opacity:.5;cursor:default}.family-table{max-width:960px}.family-row{cursor:pointer}.family-row.is-open{font-weight:700}.family-disclosure{display:inline-block;width:16px;color:var(--muted)}.family-members-row>td{background:#fff;padding:12px 18px}.member-table{max-width:720px;margin:4px 0}.status-pill{border-radius:10px;padding:2px 10px;font-size:12px;font-weight:700}.status-pill.is-active{background:#e3f3e6;color:#2e7d32}.status-pill.is-suspended{background:#fde2e2;color:var(--red)}.family-admin{max-width:720px}.family-admin-bar{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:12px}.family-admin-name{display:flex;flex-direction:column;gap:4px;min-width:220px}.field-label{font-size:12px;font-weight:700;color:var(--muted)}.member-actions{display:flex;gap:8px;white-space:nowrap}.pw-input{border-color:var(--line);background:#fff;margin-top:6px}.profile-scroll{overflow-x:auto;max-width:100%}.profile-table{max-width:none;white-space:nowrap}.profile-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.profile-table th.is-sorted{text-decoration:underline}.profile-table th.num,.profile-table td.num{text-align:right;font-variant-numeric:tabular-nums}.csv-section{max-width:820px;line-height:1.5}.csv-heading{margin:18px 0 6px;font-size:18px}.csv-divider{border:none;border-top:2px solid var(--blue);max-width:820px;margin:26px 0}.csv-done{color:#2e7d32;font-weight:600}.csv-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1c24338c;display:flex;align-items:center;justify-content:center;z-index:100}.csv-modal{background:#fff;border-radius:12px;padding:28px 32px;width:520px;max-width:90vw;box-shadow:0 14px 50px #0000004d}.csv-modal h3{margin:0 0 14px}.csv-warn{font-size:16px;line-height:1.5}.csv-warn-sub{color:var(--muted);font-size:14px;line-height:1.5}.csv-modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:22px}.vctrl-sections{display:flex;flex-direction:column;gap:32px;max-width:820px}.vctrl-section-title{margin:0 0 14px;font-size:18px;color:var(--ink);padding-bottom:8px;border-bottom:2px solid var(--line)}.vctrl-entry{border:1px solid var(--line);border-radius:10px;padding:16px 18px;background:#fff;margin-bottom:14px}.vctrl-entry-head{display:flex;align-items:baseline;gap:14px;margin-bottom:8px}.vctrl-version{font-family:DM Mono,ui-monospace,monospace;font-weight:600;font-size:18px;color:var(--red)}.vctrl-date{color:var(--muted);font-size:14px}.vctrl-notes{margin:0;color:var(--ink);line-height:1.5;max-width:760px}.vctrl-empty{color:var(--muted)}.request-actions{display:flex;gap:8px;white-space:nowrap}.request-actions a.btn-primary{display:inline-flex;align-items:center;text-decoration:none}.request-photos{display:flex;flex-wrap:wrap;gap:12px;padding:8px 0}.request-photo{display:block;border:1px solid var(--line);border-radius:8px;overflow:hidden}.request-photo img{display:block;width:160px;height:160px;object-fit:cover}