:root{color-scheme:dark;--bg:#06111c;--panel:#0a1e2d;--line:#244257;--text:#e4f3fa;--muted:#9ab4c5;--cyan:#70e8ff;--anchor-offset:20px}*{box-sizing:border-box}html{scroll-padding-top:20px}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.7 "Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;overflow-wrap:anywhere}h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}button,a{touch-action:manipulation}button:disabled{cursor:not-allowed;opacity:.45}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}[hidden]{display:none!important}.skip{position:absolute;top:-90px;left:15px;z-index:100;background:white;color:#00101b;padding:12px}.skip:focus{top:10px}.standalone-header{max-width:1400px;margin:auto;padding:18px 30px;display:flex;justify-content:space-between;gap:20px;font-size:12px;border-bottom:1px solid var(--line);color:var(--muted)}.standalone-header a{text-decoration:underline;text-underline-offset:4px}.inventory-app{max-width:1300px;margin:auto;padding:40px 38px 175px}.app-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:24px}.eyebrow{font:9px/1.5 Arial,sans-serif;letter-spacing:.18em;color:#67bad0;display:flex;align-items:center;gap:8px;margin-bottom:9px}.eyebrow>span{height:5px;width:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px #70e8ff80;animation:pulse 4s ease-in-out infinite}.app-heading h1{font:700 clamp(28px,4.1vw,47px)/1.15 Arial,sans-serif;letter-spacing:-.035em}.app-heading h1 span{color:var(--cyan)}.app-lead{font-size:14px;color:var(--muted);margin-top:10px}.demo-stamp{font:700 10px/1.8 Arial,sans-serif;letter-spacing:.15em;border:1px solid #325d73;padding:10px 15px;color:var(--cyan);text-align:right}.demo-stamp>span{display:block;font:11px/1.8 "Yu Gothic",Meiryo,sans-serif;letter-spacing:0;color:var(--muted)}.privacy-note{border:1px solid var(--line);background:#0b2131;padding:17px 20px;margin-bottom:22px;font-size:12px;color:#8caebe;line-height:1.9}.privacy-note strong{font-size:13px;color:#c7e8f3}.privacy-note>p{margin-top:5px}.privacy-note .save-state{font-size:11px;color:#70ccdf;display:flex;align-items:center;gap:7px}.save-state:before{content:"";width:4px;height:4px;border-radius:50%;background:currentColor;flex:none}.save-state.warning{color:#ffcf88}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px}.metrics article{border:1px solid var(--line);background:linear-gradient(110deg,#0c2537,#071724);padding:19px 21px}.metrics article>span{font-size:10px;letter-spacing:.025em;color:#81adc4}.metrics strong{display:flex;align-items:baseline;gap:11px;margin-top:5px;font:600 35px/1.3 Arial,sans-serif;letter-spacing:-.04em;color:#b8edf9}.metrics small{font:11px/1.5 "Yu Gothic",Meiryo,sans-serif;letter-spacing:0;color:#82a2b4}.metrics .alert-metric{border-color:#735d36}.metrics .alert-metric strong{color:#ffd498}.workspace-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;border-bottom:1px solid var(--line);margin-bottom:22px}.view-tabs{display:flex;align-items:center;gap:5px}.view-tabs button{border:0;border-bottom:2px solid transparent;background:none;color:#7da4ba;padding:13px 15px;font-size:13px;min-height:48px;display:flex;align-items:center;gap:9px}.view-tabs button[aria-selected=true]{border-color:var(--cyan);color:var(--cyan)}.view-tabs button>span{font-size:10px;background:#143a50;padding:0 6px;border-radius:3px;color:#8acade}.workspace-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-bottom:10px}.quiet-button,.primary-button{min-height:44px;padding:10px 16px;border:1px solid #31576f;background:#102b3e;color:#b9dce9;font-size:12px;font-weight:600;line-height:1.5;transition:background .2s,border-color .2s}.quiet-button:hover{background:#16425a;border-color:#50a8c5}.primary-button{background:#08729a;border-color:#62d7ed;color:white}.primary-button:hover{background:#0c8fba}.reset-button{border-color:#4f4650;color:#c6b5bc;background:#231f2c}.reset-button:hover{background:#393042;border-color:#897085}.filters{display:grid;grid-template-columns:minmax(170px,1fr) minmax(180px,.6fr) auto;align-items:end;gap:15px}.filters label{min-width:0}.filters label>span{display:block;font-size:11px;color:#8badc0;margin-bottom:7px}.filters input[type=search],.filters select{width:100%;border:1px solid #2c5067;background:#081d2c;color:#d7edf5;padding:11px 12px;font-size:13px;min-height:44px;border-radius:0}.filters input::placeholder{color:#638da6}.filters .low-toggle{display:flex;align-items:center;gap:7px;padding-bottom:10px;white-space:nowrap}.filters .low-toggle>span{font-size:12px;margin:0;color:#b7c9d4}.low-toggle input{width:16px;height:16px;accent-color:#19a6ce}.results-line{display:flex;justify-content:space-between;gap:20px;margin:20px 0 14px;font-size:11px;color:#658ca4}.results-line p{color:#a9c8d9}.stock-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stock-card{position:relative;min-width:0;background:linear-gradient(135deg,#0c2435,#081824);border:1px solid #21465d;padding:19px 20px;transition:border-color .2s}.stock-card:hover{border-color:#3d809b}.stock-card.flash{animation:stock-flash 1s ease-out}.item-topline{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:9px;letter-spacing:.06em;margin-bottom:9px}.item-sku{font-family:Arial,sans-serif;color:#63a9c1}.item-category{color:#7795aa}.stock-card h3{font-size:16px;font-weight:600;line-height:1.6;color:#cfebf7}.stock-body{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:13px}.stock-number{font:600 35px/1.2 Arial,sans-serif;color:#b3eafb;letter-spacing:-.035em;white-space:nowrap}.stock-number small{font:11px/1.5 "Yu Gothic",Meiryo,sans-serif;color:#729aaf;margin-left:7px;letter-spacing:0}.minimum{font-size:11px;color:#83a4b7;margin-top:5px}.stock-badge{font-size:11px;padding:4px 8px;border:1px solid #316164;background:#0c333b;color:#84d2ce;white-space:nowrap}.stock-badge.low{border-color:#806735;background:#332b19;color:#ffd18a}.stock-badge.zero{border-color:#906457;background:#3d2521;color:#ffb5a1}.stock-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid #213e52;padding-top:13px;margin-top:15px}.stock-indicator{width:72px;height:3px;background:#254355;overflow:hidden;flex:none}.stock-indicator>span{display:block;height:100%;background:#5baebb}.stock-indicator.low>span{background:#d7a354}.stock-actions{display:flex;gap:8px}.stock-actions button{min-height:40px;padding:9px 16px;font-size:12px}.stock-actions .out-button{background:#0b1d2d;color:#9fbdce;border-color:#345266}.empty-state{border:1px dashed #2a4c63;padding:35px 20px;text-align:center;color:#789bae;background:#081925}.empty-state>span{font:34px/1 Arial,sans-serif;color:#529db7;display:block;margin-bottom:13px}.empty-state h2{font-size:17px;color:#b2d0df;font-weight:600}.empty-state p{font-size:13px;margin-top:9px}.empty-state button{margin-top:19px}.history-heading{display:flex;justify-content:space-between;gap:20px;align-items:baseline;margin-bottom:17px}.history-heading h2{font-size:18px;color:#c5e6f3;font-weight:600}.history-heading p{font-size:11px;color:#7898ab}.history-list{display:grid;gap:9px}.history-row{border:1px solid #24475f;background:#092031;padding:13px 16px;display:grid;grid-template-columns:60px minmax(0,1fr) 110px 125px;gap:16px;align-items:center}.movement-type{font-size:11px;display:block;width:max-content;padding:3px 8px;border:1px solid #2c6580;background:#0c3c50;color:#84d9ef}.movement-type.out{color:#ffcda0;border-color:#746044;background:#332a21}.history-product strong{display:block;font-size:13px;line-height:1.5;color:#c3e0ee;font-weight:600}.history-product small{font-size:10px;color:#6e9ab1}.history-amount{text-align:right}.history-amount strong{display:block;font:600 20px/1.3 Arial,sans-serif;color:#b6eafa}.history-amount small{font-size:10px;color:#789fb5}.history-row time{font-size:10px;color:#81a6bb;text-align:right}.operation-status{border:1px solid #285265;background:#092635;padding:13px 17px;font-size:13px;color:#98d7e8;margin-top:23px;min-height:51px;transition:background .25s}.operation-status.error{color:#ffbd9f;border-color:#7e5946;background:#332419}.app-footer{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding-top:21px;font-size:9px;color:#62889f}.app-footer a{color:#93c5d9;text-decoration:underline;text-underline-offset:4px;font-size:11px}.embedded-only{display:none}.embedded .embedded-only{display:initial}.embedded .standalone-header,.embedded .standalone-only{display:none}.embedded .inventory-app{padding:27px 28px 28px;max-width:none}.floating{position:fixed;right:22px;bottom:88px;z-index:80;background:#075879;border:1px solid #63d3ed;color:#e7faff;padding:12px 23px;font-size:14px;font-weight:600;line-height:1.5;box-shadow:0 5px 30px #0006}.floating>span{display:block;font-size:9px;font-weight:500;color:#8ecde3}.floating:hover{background:#0a7097}dialog{max-width:520px;width:calc(100% - 34px);max-height:min(90dvh,var(--dialog-height-limit,90dvh));overflow:auto;background:#0a2030;color:#c9e5f2;border:1px solid #48819b;padding:26px;box-shadow:0 15px 80px #000b}dialog::backdrop{background:#020b15c9;backdrop-filter:blur(5px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:14px}.dialog-top .eyebrow{margin:0}.close-button{width:38px;height:38px;background:#163d52;color:#b6ddea;border:1px solid #315b70;font-size:23px;line-height:1;display:grid;place-items:center;flex:none}dialog h2{font-size:23px;font-weight:600;line-height:1.6;color:#d4effa}dialog>p:not(.eyebrow){font-size:14px;line-height:1.9;margin-top:15px}.movement-product{font-weight:600}.current-stock{color:#86b5cb;font-size:13px!important}.quantity-label{display:block;margin-top:24px;font-size:14px;font-weight:600}.quantity-label span{float:right;font-size:11px;color:#84a8bc;font-weight:400}.quantity-input{display:flex;align-items:center;gap:12px;margin-top:9px}.quantity-input input{border:1px solid #37788e;background:#061724;color:#d1f3ff;font:600 29px/1.5 Arial,sans-serif;width:100%;min-width:0;padding:10px 14px;border-radius:0}.quantity-input>span{font-size:13px;color:#82adc2;flex:none}.quantity-help{font-size:11px;color:#78a3b9;margin-top:11px}.balance-preview{margin-top:20px;background:#0b2b3e;border:1px solid #2c586e;padding:14px;font-size:13px;color:#99d9ee}.balance-preview strong{font:600 22px/1 Arial,sans-serif;color:#b5f1ff;margin-left:10px}.form-error{font-size:13px;color:#ffb69b;line-height:1.8;min-height:25px;margin-top:9px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:23px;flex-wrap:wrap}.dialog-note{font-size:11px!important;color:#7198af}.no-script{padding:18px;border:1px solid #815d30;color:#ffd7a2;margin-bottom:20px}@keyframes pulse{0%,100%{opacity:.6}50%{opacity:1}}@keyframes stock-flash{0%{box-shadow:inset 0 0 45px #70e8ff25;border-color:#70e8ff}100%{box-shadow:inset 0 0 0 transparent}}@media(max-width:850px){.inventory-app{padding:28px 25px 170px}.embedded .inventory-app{padding:24px 21px}.filters{grid-template-columns:1fr 1fr}.filters .low-toggle{grid-column:1/-1;padding-bottom:0}.history-row{grid-template-columns:50px minmax(0,1fr) 90px;gap:10px}.history-row time{grid-column:2/-1;text-align:left}.workspace-actions{padding-top:5px}.app-heading{gap:20px}.demo-stamp{padding:9px 10px;font-size:9px}.demo-stamp>span{font-size:9px}}@media(max-width:600px){.standalone-header{padding:14px 18px;font-size:10px;flex-wrap:wrap;gap:7px}.inventory-app{padding:26px 18px 165px}.embedded .inventory-app{padding:23px 17px}.app-heading{align-items:flex-start;flex-direction:column;gap:16px;margin-bottom:20px}.app-heading h1{font-size:32px}.demo-stamp{text-align:left;padding:7px 11px;font-size:9px}.app-lead{font-size:13px}.eyebrow{font-size:8px}.privacy-note{padding:14px 15px;font-size:11px}.privacy-note strong{font-size:12px}.privacy-note .save-state{font-size:11px}.metrics{gap:7px;margin-bottom:19px}.metrics article{padding:13px 10px}.metrics article>span{font-size:9px;line-height:1.6;display:block}.metrics strong{font-size:29px;gap:6px;margin-top:8px}.metrics small{font-size:9px}.workspace-toolbar{gap:8px;margin-bottom:19px}.view-tabs{width:100%}.view-tabs button{padding:12px 14px;font-size:13px}.workspace-actions{width:100%;gap:7px;padding:0 0 12px}.workspace-actions .quiet-button{font-size:11px;padding:9px 12px}.filters{grid-template-columns:1fr;gap:14px}.filters .low-toggle{grid-column:auto}.filters label>span{font-size:11px;margin-bottom:5px}.filters .low-toggle>span{font-size:12px}.filters input[type=search],.filters select{font-size:14px}.results-line{gap:8px;flex-direction:column;margin:18px 0 13px}.results-line>span{font-size:10px}.stock-grid{grid-template-columns:1fr;gap:12px}.stock-card{padding:19px 18px}.stock-card h3{font-size:17px}.stock-body{gap:10px}.stock-number{font-size:36px}.stock-bottom{gap:10px}.stock-actions button{min-height:44px;padding:10px 17px}.history-heading{flex-direction:column;gap:5px}.history-row{grid-template-columns:48px minmax(0,1fr);gap:10px;padding:14px 12px}.history-amount{grid-column:2;text-align:left;display:flex;align-items:baseline;gap:10px}.history-row time{grid-column:2}.history-product strong{font-size:13px}.history-amount strong{font-size:23px}.operation-status{font-size:13px;padding:13px}.app-footer{flex-direction:column;gap:10px;font-size:9px}dialog{padding:22px 19px;max-height:min(87dvh,var(--dialog-height-limit,87dvh))}dialog h2{font-size:21px}.quantity-label span{float:none;display:block;margin-top:5px}.quantity-input input{font-size:27px}.dialog-actions{gap:9px}.dialog-actions button{font-size:12px;padding:11px 13px}.floating{left:16px;right:16px;bottom:max(82px,calc(env(safe-area-inset-bottom) + 72px));text-align:center;font-size:14px;padding:11px 20px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.history-pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:17px}.history-pagination>span{font-size:11px;color:#86aec3}@media(max-width:600px){.history-pagination{flex-wrap:wrap}.history-pagination>span{order:-1;width:100%;text-align:center}.history-pagination .quiet-button{font-size:11px;padding:9px 11px}}