:root{color-scheme:light;--primary: #0F7B5F;--primary-hover: #0B654E;--primary-soft: #E3F7EF;--on-primary: #FFFFFF;--background: #F6F9F8;--surface: #FFFFFF;--surface-alt: #EEF4F1;--border: #DCE7E2;--text: #12261E;--text-secondary: #4E6B5E;--text-muted: #577165;--danger: #D93A40;--danger-soft: #FDECEC;--warning: #C2560C;--warning-soft: #FFEFDF;--caution: #8A6A00;--caution-soft: #FFF6D6;--ok: #0E9F6E;--shadow-sm: 0 1px 2px rgba(16, 40, 32, .06), 0 1px 3px rgba(16, 40, 32, .06);--shadow-md: 0 4px 16px rgba(16, 40, 32, .1);--shadow-lg: 0 12px 32px rgba(16, 40, 32, .18);--scrim: rgba(10, 22, 18, .45);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-full: 999px;--fs-xs: 12px;--fs-sm: 13px;--fs-md: 15px;--fs-lg: 17px;--fs-xl: 22px;--fs-2xl: 30px;--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-top: env(safe-area-inset-top, 0px);--tabbar-h: 64px}@media (prefers-color-scheme: dark){:root{color-scheme:dark;--primary: #34D399;--primary-hover: #6EE7B7;--primary-soft: rgba(52, 211, 153, .14);--on-primary: #06281C;--background: #0D1513;--surface: #15201C;--surface-alt: #1C2A25;--border: #273731;--text: #E7F1EC;--text-secondary: #A7BDB3;--text-muted: #8BA398;--danger: #FF7B7F;--danger-soft: rgba(255, 99, 105, .15);--warning: #FDBA74;--warning-soft: rgba(251, 146, 60, .16);--caution: #FDE68A;--caution-soft: rgba(250, 204, 21, .13);--ok: #34D399;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 16px rgba(0, 0, 0, .45);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .6);--scrim: rgba(0, 0, 0, .6)}}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#root{min-height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;background:var(--background);color:var(--text);font-size:var(--fs-md);line-height:1.4;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;cursor:pointer;border:none;background:none}button:disabled{cursor:default}input,select{font-family:inherit;font-size:16px;color:var(--text)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--radius-sm)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.app{min-height:100%;padding-bottom:calc(var(--tabbar-h) + 96px + var(--safe-bottom))}.screen{max-width:640px;margin:0 auto;padding:0 var(--space-4)}.header{padding:calc(var(--space-5) + var(--safe-top)) var(--space-4) var(--space-3);max-width:640px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.header h1{font-size:var(--fs-2xl);font-weight:800;letter-spacing:-.03em;line-height:1.1}.header .sub{color:var(--text-secondary);font-size:var(--fs-sm);margin-top:2px}.header-actions{display:flex;gap:var(--space-2)}.row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.stack{display:flex;flex-direction:column;gap:var(--space-2)}.pill{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:var(--radius-full);font-size:var(--fs-xs);font-weight:600;white-space:nowrap;line-height:1.5}.pill svg{width:13px;height:13px}.pill-soft{background:var(--surface-alt);color:var(--text-secondary)}.pill-ok{background:var(--primary-soft);color:var(--primary)}.pill-caution{background:var(--caution-soft);color:var(--caution)}.pill-warn{background:var(--warning-soft);color:var(--warning)}.pill-danger{background:var(--danger-soft);color:var(--danger)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:48px;border-radius:var(--radius-md);padding:0 var(--space-4);font-size:var(--fs-md);font-weight:650;transition:background .15s,transform .1s}.btn:active:not(:disabled){transform:scale(.98)}.btn svg{width:18px;height:18px}.btn-primary{background:var(--primary);color:var(--on-primary)}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-soft{background:var(--primary-soft);color:var(--primary)}.btn-ghost{background:var(--surface-alt);color:var(--text)}.btn-danger{background:var(--danger-soft);color:var(--danger)}.btn-sm{min-height:40px;padding:0 var(--space-3);font-size:var(--fs-sm);border-radius:var(--radius-sm)}.btn-block{width:100%}.alert-banner{justify-content:flex-start;text-align:left;margin-bottom:var(--space-2)}.alert-banner span{flex:1}.btn:disabled{opacity:.45}.icon-btn{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border-radius:var(--radius-md);color:var(--text-secondary);transition:background .15s}.icon-btn:hover,.icon-btn:active{background:var(--surface-alt)}.icon-btn.filled{background:var(--surface);box-shadow:var(--shadow-sm);color:var(--text)}.icon-btn.danger{color:var(--danger)}.icon-btn svg{width:20px;height:20px}.toolbar{display:flex;gap:var(--space-2);align-items:center;margin:var(--space-1) 0 var(--space-2)}.search{flex:1;display:flex;align-items:center;gap:var(--space-2);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:0 var(--space-1) 0 var(--space-3);min-height:48px}.search:focus-within{border-color:var(--primary)}.search>svg{width:18px;height:18px;color:var(--text-muted);flex:0 0 auto}.search input{flex:1;min-width:0;border:none;outline:none;padding:12px 0;background:transparent}.search input::-webkit-search-cancel-button{display:none}.chips{display:flex;gap:var(--space-2);overflow-x:auto;padding:var(--space-1) 0 var(--space-3);scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chips.wrap{flex-wrap:wrap;overflow:visible}.chip{flex:0 0 auto;min-height:40px;display:inline-flex;align-items:center;gap:6px;padding:0 var(--space-4);border-radius:var(--radius-full);background:var(--surface);border:1px solid var(--border);color:var(--text-secondary);font-size:var(--fs-sm);font-weight:550;white-space:nowrap;transition:background .15s,color .15s}.chip.active{background:var(--text);border-color:var(--text);color:var(--background)}.viewtoggle{display:flex;background:var(--surface-alt);border-radius:var(--radius-md);padding:3px}.viewtoggle button{width:44px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:11px;color:var(--text-muted)}.viewtoggle button.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.viewtoggle svg{width:19px;height:19px}.list{display:flex;flex-direction:column;gap:var(--space-2)}.card{display:flex;align-items:center;gap:var(--space-2);background:var(--surface);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-3);box-shadow:var(--shadow-sm);border:1px solid transparent}.card.empty .card-main{opacity:.55}.card-main{flex:1;min-width:0;display:flex;align-items:center;gap:var(--space-3);text-align:left;padding:var(--space-1) 0;border-radius:var(--radius-md)}.thumb{width:48px;height:48px;border-radius:var(--radius-md);background:var(--surface-alt);display:flex;align-items:center;justify-content:center;overflow:hidden;flex:0 0 auto;font-size:24px;line-height:1}.thumb img{width:100%;height:100%;object-fit:cover}.thumb.lg{width:88px;height:88px;border-radius:var(--radius-lg);font-size:42px}.card-body{flex:1;min-width:0}.card-name{font-size:var(--fs-md);font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-sub{font-size:var(--fs-sm);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-meta{display:flex;gap:6px;margin-top:5px;flex-wrap:wrap}.qty{display:inline-flex;align-items:center;background:var(--surface-alt);border-radius:var(--radius-full);flex:0 0 auto}.qty button{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary)}.qty button:active:not(:disabled){background:var(--primary-soft)}.qty button:disabled{color:var(--text-muted);opacity:.5}.qty button svg{width:18px;height:18px}.qty .qty-val{min-width:24px;text-align:center;font-weight:700;font-variant-numeric:tabular-nums}.qty.lg button{width:44px;height:44px}.qty.lg .qty-val{min-width:34px;font-size:var(--fs-lg)}.fab{position:fixed;right:max(var(--space-4),calc(50% - 320px + var(--space-4)));bottom:calc(var(--tabbar-h) + var(--space-4) + var(--safe-bottom));width:58px;height:58px;border-radius:20px;background:var(--primary);color:var(--on-primary);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);z-index:20;transition:transform .15s}.fab:active{transform:scale(.94)}.fab svg{width:26px;height:26px}.tabbar{position:fixed;bottom:0;left:0;right:0;background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--border);display:flex;padding-bottom:var(--safe-bottom);z-index:15}.tabbar .tab{flex:1;height:var(--tabbar-h);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--text-muted);font-size:var(--fs-xs);font-weight:600;text-decoration:none;position:relative}.tabbar .tab svg{width:23px;height:23px}.tabbar .tab.active{color:var(--primary)}.tab-badge{position:absolute;top:8px;left:calc(50% + 6px);min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--danger);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}.field{margin-bottom:var(--space-5)}.field>label,.field-label{display:block;font-size:var(--fs-sm);font-weight:650;color:var(--text-secondary);margin-bottom:var(--space-2)}.input{width:100%;min-height:48px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:0 var(--space-3);outline:none;transition:border-color .15s}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.hint{font-size:var(--fs-sm);color:var(--text-muted);margin-top:6px;line-height:1.4}.error-text{color:var(--danger);font-size:var(--fs-sm);margin-bottom:var(--space-3)}.batch{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3);margin-bottom:var(--space-2)}.batch-top{display:flex;align-items:center;gap:var(--space-2)}.batch-top .input{flex:1;min-width:0}.batch-bottom{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-top:var(--space-2)}.fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--background);z-index:30;overflow-y:auto}.page-head{position:sticky;top:0;z-index:2;background:color-mix(in srgb,var(--background) 90%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.page-head .inner{max-width:640px;margin:0 auto;padding:calc(var(--space-2) + var(--safe-top)) var(--space-2) var(--space-2);display:flex;align-items:center;gap:var(--space-2)}.page-head h2{flex:1;font-size:var(--fs-lg);font-weight:700;text-align:center}.page-body{padding-top:var(--space-3);padding-bottom:calc(110px + var(--safe-bottom))}.savebar{position:fixed;left:0;right:0;bottom:0;z-index:31;padding:var(--space-3) var(--space-4) calc(var(--space-3) + var(--safe-bottom));background:linear-gradient(transparent,var(--background) 30%)}.savebar .inner{max-width:608px;margin:0 auto}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--scrim);z-index:50;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;animation:fade .18s ease}.sheet{width:100%;max-width:640px;background:var(--surface);border-radius:24px 24px 0 0;max-height:92vh;overflow-y:auto;padding:var(--space-2) var(--space-4) calc(var(--space-5) + var(--safe-bottom));animation:slideup .24s cubic-bezier(.2,.8,.2,1)}.sheet-handle{width:36px;height:5px;border-radius:3px;background:var(--border);margin:4px auto 14px}.sheet-title{font-size:var(--fs-xl);font-weight:750;letter-spacing:-.02em;margin-bottom:4px}.sheet-text{color:var(--text-secondary);margin-bottom:var(--space-4)}.sheet .stack .btn{width:100%}@keyframes slideup{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fade{0%{opacity:0}to{opacity:1}}.toast-wrap{position:fixed;left:0;right:0;bottom:calc(var(--tabbar-h) + 88px + var(--safe-bottom));z-index:60;display:flex;justify-content:center;padding:0 var(--space-4);pointer-events:none}.toast{pointer-events:auto;max-width:560px;width:100%;display:flex;align-items:center;gap:var(--space-3);background:#10201a;color:#f1f7f4;border-radius:var(--radius-md);padding:0 var(--space-2) 0 var(--space-4);min-height:52px;box-shadow:var(--shadow-lg);animation:toastin .22s cubic-bezier(.2,.8,.2,1)}@media (prefers-color-scheme: dark){.toast{background:#e7f1ec;color:#0d1513}}.toast .msg{flex:1;font-size:var(--fs-sm);font-weight:550;padding:var(--space-3) 0}.toast svg{width:18px;height:18px;flex:0 0 auto}.toast.error svg{color:#ff7b7f}.toast.success svg{color:#34d399}.toast .act{color:#6ee7b7;font-weight:700;font-size:var(--fs-sm);min-height:44px;padding:0 var(--space-3);border-radius:var(--radius-sm)}@media (prefers-color-scheme: dark){.toast .act{color:#0f7b5f}.toast.success svg{color:#0f7b5f}.toast.error svg{color:#d93a40}}@keyframes toastin{0%{transform:translateY(16px);opacity:0}to{transform:none;opacity:1}}.center{min-height:55vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-5);gap:var(--space-2)}.state-icon{width:64px;height:64px;border-radius:22px;background:var(--primary-soft);color:var(--primary);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-2)}.state-icon svg{width:30px;height:30px}.state-icon.danger{background:var(--danger-soft);color:var(--danger)}.state-title{font-weight:700;font-size:var(--fs-lg)}.center .btn{margin-top:var(--space-3)}.spinner{width:28px;height:28px;border:3px solid var(--primary-soft);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,var(--surface-alt) 25%,var(--border) 50%,var(--surface-alt) 75%);background-size:200% 100%;animation:shimmer 1.3s infinite;border-radius:8px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.section{background:var(--surface);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4);box-shadow:var(--shadow-sm)}.section h3{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:var(--space-3);font-weight:700}.section .divider{border-top:1px solid var(--border);margin:var(--space-4) 0}.member{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0}.avatar{width:38px;height:38px;border-radius:50%;background:var(--primary-soft);color:var(--primary);font-weight:700;display:flex;align-items:center;justify-content:center;flex:0 0 auto;text-transform:uppercase}.member .info{flex:1;min-width:0}.member .email{font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.switch{width:52px;height:32px;border-radius:var(--radius-full);background:var(--border);position:relative;transition:background .2s;flex:0 0 auto}.switch[aria-checked=true]{background:var(--primary)}.switch .knob{position:absolute;top:3px;left:3px;width:26px;height:26px;border-radius:50%;background:#fff;transition:left .2s;box-shadow:0 1px 3px #00000040}.switch[aria-checked=true] .knob{left:23px}.stepper{display:flex;align-items:center;justify-content:center;gap:var(--space-5)}.stepper .val{font-size:32px;font-weight:800;min-width:70px;text-align:center;line-height:1.1;font-variant-numeric:tabular-nums}.stepper .val small{display:block;font-size:var(--fs-sm);color:var(--text-secondary);font-weight:500}.group{margin-bottom:var(--space-5)}.group-head{display:flex;align-items:center;gap:var(--space-2);margin:0 var(--space-1) var(--space-2);font-weight:700;font-size:var(--fs-sm)}.group-head .dot{width:8px;height:8px;border-radius:50%}.group-head .count{color:var(--text-muted);font-weight:600}.exp-row{display:flex;align-items:center;gap:var(--space-3);background:var(--surface);border-radius:var(--radius-lg);padding:var(--space-3);margin-bottom:var(--space-2);box-shadow:var(--shadow-sm);border-left:4px solid transparent}.exp-row.expired{border-left-color:var(--danger)}.exp-row.week{border-left-color:var(--warning)}.exp-row.later{border-left-color:var(--caution)}.exp-row .card-main{padding:0}.exp-actions{display:flex;gap:6px;flex:0 0 auto}.scanner{background:#000;color:#fff}.scanner video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.scanner .top{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;z-index:2;padding:calc(var(--space-3) + var(--safe-top)) var(--space-3) 0}.scanner .round{width:48px;height:48px;border-radius:50%;background:#00000073;color:#fff;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.scanner .round.on{background:#fff;color:#000}.scanner .round svg{width:22px;height:22px}.viewfinder{position:absolute;left:50%;top:42%;width:min(78vw,320px);height:min(46vw,190px);transform:translate(-50%,-50%);border-radius:18px;box-shadow:0 0 0 100vmax #00000080;z-index:1}.viewfinder:before,.viewfinder:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:18px;border:3px solid #fff;-webkit-mask:linear-gradient(#000 0 0) top/100% 28px no-repeat,linear-gradient(#000 0 0) bottom/100% 28px no-repeat;mask:linear-gradient(#000 0 0) top/100% 28px no-repeat,linear-gradient(#000 0 0) bottom/100% 28px no-repeat}.viewfinder:after{-webkit-mask:linear-gradient(#000 0 0) left/28px 100% no-repeat,linear-gradient(#000 0 0) right/28px 100% no-repeat;mask:linear-gradient(#000 0 0) left/28px 100% no-repeat,linear-gradient(#000 0 0) right/28px 100% no-repeat;border-color:transparent}.viewfinder .laser{position:absolute;left:10%;right:10%;top:50%;height:2px;background:#34d399;box-shadow:0 0 12px #34d399;animation:laser 2s ease-in-out infinite}@keyframes laser{0%,to{transform:translateY(-60px)}50%{transform:translateY(60px)}}.scanner .bottom{position:absolute;left:0;right:0;bottom:0;z-index:2;text-align:center;padding:var(--space-5) var(--space-4) calc(var(--space-5) + var(--safe-bottom))}.scanner .status{font-weight:650;font-size:var(--fs-lg);margin-bottom:var(--space-3)}.scanner .manual{display:flex;gap:var(--space-2);max-width:420px;margin:0 auto}.scanner .manual .input{background:#fffffff2;color:#12261e;border:none}.scanner .btn-glass{background:#ffffff29;color:#fff;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.ptable{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;margin-bottom:var(--space-3);font-size:15px}.ptable-head,.prow{display:grid;grid-template-columns:minmax(0,1fr) 104px 168px 92px;align-items:center;gap:var(--space-1);padding:0 var(--space-2)}.ptable-head{background:var(--surface-alt);min-height:40px;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:700}.ptable-head span{padding:0 6px}.pgroup{border-top:1px solid var(--border);padding:2px 0}.pgroup.saving{opacity:.6}.prow{min-height:48px}.prow>div{min-width:0;display:flex;align-items:center}.c-act{justify-content:flex-end}.cell-input{width:100%;min-width:0;min-height:40px;border:1px solid transparent;background:transparent;border-radius:8px;padding:0 6px;font-size:15px}.cell-input:focus{border-color:var(--primary);background:var(--surface);outline:none}.cell-input.name{font-weight:600;text-overflow:ellipsis}.cell-input.num{width:44px;flex:0 0 auto;text-align:center;font-variant-numeric:tabular-nums}.cell-input.date{-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:left;font-variant-numeric:tabular-nums}.cell-input.date::-webkit-date-and-time-value{text-align:left}.cell-input.date.expired{color:var(--danger);font-weight:650}.cell-input.date.critical{color:var(--warning);font-weight:650}.cell-input.date.warning{color:var(--caution)}.sdot{width:8px;height:8px;border-radius:50%;flex:0 0 auto;margin-left:4px;background:transparent}.sdot.expired{background:var(--danger)}.sdot.critical{background:var(--warning)}.sdot.warning{background:var(--caution)}.sdot.ok{background:var(--ok)}.ptable .unit{font-size:13px;color:var(--text-muted);margin-left:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ptable .subrow{color:var(--text-muted);padding-left:10px}@media (max-width: 559px){.ptable-head{display:none}.prow{grid-template-columns:96px minmax(0,1fr) 88px;grid-template-areas:"name name name" "qty date act";row-gap:0;padding:4px var(--space-1) 4px var(--space-2)}.prow.sub{grid-template-areas:"qty date act"}.prow.sub .c-name{display:none}.c-name{grid-area:name}.c-qty{grid-area:qty}.c-date{grid-area:date}.c-act{grid-area:act}}.login-card{background:var(--surface);border-radius:24px;padding:var(--space-6) var(--space-5);box-shadow:var(--shadow-md);width:100%;max-width:380px;text-align:left}.brand-mark{width:64px;height:64px;border-radius:20px;background:var(--primary);color:var(--on-primary);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-3)}.brand-mark svg{width:32px;height:32px}.code-input{text-align:center;letter-spacing:.3em;font-size:22px;font-weight:700}