:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#fff;background-color:#222;--highlight-background: plum;--highlight-color: black}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;text-align:center}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#222;background-color:#fff;--highlight-color: black}a:hover{color:#747bff}button{background-color:#f9f9f9}}.lists{width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.MaterialList,.ProductsList{display:flex;flex-direction:column;height:90vh;overflow-y:auto}@media (max-width: 600px){.lists{grid-template-columns:minmax(0,1fr)}.MaterialList,.ProductsList{height:auto;overflow-y:visible}}.SearchBox{position:sticky;top:0;padding:1rem;border-bottom:1px solid var(--border-color)}.SearchBox input{width:100%;box-sizing:border-box;padding:.7rem;border:none;border-bottom:1px solid var(--border-color);font-size:1.2rem;border-radius:.5rem}.MaterialRow,.ProductRow{border-radius:.5rem;margin:.5rem;cursor:pointer}.MaterialRow.highlight,.ProductRow.highlight{background-color:var(--highlight-background);color:var(--highlight-color)}.MaterialRow.highlight:hover,.ProductRow.highlight:hover{filter:brightness(1.2)}.MaterialRow:not(.highlight):hover,.ProductRow:not(.highlight):hover{color:plum;cursor:pointer;text-decoration:underline}.Material{.material-header{text-align:center}.material-text{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;padding:1rem}label{font-size:.7rem;font-weight:700;margin-bottom:-1.5rem}.material-dims{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:1rem;p{font-size:1.5rem}}}.Stocktake{text-align:center;.history-list{display:flex;flex-direction:column;padding:0;gap:.2rem;height:min(auto,300px);overflow-y:auto;margin-bottom:1rem}.history-line p{margin:0}.stocktake-form{display:flex;flex-direction:column;align-items:center;gap:1rem}.calculator{display:flex;flex-direction:column;align-items:center;input{width:100%;font-size:1.2rem}}}.NewTransaction{text-align:center;.transact-form{display:flex;flex-direction:column;align-items:center;gap:1rem}}.group{display:flex;flex-direction:column;gap:.5rem;align-items:center}select{border-radius:.5rem;font-size:1rem;padding:.5rem}label{font-size:.7rem;font-weight:700;margin-bottom:0}input{text-align:center;width:50%;border-radius:.5rem;font-size:1rem;padding:.5rem}.actions{width:100%;flex-wrap:wrap;display:flex;justify-content:center;gap:1rem}.error{color:#ffdab9;font-size:1.1rem}.Login{.login-form{display:flex;flex-direction:column;gap:1rem;align-items:center;input{width:100%}}}.transact-history{display:flex;flex-direction:column;gap:.3rem}.TransactRow{display:flex;flex-direction:row;align-items:center;align-content:center;justify-content:center;gap:.2rem;margin:0;&.pending{color:#fffacd;cursor:pointer;text-decoration:underline}h4,p{margin:0}}.Modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:100;display:flex;justify-content:center;align-items:center;.modal-stuff{border:1px solid plum;display:flex;flex-direction:column;gap:1rem;padding:1rem;border-radius:.5rem;box-shadow:0 0 .5rem #000c;backdrop-filter:blur(5px);.modal-footer{display:flex;gap:1rem;justify-content:center}}}.create-buttons{display:flex;gap:1rem;justify-content:space-evenly}.new-product-form{display:flex;flex-direction:column;gap:1rem}button.active{background-color:var(--highlight-background)}success{font-size:2rem}