:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#22362f;background:#f3f5f2;font-size:15px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}aside{width:225px;background:#183e32;color:white;position:fixed;inset:0 auto 0 0;padding:30px 20px} .brand{font-size:25px;font-weight:800;letter-spacing:2px}.sub{font-size:11px;letter-spacing:2px;color:#aec8b9;margin-top:7px}nav{margin-top:45px;display:grid;gap:9px}nav button{border:0;background:transparent;color:#c9d9d0;text-align:left;padding:14px;border-radius:8px}nav button.active{background:#315648;color:white}aside footer{position:absolute;bottom:24px;font-size:12px;color:#b4c8bc}main{margin-left:225px;padding:28px 38px;max-width:1700px}.top{display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:13px;color:#68766e}.demo{background:#fff4d6;color:#765a18;padding:8px 12px;border-radius:6px}h1{font-size:32px;letter-spacing:-1px;margin:30px 0 8px}h2{font-size:19px;margin:0}p{color:#68766e;line-height:1.5}.heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.primary{background:#245b43;color:white;border:0;border-radius:7px;padding:11px 17px}.secondary{background:white;border:1px solid #d8e0d9;border-radius:7px;padding:10px 14px;color:#345343}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:25px 0}.stat,.panel{background:white;border:1px solid #dfe5df;border-radius:11px;padding:21px}.stat small{color:#67786d}.stat strong{display:block;font-size:30px;margin:9px 0}.red{color:#ae3434}.badge{display:inline-block;border-radius:5px;font-size:11px;padding:5px 8px;background:#e9f1eb;color:#386047;font-weight:650;white-space:nowrap}.badge.red{background:#fce8e7;color:#ae3434}.badge.gold{background:#fff2d6;color:#8c650f}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}input,select{padding:10px 12px;border:1px solid #d7dfd8;border-radius:6px;background:white;color:#324c3e}input[type=search]{min-width:260px;flex:1}.tabs{display:flex;gap:8px;margin-top:24px}.tabs button{border:0;background:transparent;padding:10px 16px;color:#66766b}.tabs button.active{background:#e2ede5;border-radius:7px;color:#214e36;font-weight:700}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left}th{font-size:11px;letter-spacing:.5px;text-transform:uppercase;color:#758377;background:#f7f9f6;padding:13px 12px}td{padding:17px 12px;border-top:1px solid #edf0eb;font-size:13px}td small{display:block;color:#7b867d;margin-top:5px}td:first-child{min-width:190px}.rowlink{background:none;border:0;padding:0;color:#254b36;font-weight:650;text-align:left}.footnote{font-size:12px;color:#7b877f;margin:16px 0 0}.grid{display:grid;grid-template-columns:1.6fr 1fr;gap:20px}.alert{border-bottom:1px solid #eee;padding:18px 0;display:flex;justify-content:space-between;gap:15px}.alert:last-child{border:0}dialog{border:0;border-radius:12px;padding:26px;max-width:540px;width:94%;box-shadow:0 15px 90px #183e3244}dialog::backdrop{background:#0c251d66}label{display:grid;gap:6px;font-size:13px;margin:15px 0}.actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.hidden{display:none!important}.mobilehint{display:none}@media(max-width:850px){aside{position:sticky;top:0;width:100%;padding:14px 16px;z-index:2}.brand{font-size:19px}.sub,aside footer{display:none}nav{margin-top:12px;display:flex;overflow:auto;gap:3px}nav button{padding:9px 12px;white-space:nowrap}main{margin:0;padding:20px 16px}.top{align-items:flex-start}.stats{grid-template-columns:1fr 1fr;gap:10px}.stat{padding:15px}.grid{grid-template-columns:1fr}h1{font-size:27px}.heading{align-items:flex-start}.demo{font-size:11px}.inventory table,.inventory tbody,.inventory tr,.inventory td{display:block}.inventory thead{display:none}.inventory tr{padding:13px 0;border-bottom:1px solid #dce4dc}.inventory td{border:0;padding:6px 4px;min-width:0;display:flex;justify-content:space-between;gap:15px}.inventory td:before{content:attr(data-label);color:#7b867d}.inventory td:first-child{display:block}.inventory td:first-child:before{display:none}.inventory td small{display:inline}.mobilehint{display:block;font-size:12px;color:#7b867d}.tabs{overflow:auto}.tabs button{white-space:nowrap}}

