﻿:root{font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;color:#172026;background:#f5f7f8;font-synthesis:none;letter-spacing:0;--ink:#172026;--muted:#64727a;--line:#dfe5e8;--paper:#fff;--green:#166b52;--green-soft:#e5f2ed;--red:#b13d39;--red-soft:#f9e8e7;--amber:#8a5a12;--amber-soft:#f8eedb}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#f5f7f8}button,input{font:inherit;letter-spacing:0}button{cursor:pointer}.hidden{display:none!important}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.login-panel{width:min(100%,380px);background:#fff;border:1px solid var(--line);border-radius:8px;padding:34px;box-shadow:0 16px 48px rgba(23,32,38,.08)}.brand-mark{width:46px;height:46px;display:grid;place-items:center;background:var(--ink);color:#fff;border-radius:7px;font-weight:800;font-size:20px}.login-panel h1{font-size:28px;margin:20px 0 4px}.login-panel p{margin:0 0 30px;color:var(--muted)}label{display:block;font-weight:650;font-size:14px;margin:18px 0 8px}label span{color:var(--muted);font-weight:400}input{width:100%;height:46px;padding:0 13px;border:1px solid #cbd4d8;border-radius:6px;background:#fff;color:var(--ink);outline:none}input:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(22,107,82,.12)}.primary,.secondary{height:44px;border-radius:6px;border:0;font-weight:700}.primary{background:var(--green);color:#fff}.primary:hover{background:#105841}.secondary{background:#fff;border:1px solid #cbd4d8;color:var(--ink)}.wide{width:100%;margin-top:24px}.form-error{min-height:20px;margin-top:10px;color:var(--red);font-size:13px}.topbar{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.topbar-inner{max-width:1060px;margin:auto;padding:20px 24px;display:flex;align-items:center;justify-content:space-between}.eyebrow{display:block;color:var(--muted);font-size:12px;font-weight:700}.topbar h1{font-size:22px;margin:2px 0 0}.icon-button{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--muted)}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}main{max-width:1060px;margin:auto;padding:24px}.summary{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);background:#fff;border-radius:8px}.summary div{padding:19px 22px;border-right:1px solid var(--line)}.summary div:last-child{border:0}.summary span{display:block;color:var(--muted);font-size:13px;margin-bottom:5px}.summary strong{font-size:28px}.summary small{margin-left:5px;color:var(--muted)}.tabs{margin-top:26px;border-bottom:1px solid var(--line);display:flex;gap:24px}.tab{height:42px;padding:0 4px;border:0;border-bottom:3px solid transparent;background:transparent;color:var(--muted);font-weight:700}.tab.active{color:var(--green);border-bottom-color:var(--green)}.section-toolbar{display:flex;gap:12px;margin:18px 0}.search-wrap{position:relative;flex:1}.search-wrap svg{position:absolute;left:13px;top:13px;color:#7a878e}.search-wrap input{padding-left:42px}.add-button{display:flex;align-items:center;gap:7px;padding:0 15px}.inventory-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.inventory-item{background:#fff;border:1px solid var(--line);border-radius:7px;padding:17px 18px;display:flex;align-items:center;gap:16px;min-width:0}.bottle-icon{flex:0 0 auto;width:36px;height:44px;border:2px solid #9aa7ad;border-radius:5px 5px 9px 9px;position:relative;background:#f8fafb}.bottle-icon:before{content:"";position:absolute;width:15px;height:8px;border:2px solid #9aa7ad;border-bottom:0;left:8px;top:-10px;border-radius:3px 3px 0 0}.product-info{min-width:0;flex:1}.product-info strong{display:block;font-size:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-info span{display:block;color:var(--muted);font-size:13px;margin-top:4px;min-height:18px}.stock-number{text-align:right;flex:0 0 auto}.stock-number strong{font-size:27px}.stock-number span{font-size:13px;color:var(--muted);margin-left:3px}.inventory-item button{position:absolute;inset:0;opacity:0;width:100%;height:100%}.inventory-item{position:relative}.inventory-item:hover{border-color:#9cb9af;box-shadow:0 4px 16px rgba(23,32,38,.05)}.empty{text-align:center;padding:50px;color:var(--muted)}.ledger-filters{display:flex;gap:8px;margin:18px 0;overflow:auto}.filter{height:36px;padding:0 16px;border-radius:18px;border:1px solid var(--line);background:#fff;color:var(--muted);white-space:nowrap}.filter.active{background:var(--ink);border-color:var(--ink);color:#fff}.ledger-list{border:1px solid var(--line);border-radius:7px;background:#fff}.ledger-row{display:grid;grid-template-columns:110px 1fr 130px 160px;gap:16px;align-items:center;padding:15px 18px;border-bottom:1px solid var(--line)}.ledger-row:last-child{border:0}.ledger-kind{font-size:12px;font-weight:700;padding:5px 8px;border-radius:4px;width:max-content}.kind-in{color:var(--green);background:var(--green-soft)}.kind-out{color:var(--red);background:var(--red-soft)}.kind-adjust,.kind-initial{color:var(--amber);background:var(--amber-soft)}.ledger-product strong{display:block}.ledger-product small,.ledger-time,.ledger-stock{color:var(--muted);font-size:13px}.ledger-amount{font-weight:800;text-align:right}.amount-in{color:var(--green)}.amount-out{color:var(--red)}dialog{border:0;padding:0;border-radius:8px;width:min(calc(100% - 32px),460px);box-shadow:0 24px 80px rgba(15,25,30,.24)}dialog::backdrop{background:rgba(23,32,38,.48)}.dialog-panel{padding:24px}.dialog-header{display:flex;justify-content:space-between;align-items:flex-start}.dialog-header h2{font-size:21px;margin:2px 0}.current-stock{background:#f2f5f6;border-radius:6px;padding:12px 14px;margin:20px 0;color:var(--muted)}.current-stock strong{color:var(--ink);float:right}.segmented{display:grid;grid-template-columns:repeat(3,1fr);background:#eef2f3;padding:3px;border-radius:6px}.segmented button{height:38px;border:0;background:transparent;border-radius:4px;color:var(--muted);font-weight:700}.segmented button.active{background:#fff;color:var(--ink);box-shadow:0 1px 4px rgba(0,0,0,.1)}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.toast{position:fixed;left:50%;bottom:24px;translate:-50% 20px;background:#172026;color:#fff;padding:11px 18px;border-radius:6px;opacity:0;pointer-events:none;transition:.2s;z-index:20}.toast.show{opacity:1;translate:-50% 0}@media(max-width:700px){.topbar-inner,main{padding-left:16px;padding-right:16px}.summary div{padding:15px 13px}.summary strong{font-size:23px}.inventory-list{grid-template-columns:1fr}.inventory-item{padding:16px}.ledger-list{border:0;background:transparent}.ledger-row{grid-template-columns:88px 1fr auto;padding:14px 12px;background:#fff;border:1px solid var(--line);border-radius:6px;margin-bottom:9px}.ledger-stock{display:none}.ledger-amount{grid-column:3;grid-row:1 / span 2}.ledger-time{grid-column:1}.section-toolbar{position:sticky;top:81px;z-index:4;background:#f5f7f8;padding:10px 0;margin:8px 0}.add-button span{display:none}.add-button{width:46px;padding:0;justify-content:center}.login-panel{padding:28px 22px;border:0;box-shadow:none}.login-shell{background:#fff}.tabs{margin-top:18px}dialog{margin-bottom:0;width:100%;max-width:none;border-radius:8px 8px 0 0}.dialog-panel{padding:20px 18px calc(20px + env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.ledger-row{grid-template-columns:110px 1fr 110px 90px 76px 42px;gap:14px}.ledger-action{text-align:right}.ledger-edit{width:34px;height:34px;display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--muted)}.ledger-edit:hover{border-color:var(--green);color:var(--green)}.ledger-edit svg{width:17px;height:17px}.product-stock-trigger{position:absolute;inset:0;opacity:0;width:100%;height:100%}.product-edit{position:absolute;right:10px;top:10px;width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--muted);opacity:1;inset:auto}.product-edit:hover{border-color:var(--green);color:var(--green)}.product-edit svg{width:16px;height:16px}@media(max-width:700px){.ledger-row{grid-template-columns:78px 1fr auto 38px}.ledger-action{grid-column:4;grid-row:1 / span 2}}

select{font:inherit;letter-spacing:0;width:100%;height:46px;padding:0 13px;border:1px solid #cbd4d8;border-radius:6px;background:#fff;color:var(--ink);outline:none}select:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(22,107,82,.12)}.inventory-item{cursor:pointer}.product-edit{position:absolute;right:10px;top:10px;width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--muted);opacity:1;inset:auto}.product-edit:hover{border-color:var(--green);color:var(--green)}.product-edit svg{width:16px;height:16px}.ledger-action{display:flex;justify-content:flex-end;gap:6px}.ledger-edit,.ledger-delete{width:34px;height:34px;display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--muted)}.ledger-edit:hover{border-color:var(--green);color:var(--green)}.ledger-delete:hover{border-color:var(--red);color:var(--red)}.ledger-edit svg,.ledger-delete svg{width:17px;height:17px}
