button{cursor:pointer;border-radius:0;border:1px solid #bbb}table{border-collapse:collapse}table th,table td{padding:.25em;border:1px solid #aaa;white-space:nowrap}table th{text-align:left}.user-view{display:flex;flex-direction:column;justify-content:center;gap:.75em}.user-view .message,.user-view .user-nav,.user-view .profile,.user-view .name,.user-view .intake,.user-view .activity{max-width:800px;margin:auto;width:100%}.user-view .message{text-align:center}.user-view .user-nav{display:flex;flex-direction:row;justify-content:space-between}.user-view .user-nav>button{font-size:120%;font-weight:700;height:38px;min-width:38px}.user-view .name{text-transform:capitalize;text-align:center;margin:0 auto;font-size:16pt}.user-view>* h3{text-align:center;margin:0}.user-view table.calories,.user-view table.activity{width:100%}.user-view table td.calories,.user-view table td.protein{text-align:right}.user-view table td.calories input,.user-view table td.protein input{text-align:right;width:6em}.user-view table td.description{width:100%}.user-view table td.description>div{display:flex;gap:.25em}.user-view table td.description>div>:nth-child(1){flex:1}.user-view table .target input,.user-view table .weight input{width:4em}.user-view .profile{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.25em}.user-view .profile table{margin:0}.user-view .profile table th,.user-view .profile table td{text-align:right}.user-view .profile form{display:flex;gap:.25em;text-align:left}.user-view .profile form input{text-align:right;margin-right:.125em}.user-view .profile form>:nth-child(1){flex:1}.user-view .profile input{width:5em}.user-view .chart-view{text-align:left}.user-view .stats{display:flex;justify-content:center;gap:1em}.user-view .error{color:red}.user-view .success{color:green}