:root{--background:#f7faf8;--surface:#fff;--surface-strong:#eef5f1;--ink:#17231f;--muted:#64736d;--line:#dce7e2;--teal:#2d8f7b;--teal-soft:#e0f2ec;--coral:#ef6f61;--coral-soft:#fde7e3;--blue:#4b7bec;--blue-soft:#e8eefc;--gold:#d99a22;--gold-soft:#fff1cf;--violet:#7b61ff;--violet-soft:#eee9ff;--shadow:0 18px 50px #182c261a}*{box-sizing:border-box}html{background:var(--background);min-height:100%}body{min-height:100%;color:var(--ink);background:linear-gradient(180deg, #2d8f7b14, transparent 320px), var(--background);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.app-shell{width:min(1120px,100%);padding:max(18px, env(safe-area-inset-top)) 16px max(96px, env(safe-area-inset-bottom));margin:0 auto}.topbar{justify-content:space-between;align-items:center;gap:16px;padding:12px 0 18px;display:flex}.topbar h1{letter-spacing:0;margin:2px 0 0;font-size:30px;line-height:1.08}.eyebrow{color:var(--muted);margin:0;font-size:13px;font-weight:700}.topbar-actions,.action-row,.stock-control,.date-strip{align-items:center;gap:8px;display:flex}.cloud-bar{background:var(--teal-soft);border:1px solid #bce3d7;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding:10px 12px;display:flex}.cloud-family,.cloud-actions{align-items:center;gap:9px;display:flex}.cloud-family div{gap:2px;display:grid}.cloud-family strong{font-size:14px}.cloud-family span,.sync-status{color:var(--muted);font-size:12px;font-weight:800}.sync-status.sync-error{color:#9d342c}.invite-button{min-height:34px;color:var(--ink);background:#ffffffb3;border:1px solid #b0d8cc;border-radius:8px;align-items:center;gap:5px;padding:0 9px;font-size:12px;font-weight:900;display:inline-flex}.auth-shell{min-height:100svh;padding:max(24px, env(safe-area-inset-top)) 16px max(24px, env(safe-area-inset-bottom));place-items:center;display:grid}.auth-panel,.status-panel{border:1px solid var(--line);background:var(--surface);width:min(440px,100%);box-shadow:var(--shadow);border-radius:8px;padding:20px}.auth-brand{align-items:center;gap:12px;margin-bottom:22px;display:flex}.auth-brand h1,.status-panel h1{letter-spacing:0;margin:3px 0 0;font-size:24px}.auth-icon{color:#143f35;background:var(--teal-soft);border-radius:8px;flex:none;justify-content:center;align-items:center;width:46px;height:46px;display:inline-flex}.auth-form{gap:14px;display:grid}.auth-mode-button{width:100%;color:var(--teal);background:0 0;border:0;margin-top:14px;padding:8px;font-weight:900}.form-message{color:#9d342c;background:var(--coral-soft);border-radius:8px;margin:0;padding:10px;font-size:13px;font-weight:800}.segmented-control{background:var(--surface-strong);border-radius:8px;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:16px;padding:4px;display:grid}.segmented-control button{min-height:38px;color:var(--muted);background:0 0;border:0;border-radius:6px;font-weight:900}.segmented-control button.active{color:var(--ink);background:var(--surface);box-shadow:0 4px 14px #1b2d2714}.auth-copy,.status-panel p{color:var(--muted);line-height:1.6}.migration-actions{gap:10px;margin-top:18px;display:grid}.status-panel{text-align:center;justify-items:center;gap:10px;display:grid}.status-panel h1,.status-panel p{margin:0}.icon-button{border:1px solid var(--line);width:42px;height:42px;color:var(--ink);background:var(--surface);border-radius:8px;justify-content:center;align-items:center;display:inline-flex;box-shadow:0 8px 24px #1b2d270f}.icon-button.quiet{box-shadow:none;background:0 0}.icon-button.danger-ghost{color:#9d342c;background:var(--coral-soft);box-shadow:none;border-color:#fac8c0}.date-strip{border:1px solid var(--line);background:#ffffffbd;border-radius:8px;justify-content:space-between;margin-bottom:14px;padding:12px}.date-strip div{text-align:center}.date-strip p{color:var(--muted);margin:0;font-size:13px}.date-strip strong{margin-top:2px;font-size:18px;display:block}.metric-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px;display:grid}.metric-card{border:1px solid var(--line);background:var(--surface);border-radius:8px;min-width:0;padding:12px}.metric-card span{color:var(--muted);font-size:12px;font-weight:700;display:block}.metric-card strong{margin-top:4px;font-size:22px;line-height:1;display:block}.metric-card.tone-teal{background:var(--teal-soft);border-color:#bce3d7}.metric-card.tone-coral{background:var(--coral-soft);border-color:#fac8c0}.metric-card.tone-blue{background:var(--blue-soft);border-color:#cdd9fb}.metric-card.tone-gold{background:var(--gold-soft);border-color:#f3d997}.notice-band{color:#143f35;background:#e7f7f2;border:1px solid #bce3d7;border-radius:8px;align-items:center;gap:10px;margin-bottom:14px;padding:12px 14px;font-size:14px;font-weight:700;display:flex}.notice-band.compact{margin-bottom:0}.tabbar{z-index:5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f7faf8eb;grid-template-columns:repeat(4,1fr);gap:6px;margin:0 -4px 16px;padding:8px 4px;display:grid;position:sticky;top:0}.tab-button{min-width:0;height:44px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:6px;font-size:14px;font-weight:800;display:inline-flex}.tab-button.active{color:var(--ink);border-color:var(--line);background:var(--surface);box-shadow:0 8px 24px #1b2d2712}.person-filter{scrollbar-width:none;gap:8px;margin:-2px -4px 14px;padding:2px 4px 6px;display:flex;overflow-x:auto}.person-filter::-webkit-scrollbar{display:none}.filter-pill{border:1px solid var(--line);min-width:max-content;height:40px;color:var(--muted);background:#ffffffb8;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:0 11px;font-size:13px;font-weight:900;display:inline-flex}.filter-pill.active{color:var(--ink);background:var(--teal-soft);border-color:#bce3d7}.filter-pill strong{min-width:22px;height:22px;color:var(--ink);background:var(--surface);border-radius:999px;justify-content:center;align-items:center;font-size:12px;display:inline-flex}.mini-dot{color:#fff;border-radius:999px;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;display:inline-flex}.mini-dot.tone-teal{background:var(--teal)}.mini-dot.tone-coral{background:var(--coral)}.mini-dot.tone-blue{background:var(--blue)}.mini-dot.tone-gold{background:var(--gold)}.mini-dot.tone-violet{background:var(--violet)}.content-stack{gap:12px;display:grid}.person-section{gap:10px;display:grid}.section-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.section-heading h2{margin:0;font-size:18px}.section-heading>span{color:var(--muted);font-size:13px;font-weight:800}.task-list{gap:10px;display:grid}.dose-card,.plan-card,.inventory-card,.family-card,.editor-panel{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:8px}.dose-card{gap:12px;padding:14px;display:grid}.dose-card.taken{background:#f2fbf7;border-color:#bce3d7}.dose-card.missed{border-color:#fac8c0}.dose-main{grid-template-columns:auto 1fr;align-items:start;gap:12px;min-width:0;display:grid}.dose-main h2,.plan-card h2,.inventory-card h2{letter-spacing:0;margin:0;font-size:18px;line-height:1.2}.dose-main p,.plan-card p,.inventory-card p{color:var(--muted);margin:5px 0 0;font-size:14px;line-height:1.45}.time-chip{color:#123d35;background:var(--teal-soft);border-radius:8px;justify-content:center;align-items:center;gap:5px;min-width:76px;height:34px;font-size:14px;font-weight:900;display:inline-flex}.dose-meta{flex-wrap:wrap;gap:6px;display:flex}.dose-meta span{min-height:28px;color:var(--muted);background:var(--surface-strong);border-radius:8px;align-items:center;padding:5px 8px;font-size:12px;font-weight:800;display:inline-flex}.danger-text{color:#9d342c!important;background:var(--coral-soft)!important}.success-text{color:#12614f!important;background:var(--teal-soft)!important}.primary-action,.secondary-action,.submit-button,.text-button{border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:40px;font-weight:900;display:inline-flex}.primary-action{color:#fff;background:var(--teal);border:1px solid #1d6e5f;flex:1.2}.secondary-action{border:1px solid var(--line);color:var(--ink);background:var(--surface);flex:1}.split-view{gap:14px;display:grid}.editor-panel{gap:12px;padding:14px;display:grid}label{color:var(--muted);gap:6px;font-size:13px;font-weight:800;display:grid}input,select{border:1px solid var(--line);width:100%;min-width:0;min-height:42px;color:var(--ink);background:#fbfdfc;border-radius:8px;outline:none;padding:0 11px}input:focus,select:focus{border-color:var(--teal);box-shadow:0 0 0 3px #2d8f7b21}.form-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.time-input-grid{gap:10px;display:grid}.form-actions{gap:8px;display:grid}.submit-button{color:#fff;background:#16302b;border:0}.form-secondary{flex:none}.plan-card,.inventory-card{gap:12px;padding:14px;display:grid}.plan-card-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.plan-card-header>div{min-width:0}.plan-card-tools{flex:none;align-items:center;gap:8px;display:flex}.stock-coverage-panel{border:1px solid var(--line);background:#fbfdfc;border-radius:8px;gap:9px;padding:10px;display:grid}.stock-summary-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.stock-summary-grid div{background:var(--surface-strong);border-radius:8px;min-width:0;padding:8px}.stock-summary-grid span,.inventory-regimens-title{color:var(--muted);font-size:12px;font-weight:800;display:block}.stock-summary-grid strong{margin-top:3px;font-size:16px;line-height:1.2;display:block}.stock-coverage-panel p{color:var(--muted);margin:0;font-size:13px;line-height:1.45}.stock-coverage-panel .stock-guidance{border-radius:8px;padding:8px;font-weight:900}.stock-guidance.enough{color:#12614f;background:var(--teal-soft)}.stock-guidance.shortage{color:#9d342c;background:var(--coral-soft)}.stock-guidance.shared{color:#284b8f;background:var(--blue-soft)}.person-plan-summary{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:8px;gap:12px;padding:14px;display:grid}.person-plan-summary.tone-teal{background:var(--teal-soft);border-color:#bce3d7}.person-plan-summary.tone-coral{background:var(--coral-soft);border-color:#fac8c0}.person-plan-summary.tone-blue{background:var(--blue-soft);border-color:#cdd9fb}.person-plan-summary.tone-gold{background:var(--gold-soft);border-color:#f3d997}.person-plan-summary.tone-violet{background:var(--violet-soft);border-color:#d6cdfd}.summary-topline{justify-content:space-between;align-items:center;gap:12px;display:flex}.summary-topline>span{color:var(--muted);font-size:13px;font-weight:900}.summary-metrics{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.summary-metrics div{background:#ffffffa3;border-radius:8px;min-width:0;padding:9px}.summary-metrics span{color:var(--muted);font-size:12px;font-weight:800;display:block}.summary-metrics strong{margin-top:2px;font-size:22px;line-height:1;display:block}.summary-regimen-list{flex-wrap:wrap;gap:6px;display:flex}.summary-regimen-list span{color:var(--ink);background:#ffffffad;border-radius:8px;padding:7px 9px;font-size:12px;font-weight:900}.plan-footer{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;font-size:13px;font-weight:800;display:flex}.plan-actions{align-items:center;gap:8px;display:flex}.text-button{border:1px solid var(--line);min-width:64px;color:var(--ink);background:var(--surface-strong)}.item-title{align-items:center;gap:8px;display:flex}.stock-control{border-top:1px solid var(--line);justify-content:space-between;padding-top:10px}.inventory-regimens{border:1px solid var(--line);background:#fbfdfc;border-radius:8px;gap:8px;padding:10px;display:grid}.inventory-regimen-row{background:var(--surface-strong);border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:8px;font-size:13px;display:flex}.inventory-regimen-row span{color:var(--muted);font-weight:800}.inventory-regimen-row strong{text-align:right}.inventory-regimen-row.muted-row strong{color:var(--muted)}.inventory-regimen-row.aggregate-row{color:#143f35;background:var(--teal-soft)}.stock-control strong{font-size:22px}.family-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.family-card{text-align:left;appearance:none;gap:10px;padding:14px;display:grid}.family-card-main{width:100%;color:inherit;text-align:left;background:0 0;border:0;gap:10px;padding:0;display:grid}.family-card strong{font-size:20px}.family-card span,.family-card-metrics span{color:var(--muted);font-size:14px;font-weight:800}.family-card-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.family-card-metrics{gap:5px;display:grid}.family-card-actions{border-top:1px solid #17231f14;gap:8px;padding-top:10px;display:flex}.person-badge{color:var(--ink);align-items:center;gap:8px;font-size:14px;font-weight:900;display:inline-flex}.avatar-dot{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:inline-flex}.avatar-dot.tone-teal{background:var(--teal)}.avatar-dot.tone-coral{background:var(--coral)}.avatar-dot.tone-blue{background:var(--blue)}.avatar-dot.tone-gold{background:var(--gold)}.avatar-dot.tone-violet{background:var(--violet)}.family-card.tone-teal{background:var(--teal-soft)}.family-card.tone-coral{background:var(--coral-soft)}.family-card.tone-blue{background:var(--blue-soft)}.family-card.tone-gold{background:var(--gold-soft)}.family-card.tone-violet{background:var(--violet-soft)}.empty-state{min-height:300px;color:var(--muted);text-align:center;align-content:center;place-items:center;gap:10px;display:grid}.empty-state h2{color:var(--ink);margin:0}.toast{left:16px;right:16px;bottom:max(18px, env(safe-area-inset-bottom));z-index:20;color:#fff;background:#16302bf0;border:1px solid #ffffff3d;border-radius:8px;max-width:480px;margin:0 auto;padding:12px 14px;font-weight:800;position:fixed;box-shadow:0 18px 50px #0e181538}@media (max-width:520px){.app-shell{padding-left:12px;padding-right:12px}.topbar h1{font-size:27px}.metric-grid{grid-template-columns:repeat(2,1fr)}.cloud-bar{align-items:flex-start}.cloud-actions{flex-direction:column;align-items:flex-end}.tab-button{flex-direction:column;gap:2px;height:50px;font-size:12px}.action-row{grid-template-columns:1fr 1fr 1fr;display:grid}.primary-action,.secondary-action{min-width:0;padding:0 6px;font-size:13px}.split-view.person-focused .content-stack{order:-1}}@media (min-width:860px){.app-shell{padding-top:28px}.split-view{grid-template-columns:minmax(300px,360px) 1fr;align-items:start}.editor-panel{position:sticky;top:84px}.task-list{grid-template-columns:repeat(2,minmax(0,1fr))}}