:root{font-family:Inter,Noto Sans JP,system-ui,sans-serif;color:#e9edf6;background:#0b1120;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:1px solid #34425a;background:#1a2639;color:#e9edf6;border-radius:9px;padding:9px 13px}button:hover{background:#293a52}button.primary{background:#3975ef;border-color:#3975ef;color:#fff;font-weight:650}button.primary:hover{background:#2464e6}.app{max-width:1060px;margin:auto;padding:30px 18px}header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:25px}h1{font-size:30px;letter-spacing:-1px;margin:3px 0}h2{font-size:18px;margin:0 0 18px}.eyebrow{font-size:10px;letter-spacing:2px;color:#83a4de}nav{display:flex;gap:6px;border-bottom:1px solid #293449;padding-bottom:12px;margin-bottom:20px;overflow:auto}nav button{border:0;background:transparent;white-space:nowrap}nav button.selected{background:#243e6b;color:#a9c9ff}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.stats>div,.panel{border:1px solid #293449;border-radius:14px;background:#131e30;padding:20px}.stats small,.item small{display:block;color:#9baac0}.stats strong{display:block;font-size:23px;margin-top:8px}.panel{margin-bottom:18px}.count{color:#89b2ff}.muted{color:#9baac0;line-height:1.7}.item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 0;border-top:1px solid #2b3850}.itembody{display:grid;gap:6px;min-width:0}.itembody b{overflow-wrap:anywhere}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:7px}.actions a{color:#a3c7ff;padding:8px}.accent{color:#8db4ff}.danger{color:#ff9d9d}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#050914d9;display:flex;align-items:center;justify-content:center;padding:16px;z-index:5}.dialog{background:#17243a;border:1px solid #354661;border-radius:16px;padding:24px;width:min(700px,100%);max-height:94vh;overflow:auto}.dialog.narrow{width:min(540px,100%)}.dialogtop{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px}.dialogtop h2{margin:0}.fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.fields label{font-size:13px;color:#b6c4d9;display:flex;flex-direction:column;gap:6px}.fields label.wide{grid-column:1/-1}input,select{width:100%;padding:11px;border-radius:8px;border:1px solid #42516a;background:#0d182a;color:#f3f6fb;min-width:0}.preview{display:flex;flex-wrap:wrap;gap:12px 24px;background:#0c182a;border-radius:12px;margin:18px 0;padding:16px}.preview span{display:grid;gap:5px;color:#a6b5c9;font-size:12px}.preview b{font-size:17px;color:#fff}.end{justify-content:flex-end}footer{text-align:center;color:#7588a3;font-size:12px;margin-top:28px}@media(max-width:650px){.app{padding:18px 12px}h1{font-size:24px}.stats{grid-template-columns:repeat(2,1fr)}.stats>div,.panel{padding:15px}.stats strong{font-size:19px}.item{align-items:flex-start;flex-direction:column}.fields{grid-template-columns:1fr}.dialog{padding:16px}.preview{gap:16px}}.inventory-controls{display:grid;grid-template-columns:minmax(210px,2fr) minmax(140px,1fr) minmax(180px,1fr);gap:12px;margin-bottom:12px}.inventory-controls label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#b6c4d9}.inventory-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#9baac0;font-size:13px;padding:3px 0 12px}.inventory-summary button{padding:7px 10px;font-size:12px}@media(max-width:720px){.inventory-controls{grid-template-columns:1fr 1fr}.inventory-search{grid-column:1/-1}}@media(max-width:420px){.inventory-controls{grid-template-columns:1fr}.inventory-search{grid-column:auto}}@media(min-width:1100px){.app{max-width:1760px;width:min(96%,1760px);padding:22px 24px}header{margin-bottom:14px}h1{font-size:27px}nav{margin-bottom:16px;padding-bottom:8px}.stats{gap:12px;margin-bottom:14px}.stats>div{padding:14px 18px}.stats strong{font-size:22px;margin-top:4px}.panel{padding:16px 20px;margin-bottom:14px}.item{padding:10px 0;gap:12px}.itembody{gap:4px}.itembody b{font-size:13px}.item small{font-size:11px}.actions button{padding:7px 9px;font-size:12px}.home-panels{display:grid;grid-template-columns:minmax(0,2fr) minmax(300px,1fr);gap:14px;align-items:start}.home-panels .panel{min-width:0}.inventory-controls{grid-template-columns:minmax(250px,2fr) minmax(170px,1fr) minmax(200px,1fr);align-items:end}.inventory-panel .item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}.inventory-panel .itembody{grid-template-columns:minmax(220px,2fr) minmax(130px,.8fr) minmax(190px,1.2fr);column-gap:14px;align-items:center}.inventory-panel .itembody b{grid-row:1 / span 3;font-size:13px}.inventory-panel .itembody small{line-height:1.4}.inventory-panel .actions{justify-content:flex-end;flex-wrap:nowrap}.sales-panel .itembody{grid-template-columns:minmax(220px,1.3fr) minmax(180px,1fr) minmax(240px,1.3fr) minmax(180px,1fr);column-gap:14px;align-items:center}.sales-panel .itembody b{font-size:13px}.sales-panel .itembody small{line-height:1.5}.sales-panel .item{align-items:center}.dialog{width:min(900px,95vw)}}@media(min-width:1100px)and (max-width:1390px){.inventory-panel .itembody{grid-template-columns:minmax(180px,1.5fr) minmax(110px,.8fr)}.inventory-panel .itembody b{grid-row:1 / span 3}.inventory-panel .actions{flex-wrap:wrap}.sales-panel .itembody{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1099px){.home-panels{display:block}}:root{font-size:16px}body{font-size:15px;line-height:1.5}.eyebrow{font-size:12px}.stats small,.item small{font-size:13px}.inventory-controls label,.fields label,.inventory-summary{font-size:14px}.preview span,footer{font-size:13px}@media(min-width:1100px){h1{font-size:30px}h2{font-size:20px}.stats strong{font-size:25px}.itembody b,.inventory-panel .itembody b,.sales-panel .itembody b{font-size:15px;line-height:1.5}.item small{font-size:13px;line-height:1.5}.inventory-panel .itembody small,.sales-panel .itembody small{line-height:1.5}.actions button{font-size:14px;padding:8px 11px}.inventory-summary button{font-size:13px}nav button{font-size:15px}.panel{padding:18px 22px}.item{padding:12px 0}}@media(min-width:1100px){.inventory-panel .table-head,.inventory-panel .table-row{display:grid;grid-template-columns:minmax(250px,3fr) minmax(100px,1fr) minmax(125px,1.25fr) minmax(95px,.95fr) minmax(110px,1.1fr) minmax(105px,1.05fr) minmax(155px,1.5fr);gap:12px;align-items:center}.sales-panel .table-head,.sales-panel .table-row{display:grid;grid-template-columns:minmax(240px,3fr) minmax(100px,1.15fr) minmax(90px,1fr) minmax(90px,1fr) minmax(80px,.85fr) minmax(75px,.8fr) minmax(110px,1.2fr) minmax(80px,.9fr);gap:12px;align-items:center}.table-head{padding:11px 0;border-top:1px solid #2b3850;border-bottom:1px solid #42516a;color:#b6c4d9;font-size:13px;font-weight:650}.inventory-panel .table-row,.sales-panel .table-row{padding:12px 0}.table-row .cell{min-width:0;overflow-wrap:anywhere}.table-row .cell small{display:block;color:#9baac0;margin-top:3px}.table-row .item-name b{font-size:15px}.table-head .money,.table-row .money{text-align:right;font-variant-numeric:tabular-nums}.table-row .actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:5px}.table-row .actions button{padding:6px 8px;font-size:13px;white-space:nowrap}}@media(max-width:1099px){.table-head{display:none}.table-row .cell{margin-bottom:5px}.table-row .item-name{margin-bottom:8px}.table-row .cell small{display:block;color:#9baac0}}