:root{--bg:#f7f6f2;--surface:#fff;--text:#1d2327;--muted:#5b6670;--line:#d9d6cc;--brand:#1f4e5f;--brand-ink:#fff;--accent:#e9b949;--ok:#2e6b3f;--warn:#8a5a00;--warn-bg:#fff4d6;--error:#a3261b;--error-bg:#fde8e6;--info-bg:#e6f0f3;--radius:12px;--tap:44px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Hiragino Sans,Noto Sans JP,sans-serif;font-size:16px;line-height:1.6}*{box-sizing:border-box}body{background:var(--bg);margin:0}h1,h2{margin:0;line-height:1.3}h2{margin-bottom:8px;font-size:1.05rem}a{color:var(--brand)}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.muted{color:var(--muted)}.small{font-size:.85rem}.center{text-align:center;padding:32px 16px}.pre{white-space:pre-wrap}.num{font-variant-numeric:tabular-nums;white-space:nowrap}ul.plain{margin:0;padding-left:1.2em}.app{flex-direction:column;min-height:100dvh;display:flex}.main{width:100%;max-width:960px;padding:16px 16px calc(88px + env(safe-area-inset-bottom));flex:1;margin:0 auto}.stack{flex-direction:column;gap:16px;display:flex}.page-title{font-size:1.4rem}.page-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.statusbar{z-index:10;background:var(--brand);color:var(--brand-ink);padding:calc(8px + env(safe-area-inset-top)) 12px 8px;position:sticky;top:0}.status-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.status-pill{background:#ffffff26;border-radius:999px;padding:2px 10px;font-size:.82rem;display:inline-block}.status-pill.is-unsaved,.status-pill.is-failed{background:var(--error-bg);color:var(--error);font-weight:600}.status-pill.is-offline{background:var(--warn-bg);color:var(--warn);font-weight:600}.status-note{flex-wrap:wrap;align-items:center;gap:6px;margin:6px 0 0;font-size:.85rem;display:flex}.status-warn{background:var(--warn-bg);color:var(--warn);border-radius:8px;padding:6px 8px}.statusbar .btn-small{color:var(--brand);background:#ffffffeb;border-color:#0000}.tabbar{z-index:10;background:var(--surface);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.tab{min-height:56px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;font-size:.75rem;text-decoration:none;display:flex;position:relative}.tab-icon{font-size:1.2rem;line-height:1}.tab.active{color:var(--brand);font-weight:700}.tab-dot{background:var(--error);border-radius:50%;width:8px;height:8px;position:absolute;top:8px;right:calc(50% - 16px)}.btn{min-height:var(--tap);border:1px solid var(--line);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;padding:8px 14px;text-decoration:none;display:inline-flex}.btn:disabled,.btn.is-disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--brand);border-color:var(--brand);color:var(--brand-ink);font-weight:600}.btn-danger{border-color:var(--error);color:var(--error)}.btn-small{min-height:32px;padding:2px 10px;font-size:.85rem}.btn-round{width:var(--tap);padding:0;font-size:1.3rem}.back{color:var(--brand);font:inherit;min-height:var(--tap);cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:0}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);color:inherit;padding:12px 14px;text-decoration:none;display:block}.notice{background:var(--info-bg);border-radius:var(--radius);margin:0;padding:12px 14px}.notice h1{margin-bottom:8px;font-size:1.15rem}.notice-warn{background:var(--warn-bg)}.notice-error{background:var(--error-bg)}.badges{flex-wrap:wrap;gap:4px;display:flex}.badge{white-space:nowrap;border:1px solid;border-radius:6px;padding:1px 8px;font-size:.78rem;display:inline-block}.badge-exp-expired{color:var(--error);background:var(--error-bg);font-weight:700}.badge-exp-within_3_months{color:var(--error)}.badge-exp-within_1_year,.badge-exp-within_1_year_date_unknown{color:var(--warn);background:var(--warn-bg)}.badge-exp-ok{color:var(--ok)}.badge-exp-reported_ok_date_unknown,.badge-exp-unknown{color:var(--muted)}.badge-use{color:var(--brand);background:var(--info-bg)}.badge-review{color:#6b2c91;background:#f3e9fa}.counters{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px;display:grid}.counter{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);min-height:72px;color:inherit;flex-direction:column;padding:10px;text-decoration:none;display:flex}.counter-num{font-size:1.6rem;font-weight:700;line-height:1.1}.counter-label{font-size:.8rem}.counter-expired .counter-num{color:var(--error)}.kind-list{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin:0;padding:0;list-style:none}.kind-list li{border-top:1px solid var(--line);justify-content:space-between;padding:10px 14px;display:flex}.kind-list li:first-child{border-top:none}.facts{grid-template-columns:minmax(8em,auto) 1fr;gap:6px 12px;margin:0;display:grid}.facts dt{color:var(--muted)}.facts dd{margin:0}.facts .big{font-size:1.3rem;font-weight:700}.filters{flex-direction:column;gap:8px;display:flex}.filter-more summary{min-height:var(--tap);cursor:pointer;color:var(--brand);align-items:center;display:flex}.filter-grid{grid-template-columns:1fr 1fr;gap:8px 12px;margin-bottom:8px;display:grid}.lot-cards,.loc-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.lot-card{min-height:var(--tap);flex-direction:column;gap:4px;display:flex}.lot-head{justify-content:space-between;gap:8px;display:flex}.lot-name{font-weight:600}.lot-qty{white-space:nowrap;font-weight:700}.lot-meta{color:var(--muted);flex-wrap:wrap;gap:4px 12px;font-size:.85rem;display:flex}.calc-mark{color:var(--muted);font-size:.8em}.lot-table{border-collapse:collapse;background:var(--surface);width:100%}.lot-table th,.lot-table td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:8px}.lot-table a{min-height:var(--tap);padding-top:10px;display:inline-block}.loc-card{flex-direction:column;gap:2px;display:flex}.loc-name{font-weight:600}.loc-note{font-size:.85rem}.loc-stats{flex-wrap:wrap;align-items:center;gap:6px;font-size:.85rem;display:flex}.actions{flex-direction:column;gap:12px;display:flex}.action-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.qty-editor{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.qty-editor input{width:6em}.field{flex-direction:column;gap:4px;display:flex}.field>span{color:var(--muted);font-size:.9rem}input,select,textarea{font:inherit;min-height:var(--tap);border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:8px;width:100%;max-width:100%;padding:8px 10px}input[type=checkbox],input[type=radio]{width:22px;height:22px;min-height:22px;margin:0}.check{min-height:var(--tap);align-items:center;gap:8px;display:flex}.inline{align-items:center;gap:8px;display:flex}.inline input{width:6em}.group,.radios{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);flex-direction:column;gap:8px;margin:0;padding:8px 12px 12px;display:flex}.seg{gap:4px;display:flex}.seg-item{min-height:var(--tap);border:1px solid var(--line);border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;display:flex}.seg-item.is-on{border-color:var(--brand);background:var(--info-bg);font-weight:600}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{min-height:var(--tap);border:1px solid var(--brand);background:var(--surface);color:var(--brand);font:inherit;cursor:pointer;border-radius:999px;padding:4px 12px;font-size:.85rem}.split-row{grid-template-columns:1fr 5em 4em auto;align-items:center;gap:4px;display:grid}.field-error,.field-errors{color:var(--error);margin:0}.login{max-width:420px;margin:24px auto}.dialog-backdrop{z-index:30;background:#0006;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.dialog{background:var(--surface);width:100%;max-width:520px;max-height:90dvh;padding:16px 16px calc(16px + env(safe-area-inset-bottom));border-radius:16px 16px 0 0;flex-direction:column;gap:12px;display:flex;overflow:auto}.dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.toasts{left:16px;right:16px;bottom:calc(72px + env(safe-area-inset-bottom));z-index:40;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed}.toast{background:var(--text);color:#fff;border-radius:10px;padding:10px 14px;box-shadow:0 4px 12px #0003}.toast-error{background:var(--error)}.toast-warn{background:var(--warn)}@media (width>=768px){.dialog-backdrop{align-items:center}.dialog{border-radius:16px}.filter-grid{grid-template-columns:repeat(3,1fr)}}