:root{--background:#f0f4f5;--foreground:#142e35;--card:#fff;--primary:#087e64;--primary-dark:#073c37;--primary-soft:#e4f7ef;--muted:#eaf0f1;--muted-foreground:#5c747c;--border:#dce5e8;--input:#d1dfe3;--ring:#0f9978;--danger:#b8342d;--danger-soft:#fff0ee;--warning:#865614;--warning-soft:#fff6df;--withdraw:#285c94;--radius:.65rem;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;margin:0}body{background:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;font-family:Tahoma,Arial,sans-serif;font-size:1rem;line-height:1.65}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3{line-height:1.3}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.center-screen{min-height:100vh;color:var(--primary);place-items:center;display:grid}.muted{color:var(--muted-foreground)}.text-right{text-align:right}.btn{border-radius:var(--radius);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:.45rem;min-height:2.5rem;padding:.45rem .95rem;font-size:.9rem;font-weight:500;transition:background .15s,border-color .15s,box-shadow .15s;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed}.btn:focus-visible,.input:focus-visible,.stock-size:focus-visible,.size-option:focus-visible{border-color:var(--ring);outline:none;box-shadow:0 0 0 3px #0f997833}.btn-primary{background:var(--primary);color:#fff}.btn-outline{border-color:var(--border);background:#fff}.btn-icon{width:2.5rem;padding:0}.btn-block{width:100%}.btn-lg{min-height:3rem;font-size:1rem}.danger{color:var(--danger)}.input{border:1px solid var(--input);border-radius:var(--radius);background:#fff;width:100%;min-height:2.6rem;padding:.45rem .8rem}.input:disabled{background:#f5f8f9}.select{appearance:none;cursor:pointer;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%237b9097' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right .8rem center no-repeat;width:auto;min-width:9rem;padding-right:2.3rem}input[type=date].input{appearance:none;text-align:left;min-width:0;display:block}input[type=date].input::-webkit-date-and-time-value{text-align:left}input[type=date].input[data-empty=true]:not(:focus)::-webkit-datetime-edit{color:#0000;opacity:0}input[type=date].input[data-empty=true]:not(:focus)::-webkit-datetime-edit-fields-wrapper{color:#0000;opacity:0}.link-button{color:var(--primary);cursor:pointer;background:0 0;border:0;margin-left:auto;padding:.35rem .5rem;font-size:.8rem;font-weight:600}.label-short,.mobile-nav,.mobile-title{display:none}.textarea{resize:vertical;min-height:5.5rem}.field{flex-direction:column;gap:.45rem;min-width:0;margin-bottom:1.1rem;display:flex}.field label,.field .label{font-size:.875rem;font-weight:600}.field-hint{color:#70858c;font-size:.8rem}.two-fields{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.form-error{background:var(--danger-soft);color:var(--danger);overflow-wrap:anywhere;border-radius:.5rem;margin:.75rem 0;padding:.75rem;font-size:.875rem}.form-warning{background:var(--warning-soft);color:var(--warning);overflow-wrap:anywhere;border-radius:.5rem;margin-bottom:1rem;padding:.75rem;font-size:.875rem}.login-shell{min-height:100dvh;padding:calc(1.5rem + env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) calc(1.5rem + env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));place-items:center;display:grid}.login-card{border:1px solid var(--border);border-top:4px solid var(--primary);background:#fff;border-radius:1rem;width:100%;max-width:420px;padding:2rem 1.75rem;box-shadow:0 5px 20px #123f3610}.login-brand{margin-bottom:1.75rem}.divider{color:#70858c;align-items:center;gap:.75rem;margin:1.5rem 0 1.1rem;font-size:.8rem;display:flex}.divider:before,.divider:after{content:"";border-top:1px solid var(--border);flex:1}.stock-shell{max-width:1450px;margin:auto;padding:0 2.25rem 1.5rem}.main-header{justify-content:space-between;align-items:center;gap:1rem;padding:1.75rem 0;display:flex}.brand{align-items:center;gap:.9rem;display:flex}.brand h1{letter-spacing:-.025em;font-size:1.55rem;font-weight:700}.brand p{color:#657b83;margin-top:.1rem;font-size:.875rem}.brand-icon{background:var(--primary-dark);color:#4ee7b2;border-radius:.95rem;flex:none;place-items:center;width:3.4rem;height:3.4rem;display:grid}.header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.user-chip{border:1px solid var(--border);background:#fff;border-radius:999px;align-items:center;gap:.15rem;max-width:16rem;padding-left:.75rem;font-size:.85rem;display:flex}.user-chip .btn{flex:none}.user-chip span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.stats{grid-template-columns:1.05fr 1fr 1fr;gap:1rem;margin-bottom:1.5rem;display:grid}.stat{border:1px solid var(--border);background:#fff;border-radius:1rem;justify-content:space-between;align-items:center;gap:1rem;padding:1.3rem 1.5rem;display:flex}.stat p{color:var(--muted-foreground);font-size:.875rem}.stat strong{letter-spacing:-.025em;font-variant-numeric:tabular-nums;margin-top:.4rem;font-size:2rem;line-height:1.3;display:block}.stat strong small{margin-left:.25rem;font-size:1rem;font-weight:400}.primary-stat{border-color:var(--primary-dark);background:var(--primary-dark);color:#fff}.primary-stat p{color:#b4d6cf}.primary-stat svg{color:#52e5b1}.stat-meta{color:var(--muted-foreground);text-align:right;align-self:flex-end;padding-bottom:.2rem;font-size:.875rem}.error-bar{border-radius:var(--radius);background:var(--danger-soft);color:var(--danger);justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding:.75rem 1rem;display:flex}.workspace{grid-template-columns:370px minmax(0,1fr);align-items:start;gap:1.65rem;display:grid}footer{border-top:1px solid var(--border);color:#70858c;margin-top:2.5rem;padding:1.25rem 0;font-size:.8rem}footer span{color:#91a3a9;margin-left:.5rem}.entry-card{overscroll-behavior:contain;border:1px solid var(--border);border-top:4px solid var(--primary);background:#fff;border-radius:1rem;max-height:calc(100dvh - 2.5rem);padding:1.5rem;scroll-margin-top:1rem;position:sticky;top:1.25rem;overflow-y:auto;box-shadow:0 5px 20px #123f3610}.section-title{align-items:center;gap:.65rem;margin-bottom:1.15rem;display:flex}.section-title svg{color:var(--primary)}.section-title h2{font-size:1.15rem;font-weight:700}.mode-tabs,.view-tabs{border-radius:var(--radius);gap:.25rem;padding:.2rem;display:flex}.mode-tabs{background:#edf2f3;margin-bottom:1.35rem}.mode-tabs button,.view-tabs button{border-radius:calc(var(--radius) - .15rem);color:#5c747c;white-space:nowrap;cursor:pointer;background:0 0;border:0;flex:1;justify-content:center;align-items:center;gap:.35rem;min-height:2.4rem;padding:.4rem .45rem;font-size:.875rem;display:inline-flex}.mode-tabs button.active{color:var(--primary);background:#fff;font-weight:600;box-shadow:0 1px 3px #123f3618}.size-picker{flex-wrap:wrap;gap:.45rem;display:flex}.size-option{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:.5rem;align-items:center;gap:.5rem;min-height:2.55rem;padding:.35rem .6rem;font-size:.875rem;display:flex}.size-option span{font-weight:600}.size-option small{color:#6d838b;text-align:right;min-width:1.1rem;font-size:.8rem}.size-option.selected{border-color:var(--primary);color:#065943;box-shadow:0 0 0 1px var(--primary);background:#e5f7ee}.size-option.selected small{color:var(--primary)}.current-balance{background:var(--background);border-radius:.55rem;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.65rem .8rem;font-size:.875rem;display:flex}.current-balance strong{color:var(--primary-dark);font-size:1rem}.after-balance{color:#07634e;border-top:1px dashed #c4d9d0;justify-content:space-between;gap:.5rem;padding:1rem 0 .8rem;font-size:.875rem;display:flex}.after-balance strong{font-size:1.15rem}.after-balance.invalid{color:var(--danger)}.save-button{min-height:3rem;margin-top:.4rem;font-size:1rem}.save-button.withdraw{background:var(--withdraw)}.entry-footnote{color:#70858c;text-align:center;margin-top:.75rem;font-size:.8rem}.combobox{position:relative}.combobox .input{padding-right:2.2rem}.combobox-chevron{color:#7b9097;pointer-events:none;position:absolute;top:50%;right:.8rem;transform:translateY(-50%)}.combobox-list{z-index:20;border:1px solid var(--border);border-radius:var(--radius);background:#fff;max-height:18rem;padding:.3rem;list-style:none;position:absolute;top:calc(100% + .3rem);left:0;right:0;overflow-y:auto;box-shadow:0 10px 30px #123f3622}.combobox-list li{cursor:pointer;border-radius:.4rem;padding:.45rem .65rem;font-size:.9rem}.combobox-list li.active{background:var(--primary-soft)}.combobox-list li.selected{color:var(--primary);font-weight:600}.combobox-list .combobox-empty{color:#70858c;cursor:default}.inventory-area{min-width:0}.inventory-top{justify-content:space-between;align-items:center;gap:.5rem;padding-bottom:1rem;display:flex}.view-tabs{background:#e0e9eb}.view-tabs button{flex:none;padding:.4rem .95rem;font-size:.9375rem}.view-tabs button.active{color:var(--primary-dark);background:#fff;font-weight:600;box-shadow:0 1px 3px #123f3618}.stock-controls,.history-controls{align-items:center;gap:.75rem;display:flex}.history-controls{flex-wrap:wrap}.search-field{flex:1;min-width:0;position:relative}.search-field>svg{color:#7b9097;position:absolute;top:50%;left:.9rem;transform:translateY(-50%)}.search-field .input{padding-left:2.6rem}.date-filters{grid-template-columns:1fr 1fr;gap:.75rem;width:100%;display:grid}.date-filters>div{align-items:center;gap:.65rem;min-width:0;display:flex}.date-filters label{white-space:nowrap;font-size:.85rem}.list-caption{color:#6a8088;justify-content:space-between;align-items:center;gap:.5rem;padding:.9rem .1rem;font-size:.8rem;display:flex}.product-list{flex-direction:column;gap:.9rem;display:flex}.product-card{border:1px solid var(--border);background:#fff;border-radius:.85rem;padding:1.1rem 1.2rem}.product-heading{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.9rem;display:flex}.product-name{align-items:center;gap:.65rem;min-width:0;display:flex}.product-name h3{overflow-wrap:anywhere;font-size:1rem;font-weight:600}.product-mark{color:#527786;background:#edf4f6;border-radius:.5rem;place-items:center;min-width:2rem;height:2rem;display:grid}.product-total{color:#234d53;white-space:nowrap;font-size:1.2rem;font-weight:700}.product-total small{color:#6a8088;font-size:.8rem;font-weight:400}.stock-size-grid{flex-wrap:wrap;gap:.5rem;display:flex}.stock-size{cursor:pointer;background:#f5f8f9;border:1px solid #e3e9ec;border-radius:.5rem;justify-content:space-between;align-items:center;gap:.65rem;min-width:4.5rem;min-height:2.6rem;padding:.45rem .7rem;display:flex}.stock-size span{color:#516e77;font-size:.8rem}.stock-size strong{color:#74878e;font-variant-numeric:tabular-nums;font-size:1rem}.stock-size.in-stock{background:#ebf8f2;border-color:#c9e8da}.stock-size.in-stock strong{color:#087555}.stock-size.active{box-shadow:0 0 0 2px var(--primary)}.skeleton{background:linear-gradient(90deg,#dae4e7 0%,#e8eef0 50%,#dae4e7 100%) 0 0/200% 100%;border-radius:.85rem;height:9rem;animation:1.4s infinite shimmer}.skeleton-tall{height:15rem}@keyframes shimmer{to{background-position:-200% 0}}.empty-state{text-align:center;background:#fff;border:1px dashed #c5d5da;border-radius:.85rem;padding:3.2rem 1.5rem}.empty-state>svg{color:#7c99a3;width:2rem;height:2rem;margin:auto auto .85rem;display:block}.empty-state h3{font-size:1.05rem}.empty-state p{color:#6a8088;margin-top:.4rem;font-size:.875rem}.pagination{justify-content:center;align-items:center;gap:.75rem;margin-top:1.1rem;display:flex}.page-label{color:#516e77;font-size:.875rem}.history-table{border:1px solid var(--border);background:#fff;border-radius:.85rem;overflow-x:auto}.history-table.is-loading{opacity:.6}.history-table table{border-collapse:collapse;width:100%;min-width:540px}.history-table th{color:#516e77;text-align:left;white-space:nowrap;background:#eaf0f2;height:3rem;padding:0 .9rem;font-size:.8rem;font-weight:600}.history-table th.text-right{text-align:right}.history-table td{vertical-align:top;border-top:1px solid #edf2f3;padding:.85rem .9rem}.history-date{color:#70858c;font-size:.8rem;display:block}.history-product{min-width:10rem;margin-top:.1rem;font-size:.875rem;font-weight:600;display:block}.history-product span{font-weight:400}.history-note{color:#647c84;overflow-wrap:anywhere;max-width:22rem;margin-top:.25rem;font-size:.8rem;line-height:1.7}.movement-badge{white-space:nowrap;border-radius:.4rem;padding:.2rem .55rem;font-size:.8rem;font-weight:500;display:inline-block}.movement-badge.in{color:#087555;background:#e4f7ee}.movement-badge.out{color:#295c94;background:#eaf1fe}.movement-badge.adjust{color:#87600d;background:#f6eedb}.delta{font-variant-numeric:tabular-nums;font-weight:600}.delta.positive{color:#087555}.delta.negative{color:#295c94}.balance-cell{font-variant-numeric:tabular-nums}.modal{overscroll-behavior:contain;background:#fff;border:0;border-radius:1rem;width:min(520px,100vw - 2rem);max-height:calc(100dvh - 2rem);margin:auto;padding:0;overflow-y:auto;box-shadow:0 20px 60px #0b2a2a40}.modal-wide{width:min(760px,100vw - 2rem)}.modal::backdrop{background:#0b2a2a73}.modal-body{padding:1.4rem 1.5rem 1.5rem}.modal-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.2rem;display:flex}.modal-header h2{font-size:1.15rem}.modal-header p{color:var(--muted-foreground);margin-top:.25rem;font-size:.85rem}.modal-actions{justify-content:flex-end;gap:.5rem;margin-top:1.25rem;display:flex}.file-drop{border-radius:var(--radius);color:#3d5c64;cursor:pointer;background:#f7fafa;border:2px dashed #b9cdd3;align-items:center;gap:.75rem;padding:1.1rem;display:flex}.file-drop input{display:none}.import-preview{margin-top:1rem}.import-counts{grid-template-columns:repeat(4,1fr);gap:.5rem;margin-bottom:1rem;display:grid}.import-counts>div{background:var(--background);border-radius:.6rem;padding:.6rem .75rem}.import-counts span{color:var(--muted-foreground);font-size:.8rem;display:block}.import-counts strong{font-size:1.3rem}.issue-box{border-radius:var(--radius);margin-bottom:1rem;padding:.85rem 1rem;font-size:.85rem}.issue-box h3{align-items:center;gap:.4rem;margin-bottom:.4rem;font-size:.9rem;display:flex}.issue-box ul{max-height:14rem;padding-left:1.1rem;overflow-y:auto}.issue-box.error{background:var(--danger-soft);color:var(--danger)}.issue-box.warning{background:var(--warning-soft);color:var(--warning)}.preview-table{max-height:18rem;overflow-y:auto}.preview-table table{min-width:0}.member-form{gap:.5rem;display:flex}.member-list{border:1px solid var(--border);border-radius:var(--radius);margin-top:1rem;padding:0;list-style:none}.member-list li{overflow-wrap:anywhere;justify-content:space-between;align-items:center;gap:.5rem;min-height:3rem;padding:.4rem .5rem .4rem .9rem;font-size:.9rem;display:flex}.member-list li+li{border-top:1px solid #edf2f3}.badge{background:var(--primary-soft);color:var(--primary);border-radius:.35rem;margin-left:.35rem;padding:.1rem .45rem;font-size:.75rem}@media (hover:hover){.btn-primary:not(:disabled):hover{background:#066a54}.btn-outline:not(:disabled):hover{background:var(--primary-soft);border-color:#b9e2d2}.btn-ghost:not(:disabled):hover{background:var(--muted)}.stock-size:hover{background:#eaf8f1;border-color:#0e9374}.save-button.withdraw:not(:disabled):hover{background:#1f4b7a}.file-drop:hover{border-color:var(--primary);background:var(--primary-soft)}}@media (pointer:coarse){.btn,.input,.link-button,.stock-size,.size-option,.mode-tabs button,.view-tabs button{min-height:2.75rem}.btn-icon{width:2.75rem}}@media (height<=600px){.entry-card{max-height:none;position:static;overflow:visible}}@media (width<=1080px){.stock-shell{padding:0 1.25rem 1.5rem}.workspace{grid-template-columns:320px minmax(0,1fr);gap:1rem}.stat{padding:1.1rem}}@media (width<=780px){.stock-shell{padding:env(safe-area-inset-top) max(1rem, env(safe-area-inset-right)) calc(5.75rem + env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left))}.main-header{flex-wrap:wrap;gap:.75rem;padding:1rem 0 .9rem}.header-actions{justify-content:flex-start;width:100%}.brand h1{font-size:1.3rem}.brand-icon{width:2.8rem;height:2.8rem}.stats{grid-template-columns:1fr 1fr;gap:.6rem;margin-bottom:1rem}.primary-stat{grid-column:1/-1}.stat:not(.primary-stat){flex-direction:column;align-items:flex-start;gap:.4rem;padding:.8rem}.stat strong{font-size:1.65rem}.stat-meta{text-align:left;align-self:flex-start;font-size:.75rem}.workspace{grid-template-columns:1fr}.workspace[data-panel=entry] .inventory-area,.workspace[data-panel=inventory] .entry-card{display:none}.entry-card{max-height:none;padding:1.15rem;position:static;overflow:visible}.inventory-top{align-items:center;padding-bottom:.25rem}.view-tabs{display:none}.mobile-title{font-size:1.15rem;display:block}.export-button{margin-left:auto}.stock-controls{z-index:6;background:var(--background);margin:0 -1rem;padding:.6rem 1rem;position:sticky;top:0}.stock-size-grid,.size-picker{grid-template-columns:repeat(auto-fill,minmax(4.4rem,1fr));gap:.45rem;display:grid}.stock-size{min-width:0}.product-card{padding:.95rem}.date-filters>div{flex-direction:column;align-items:flex-start;gap:.3rem}.import-counts{grid-template-columns:1fr 1fr}.history-table table{min-width:0}.history-table th{padding:0 .5rem}.history-table td{padding:.7rem .5rem}.history-product{min-width:0}footer{display:none}.mobile-nav{z-index:30;padding:.4rem max(.6rem, env(safe-area-inset-right)) calc(.4rem + env(safe-area-inset-bottom)) max(.6rem, env(safe-area-inset-left));border-top:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;grid-template-columns:repeat(3,1fr);gap:.35rem;display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-nav button{color:#5c747c;cursor:pointer;background:0 0;border:0;border-radius:.7rem;flex-direction:column;justify-content:center;align-items:center;gap:.1rem;min-height:3.25rem;font-size:.78rem;display:flex}.mobile-nav button.active{background:var(--primary-soft);color:var(--primary);font-weight:600}}@media (width<=480px){.brand h1{font-size:1.2rem}.brand p{font-size:.8rem}.header-actions{gap:.4rem}.header-actions .btn-outline{padding:.4rem .7rem}.label-full{display:none}.label-short{display:inline}.user-chip{flex:1;justify-content:space-between;min-width:0;max-width:none}.stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;margin-bottom:.75rem}.primary-stat{grid-column:auto}.stat,.stat:not(.primary-stat){border-radius:.8rem;flex-direction:column;align-items:flex-start;gap:.15rem;padding:.65rem .7rem}.stat p{font-size:.72rem}.stat strong{margin-top:.1rem;font-size:1.35rem}.stat strong small{font-size:.75rem}.primary-stat svg{display:none}.stat-meta{padding:0;font-size:.68rem;line-height:1.4}.stock-controls{gap:.5rem}.stock-controls .select{width:7.5rem;min-width:0}.product-heading{gap:.5rem;margin-bottom:.7rem}.product-name h3{font-size:.95rem}.entry-card{padding:1rem}.modal-body{padding:1.1rem 1rem 1.2rem}.member-form{flex-direction:column}}