:root{--bg:#f6f7f5;--surface:#fff;--ink:#171916;--muted:#757b74;--border:#e3e6e0;--green:#355c43;--radius:14px;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--bg);font-size:14px}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}.button,button{display:inline-flex;align-items:center;justify-content:center;background:var(--ink);color:white;border:1px solid var(--ink);padding:13px 18px;border-radius:8px;font:inherit;font-weight:600;cursor:pointer;min-height:44px;white-space:nowrap}.button:hover,button:hover{opacity:.85;text-decoration:none}button:disabled{opacity:.4;cursor:not-allowed}.secondary{color:var(--ink);background:white;border-color:var(--border)}input,select{font:inherit;border:1px solid var(--border);padding:13px 12px;border-radius:8px;max-width:100%;background:#fff;color:var(--ink)}input:focus,select:focus{outline:2px solid var(--green);outline-offset:2px}label{display:flex;flex-direction:column;gap:8px;margin-bottom:18px;font-size:13px;color:#50574e}h1{font-size:38px;letter-spacing:-1.5px;margin:10px 0}h2{font-size:19px;letter-spacing:-.4px;margin:0 0 18px}p{line-height:1.6;color:#60675d}small{font-size:12px;color:var(--muted)}.row small,td small{display:block;margin-top:5px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:var(--muted)}.app{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:228px;padding:40px 24px;display:flex;flex-direction:column;border-right:1px solid var(--border);background:#fff}.brand{display:flex;align-items:center;gap:14px;margin:0 0 60px;font-size:17px;font-weight:900;letter-spacing:-.5px;line-height:1.05}.brand img{width:46px}.sidebar>small{font-size:9px;letter-spacing:2px;padding-left:14px}.sidebar nav{display:flex;flex-direction:column;margin-top:16px;gap:6px}.sidebar nav a{padding:14px;border-radius:8px;color:#696e65}.sidebar nav a.selected{background:#ecf0e9;color:#284831;font-weight:700}.sidefooter{margin-top:auto;font-size:12px;line-height:1.6;padding-top:50px}.sidefooter span{color:var(--muted)}.sidefooter button{padding:10px 0;display:block}.main{margin-left:228px;padding:42px 48px;flex:1 1;min-width:0;max-width:1800px}.main>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:38px}.pill{border:1px solid var(--border);padding:8px 12px;border-radius:99px;font-size:9px;letter-spacing:1.5px}.card,.pill{background:white}.card{border:1px solid var(--border);border-radius:var(--radius);padding:26px;margin-bottom:22px}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.kpi{min-height:137px}.kpi small{display:block;margin-bottom:22px}.kpi strong{font-size:32px;letter-spacing:-1px;font-weight:500}.row,.sectionhead{display:flex;align-items:center;justify-content:space-between;gap:15px}.sectionhead{margin-bottom:20px}.sectionhead h2{margin:0}.sectionhead>a{font-size:12px}.sectionhead>span{color:var(--muted);font-size:12px}.row{padding:15px 0;border-bottom:1px solid #eef0eb}.row:last-child{border:0}.twocol{display:grid;grid-template-columns:1.2fr 1fr;gap:22px}.status{font-size:12px;color:#8b6556;white-space:nowrap}.online{color:var(--green)}.stocklow{color:#9c613f;font-weight:600}.toolbar{display:flex;align-items:center;gap:12px;margin-bottom:24px;flex-wrap:wrap}.toolbar>input{flex:1 1;min-width:150px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}th{font-size:10px;text-transform:uppercase;letter-spacing:1px;font-weight:500;color:var(--muted);padding:15px 12px;border-bottom:1px solid var(--border);white-space:nowrap}td{padding:18px 12px;border-bottom:1px solid #eef0eb}tr:last-child td{border-bottom:0}.productcell{display:flex;gap:16px;align-items:center;min-width:200px}.productcell img{width:34px;height:34px;object-fit:contain}.notice{padding:16px 20px;background:#eef1e9;border:1px solid #dce5d6;border-radius:8px;margin:16px 0;line-height:1.7;overflow-wrap:anywhere}.overlay{position:fixed;inset:0;background:#161a1466;z-index:5;display:flex;align-items:center;justify-content:center;padding:24px}.dialog{background:white;width:760px;max-width:100%;max-height:92vh;overflow:auto;border-radius:16px;padding:32px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.narrow{width:460px}.check{flex-direction:row;align-items:center}.thumb{width:70px;height:70px;object-fit:contain}.textbutton{background:none;border:0;color:var(--muted);font-size:12px}.login{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;background:white}.loginbrand{background:#eef0e9;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px}.loginbrand img{width:150px;margin-bottom:40px}.loginbrand h1{font-size:48px}.loginbrand p{letter-spacing:1px}.login form{width:360px;max-width:90%;margin:auto;padding:40px 0}.login h2{font-size:32px;margin:18px 0 38px}.login form>button{width:100%;margin-bottom:14px}.attempt{padding:16px 0;border-bottom:1px solid var(--border);margin-bottom:15px}.attempt small{display:block;line-height:1.8;overflow-wrap:anywhere}.code{font-family:monospace;font-size:22px;letter-spacing:2px}@media (max-width:1100px){.main{padding:30px 25px}.kpis{grid-template-columns:repeat(2,1fr)}.twocol{grid-template-columns:1fr}}@media (max-width:700px){.sidebar{position:static;width:100%;padding:20px;border-bottom:1px solid var(--border)}.app{display:block}.brand{margin:0 0 20px}.sidebar nav{flex-direction:row;overflow:auto;gap:0}.sidebar>small,.sidefooter{display:none}.sidebar nav a{padding:12px}.main{margin:0;padding:24px 16px}.pill{display:none}.card{padding:20px}.formgrid{grid-template-columns:1fr}.login{display:block}.loginbrand{padding:35px}.loginbrand img{width:60px;margin-bottom:15px}.loginbrand h1{font-size:28px}.loginbrand p{display:none}.kpi strong{font-size:25px}h1{font-size:32px}}