body{margin:0;font-family:Helvetica Neue}form{width:300px;display:flex;flex-flow:column;gap:16px}form .row{width:100%}form input{width:100%;font-size:16px;line-height:44px;padding:0 1em;box-sizing:border-box}form button{width:100%;height:44px;font-size:16px}input{outline:none;border:1px solid #888}input:focus{border-color:#08f}.page-title{display:flex;justify-content:space-between;align-items:center}.sub-page{display:flex;flex-flow:column;padding-bottom:16px}button.standard{height:44px;width:120px}html,body,#app{width:100%;height:100%}:root{--line-color: #ccc}.end{height:88px;line-height:88px;text-align:center}.list{flex:1;display:flex;flex-flow:column;min-height:0;overflow-x:auto;position:relative}.list .table{display:grid}.list .table .fields{width:100%;position:sticky;top:0;background:#fff}.list .table .item,.list .table .fields{flex-shrink:0;display:flex;align-items:center;height:64px;border-bottom:1px solid var(--line-color);gap:16px}a{text-decoration:none;color:inherit}button{cursor:pointer}