:root{font-family:system-ui,sans-serif;color:#233c32;background:#f5f6f0}*{box-sizing:border-box}body{margin:0}header{background:#244b3d;color:white;padding:24px 5%}h1{margin:0;font-size:28px}header p{margin:7px 0}nav{display:flex;gap:8px;flex-wrap:wrap;padding:16px 5%;background:white;border-bottom:1px solid #d5ddd3}button,input,select,textarea{font:inherit;border:1px solid #bacabd;border-radius:8px;padding:10px}button{cursor:pointer;background:white;color:#244b3d}button.primary,nav button.active{background:#244b3d;color:white}button:disabled{opacity:.5;cursor:default}main{max-width:1250px;margin:auto;padding:24px}h2{font-size:24px}h3{margin:0 0 10px}.bar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:15px 0}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(265px,1fr));gap:15px}.card{background:white;border:1px solid #d8dfd3;border-radius:14px;padding:18px}.muted{color:#66776b;font-size:14px}.tag{display:inline-block;background:#e9efe5;padding:4px 8px;border-radius:6px;font-size:12px}.warn{background:#fff0d6;border:1px solid #dfbe72;padding:12px;border-radius:8px}.success{background:#e0efdf;padding:12px;border-radius:8px}label{display:block;margin:10px 0}label input,label select,label textarea{display:block;width:100%;margin-top:5px}table{width:100%;border-collapse:collapse;background:white}td,th{padding:12px;text-align:left;border-bottom:1px solid #dce2d8;vertical-align:top}td input{max-width:100px}.scroll{overflow:auto}.photo{width:100%;height:150px;object-fit:cover;border-radius:8px}.placeholder{background:#eef2e9;font-size:40px;text-align:center;padding:22px;border-radius:8px;margin-bottom:12px}small{display:block}.signature{height:80px;border-bottom:1px solid #333;margin:20px 0}.hidden{display:none!important}#toast{position:fixed;bottom:20px;left:5%;right:5%;padding:14px;background:#244b3d;color:white;border-radius:8px;z-index:9}dialog{border:0;border-radius:16px;max-width:560px;width:95%;max-height:90vh;overflow:auto}dialog::backdrop{background:#0007}@media(max-width:600px){main{padding:15px}header{padding:20px}td,th{padding:8px}.grid{grid-template-columns:1fr}}@media print{header,nav,.noprint,#toast{display:none!important}main{padding:0}.card{border:0}body{background:white;color:black}input{border:0} }

header{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}header h1 span{font-weight:400}header button{margin:4px}.login{max-width:450px;margin:30px auto}.loading{opacity:.6;pointer-events:none}.split{display:grid;grid-template-columns:2fr 1fr;gap:20px}.shortage{color:#a73324}.receipt input{max-width:100px}@media(max-width:800px){.split{grid-template-columns:1fr}}@media print{dialog{display:none}body{font-size:12px}}