textarea{font:inherit;padding:10px;border:1px solid #d7dfd8;border-radius:6px;width:100%}.notice{padding:14px;border-radius:8px;background:#fce8e7;color:#9a2d2d}.login{max-width:450px;margin:60px auto;padding:28px;background:white;border:1px solid #dfe5df;border-radius:12px}.photo{width:150px;height:120px;object-fit:contain;border-radius:6px;background:#f3f5f2}.photos{display:flex;gap:12px;flex-wrap:wrap}.photo-link{display:block}.meta{font-size:12px;color:#68766e}.controls{display:flex;flex-wrap:wrap;gap:8px}.maintenance-row{align-items:flex-start}button:disabled{opacity:.5;cursor:wait}#workspace[hidden],#auth[hidden]{display:none}.error{color:#ae3434}dialog{max-height:92vh;overflow:auto}a{color:#245b43} .full{width:100%}@media(max-width:600px){.alert{flex-wrap:wrap}.login{margin:20px 14px}.heading{flex-wrap:wrap}input[type=search]{min-width:150px}}
fieldset{border:1px solid #dfe5df;border-radius:8px;margin:20px 0;padding:14px}legend{font-weight:700;padding:0 6px}

.stock-count-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.stock-count-fields input{width:100%;min-width:0}@media(max-width:420px){.stock-count-fields{grid-template-columns:1fr;gap:0}}

.product-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.date-filter{display:flex;align-items:center;gap:8px;margin:0}@media(max-width:700px){.product-stats{grid-template-columns:1fr}}

.product-overview{margin-top:24px}.product-overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.product-overview-item h3{margin-bottom:10px}.product-balance{font-size:28px}.product-balance small{font-size:16px;font-weight:400}@media(max-width:650px){.product-overview-grid{grid-template-columns:1fr;gap:10px}.product-overview .heading{align-items:flex-start;flex-wrap:wrap}}
/* Keep narrow screens within the viewport; let wide tables scroll inside their panel. */
html,body,#workspace{max-width:100%;min-width:0}main,#app,.panel,.stat,.grid>*,.stats>*,.product-overview-grid>*{min-width:0}.tablewrap{min-width:0;max-width:100%}fieldset{min-inline-size:0}input,select,textarea{max-width:100%}input:not([type=checkbox]):not([type=radio]),select,textarea{min-width:0}p,td,legend,.meta,.footnote,.product-balance{overflow-wrap:anywhere}
@media(max-width:850px){aside{max-width:100%}nav{display:flex;flex-wrap:wrap;overflow:visible}nav button{white-space:normal;padding:10px 12px}.top{flex-wrap:wrap}.top .controls{min-width:0;max-width:100%}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.grid{grid-template-columns:minmax(0,1fr)}.toolbar>*{min-width:0;max-width:100%}input,select,textarea{font-size:16px}input:not([type=checkbox]):not([type=radio]),select,textarea{width:100%}.date-filter{flex-wrap:wrap;width:100%}.tabs{max-width:100%}dialog{width:calc(100% - 24px);max-width:540px;padding:20px;max-height:calc(100dvh - 24px);margin:auto}.actions{flex-wrap:wrap}.inventory td>div{min-width:0}.inventory td:before{flex-shrink:0;max-width:45%}.badge{white-space:normal}.product-overview-grid{grid-template-columns:minmax(0,1fr)}.controls button{max-width:100%}}
@media(max-width:360px){main{padding:16px 12px}.panel{padding:16px}.stats{grid-template-columns:minmax(0,1fr)}nav button{padding:9px 10px}}

.account-footer{display:flex;align-items:center;flex-wrap:wrap;gap:12px;border-top:1px solid #dfe5df;padding-top:20px;margin-top:32px;color:#68766e;font-size:13px}.account-footer span{margin-right:auto}.overview-page #app>.heading{display:none}.product-overview-compact{padding:4px 0 12px}.product-stock-line{font-size:23px;line-height:1.4;padding:6px 0;overflow-wrap:anywhere}.product-overview-compact>.rowlink{margin-top:10px;font-size:13px}@media(max-width:600px){.product-stock-line{font-size:20px}.overview-page main{padding-top:12px}}

.remember-device{display:flex;align-items:center;gap:10px;font-size:14px}.remember-device input{flex-shrink:0;width:auto}

.product-overview-summary{padding-bottom:12px}.overview-daily{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:14px;color:#52675b}.overview-today{font-weight:700;color:#22362f}@media(max-width:600px){.overview-daily{display:grid;grid-template-columns:minmax(0,1fr);gap:5px}.overview-today{margin-top:2px}.product-overview-summary{padding-bottom:16px}}

.overview-attention{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px}.overview-attention .panel{padding:18px}.overview-attention .alert{gap:10px}.overview-attention .alert>div{min-width:0}.overview-attention .alert>.secondary{align-self:center}.overview-attention>.panel>.secondary{margin-top:10px;font-size:13px}.overview-attention h2{font-size:18px}@media(max-width:1150px){.overview-attention{grid-template-columns:minmax(0,1fr)}}