:root{--g:#1d9371;--m:#c7156e;--b:#6c4027;--y:#eaa93d;--blue:#035fa5;--beige:#ede5de;--black:#2e2e2e;--paper:#fffaf5;--muted:#786f68}
*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f7f2ec;color:var(--black)}a{text-decoration:none;color:inherit}input,select,textarea,button{font:inherit}
.layout{min-height:100vh;display:grid;grid-template-columns:260px 1fr}.side{background:var(--black);color:white;padding:22px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;border-bottom:1px solid #555;padding-bottom:18px}.brand img{width:105px;height:65px;object-fit:contain}.brand small{display:block;opacity:.7}.nav{display:grid;gap:8px;margin-top:20px}.nav a{padding:12px 14px;border-radius:999px;font-weight:800}.nav a:hover,.nav a.on{background:var(--g)}main{padding:28px 34px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}header h1{margin:4px 0}header small{color:var(--b);font-weight:900;text-transform:uppercase;letter-spacing:.1em}
.card,.stat{background:var(--paper);border:1px solid #e5d9cf;border-radius:22px;box-shadow:0 12px 30px #00000010}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px}.stat{padding:20px}.stat span{color:var(--muted);font-weight:800}.stat strong{display:block;font-size:28px;margin-top:8px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.card{padding:20px}.card h2{margin-top:0}.list{display:grid}.row{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px dotted #c8bbb0}.row small{display:block;color:var(--muted)}.stock{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stock>div{background:var(--beige);padding:13px;border-radius:16px;display:flex;justify-content:space-between}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}label{display:grid;gap:6px;font-weight:800;margin-bottom:12px}input,select,textarea{padding:11px 12px;border:1px solid #d2c4b9;border-radius:14px;background:white;width:100%}.check{display:flex;gap:8px;align-items:center}.check input{width:auto}.btn{border:0;border-radius:999px;padding:11px 16px;font-weight:900;cursor:pointer;display:inline-block}.primary{background:var(--y)}.secondary{background:var(--g);color:white}.badge{border:0;border-radius:999px;padding:7px 10px;background:var(--beige);font-weight:800}.paid{background:#dff3e8;color:#11694e}.due{background:#fff0d7;color:#80550d}.products{display:grid;gap:9px}.product{display:grid;grid-template-columns:1fr 85px;gap:10px;align-items:center;background:var(--beige);padding:11px;border-radius:15px}.product small{display:block;color:var(--muted)}
.table{overflow:auto;padding:0}.table table{border-collapse:collapse;width:100%;min-width:900px}th,td{padding:13px;border-bottom:1px dotted #c8bbb0;text-align:left;vertical-align:top}th{background:var(--black);color:white}.alert{padding:12px 15px;border-radius:14px;margin-bottom:15px}.ok{background:#dff3e8}.err{background:#f7dddd}.auth{min-height:100vh;display:grid;place-items:center;background:var(--beige);padding:20px}.authbox{width:min(520px,100%);background:var(--paper);padding:28px;border-radius:24px;box-shadow:0 20px 50px #0002}.authbox img{display:block;width:190px;height:105px;object-fit:contain;margin:auto}
@media(max-width:900px){.layout{grid-template-columns:1fr}.side{position:relative}.nav{grid-template-columns:1fr 1fr}.stats{grid-template-columns:1fr 1fr}.grid2{grid-template-columns:1fr}main{padding:20px}}@media(max-width:560px){.stats,.formgrid,.stock,.nav{grid-template-columns:1fr}}