:root{--ink:#33453e;--green:#197b63;--mint:#43bf9e;--bg:#f4f8f6;--line:#dfe9e4;--muted:#6d7e75}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px system-ui,-apple-system,sans-serif}aside{width:238px;position:fixed;inset:0 auto 0 0;background:white;border-right:1px solid var(--line);padding:30px 22px;overflow:auto}.brand img{width:155px;display:block;margin:0 auto 22px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:750;color:var(--green)}aside>.eyebrow{text-align:center;margin-bottom:30px}nav button{display:block;width:100%;border:0;background:none;text-align:left;padding:13px;margin:4px 0;border-radius:8px;font:inherit;color:var(--muted);cursor:pointer}nav button.active{background:#e5f5ed;color:var(--green);font-weight:700}nav button:hover{background:#eef7f2}.admin{border-top:1px solid var(--line);margin-top:24px;padding-top:16px}aside footer{color:var(--muted);font-size:13px;margin-top:40px;line-height:1.7}main{margin-left:238px;padding:30px 46px;max-width:1700px}header{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:22px;color:var(--muted);font-size:12px}h1{font-size:38px;letter-spacing:-1.6px;line-height:1.15;margin:10px 0}h2{font-size:19px;margin:0 0 18px}h3{font-size:16px;margin:8px 0}p{line-height:1.6}.heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:30px 0}.muted{font-size:13px;color:var(--muted)}button,input,select,textarea{font:inherit}input,select,textarea{border:1px solid var(--line);border-radius:7px;padding:11px;background:white;color:var(--ink);max-width:100%}label{display:block;font-size:12px;color:var(--muted);margin:14px 0}label input,label select,label textarea{display:block;width:100%;margin-top:7px}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}.primary,.secondary{border-radius:7px;padding:11px 17px;font-weight:650}.primary{background:var(--green);color:white;border:1px solid var(--green)}.secondary{background:white;color:var(--green);border:1px solid var(--line)}.link{border:0;background:none;color:var(--green);text-decoration:underline;padding:4px;cursor:pointer}.panel,.card,.product{background:white;border:1px solid var(--line);border-radius:12px;padding:24px;margin-bottom:20px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.card{border-top:3px solid var(--mint)}.card small{color:var(--muted)}.value{font-size:27px;font-weight:700;margin:15px 0;overflow-wrap:anywhere}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}td,th{padding:14px 10px;border-bottom:1px solid var(--line);white-space:nowrap}th{font-size:11px;color:var(--muted)}.products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.product{display:flex;flex-direction:column;margin:0}.photo{height:150px;background:#f5f8f6;border-radius:8px;display:grid;place-items:center;margin-bottom:18px;color:var(--muted)}.photo img{width:100%;height:100%;object-fit:contain}.product h3{min-height:42px}.price{font-size:25px;font-weight:700;margin:12px 0}.price small{font-size:12px;font-weight:400}.availability{font-size:12px;display:flex;align-items:center;gap:7px}.dot{width:8px;height:8px;border-radius:50%;background:#31a469;display:inline-block}.dot.red{background:#d35858}.add{display:flex;gap:8px;margin-top:auto;padding-top:18px}.add input{width:95px}.add button{flex:1}.intro{max-width:560px;margin:50px 0 30px}.intro p{color:var(--muted)}.login-card{max-width:440px}.login-card button{width:100%;margin-top:14px}.tools{display:flex;gap:12px;flex-wrap:wrap;align-items:end;margin:18px 0}.tools input{flex:1;min-width:160px}.notice{padding:16px;border-radius:8px;background:#e6f4ed;color:var(--green);margin:15px 0;white-space:pre-wrap}.warning{background:#fff1dc;color:#8d632c}.overdue{background:#fff3c0}.badge{font-size:11px;background:#edf5ef;border-radius:5px;padding:5px 8px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}#preview{margin-top:24px;border-left:3px solid var(--mint)}#status{font-size:13px;color:var(--green);white-space:pre-wrap}.credentials{background:#fff3cc;border:1px solid #ead69c;padding:20px;border-radius:8px;white-space:pre-wrap}input:focus,select:focus,button:focus-visible,textarea:focus{outline:2px solid var(--mint);outline-offset:3px}[hidden]{display:none!important}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:25px}
@media(min-width:1450px){.products{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1050px){main{padding:24px;margin-left:205px}aside{width:205px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.products{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:670px){aside{position:static;width:100%;padding:16px}.brand img{width:100px;margin:0}.eyebrow{margin:12px 0}aside footer,aside>.eyebrow{display:none}nav{display:flex;overflow:auto;margin-top:16px}nav button{width:auto;white-space:nowrap}nav .admin{display:flex;border:0;padding:0;margin:0}nav .admin p{display:none}main{margin:0;padding:20px}h1{font-size:30px}.heading{align-items:start}.cards{gap:10px}.card{padding:15px}.value{font-size:23px}.products{gap:10px}.product{padding:14px}.photo{height:110px}.add{flex-wrap:wrap}.add input{width:100%}}

/* Compact catalogue and category controls. */
.catalog-tools label{margin:0;min-width:190px}.catalog-tools label:first-child{flex:2}.catalog-tools>input{flex:2;min-width:220px}.product{padding:18px}.photo{height:125px;margin-bottom:12px}.product .muted{font-size:11px}.products{gap:14px}@media(min-width:1200px){.products{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1450px){.products{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:670px){.product{padding:12px}.photo{height:100px}.catalog-tools label{min-width:140px;flex:1}}