.message{background-color:#add8e6}.header{background-color:#add8e6;padding:1em}.header-title{font-size:1.5em;font-weight:700}.main-content{max-width:800px;margin:0 auto}.table{display:flex;flex-direction:column}.stock-table-row{display:grid;grid-template-columns:1fr 4fr 1fr min-content min-content}.table-row{margin:3px 0}.table-row:nth-child(odd){background-color:#f0f0f0}.history-table-row{display:grid;grid-template-columns:4fr 1fr 4fr 1fr 3fr}.add-table-row{display:grid;grid-template-columns:3fr 2fr 2fr}.add-table-row input{min-width:5em}.short{color:red}.table-menu{display:inline-block;min-width:3em;border:1px solid black;border-radius:.2em;text-align:center;margin:1px 4px}.menu-label input[type=checkbox],.out-check{display:none}.out-menu ul{margin:0;padding:0;list-style-type:none}.out-menu ul>li{padding:0 1em;list-style-type:none}.out-check+.out-menu{display:none}.out-check:checked+.out-menu{display:block;position:absolute;background-color:#fff;border:1px solid #e0e0e0;box-shadow:2px 2px 2px #e0e0e0}.in-check{display:none}.in-menu ul{margin:0;padding:0;list-style-type:none}.in-menu ul>li{padding:0 1em;list-style-type:none}.in-check+.in-menu{display:none}.in-check:checked+.in-menu{display:block;position:absolute;background-color:#fff;border:1px solid #e0e0e0;box-shadow:2px 2px 2px #e0e0e0}@media screen and (max-width: 800px){.in-menu ul>li{font-size:1.5em}.out-menu ul>li{padding:0 1em;font-size:1.5em;list-style-type:none}}