:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f7f4;--surface:#fff;--surface-muted:#eef3f0;--text:#172033;--text-muted:#647083;--border:#d9e0dc;--accent:#0f766e;--accent-strong:#115e59;--accent-contrast:#fff;--danger:#b42318;--warning:#b45309;--ok:#15803d;--shadow:0 18px 55px #1823331f}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#121418;--surface:#1b2027;--surface-muted:#252c35;--text:#f3f6f8;--text-muted:#aeb8c4;--border:#333c47;--accent:#2dd4bf;--accent-strong:#5eead4;--accent-contrast:#071212;--danger:#f97066;--warning:#f59e0b;--ok:#4ade80;--shadow:0 18px 55px #00000057}*{box-sizing:border-box}html{background:var(--bg);min-width:320px}body{min-width:320px;min-height:100vh;color:var(--text);background:var(--bg);letter-spacing:0;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.68}a{color:var(--accent-strong)}.app-shell{min-height:100vh}.app-header{z-index:10;border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);grid-template-columns:auto 1fr auto;align-items:center;gap:18px;min-height:68px;padding:12px clamp(16px,4vw,40px);display:grid;position:sticky;top:0}.brand{color:var(--text);white-space:nowrap;align-items:center;gap:10px;font-weight:800;text-decoration:none;display:inline-flex}.brand-mark{width:32px;height:32px;color:var(--accent-contrast);background:var(--accent);border-radius:8px;place-items:center;font-size:1.25rem;line-height:1;display:grid}.main-nav{justify-content:center;align-items:center;gap:4px;padding:2px;display:flex;overflow-x:auto}.main-nav a{min-height:40px;color:var(--text-muted);white-space:nowrap;border-radius:8px;align-items:center;padding:0 12px;font-size:.95rem;font-weight:700;text-decoration:none;display:inline-flex}.main-nav a.router-link-active{color:var(--text);background:var(--surface-muted)}.header-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.icon-button,.text-button,.primary-button{border:0;border-radius:8px;min-height:40px;font-weight:800}.icon-button{width:40px;color:var(--text);background:var(--surface-muted);place-items:center;font-size:1.05rem;display:grid}.text-button{color:var(--text);background:var(--surface-muted);padding:0 12px}.primary-button{width:100%;color:var(--accent-contrast);background:var(--accent);padding:0 18px}.app-content{width:min(1120px,100%);margin:0 auto;padding:clamp(20px,5vw,40px)}.auth-page{place-items:center;min-height:100vh;padding:24px;display:grid}.auth-panel{border:1px solid var(--border);background:var(--surface);width:min(440px,100%);box-shadow:var(--shadow);border-radius:8px;gap:18px;padding:clamp(22px,5vw,32px);display:grid}.auth-panel-wide{width:min(720px,100%)}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}label{color:var(--text-muted);gap:7px;font-size:.9rem;font-weight:700;display:grid}input,select,textarea{border:1px solid var(--border);width:100%;min-height:44px;color:var(--text);background:var(--surface);border-radius:8px;padding:0 12px}textarea{resize:vertical;padding:10px 12px;line-height:1.5}input[type=file]{padding:9px 12px}input[type=checkbox],input[type=radio]{width:20px;height:20px;min-height:0;accent-color:var(--accent)}input:focus,select:focus,textarea:focus{border-color:var(--accent);outline:3px solid color-mix(in srgb, var(--accent) 22%, transparent)}.eyebrow{color:var(--accent-strong);letter-spacing:0;text-transform:uppercase;margin:0 0 8px;font-size:.78rem;font-weight:800}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(2rem,5vw,3rem);line-height:1.05}h2{margin-bottom:8px;font-size:1.25rem}.muted{color:var(--text-muted);margin-bottom:0;line-height:1.55}.form-error{border:1px solid color-mix(in srgb, var(--danger) 38%, var(--border));color:var(--danger);background:color-mix(in srgb, var(--danger) 10%, var(--surface));border-radius:8px;margin:0;padding:12px 14px;font-weight:700;line-height:1.45}.page-section{gap:24px;display:grid}.section-header{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.empty-state{border:1px dashed var(--border);background:var(--surface);border-radius:8px;padding:clamp(22px,5vw,34px)}.empty-state p{max-width:620px;color:var(--text-muted);margin-bottom:0;line-height:1.6}.profile-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;display:grid}.profile-list div{border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:16px}.profile-list dt{color:var(--text-muted);margin-bottom:6px;font-size:.86rem;font-weight:800}.profile-list dd{overflow-wrap:anywhere;margin:0;font-weight:800}.inline-button{white-space:nowrap;justify-content:center;align-items:center;width:auto;padding:0 18px;text-decoration:none;display:inline-flex}.danger-button{color:var(--danger)}.form-notice{border:1px solid color-mix(in srgb, var(--ok) 38%, var(--border));color:var(--ok);background:color-mix(in srgb, var(--ok) 10%, var(--surface));border-radius:8px;margin:0;padding:12px 14px;font-weight:700;line-height:1.45}.profile-push{border:1px solid var(--border);background:var(--surface);border-radius:8px;flex-direction:column;gap:12px;padding:16px;display:flex}.profile-push p{margin:0}.status-badge{white-space:nowrap;color:var(--text);background:var(--surface-muted);border-radius:999px;align-items:center;gap:7px;padding:4px 10px;font-size:.8rem;font-weight:800;display:inline-flex}.status-dot{background:var(--text-muted);border-radius:50%;width:8px;height:8px}.status-badge[data-status=ok]{color:var(--ok);background:color-mix(in srgb, var(--ok) 14%, var(--surface))}.status-badge[data-status=ok] .status-dot{background:var(--ok)}.status-badge[data-status=expiring_warning],.status-badge[data-status=expiring_soon]{color:var(--warning);background:color-mix(in srgb, var(--warning) 14%, var(--surface))}.status-badge[data-status=expiring_warning] .status-dot,.status-badge[data-status=expiring_soon] .status-dot{background:var(--warning)}.status-badge[data-status=expired]{color:var(--danger);background:color-mix(in srgb, var(--danger) 14%, var(--surface))}.status-badge[data-status=expired] .status-dot{background:var(--danger)}.attention-summary{flex-wrap:wrap;gap:10px;display:flex}.attention-card{border:1px solid var(--border);background:var(--surface);border-radius:12px;align-items:baseline;gap:8px;padding:10px 16px;font-weight:700;display:flex}.attention-count{font-size:1.3rem}.attention-label{color:var(--text-muted);font-size:.88rem;font-weight:700}.attention-card-danger{border-color:var(--danger)}.attention-card-danger .attention-count{color:var(--danger)}.attention-card-warning{border-color:var(--warning)}.attention-card-warning .attention-count{color:var(--warning)}.attention-card-stock{border-color:var(--warning)}.attention-card-stock .attention-count{color:var(--warning)}.attention-active{background:var(--surface-muted,var(--surface));box-shadow:inset 0 0 0 2px}.attention-ok{color:var(--ok);margin:0;font-weight:700}.filter-bar{gap:12px;display:grid}.search-row{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.search-input{flex:1;min-width:240px;max-width:520px}.medicine-count{color:var(--text-muted);white-space:nowrap;font-size:.92rem;font-weight:700}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--border);min-height:36px;color:var(--text-muted);background:var(--surface);border-radius:999px;padding:0 14px;font-size:.88rem;font-weight:700}.chip-active{border-color:var(--accent);color:var(--accent-contrast);background:var(--accent)}.chip-active[data-status=expired]{border-color:var(--danger);background:var(--danger);color:#fff}.chip-active[data-status=expiring_soon],.chip-active[data-status=expiring_warning]{border-color:var(--warning);background:var(--warning);color:#fff}.chip-active[data-status=ok]{border-color:var(--ok);background:var(--ok);color:#fff}.chip-reset{border-style:dashed}.medicine-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;display:grid}.medicine-card{border:1px solid var(--border);background:var(--surface);border-radius:8px;flex-direction:column;transition:box-shadow .15s,translate .15s;display:flex;overflow:hidden}.medicine-card:hover{box-shadow:var(--shadow);translate:0 -2px}.medicine-body{flex:1;gap:8px;padding:16px;display:grid}.medicine-card-head{justify-content:flex-start;align-items:center;display:flex}.medicine-name{margin:0;font-size:1.08rem}.medicine-name a{color:var(--text);text-decoration:none}.medicine-name a:hover{color:var(--accent-strong)}.medicine-ingredient{color:var(--text-muted);margin:0;font-size:.92rem}.medicine-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;margin:4px 0 0;display:grid}.medicine-facts dt{color:var(--text-muted);text-transform:uppercase;font-size:.76rem;font-weight:800}.medicine-facts dd{margin:2px 0 0;font-size:.92rem;font-weight:700}.quantity-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.intake-button{border:1px solid var(--border);background:var(--surface-muted);min-height:24px;color:var(--text);cursor:pointer;border-radius:6px;padding:0 9px;font-size:.82rem;font-weight:800;line-height:1}.intake-button:hover:enabled{border-color:var(--accent);color:var(--accent-strong)}.intake-button:disabled{opacity:.45;cursor:default}.low-stock-text{color:var(--danger)}.low-stock-badge{border:1px solid color-mix(in srgb, var(--warning) 38%, var(--border));background:color-mix(in srgb, var(--warning) 12%, var(--surface));width:fit-content;color:var(--warning);border-radius:999px;flex-basis:100%;padding:2px 8px;font-size:.74rem;font-weight:800}.chip-low-stock{border-color:color-mix(in srgb, var(--warning) 45%, var(--border));background:color-mix(in srgb, var(--warning) 14%, var(--surface));color:var(--warning)}.medicine-actions{border-top:1px solid var(--border);gap:6px;padding:10px 12px;display:flex}.medicine-actions .text-button{text-align:center;background:0 0;flex:1;justify-content:center;align-items:center;padding:0 8px;font-size:.88rem;text-decoration:none;display:inline-flex}.medicine-actions .text-button:hover{background:var(--surface-muted)}.medicine-form{gap:20px;display:grid}.medicine-form fieldset{border:1px solid var(--border);background:var(--surface);border-radius:8px;gap:16px;margin:0;padding:clamp(16px,3vw,24px);display:grid}.medicine-form legend{color:var(--accent-strong);text-transform:uppercase;padding:0 8px;font-size:.82rem;font-weight:800}.form-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.field-caption{color:var(--text-muted);font-size:.9rem;font-weight:700}.expiry-row{gap:7px;display:grid}.expiry-inputs{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:12px;max-width:380px;display:grid}.segmented{border:1px solid var(--border);background:var(--surface-muted);border-radius:8px;padding:3px;display:inline-flex}.segmented-option{min-height:34px;color:var(--text-muted);background:0 0;border:0;border-radius:6px;padding:0 16px;font-weight:700}.segmented-active{color:var(--text);background:var(--surface);box-shadow:0 1px 4px #0000001f}.instruction-pane{gap:7px;display:grid}.form-actions{align-items:center;gap:12px;display:flex}.lookup-panel{border:1px solid color-mix(in srgb, var(--accent) 40%, var(--border));background:color-mix(in srgb, var(--accent) 5%, var(--surface));border-radius:8px;gap:14px;padding:clamp(16px,3vw,24px);display:grid}.lookup-panel h2{margin-bottom:4px}.lookup-input-row{flex-wrap:wrap;gap:10px;display:flex}.lookup-input-row input{flex:1;min-width:240px}.lookup-progress{align-items:center;gap:10px;display:inline-flex}.spinner{border:2px solid color-mix(in srgb, var(--accent) 30%, transparent);border-top-color:var(--accent);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spinner-rotate}@keyframes spinner-rotate{to{transform:rotate(360deg)}}.lookup-variants{gap:12px;display:grid}.lookup-variants h3{margin:0;font-size:1rem}.variant-list{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;display:grid}.variant-option{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:8px;grid-template-columns:auto 1fr;grid-template-areas:"radio form""radio dosage";align-items:center;gap:2px 12px;padding:12px 14px;font-size:.95rem;display:grid}.variant-option input{grid-area:radio}.variant-selected{border-color:var(--accent);outline:2px solid color-mix(in srgb, var(--accent) 30%, transparent)}.variant-form{grid-area:form;font-weight:700}.variant-dosage{color:var(--text-muted);grid-area:dosage;font-size:.88rem}.reference-block{gap:8px;display:grid}.reference-note{border:1px solid var(--border);background:var(--surface-muted);border-radius:8px}.reference-note summary{cursor:pointer;padding:12px 14px;font-weight:700}.reference-note dl{gap:10px;margin:0;padding:0 14px 14px;display:grid}.reference-note dt{color:var(--accent-strong);text-transform:uppercase;font-size:.82rem;font-weight:800}.reference-note dd{margin:2px 0 0;font-size:.93rem;line-height:1.55}.reference-source{flex-wrap:wrap;align-items:center;gap:8px;font-size:.88rem;display:flex}.reference-source a{overflow-wrap:anywhere}.shopping-add{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto;gap:10px;display:grid}.shopping-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.shopping-item{border:1px solid var(--border);background:var(--surface);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.shopping-check{cursor:pointer;color:var(--text);flex:1;align-items:center;gap:14px;font-size:1rem;font-weight:400;display:flex}.shopping-text{gap:2px;display:grid}.shopping-name{font-weight:700}.shopping-note{color:var(--text-muted);font-size:.9rem}.shopping-meta{color:var(--text-muted);font-size:.78rem}.shopping-item-bought .shopping-name{color:var(--text-muted);text-decoration:line-through}.bought-block summary{color:var(--text-muted);cursor:pointer;margin-bottom:10px;font-weight:700}.skeleton{background:linear-gradient(90deg, var(--surface-muted) 25%, var(--border) 50%, var(--surface-muted) 75%);background-size:200% 100%;animation:1.4s ease-in-out infinite skeleton-shimmer;display:inline-block}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-card{border:1px solid var(--border);background:var(--surface);border-radius:14px;flex-direction:column;gap:12px;padding:16px;display:flex}.skeleton-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex}.skeleton-row-text{flex-direction:column;flex:1;gap:8px;display:flex}.toast-stack{z-index:100;gap:8px;width:min(420px,100vw - 32px);display:grid;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast{background:var(--text);color:var(--surface);border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;display:flex;box-shadow:0 8px 24px #00000040}.toast .text-button{color:var(--surface);font-weight:700;text-decoration:underline}.changelog-list{gap:0;margin:0;padding:0;list-style:none;display:grid}.changelog-entry{gap:16px;padding:0 0 22px 4px;display:flex;position:relative}.changelog-entry:before{content:"";background:var(--border);width:2px;position:absolute;top:18px;bottom:0;left:9px}.changelog-entry:last-child:before{display:none}.changelog-marker{z-index:1;background:var(--text-muted);outline:4px solid var(--bg);border-radius:50%;flex:none;width:12px;height:12px;margin-top:5px;position:relative}.changelog-entry[data-action=create] .changelog-marker{background:var(--ok)}.changelog-entry[data-action=update] .changelog-marker{background:var(--warning)}.changelog-entry[data-action=delete] .changelog-marker{background:var(--danger)}.changelog-entry[data-action=intake] .changelog-marker{background:var(--accent)}.changelog-body{gap:6px;display:grid}.changelog-title{margin:0;line-height:1.5}.changelog-diff{border:1px solid var(--border);background:var(--surface);border-radius:8px;gap:4px;margin:0;padding:10px 14px;font-size:.9rem;list-style:none;display:grid}.changelog-diff s{color:var(--text-muted)}.changelog-time{color:var(--text-muted);font-size:.82rem}.pagination{justify-content:center;align-items:center;gap:14px;display:flex}.invitation-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.invitation-card{border:1px solid var(--border);background:var(--surface);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:14px 18px;display:flex}.invitation-info{gap:4px;min-width:0;display:grid}.invitation-link{overflow-wrap:anywhere;font-size:.9rem}.invitation-meta{font-size:.82rem}.invitation-actions{gap:8px;display:flex}@media (width<=820px){.app-header{grid-template-columns:1fr auto}.main-nav{order:3;grid-column:1/-1;justify-content:flex-start}}@media (width<=640px){.app-content{padding:18px}.auth-page{align-items:start;padding:18px}.form-grid,.form-grid-3,.profile-list,.shopping-add{grid-template-columns:1fr}.section-header{flex-wrap:wrap;align-items:center}.brand span:last-child{display:none}}