:root{font-family:Segoe UI,Arial,sans-serif;color:#1b2925;background:#f6f7f3;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #1b2925;--muted: #77817b;--line: #e5e9e2;--green: #245a49;--green-dark: #163d35;--mint: #e8f1e9;--lime: #b8dc99;--surface: #fff;--sans-display: "Segoe UI", Arial, sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}body,body *{-webkit-user-select:none;user-select:none}input,textarea,[contenteditable=true],.barcode-display strong{-webkit-user-select:text;user-select:text}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #9ecb7d;outline-offset:3px}.app-shell{min-height:100vh;padding-bottom:calc(92px + env(safe-area-inset-bottom))}.topbar{height:72px;max-width:1024px;padding:0 38px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink);font:800 19px var(--sans-display);letter-spacing:-.8px;text-decoration:none}.brand-mark{display:grid;width:31px;height:31px;place-items:center;border-radius:10px;color:#eaf1e6;background:var(--green-dark);font-size:15px}.brand-period{color:#88b76a}.topbar-actions{display:flex;align-items:center;gap:15px}.language-toggle{min-width:36px;height:32px;padding:0 8px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--green);font-size:11px;font-weight:700;cursor:pointer}.sync-status{display:flex;gap:8px;align-items:center;color:#68746e;font-size:12px;font-weight:600}.status-dot,.live-dot{width:7px;height:7px;display:inline-block;border-radius:50%;background:#72a876}.is-offline .status-dot{background:#d68d50}main{max-width:1024px;margin:0 auto;padding:23px 38px 48px}.screen{max-width:720px;margin:0 auto}.screen-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px}.eyebrow{margin:0 0 8px;color:#78847c;font-size:10px;font-weight:700;letter-spacing:1.5px}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font:700 30px/1.2 var(--sans-display);letter-spacing:-1.2px}h2{font:700 17px var(--sans-display);letter-spacing:-.3px}h3{font:700 14px var(--sans-display)}.icon-button{display:grid;width:42px;height:42px;place-items:center;border:1px solid var(--line);border-radius:14px;background:#fff;color:#63716a;font-size:18px;cursor:pointer}.overview-card{position:relative;display:flex;align-items:center;gap:28px;min-height:130px;padding:25px 30px;overflow:hidden;color:#f4f8f1;border-radius:20px;background:var(--green-dark)}.overview-card:after{position:absolute;width:205px;height:205px;right:-46px;top:-93px;border:1px solid #ffffff20;border-radius:50%;content:""}.overview-card:before{position:absolute;width:135px;height:135px;right:-12px;top:-58px;border:1px solid #ffffff20;border-radius:50%;content:""}.overview-card>div:not(.overview-divider){display:flex;flex-direction:column;gap:8px;z-index:1}.overview-card strong{font:700 29px var(--sans-display);letter-spacing:-1px}.overview-label{color:#d5e0d4;font-size:12px}.overview-divider{width:1px;height:48px;background:#ffffff2b}.overview-mark{display:grid;width:38px;height:38px;margin-left:auto;place-items:center;color:#bddb9e;border:1px solid #ffffff39;border-radius:50%;font-size:20px}.section-title-row{display:flex;justify-content:space-between;align-items:center;margin:31px 0 14px}.section-title-row h2{display:flex;align-items:center;gap:9px;margin:0}.count-pill{display:inline-grid;min-width:21px;height:21px;padding:0 6px;place-items:center;border-radius:8px;background:#e8ede6;color:#68756b;font:600 11px Segoe UI,Arial,sans-serif}.text-button{border:0;background:transparent;color:var(--green);font-size:12px;font-weight:700;cursor:pointer}.text-button:disabled{color:#a6afa8;cursor:default}.search-box{display:flex;height:48px;align-items:center;gap:11px;padding:0 14px;border:1px solid var(--line);border-radius:13px;background:var(--surface);color:#8a958e}.search-box>span{font-size:23px;line-height:1;transform:rotate(-20deg)}.search-box input{width:100%;border:0;outline:0;background:transparent;color:var(--ink);font-size:13px}.search-box input::placeholder{color:#9ba49e}.search-box kbd{padding:2px 7px;border:1px solid #e6e9e5;border-radius:5px;color:#9ba49e;font-size:11px}.article-list{display:grid;gap:9px;margin-top:13px}.article-card{display:flex;min-height:76px;align-items:center;gap:13px;padding:12px 16px;border:1px solid #e9ece7;border-radius:14px;background:var(--surface)}.article-symbol{display:grid;flex:0 0 42px;height:42px;place-items:center;border-radius:13px;background:#eef3eb;color:#537752;font:700 15px var(--sans-display)}.article-thumbnail{object-fit:cover}.article-info{min-width:0}.article-info h3{overflow:hidden;margin:0 0 4px;text-overflow:ellipsis;white-space:nowrap}.article-info p{margin:0;color:#89938c;font-size:11px;letter-spacing:.3px}.article-photo-section{display:grid;gap:10px;margin:16px 0}.article-photo{display:block;width:100%;max-height:300px;object-fit:contain;border:1px solid var(--line);border-radius:14px;background:#f7f8f5}.article-photo-placeholder{display:grid;min-height:180px;place-items:center;border:1px solid var(--line);border-radius:14px;background:#eef3eb;color:#537752;font:700 42px var(--sans-display)}.article-photo-empty{margin:0;padding:22px;border:1px dashed #d8ded6;border-radius:14px;color:var(--muted);font-size:12px;text-align:center}.article-photo-actions{display:flex;flex-wrap:wrap;gap:9px}.photo-picker-button{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:40px;overflow:hidden;cursor:pointer}.photo-picker-button input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.photo-help{margin:0;color:var(--muted);font-size:11px}.article-stock{display:flex;flex-direction:column;align-items:flex-end;gap:3px;margin-left:auto;white-space:nowrap}.article-stock strong{font:700 16px var(--sans-display)}.article-stock span{color:#89938c;font-size:10px}.article-stock-low strong{color:#b57942}.article-edit-button{display:flex;flex:0 0 auto;min-height:36px;align-items:center;justify-content:center;gap:3px;padding:0 9px;border:1px solid #e2e9df;border-radius:10px;background:#f8faf6;color:#456d4c;font-size:10px;font-weight:700;cursor:pointer}.article-edit-button span:first-child{font-size:16px;line-height:1}.article-edit-button:hover{border-color:#b9ceb5;background:#edf4e9}.group-start-button{width:100%;margin:0 0 12px}.group-selection-toolbar{display:flex;justify-content:space-between;align-items:center;margin:0 2px 8px}.group-selection-toolbar p,.group-help{color:var(--muted);font-size:12px}.group-selection-toolbar p{margin:0}.group-create-form{display:grid;gap:10px;margin:0 0 14px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.group-create-form .field-label{margin:0}.group-create-form .primary-button,.group-submit-button{width:100%}.group-create-form button:disabled,.group-submit-button:disabled{opacity:.55;cursor:default}.group-card{border-color:#dfe8db}.group-symbol{background:#e7f0e3}.group-details-button{min-width:62px}.group-back-button{margin:0 0 14px;padding:0}.group-detail-heading{align-items:center}.group-detail-heading .secondary-button{flex:0 0 auto;padding:0 11px}.group-overview{margin-top:0}.group-member-card{flex-wrap:wrap}.group-remove-button{width:31px;height:31px;flex:0 0 31px;border:1px solid #f0d9d5;border-radius:9px;background:#fff8f7;color:#a4473b;font-size:19px;cursor:pointer}.group-choice-card{cursor:pointer}.group-choice-card>input,.group-member-checkbox{width:18px;height:18px;flex:0 0 18px;accent-color:var(--green)}.group-choice-card .article-info{display:flex;flex:1 1 120px;flex-direction:column;gap:4px}.group-choice-card .article-info strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-choice-card .article-info small{overflow:hidden;color:#89938c;font-size:11px;text-overflow:ellipsis}.group-submit-button{margin-top:14px}.empty-state{display:grid;justify-items:center;padding:45px 20px;text-align:center}.empty-icon{display:grid;width:54px;height:54px;margin-bottom:14px;place-items:center;border-radius:18px;background:#e9f0e7;color:#507b59;font-size:30px}.empty-state h3{margin-bottom:5px}.empty-state p{margin-bottom:0;color:var(--muted);font-size:12px}.local-note{margin:21px 4px;color:#86918a;font-size:11px;text-align:center}.build-version{margin:24px 0 4px;color:#9ba49e;font-size:10px;text-align:center}.scan-search-box{display:grid;grid-template-columns:23px 1fr;align-items:center;gap:3px 10px;margin-bottom:14px;padding:10px 14px;border:1px solid var(--line);border-radius:13px;background:var(--surface);color:#839087}.scan-search-box>span:first-child{grid-row:span 2;font-size:23px;line-height:1;transform:rotate(-20deg)}.scan-search-label{color:#526158;font-size:11px;font-weight:700}.scan-search-box input{width:100%;min-width:0;padding:3px 0 0;border:0;outline:0;background:transparent;color:var(--ink);font-size:13px}.scan-search-box input::placeholder{color:#9ba49e}.scan-search-box:focus-within{border-color:#9db69e;box-shadow:0 0 0 2px #e5efe3}.scan-results{display:grid;gap:8px;margin-bottom:14px}.scan-result{display:flex;width:100%;min-height:67px;align-items:center;gap:11px;padding:10px 13px;border:1px solid #e9ece7;border-radius:13px;background:var(--surface);text-align:left;cursor:pointer}.scan-result:hover{border-color:#b9ceb5;background:#fbfdf9}.scan-result-icon{display:grid;flex:0 0 38px;height:38px;place-items:center;border-radius:12px;background:#eef3eb;color:#537752;font:700 14px var(--sans-display)}.scan-result-info{display:flex;min-width:0;flex:1;flex-direction:column;gap:4px}.scan-result-info strong{overflow:hidden;color:var(--ink);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.scan-result-info small{color:#89938c;font-size:10px}.scan-result-quantity{color:#6f7d73;font-size:10px;white-space:nowrap}.scan-search-empty{margin:0 0 14px;padding:18px;border-radius:12px;background:#fff;color:#7b8780;font-size:12px;text-align:center}.scanner-card,.entry-card{padding:16px;border:1px solid var(--line);border-radius:20px;background:var(--surface)}.camera-frame{position:relative;height:265px;overflow:hidden;border-radius:14px;background:#122d29}.camera-frame video{width:100%;height:100%;object-fit:cover}.camera-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none}.camera-overlay span{position:relative;width:74%;height:91px;border:1.5px solid #c8ebaa;border-radius:11px;box-shadow:0 0 0 500px #061b1755}.camera-overlay span:after{position:absolute;top:50%;right:0;left:0;height:1px;background:#c8ebaa9e;content:""}.flash-button{position:absolute;z-index:1;top:10px;right:10px;display:flex;align-items:center;gap:6px;min-height:36px;padding:0 11px;border:1px solid #ffffff70;border-radius:999px;background:#081815c9;color:#fff;font:inherit;font-size:12px;cursor:pointer}.flash-button[aria-pressed=true]{border-color:#c8ebaa;background:#c8ebaa;color:#122d29}.flash-button:disabled{opacity:.65;cursor:wait}.flash-button[hidden]{display:none}.camera-caption{position:absolute;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:linear-gradient(transparent,#081815c9);color:#fff;font-size:11px}.live-dot{background:#b4e294;box-shadow:0 0 0 4px #b4e29438}.scanner-hint{margin:14px 4px 18px;color:#7b8780;font-size:12px;line-height:1.55;text-align:center}.or-divider{display:flex;align-items:center;gap:10px;margin:15px 0;color:#9aa39d;font-size:10px;white-space:nowrap}.or-divider span{height:1px;flex:1;background:#edf0eb}.manual-form{display:grid;grid-template-columns:1fr 125px;gap:8px}.manual-form input,.field-label input{width:100%;min-width:0;height:46px;padding:0 13px;border:1px solid #e2e7e1;border-radius:11px;background:#fff;color:var(--ink);font-size:13px}.manual-form input::placeholder,.field-label input::placeholder{color:#a2aaa4}.handmade-button{margin:8px 0 0;border:1px solid #e2e9df;background:#f8faf6}.generated-code-block{margin-bottom:16px;padding:12px;border:1px solid #e7ebe5;border-radius:12px;background:#f9fbf7}.generated-code-block .barcode-display{margin:0}.generated-code-hint{margin:8px 2px 0;color:#7b8780;font-size:10px;line-height:1.5}.generate-code-button,.print-label-button{min-height:36px;margin-top:8px;border:1px solid #e2e9df;background:#fff}.print-label{display:flex;width:min(100%,340px);min-height:125px;align-items:center;flex-direction:column;justify-content:center;gap:7px;margin:12px auto 0;padding:12px;border:1px dashed #b9c4b8;border-radius:8px;background:#fff;color:#15231d;text-align:center}.print-label>strong{max-width:100%;overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.print-label svg{display:block;width:100%;max-height:68px}.print-label>small{font:600 10px Segoe UI,Arial,sans-serif;letter-spacing:1px}.primary-button,.secondary-button{display:flex;width:100%;min-height:47px;align-items:center;justify-content:center;gap:8px;border:0;border-radius:11px;font-size:13px;font-weight:700;cursor:pointer}.primary-button{background:var(--green-dark);color:#fff}.primary-button:hover{background:#24584a}.secondary-button{min-height:40px;margin-top:5px;background:transparent;color:#77827b;font-size:12px}.entry-card{padding:23px}.entry-heading{display:flex;align-items:center;gap:12px;margin-bottom:16px}.entry-heading .eyebrow{margin-bottom:4px}.entry-heading h2{margin:0}.entry-heading>div:nth-child(2){min-width:0}.detail-edit-button{display:flex;min-height:34px;align-items:center;justify-content:center;gap:5px;margin-left:auto;padding:0 9px;border:1px solid #e2e9df;border-radius:9px;background:#f8faf6;color:#456d4c;font-size:10px;font-weight:700;white-space:nowrap;cursor:pointer}.detail-edit-button:hover{border-color:#b9ceb5;background:#edf4e9}.entry-icon{display:grid;width:43px;height:43px;place-items:center;border-radius:13px;background:#edf4e9;color:var(--green);font-size:21px}.barcode-display{display:flex;justify-content:space-between;gap:10px;margin-bottom:19px;padding:12px 13px;border-radius:10px;background:#f6f8f4;color:#89948c;font-size:11px}.barcode-display strong{overflow:hidden;color:#44524a;font-size:11px;text-overflow:ellipsis}.current-stock{display:flex;justify-content:space-between;align-items:center;margin:7px 0 17px;color:#78847c;font-size:12px}.current-stock strong{color:var(--ink);font:700 20px var(--sans-display)}.current-stock small{color:#8a958e;font:400 11px Segoe UI,Arial,sans-serif}.movement-choice{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0 18px}.choice-card{position:relative;display:flex;min-height:74px;align-items:center;gap:8px;padding:10px;border:1px solid #e7ebe5;border-radius:12px;cursor:pointer}.choice-card input{position:absolute;opacity:0}.choice-card:has(input:checked){border-color:#58816c;background:#f1f6ef;box-shadow:0 0 0 1px #58816c}.choice-check{width:13px;height:13px;border:1px solid #cdd5cd;border-radius:50%}.choice-card input:checked+.choice-check{border:4px solid #52805c;background:#fff}.choice-symbol{display:grid;flex:0 0 29px;height:29px;place-items:center;border-radius:9px;background:#e6f0e4;color:#4b7650;font-size:18px}.choice-remove .choice-symbol{background:#f6eee7;color:#ae7447}.choice-card>span:last-child{display:flex;flex-direction:column;gap:4px}.choice-card strong{font-size:11px}.choice-card small{color:#8d9790;font-size:9px}.field-label{display:grid;gap:7px;margin:14px 0;color:#56645b;font-size:11px;font-weight:700}.field-label input{font-weight:400}.entry-card>.primary-button{margin-top:19px}.danger-button{display:block;min-height:40px;margin:8px auto 0;padding:0 12px;border:0;border-radius:9px;background:transparent;color:#a15e53;font-size:11px;font-weight:700;cursor:pointer}.danger-button:hover{background:#fbefed;color:#8e4037}.scan-tip{display:flex;gap:11px;align-items:center;margin:18px 3px;padding:13px 15px;border-radius:13px;background:#edf3e9;color:#547458}.scan-tip>span{font-size:18px}.scan-tip p{margin:0;color:#718474;font-size:10px;line-height:1.5}.scan-tip strong{color:#3e6747;font-size:11px}.bottom-nav{position:fixed;z-index:5;right:0;bottom:0;left:0;display:flex;justify-content:center;gap:clamp(30px,14vw,125px);padding:11px 18px calc(10px + env(safe-area-inset-bottom));border-top:1px solid #e9ece6;background:#ffffffed;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.nav-item{display:flex;min-width:112px;align-items:center;flex-direction:column;gap:3px;border:0;background:transparent;color:#8a948d;font-size:10px;font-weight:600;cursor:pointer}.nav-icon{height:26px;font-size:22px;line-height:25px}.nav-item.active{color:var(--green)}.nav-item.active .nav-icon{color:#2c624d}.nav-scan-icon{font-size:26px}.notice{position:relative;max-width:720px;margin:-3px auto 17px;padding:12px 40px 12px 14px;border:1px solid #dce9d9;border-radius:11px;background:#eff7eb;color:#466b49;font-size:12px;line-height:1.5}.notice button{position:absolute;top:8px;right:10px;border:0;background:transparent;color:inherit;font-size:18px;cursor:pointer}.install-button{position:fixed;right:18px;bottom:calc(82px + env(safe-area-inset-bottom));z-index:4;padding:11px 15px;border:0;border-radius:24px;background:#d8eac9;color:#274c37;box-shadow:0 4px 18px #1a342426;font-size:11px;font-weight:700;cursor:pointer}.dialog-backdrop{position:fixed;z-index:10;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#11251f80}.settings-dialog{position:relative;width:min(100%,450px);padding:28px;border-radius:20px;background:#fff;box-shadow:0 20px 65px #0c221f33}.settings-dialog h2{margin:0 25px 9px 0;font-size:22px}.dialog-copy{color:#768179;font-size:12px;line-height:1.6}.dialog-close{position:absolute;top:17px;right:18px;width:31px;height:31px;border:0;border-radius:9px;background:#f2f4f0;color:#637068;font-size:21px;cursor:pointer}.security-note{margin-top:18px;padding:12px;border-radius:10px;background:#f7f3e8;color:#86744f;font-size:10px;line-height:1.55}.security-note strong{color:#68552e}.disconnect-button{display:block;margin:15px auto 0;border:0;background:transparent;color:#a15e53;font-size:11px;cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%)}@media(min-width:760px){.app-shell{padding-bottom:30px}main{padding-top:32px}.bottom-nav{position:static;width:fit-content;margin:0 auto 24px;padding:10px 20px;border:1px solid var(--line);border-radius:14px}.nav-item{flex-direction:row;min-width:120px;justify-content:center;gap:8px}.nav-icon{height:auto;font-size:18px}.notice{margin-top:0}.install-button{bottom:20px}}@media(max-width:560px){.topbar{height:64px;padding:0 20px}.topbar-actions{gap:10px}main{padding:20px 18px 34px}h1{font-size:27px}.overview-card{min-height:116px;gap:17px;padding:21px;border-radius:17px}.overview-card strong{font-size:25px}.overview-label{font-size:10px}.overview-mark{width:33px;height:33px}.section-title-row{margin-top:26px}.camera-frame{height:min(57vw,265px);min-height:195px}.scanner-card{padding:12px}.manual-form{grid-template-columns:1fr}.manual-form .primary-button{min-height:43px}.entry-card{padding:17px}.choice-card{gap:6px;padding:8px 7px}.choice-card strong{font-size:10px}.choice-card small{font-size:8px}}@media(prefers-reduced-motion:no-preference){.article-card,.primary-button,.nav-item{transition:background-color .16s ease,color .16s ease,transform .16s ease}.article-card:hover{transform:translateY(-1px)}}@page{margin:8mm}@media print{body *{visibility:hidden!important}.print-label,.print-label *{visibility:visible!important}.print-label{position:fixed;top:0;left:0;display:flex!important;width:75mm;min-height:35mm;margin:0;padding:4mm;border:1px solid #222;border-radius:0;background:#fff}.print-label svg{max-height:18mm}}